@expofp/floorplan 3.0.0-alpha.9 → 3.0.1

package/dist/esm/components/LogoOverlay.js

@@ -1 +1 @@
-import{jsx as t,jsxs as m}from"react/jsx-runtime";import p from"classnames";import S from"color";import{useLocalStore as P,useObserver as R}from"mobx-react-lite";import M from"react-qr-code";import _ from"../data";import f,{uiState as o}from"../store";import l from"../tools/settings";import{remsToPixels as n}from"../utils";import{t as a}from"../utils/i18n";import c from"../utils/is-from-designer";import d from"./Alert";import"./Alert.scss";import"./LogoOverlay.scss";import{fpGeo as h}from"./Mapbox/utils/fpGeo";import C from"../tools/base-runtime-url";const g=["info-techlive2025","metstrade-superyacht2023"].includes(l.EXPO),V=l.backgroundColor!=="none"&&S(l.backgroundColor).isDark()||h?.properties?.style?.includes("dark");export default function O(){const b=P(()=>{const i=(r,e,j,k)=>({width:k,opacity:o.wsStarted?1:0}),s=g||o.rtl?"left":"right";return{get style(){const r=n((o.overlayPosition==="left",1));if(o.overlayPosition==="left"){const e=o.mapVisibleBottom+r;return i("bottom",s,e,"5rem")}else{let e=o.mapVisibleTop;return f.mapboxStore.showMapbox&&(e=n(.5)),i("bottom",s,20,"4.5rem")}},get warningStyle(){const r=n(o.overlayPosition==="left"?1:.5);if(o.overlayPosition==="left"){const e=o.mapVisibleBottom+2*r;return i("bottom",s,e,"3rem")}else{let e=o.mapVisibleTop+2*r;return f.mapboxStore.showMapbox&&(e=n(.5)),i("top",s,e,"2rem")}}}}),u=Math.round(window.__fpStat?.dataSize/1024/1024||0),w=c&&u>=10,x=c&&!h&&_.allow3dView&&!o.kiosk&&!o.heatmap,v=o.kiosk&&!o.selectedRoute?.to&&!o.selectedRoute?.from,y=p("efp-qr",{"is-right":g||o.rtl});return R(()=>m("div",{children:[t("a",{href:"https://expofp.com/",target:"_blank",rel:"noopener noreferrer",className:p("logo-overlay",{invert:V}),style:b.style,children:t("img",{src:`${C}expofp-overlay.png`,alt:a("Made with ExpoFP"),crossOrigin:"anonymous"})}),w&&t(d,{title:"This floor plan is too big",variant:"warning",showIcon:!0,position:"bottomRight",children:t("a",{rel:"noopener noreferrer",target:"_blank",href:"https://expofp.com/pages/huge-fp-warning",children:a("Read how to optimize it")})}),x&&t(d,{title:"3D view is hidden",variant:"warning",showIcon:!0,position:"bottomRight",children:t("a",{rel:"noopener noreferrer",target:"_blank",href:"https://expofp.com/pages/expofp-mapbox-integration",children:a("Setup mapbox first")})}),v&&m("div",{className:p(y,{"efp-semi-transparent":o.setKioskModeEnabled}),children:[t("div",{children:a("View Map on Phone")}),t(M,{value:o.viewMapOnPhoneQRCodeUrl,size:100})]})]}))}
+import{jsx as t,jsxs as m}from"react/jsx-runtime";import p from"classnames";import S from"color";import{Suspense as P}from"react";import{useLocalStore as M,useObserver as R}from"mobx-react-lite";import _ from"../data";import f,{uiState as o}from"../store";import l from"../tools/settings";import{remsToPixels as n}from"../utils";import{t as a}from"../utils/i18n";import c from"../utils/is-from-designer";import d from"./Alert";import"./Alert.scss";import"./LogoOverlay.scss";import{fpGeo as h}from"./Mapbox/utils/fpGeo";import C from"../tools/base-runtime-url";import V from"./QrCode";const g=["info-techlive2025","metstrade-superyacht2023"].includes(l.EXPO),O=l.backgroundColor!=="none"&&S(l.backgroundColor).isDark()||h?.properties?.style?.includes("dark");export default function j(){const b=M(()=>{const i=(r,e,z,k)=>({width:k,opacity:o.wsStarted?1:0}),s=g||o.rtl?"left":"right";return{get style(){const r=n((o.overlayPosition==="left",1));if(o.overlayPosition==="left"){const e=o.mapVisibleBottom+r;return i("bottom",s,e,"5rem")}else{let e=o.mapVisibleTop;return f.mapboxStore.showMapbox&&(e=n(.5)),i("bottom",s,20,"4.5rem")}},get warningStyle(){const r=n(o.overlayPosition==="left"?1:.5);if(o.overlayPosition==="left"){const e=o.mapVisibleBottom+2*r;return i("bottom",s,e,"3rem")}else{let e=o.mapVisibleTop+2*r;return f.mapboxStore.showMapbox&&(e=n(.5)),i("top",s,e,"2rem")}}}}),u=Math.round(window.__fpStat?.dataSize/1024/1024||0),w=c&&u>=10,x=c&&!h&&_.allow3dView&&!o.kiosk&&!o.heatmap,v=o.kiosk&&!o.selectedRoute?.to&&!o.selectedRoute?.from,y=p("efp-qr",{"is-right":g||o.rtl});return R(()=>m("div",{children:[t("a",{href:"https://expofp.com/",target:"_blank",rel:"noopener noreferrer",className:p("logo-overlay",{invert:O}),style:b.style,children:t("img",{src:`${C}expofp-overlay.png`,alt:a("Made with ExpoFP"),crossOrigin:"anonymous"})}),w&&t(d,{title:"This floor plan is too big",variant:"warning",showIcon:!0,position:"bottomRight",children:t("a",{rel:"noopener noreferrer",target:"_blank",href:"https://expofp.com/pages/huge-fp-warning",children:a("Read how to optimize it")})}),x&&t(d,{title:"3D view is hidden",variant:"warning",showIcon:!0,position:"bottomRight",children:t("a",{rel:"noopener noreferrer",target:"_blank",href:"https://expofp.com/pages/expofp-mapbox-integration",children:a("Setup mapbox first")})}),v&&t(P,{fallback:null,children:m("div",{className:p(y,{"efp-semi-transparent":o.setKioskModeEnabled}),children:[t("div",{children:a("View Map on Phone")}),t(V,{value:o.viewMapOnPhoneQRCodeUrl,size:100})]})})]}))}

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

@@ -1,25 +1,2 @@
-import { ImageDef, RenderableDef, Renderer as EngineRenderer, TextDef } from "@expofp/renderer";
-import { CustomFonts } from "./drawing/config/engine-core";
-import { 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/Map/Map.js

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

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

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

@@ -1,4 +1,4 @@
-import { FontSizeFactor } from "./engine-core";
+import { FontSizeFactor } from "../../../../renderer";
 export default class TextFitter {
     private readonly maxMultilineFontSize;
     private readonly baseFontSize;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { Layer } from "../../../../store/LayerStore";
 import { LayerDef } from "@expofp/renderer";
-import { PathInfo } from "./engine-core/types";
+import { PathInfo } from "../../../../renderer/engine-core/types";
 import { ShapeBgDef } from "../../../../data/Data";
 export declare const BG_LAYER_NAME = "bg";
 export declare const FG_LAYER_NAME = "fg";

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

@@ -1 +1 @@
-import{select as d}from"d3-selection";import{getLayerSvg as m,gtePathByIndex as p}from"../../../../data/svg";import g from"../../../../store";import{LayersMode as h}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 o=[],n=[];const a=[],r=d(m(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(),f=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=g.layerStore.mode!==h.Default?t.rootParent?.name||t.name:"";for(const e of c){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))}for(const e of f){const s=+e.getAttribute("data-index");e.tagName==="path"&&s!==-1?n.push(buildPathDef({color:e.style.fill,index:s},l)):e.tagName==="rect"&&n.push(i(e))}return a.push({name:BG_LAYER_NAME,children:o.filter(e=>e)}),a.push({name:FG_LAYER_NAME,children:n.filter(e=>e)}),Promise.resolve({name:t.name,children:a.filter(e=>e.children.length)})}export function buildPathDef(t,o){if(t.index===-1||Number.isNaN(t.index))return;(!t.color||t.color==="none")&&(t.color="transparent");const n=parseInt(t.index.toString()),a=p(n,o),r=u(a,t.color);return r.unblinking=t.unblinking,r}
+import{select as d}from"d3-selection";import{getLayerSvg as m,gtePathByIndex as p}from"../../../../data/svg";import g from"../../../../store";import{LayersMode as h}from"../../../../store/LayerStore";import{rectToShapeDef as i,meshToShapeDef as u}from"../../../../renderer";export const BG_LAYER_NAME="bg",FG_LAYER_NAME="fg";export default async function x(t){let o=[],n=[];const a=[],r=d(m(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(),f=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=g.layerStore.mode!==h.Default?t.rootParent?.name||t.name:"";for(const e of c){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))}for(const e of f){const s=+e.getAttribute("data-index");e.tagName==="path"&&s!==-1?n.push(buildPathDef({color:e.style.fill,index:s},l)):e.tagName==="rect"&&n.push(i(e))}return a.push({name:BG_LAYER_NAME,children:o.filter(e=>e)}),a.push({name:FG_LAYER_NAME,children:n.filter(e=>e)}),Promise.resolve({name:t.name,children:a.filter(e=>e.children.length)})}export function buildPathDef(t,o){if(t.index===-1||Number.isNaN(t.index))return;(!t.color||t.color==="none")&&(t.color="transparent");const n=parseInt(t.index.toString()),a=p(n,o),r=u(a,t.color);return r.unblinking=t.unblinking,r}

package/dist/esm/components/Map/drawing/config/config-booth-badge.d.ts

@@ -0,0 +1,9 @@
+import { Booth, RegularBooth } from "../../../../store/BoothStore";
+import { LayerDef, ShapeDef, TextDef } from "@expofp/renderer";
+import { RendererService } from "../../../../renderer";
+export declare function createBoothBadge(rendererService: RendererService, booth: RegularBooth): {
+    bg: ShapeDef;
+    text: TextDef;
+};
+export declare function configBoothsBadges(rendererService: RendererService, layerName: string, booths: Booth[]): LayerDef | null;
+//# sourceMappingURL=config-booth-badge.d.ts.map

package/dist/esm/components/Map/drawing/config/config-booth-badge.js

@@ -0,0 +1 @@
+import{RegularBooth as Z}from"../../../../store/BoothStore";import{Rect as v}from"./Rect";import{getFontUrlByWeight as j}from"./config-booth-labels";import q from"color";import U from"../../../../tools/settings";import{boothStore as J,uiState as K}from"../../../../store";import{reaction as X}from"mobx";import{createShapeDef as Q,createTextDef as V,createTextDefLines as tt}from"../../../../renderer";import{getContrastTextColor as nt}from"../../../../utils/getContrastTextColor";import{getFont as et}from"./canvases";import{getTrianglesFromFpPaths as ot}from"../../../../data/svg";import{pointInTriangle as it}from"../../../../utils/geometry";import{SEPARATOR as M}from"../../../../constants";import rt from"../../../../data";const k=400,st=.5,ct=.3,N=15,ft=24,L=30,at=12,lt=12,z=.8,Y=document.createElement("canvas").getContext("2d");function dt(t){return t.length<=N?t:t.slice(0,N-1)+"\u2026"}function b(t){if(!t.paths?.length)return[];const n=t.layer?.name||"",e=[];for(const o of t.paths)for(const s of ot(o.index,n))e.push(s);return e}function ut(t){const n=b(t);if(!n.length)return null;let e=1/0,o=1/0,s=-1/0,r=-1/0;for(const c of n)for(const i of c)i[0]<e&&(e=i[0]),i[1]<o&&(o=i[1]),i[0]>s&&(s=i[0]),i[1]>r&&(r=i[1]);return isFinite(e)?{x1:e,y1:o,w:s-e,h:r-o}:null}function T(t,n,e){for(const o of e)if(it(t,n,o))return!0;return!1}function mt(t,n,e,o,s,r){if(!t.length||!T(n,e,t))return r;let c=0,i=r;const p=10;for(let h=0;h<p;h++){const u=(c+i)/2,m=o*u,l=s*u;T(n+m,e,t)&&T(n,e+l,t)&&T(n+m,e+l,t)?c=u:i=u}return c}function gt(t){return ut(t)??t.rect}function ht(t,n,e,o){const s=gt(t);if(n.length){const m=new Set;let l=null,g=1/0;for(const E of n)for(const x of E){const _=`${x[0]},${x[1]}`;if(m.has(_))continue;m.add(_);const B=x[0]+e,y=x[1]+e;if(T(B,y,n)){const I=B-s.x1+(y-s.y1);I<g&&(g=I,l={x:B,y})}}if(l)return l}const r=t.rect.x1+e,c=t.rect.y1+e;if(!o)return{x:r,y:c};const i=Math.cos(o),p=Math.sin(o),h=r-t.rect.cx,u=c-t.rect.cy;return{x:t.rect.cx+h*i-u*p,y:t.rect.cy+h*p+u*i}}function C(t){return t&&t!=="none"?t:void 0}function xt(t){const n=C(t.borderColor)||C(U.boothBorderColor)||U.colors.booths.default;return t.paths?.length>1&&C(t.paths[t.paths.length-1].color)||n}export function createBoothBadge(t,n){const e=dt(n.title||n.name),o=xt(n),s=nt(q(o).hex()),r=window.devicePixelRatio||1,c=et(L,k);Y.font=c;const i=Y.measureText(e).width,p=Math.ceil(i+at*2),h=L+lt*2,u=(n.borderWidth||J.borderWidth)/2,m=p*z,l=h*z,g=n.rotate?-n.rotate:0,E=n.rect.w,x=n.rect.h,_=Math.min(E>0?E*st/m:1/0,x>0?x*ct/l:1/0),B=b(n),{x:y,y:I}=ht(n,B,u,g),G=mt(B,y,I,m,l,_),P=Math.cos(g),$=Math.sin(g),S=(f,A)=>{const D=f/2,R=A/2,F=y+D*P-R*$,O=I+D*$+R*P;return new v({x:F-D,y:O-R},{x:F+D,y:O+R},g)},H=f=>{const A=Math.min(f,G);return S(m*A,l*A)},W=j(k,t.fontUrls),d=Q(S(1,1),o);d.hidden=!0,d.dim=n.skipDim?!1:void 0;const a=V(tt([[e],[]],s,0,[W,W]),S(1,1),[0,0],{horizontal:"center",vertical:"center"});a.hidden=!0,a.dim=n.skipDim?!1:void 0;const w=()=>!!(n.layer&&!n.layer.visible);return X(()=>n.skipDim,f=>{d.dim=f?!1:void 0,a.dim=f?!1:void 0,t.update(d,a)}),X(()=>n.layer?.visible??!0,f=>{d.hidden=!f,a.hidden=!f,t.update(d,a)}),t.onPtScale(`badge-bg-${n.id}`,f=>(d.shape=H(f),d.hidden=w(),d)),t.onPtScale(`badge-text-${n.id}`,f=>{const A=Math.min(f,G);return a.lines[0].fontSize=ft/r*A,a.bounds=H(f),a.hidden=w(),a}),{bg:d,text:a}}export function configBoothsBadges(t,n,e){if(rt.hideExhibitorBoothNumber)return null;const o=[],s=[];for(const r of e)if(r instanceof Z&&r.noLabels&&!K.hideLogoInBooth&&r.exhibitors.some(c=>c.logoInBooth&&c.logo)){const{bg:c,text:i}=createBoothBadge(t,r);o.push(c),s.push(i)}return o.length?{name:`${n}${M}badges`,children:[{name:`${n}${M}badgeBgs`,children:o},{name:`${n}${M}badgeTexts`,children:s}]}:null}

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

@@ -1,14 +1,14 @@
 import { Booth } from "../../../../store/BoothStore";
 import { ColorInput, ShapeDef } from "@expofp/renderer";
 import { BoothDrawerBaseWithoutPainter } from "./BoothDrawerBase";
-import { MapRenderer } from "../../Map";
+import { RendererService } from "../../../../renderer";
 import { ShapeBgDef } from "../../../../data/Data";
-import { PathInfo } from "./engine-core/types";
-export default function configBoothBg(renderer: MapRenderer, booth: Booth): BoothBgDrawer;
+import { PathInfo } from "../../../../renderer/engine-core/types";
+export default function configBoothBg(rendererService: RendererService, booth: Booth): BoothBgDrawer;
 export declare function pathToShapeDef(paths: PathInfo[], layer: string): ShapeDef[];
 declare class BoothBgDrawer extends BoothDrawerBaseWithoutPainter {
-    private readonly renderer;
-    constructor(renderer: MapRenderer, booth: Booth);
+    private readonly rendererService;
+    constructor(rendererService: RendererService, booth: Booth);
     getShape(): ShapeBgDef[];
     update(): void;
     getBoothPathColor(defaultColor: ColorInput): any;

package/dist/esm/components/Map/drawing/config/config-booth-bg.js

@@ -1 +1 @@
-import{__esDecorate as g,__runInitializers as k}from"tslib";import i from"color";import _ from"color-interpolate";import{computed as b,reaction as C}from"mobx";import u from"../../../../data";import p,{boothStore as D,layersStore as B,uiState as f}from"../../../../store";import{RegularBooth as I,SpecialBooth as v}from"../../../../store/BoothStore";import n from"../../../../tools/settings";import{defaultRebookingOptions as y}from"../../../RebookingRadioGroup";import{Rect as w}from"./Rect";import{BoothDrawerBaseWithoutPainter as P}from"./BoothDrawerBase";import{LayersMode as x}from"../../../../store/LayerStore";import{createShapeDef as L,updateRenderer as R}from"./engine-core";import{buildPathDef as F}from"./config-bg";export default function A(s,a){return new O(s,a)}function W(s){if(s.length===0)return null;const a=s[0];return s.every(h=>h===a)?a:null}export function pathToShapeDef(s,a){const c=[];for(const h of s){const d=F({index:h.index,color:h.color,unblinking:h.unblinking},a);d&&c.push(d)}return c}let O=(()=>{let s=P,a=[],c,h;return class extends s{static{const o=typeof Symbol=="function"&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;c=[b({keepAlive:!0})],h=[b],g(this,null,c,{kind:"getter",name:"defaultColor",static:!1,private:!1,access:{has:e=>"defaultColor"in e,get:e=>e.defaultColor},metadata:o},null,a),g(this,null,h,{kind:"getter",name:"selectedColorInterpolateFunc",static:!1,private:!1,access:{has:e=>"selectedColorInterpolateFunc"in e,get:e=>e.selectedColorInterpolateFunc},metadata:o},null,a),o&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})}renderer=k(this,a);constructor(o,e){if(super(e),this.renderer=o,e.paths){const t=pathToShapeDef(e.paths,p.layerStore.mode!==x.Default?e.layer.name:"");e.shapes=t.map(r=>{const l=f.monochrome?i(r.color).grayscale().rgb().string():this.getBoothColor().string("rgba");return r.color==="transparent"?r.color=l:r.defaultColor=r.color,r})}else{const t=e.borderColor==="none"?0:isNaN(e.borderWidth)?D.borderWidth:e.borderWidth;let r=this.booth.rect.withPadding(t/2,t/2);const l=this.getBoothColor().string("rgba");e.shapes=[L(w.fromCoreRect(r,this.booth.rotate),l)]}C(()=>this.booth.hover,()=>!this.booth.selected&&this.update()),C(()=>[B.layersLoaded,this.booth.skipDim,this.booth.selected,this.boothShape.selectBgAnimationPart],()=>this.update())}getShape(){return this.booth.shapes}update(){if(B.layersLoaded)for(const o of this.booth.shapes){if(o.dim=this.booth.skipDim?!1:void 0,o.color&&!o.unblinking){const e=o.defaultColor?this.getBoothPathColor(o.defaultColor):this.getBoothColor();o.color=e.string("rgba")}R(this.renderer,o)}}getBoothPathColor(o){const e=this.booth;let t=i(o).hsl();if(e.selected){const r=n.colors.booths.selected;if(window.__fpSettings?.fpVer){let m=this.selectedColorInterpolateFunc(this.boothShape.selectBgAnimationPart);return i(m==="none"?r:m)}const l=i(r).hsl(),S=l.lightness()*this.boothShape.selectBgAnimationPart;t=t.hue(l.hue()).lightness(S)}else e.hover&&(t=t.darken(.1));return t}get defaultColor(){const o=this.booth;let e;if(o instanceof v)e=o.color||n.colors.booths.empty;else if(o instanceof I){if(u.isRebooking){if(!o.exhibitors?.length)return y[0].color.primary;const r=W((o.exhibitors??[]).map(l=>l.rebookingState));return r!==null?y[r].color.primary:"#000000"}const t=n.colors.booths;o.onHold?e=o.holdColor||t.defaultHold:o.exhibitors.length||o.reserved?e=o.soldColor||t.defaultSold:e=o.availColor||t.empty}(e==="#666"||e==="#666666")&&(e="rgba(0,0,0,0.172)");try{e==="none"&&(e=n.colors.booths.default),i(e)}catch(t){e=n.colors.booths.default,console.error("Booth: defaultColor",t)}return e}get selectedColorInterpolateFunc(){const o=n.colors.booths.seectedLight||(i(this.booth.labelColor||n.boothLabelColor).isLight()?"#000":"#fff"),e=f.selectedRoute?n?.colors?.booths?.wayfinding?.selected:n?.colors?.booths?.selected;return _([o,e])}getBoothColor(){const o=this.booth;let e;if(f.heatmap){const r=p.heatmapStore.getTotalClicksByBooth(o),l=i(p.heatmapStore.getColorByClicks(r));return o.selected?(e=this.selectedColorInterpolateFunc(this.boothShape.selectBgAnimationPart),i(e==="none"?"#f33":e)):o.hover?l.darken(.2).alpha(l.alpha()*1.5):l}o.error?e="#f33":u.isRebooking?e=this.defaultColor:o.selected?e=this.selectedColorInterpolateFunc(this.boothShape.selectBgAnimationPart):e=this.defaultColor;let t;try{t=i(e==="none"?"#f33":e)}catch{t=i(this.defaultColor)}return(o.hover&&!o.selected||o.selected&&u.isRebooking)&&(t=t.darken(.2).alpha(t.alpha()*1.5)),(f.monochrome||f.heatmapYah)&&(t=t.grayscale()),t}}})();
+import{__esDecorate as g,__runInitializers as k}from"tslib";import i from"color";import v from"color-interpolate";import{computed as b,reaction as C}from"mobx";import u from"../../../../data";import p,{boothStore as _,layersStore as S,uiState as f}from"../../../../store";import{RegularBooth as D,SpecialBooth as I}from"../../../../store/BoothStore";import n from"../../../../tools/settings";import{defaultRebookingOptions as B}from"../../../RebookingRadioGroup";import{Rect as w}from"./Rect";import{BoothDrawerBaseWithoutPainter as P}from"./BoothDrawerBase";import{LayersMode as x}from"../../../../store/LayerStore";import{createShapeDef as L}from"../../../../renderer";import{buildPathDef as F}from"./config-bg";export default function R(s,a){return new W(s,a)}function A(s){if(s.length===0)return null;const a=s[0];return s.every(h=>h===a)?a:null}export function pathToShapeDef(s,a){const c=[];for(const h of s){const d=F({index:h.index,color:h.color,unblinking:h.unblinking},a);d&&c.push(d)}return c}let W=(()=>{let s=P,a=[],c,h;return class extends s{static{const o=typeof Symbol=="function"&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;c=[b({keepAlive:!0})],h=[b],g(this,null,c,{kind:"getter",name:"defaultColor",static:!1,private:!1,access:{has:e=>"defaultColor"in e,get:e=>e.defaultColor},metadata:o},null,a),g(this,null,h,{kind:"getter",name:"selectedColorInterpolateFunc",static:!1,private:!1,access:{has:e=>"selectedColorInterpolateFunc"in e,get:e=>e.selectedColorInterpolateFunc},metadata:o},null,a),o&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})}rendererService=k(this,a);constructor(o,e){if(super(e),this.rendererService=o,e.paths){const t=pathToShapeDef(e.paths,p.layerStore.mode!==x.Default?e.layer.name:"");e.shapes=t.map(r=>{const l=f.monochrome?i(r.color).grayscale().rgb().string():this.getBoothColor().string("rgba");return r.color==="transparent"?r.color=l:r.defaultColor=r.color,r})}else{const t=e.borderColor==="none"?0:isNaN(e.borderWidth)?_.borderWidth:e.borderWidth;let r=this.booth.rect.withPadding(t/2,t/2);const l=this.getBoothColor().string("rgba");e.shapes=[L(w.fromCoreRect(r,this.booth.rotate),l)]}C(()=>this.booth.hover,()=>!this.booth.selected&&this.update()),C(()=>[S.layersLoaded,this.booth.skipDim,this.booth.selected,this.boothShape.selectBgAnimationPart],()=>this.update())}getShape(){return this.booth.shapes}update(){if(S.layersLoaded)for(const o of this.booth.shapes){if(o.dim=this.booth.skipDim?!1:void 0,o.color&&!o.unblinking){const e=o.defaultColor?this.getBoothPathColor(o.defaultColor):this.getBoothColor();o.color=e.string("rgba")}this.rendererService.update(o)}}getBoothPathColor(o){const e=this.booth;let t=i(o).hsl();if(e.selected){const r=n.colors.booths.selected;if(window.__fpSettings?.fpVer){let m=this.selectedColorInterpolateFunc(this.boothShape.selectBgAnimationPart);return i(m==="none"?r:m)}const l=i(r).hsl(),y=l.lightness()*this.boothShape.selectBgAnimationPart;t=t.hue(l.hue()).lightness(y)}else e.hover&&(t=t.darken(.1));return t}get defaultColor(){const o=this.booth;let e;if(o instanceof I)e=o.color||n.colors.booths.empty;else if(o instanceof D){if(u.isRebooking){if(!o.exhibitors?.length)return B[0].color.primary;const r=A((o.exhibitors??[]).map(l=>l.rebookingState));return r!==null?B[r].color.primary:"#000000"}const t=n.colors.booths;o.onHold?e=o.holdColor||t.defaultHold:o.exhibitors.length||o.reserved?e=o.soldColor||t.defaultSold:e=o.availColor||t.empty}(e==="#666"||e==="#666666")&&(e="rgba(0,0,0,0.172)");try{e==="none"&&(e=n.colors.booths.default),i(e)}catch(t){e=n.colors.booths.default,console.error("Booth: defaultColor",t)}return e}get selectedColorInterpolateFunc(){const o=n.colors.booths.seectedLight||(i(this.booth.labelColor||n.boothLabelColor).isLight()?"#000":"#fff"),e=f.selectedRoute?n?.colors?.booths?.wayfinding?.selected:n?.colors?.booths?.selected;return v([o,e])}getBoothColor(){const o=this.booth;let e;if(f.heatmap){const r=p.heatmapStore.getTotalClicksByBooth(o),l=i(p.heatmapStore.getColorByClicks(r));return o.selected?(e=this.selectedColorInterpolateFunc(this.boothShape.selectBgAnimationPart),i(e==="none"?"#f33":e)):o.hover?l.darken(.2).alpha(l.alpha()*1.5):l}o.error?e="#f33":u.isRebooking?e=this.defaultColor:o.selected?e=this.selectedColorInterpolateFunc(this.boothShape.selectBgAnimationPart):e=this.defaultColor;let t;try{t=i(e==="none"?"#f33":e)}catch{t=i(this.defaultColor)}return(o.hover&&!o.selected||o.selected&&u.isRebooking)&&(t=t.darken(.2).alpha(t.alpha()*1.5)),(f.monochrome||f.heatmapYah)&&(t=t.grayscale()),t}}})();

package/dist/esm/components/Map/drawing/config/config-booth-bookmark.d.ts

@@ -2,19 +2,19 @@ import { Booth } from "../../../../store/BoothStore";
 import { BoothDrawerBaseWithoutPainter } from "./BoothDrawerBase";
 import { ImageDef } from "@expofp/renderer";
 import { Rect } from "./Rect";
-import { MapRenderer } from "../../Map";
-export default function configBoothBookmarkImage(renderer: MapRenderer, booth: Booth): BoothBookmarkDrawer | undefined;
+import { RendererService } from "../../../../renderer";
+export default function configBoothBookmarkImage(rendererService: RendererService, booth: Booth): BoothBookmarkDrawer | undefined;
 declare class BoothBookmarkDrawer extends BoothDrawerBaseWithoutPainter {
-    protected renderer: MapRenderer;
+    protected rendererService: RendererService;
     protected shape: ImageDef;
     protected bookmarkId: string;
     protected readonly canvas: HTMLCanvasElement;
     protected rect: Rect;
     protected padding: number;
-    constructor(renderer: MapRenderer, booth: Booth);
+    constructor(rendererService: RendererService, booth: Booth);
     getShape: () => ImageDef;
     update(bookmarked: boolean): void;
-    updateBookmarkScale(scale?: number): ImageDef | undefined;
+    handleBookmarkScale(scale?: number): ImageDef | undefined;
 }
 export {};
 //# sourceMappingURL=config-booth-bookmark.d.ts.map

package/dist/esm/components/Map/drawing/config/config-booth-bookmark.js

@@ -1 +1 @@
-import{layersStore as i,uiState as o}from"../../../../store";import{BoothDrawerBaseWithoutPainter as m}from"./BoothDrawerBase";import{Rect as s}from"./Rect";import{reaction as h}from"mobx";import{updateRenderer as p,createImageDef as k,createBookmarkCanvas as c,getClampedBoundsCanvas as l,getRotation as u}from"./engine-core";import{getRollValue as f}from"./engine-core/settings";import{updateRectRotation as b}from"./engine-core/update-def";export default function g(r,e){if(!o.kiosk)return new B(r,e)}class B extends m{renderer;shape;bookmarkId;canvas;rect;padding;constructor(e,t){super(t),this.renderer=e,this.padding=this.booth.borderWidth/2,this.rect=s.fromCoreRect(this.booth.rect,this.booth.rotate),this.canvas=c(11,devicePixelRatio),this.bookmarkId=`bookmark-${this.booth.id}`,this.shape=k(this.canvas,s.fromCoreRect(this.booth.rect,this.booth.rotate),{hidden:!t.bookmarked}),h(()=>[t.bookmarked,i.layersLoaded,this.booth.skipDim],()=>this.update(t.bookmarked),{fireImmediately:t.bookmarked}),h(()=>o.mapSettings,({roll:d})=>{f(d)&&e.rollHandlers?.push({fn:n=>{const a=u(n,this.rect.rotation);return a!==void 0&&(this.rect=b(this.rect,a),this.updateBookmarkScale()),this.shape}})})}getShape=()=>this.shape;update(e){i.layersLoaded&&(this.shape.hidden=!e,this.shape.dim=this.booth.skipDim?!1:void 0,this.updateBookmarkScale(),this.shape.hidden?this.renderer.ptScaleHandlers=this.renderer.ptScaleHandlers.filter(t=>t.name!==this.bookmarkId):this.renderer.ptScaleHandlers.push({fn:this.updateBookmarkScale.bind(this),name:this.bookmarkId}),p(this.renderer,this.shape))}updateBookmarkScale(e){if(!this.shape.hidden)return this.shape.bounds=l(this.rect,this.canvas,this.padding,e||this.renderer.scale),this.shape}}
+import{layersStore as o,uiState as a}from"../../../../store";import{BoothDrawerBaseWithoutPainter as m}from"./BoothDrawerBase";import{Rect as s}from"./Rect";import{reaction as h}from"mobx";import{createImageDef as k,createBookmarkCanvas as c,getClampedBoundsCanvas as l,getRotation as p}from"../../../../renderer";import{getRollValue as u}from"../../../../renderer";import{updateRectRotation as f}from"../../../../renderer";export default function b(t,e){if(!a.kiosk)return new S(t,e)}class S extends m{rendererService;shape;bookmarkId;canvas;rect;padding;constructor(e,r){super(r),this.rendererService=e,this.padding=this.booth.borderWidth/2,this.rect=s.fromCoreRect(this.booth.rect,this.booth.rotate),this.canvas=c(11,devicePixelRatio),this.bookmarkId=`bookmark-${this.booth.id}`,this.shape=k(this.canvas,s.fromCoreRect(this.booth.rect,this.booth.rotate),{hidden:!r.bookmarked}),h(()=>[r.bookmarked,o.layersLoaded,this.booth.skipDim],()=>this.update(r.bookmarked),{fireImmediately:r.bookmarked}),h(()=>a.mapSettings,({roll:d})=>{u(d)&&this.rendererService.onRoll(`bookmark-roll-${this.bookmarkId}`,n=>{const i=p(n,this.rect.rotation);return i!==void 0&&(this.rect=f(this.rect,i),this.handleBookmarkScale()),this.shape})})}getShape=()=>this.shape;update(e){o.layersLoaded&&(this.shape.hidden=!e,this.shape.dim=this.booth.skipDim?!1:void 0,this.handleBookmarkScale(),this.shape.hidden?(this.rendererService.ptScaleRegistry.unregisterByName(this.bookmarkId),this.rendererService.rollRegistry.unregisterByName(`bookmark-roll-${this.bookmarkId}`)):this.rendererService.onPtScale(this.bookmarkId,this.handleBookmarkScale.bind(this)),this.rendererService.update(this.shape))}handleBookmarkScale(e){if(!this.shape.hidden)return this.shape.bounds=l(this.rect,this.canvas,this.padding,e||this.rendererService.scale),this.shape}}

package/dist/esm/components/Map/drawing/config/config-booth-border.d.ts

@@ -1,11 +1,11 @@
 import { Booth } from "../../../../store/BoothStore";
 import { BoothDrawerBaseWithoutPainter } from "./BoothDrawerBase";
 import { ShapeDef } from "@expofp/renderer";
-import { MapRenderer } from "../../Map";
-export default function configBoothBorder(renderer: MapRenderer, booth: Booth): BoothBorderDrawer | undefined;
+import { RendererService } from "../../../../renderer";
+export default function configBoothBorder(rendererService: RendererService, booth: Booth): BoothBorderDrawer | undefined;
 declare class BoothBorderDrawer extends BoothDrawerBaseWithoutPainter {
     protected readonly shape: ShapeDef;
-    constructor(renderer: MapRenderer, booth: Booth);
+    constructor(rendererService: RendererService, booth: Booth);
     getShape(): ShapeDef;
 }
 export {};

package/dist/esm/components/Map/drawing/config/config-booth-border.js

@@ -1 +1 @@
-import g from"color";import{boothStore as c,layersStore as d}from"../../../../store";import a from"../../../../tools/settings";import{BoothDrawerBaseWithoutPainter as w}from"./BoothDrawerBase";import{Polygon as h}from"@expofp/renderer";import{reaction as B}from"mobx";import P from"../../../../core/Polygon";import W from"../../../../core/Rect";import{updateRenderer as C,createShapeDef as D}from"./engine-core";export default function b(o,e){if(a.EXPO!=="confex20"&&!(e.poiType||e.borderColor==="none"||e.borderWidth===0&&!c.borderWidth||e.paths&&!e.pathsWithRect))return new S(o,e)}function R(o){const e=[{x:o.x1,y:o.y1},{x:o.x2,y:o.y2},{x:o.x3,y:o.y3},{x:o.x4,y:o.y4}],s=[[0,1,2],[2,3,0]];return new h(e,s)}class S extends w{shape;constructor(e,s){super(s);const y=g(s.selected?a.colors.booths.selectedBorder:s.borderColor),r=this.booth.rect,t=s.borderWidth||c.borderWidth,n=[],i=(p,f,l,x)=>{const u=R(P.fromRect(W.fromCxcywh(p,f,l,x)).rotate(s.rotate,r.cx,r.cy));n.push(u)};i(r.cx,r.cy-r.h/2,r.w+t,t),i(r.cx,r.cy+r.h/2,r.w+t,t),i(r.cx-r.w/2,r.cy,t,r.h+t),i(r.cx+r.w/2,r.cy,t,r.h+t);const m=h.merge(...n);this.shape=D(m,y.string("rgba")),B(()=>[this.booth.skipDim,d.layersLoaded],()=>{d.layersLoaded&&(this.shape.dim=this.booth.skipDim?!1:void 0,C(e,this.shape))})}getShape(){return this.shape}}
+import g from"color";import{boothStore as c,layersStore as d}from"../../../../store";import a from"../../../../tools/settings";import{BoothDrawerBaseWithoutPainter as w}from"./BoothDrawerBase";import{Polygon as h}from"@expofp/renderer";import{reaction as B}from"mobx";import P from"../../../../core/Polygon";import W from"../../../../core/Rect";import{createShapeDef as C}from"../../../../renderer";export default function D(r,e){if(a.EXPO!=="confex20"&&!(e.poiType||e.borderColor==="none"||e.borderWidth===0&&!c.borderWidth||e.paths&&!e.pathsWithRect))return new S(r,e)}function b(r){const e=[{x:r.x1,y:r.y1},{x:r.x2,y:r.y2},{x:r.x3,y:r.y3},{x:r.x4,y:r.y4}],s=[[0,1,2],[2,3,0]];return new h(e,s)}class S extends w{shape;constructor(e,s){super(s);const y=g(s.selected?a.colors.booths.selectedBorder:s.borderColor),o=this.booth.rect,t=s.borderWidth||c.borderWidth,n=[],i=(p,f,l,x)=>{const u=b(P.fromRect(W.fromCxcywh(p,f,l,x)).rotate(s.rotate,o.cx,o.cy));n.push(u)};i(o.cx,o.cy-o.h/2,o.w+t,t),i(o.cx,o.cy+o.h/2,o.w+t,t),i(o.cx-o.w/2,o.cy,t,o.h+t),i(o.cx+o.w/2,o.cy,t,o.h+t);const m=h.merge(...n);this.shape=C(m,y.string("rgba")),B(()=>[this.booth.skipDim,d.layersLoaded],()=>{d.layersLoaded&&(this.shape.dim=this.booth.skipDim?!1:void 0,e.update(this.shape))})}getShape(){return this.shape}}

package/dist/esm/components/Map/drawing/config/config-booth-labels-special.d.ts

@@ -1,15 +1,15 @@
 import { Booth, SpecialBooth } from "../../../../store/BoothStore";
 import { BoothLabelDrawer } from "./config-booth-labels";
-import { MapRenderer } from "../../Map";
-import { FontSizeFactor } from "./engine-core";
-import { TextDef } from "@expofp/renderer";
-export default function configBoothLabelsSpecial(renderer: MapRenderer, booth: Booth): BoothLabelSpecialDrawer | undefined;
+import { RendererService } from "../../../../renderer";
+import { FontSizeFactor } from "../../../../renderer";
+import { ImageDef, TextDef } from "@expofp/renderer";
+export default function configBoothLabelsSpecial(rendererService: RendererService, booth: Booth): BoothLabelSpecialDrawer | undefined;
 declare class BoothLabelSpecialDrawer extends BoothLabelDrawer {
     protected steps: FontSizeFactor[];
     protected labelIsVertical: boolean;
     protected text: string;
-    constructor(renderer: MapRenderer, booth: SpecialBooth);
-    getShape(): (import("@expofp/renderer").ImageDef | TextDef)[];
+    constructor(rendererService: RendererService, booth: SpecialBooth);
+    getShape(): (ImageDef | TextDef)[];
     setFactors(text: string): void;
     setText(): void;
 }

package/dist/esm/components/Map/drawing/config/config-booth-labels-special.js

@@ -1,2 +1,2 @@
-import{SpecialBooth as R}from"../../../../store/BoothStore";import x from"../../../../tools/settings";import{heatmapStore as L,uiState as l,boothStore as D,layersStore as F}from"../../../../store";import y from"./TextFitter";import{Rect as p}from"./Rect";import{getFont as v}from"./canvases";import{BoothLabelDrawer as T,getFontUrlByWeight as w,getMinZoomFactorForDot as z,isDirectionsMode as P}from"./config-booth-labels";import{reaction as b}from"mobx";import{updateRenderer as k,createTextDef as C,updateTextDefRotation as I,getRotation as M,shouldFlip as B,updateRectRotation as W,getRollValue as H}from"./engine-core";import{FONT_WEIGHT_PRIMARY_BOOTH as V,FONT_WEIGHT_PRIMARY_SPECIAL as _}from"../../../../constants";const d=new Map;function N(i){let t=d.get(i);if(!t){const s=[18,16,14,12,10,7].map(c=>c*i),o=14*i;t=new y(v,s,o),d.set(i,t),setTimeout(()=>d.delete(i),5e3)}return t}export default function O(i,t){if(!(!(t instanceof R)||t.noLabels))return new A(i,t)}class A extends T{steps;labelIsVertical;text;constructor(t,s){super(t,s);const o=s.borderWidth/2||D.borderWidth/2,c=this.booth.rect,g=Number(getComputedStyle(document.body).getPropertyValue(_))||Number(getComputedStyle(document.body).getPropertyValue(V))||500,S=w(g,this.renderer.fontUrls),f=c.withPadding(c.w*.05+o,c.h*.05+o);this.setText(),this.canvasRect=p.fromCoreRect(f,s.rotate),this.setFactors(this.text),this.labelIsVertical=Math.abs(Math.abs(s.rotate)-Math.PI/2)<.01,this.fontSizes=[this.steps,[]],this.minZoomDotVisible=z(this.steps.map(e=>e.scaleFactor)),this.shapeLabel=C([{text:this.text,color:s.labelColor||x.boothLabelColor,fontUrl:S,fontSize:0}],p.fromCoreRect(f,s.rotate),[o,o],{horizontal:"center",text:"center",vertical:"center"}),this.getShapeDot(),b(()=>[this.booth.skipDim,l.selectedRoute,F.layersLoaded],()=>{const e=P();this.shapeLabel.dim=e||this.booth.skipDim?!1:void 0,this.shapeDot.dim=e||this.booth.skipDim?!1:void 0,k(t,this.shapeLabel,this.shapeDot)});const u=e=>{let a=this.steps.find(h=>h.scaleFactor<1/e);return a?(this.shapeLabel.lines[0].fontSize=a.value/devicePixelRatio*e,this.shapeLabel.lines[0].text=a.lines.join(`
-`),this.shapeLabel.padding=[this.paddingScaled[0]*e+this.padding,this.paddingScaled[1]*e+this.padding],this.shapeLabel):(this.shapeLabel.lines[0].fontSize=0,this.shapeLabel)},m=e=>{let a=this.steps.find(r=>r.scaleFactor<1/e);const h=this.shapeDot.source.width*e,n=this.shapeDot.source.height*e;return this.shapeDot.bounds=new p({x:this.canvasRect.center.x-h/2,y:this.canvasRect.center.y-n/2},{x:this.canvasRect.center.x+h/2,y:this.canvasRect.center.y+n/2}),this.shapeDot.hidden=!!a,this.shapeDot};t.ptScaleHandlers.push({fn:u}),t.ptScaleHandlers.push({fn:m}),b(()=>l.mapSettings,({roll:e})=>{H(e)&&t.rollHandlers?.push({fn:a=>{const h=this.shapeLabel.bounds.rotation;if(this.labelIsVertical)B(a,h)&&(this.shapeLabel.bounds.rotation=-h);else{const n=M(a,h);if(n!==void 0){const{size:r}=this.canvasRect;this.shapeLabel=I(this.shapeLabel,n),r.x!==r.y&&!this.shapeLabel.hidden&&(this.canvasRect=W(this.canvasRect,n),this.setFactors(this.text),u(t.scale),m(t.scale))}}return[this.shapeLabel,this.shapeDot]}})})}getShape(){return[this.shapeLabel,this.shapeDot]}setFactors(t){this.steps=N(devicePixelRatio).getStepsForRect(t,this.canvasRect.size.x,this.canvasRect.size.y)}setText(){const t=this.booth.title||this.booth.name,o=`Clicks: ${L.getTotalClicksByBooth(this.booth)}`;this.text=l.heatmap?`${t} - ${o}`:t}}
+import{SpecialBooth as R}from"../../../../store/BoothStore";import x from"../../../../tools/settings";import{heatmapStore as L,uiState as l,boothStore as D,layersStore as v}from"../../../../store";import F from"./TextFitter";import{Rect as d}from"./Rect";import{getFont as y}from"./canvases";import{BoothLabelDrawer as T,getFontUrlByWeight as P,getMinZoomFactorForDot as w,isDirectionsMode as z}from"./config-booth-labels";import{reaction as u}from"mobx";import{createTextDef as k,updateTextDefRotation as C,getRotation as I,shouldFlip as M,updateRectRotation as B,getRollValue as W}from"../../../../renderer";import{FONT_WEIGHT_PRIMARY_BOOTH as V,FONT_WEIGHT_PRIMARY_SPECIAL as _}from"../../../../constants";const p=new Map;function $(i){let t=p.get(i);if(!t){const s=[18,16,14,12,10,7].map(n=>n*i),o=14*i;t=new F(y,s,o),p.set(i,t),setTimeout(()=>p.delete(i),5e3)}return t}export default function H(i,t){if(!(!(t instanceof R)||t.noLabels))return new N(i,t)}class N extends T{steps;labelIsVertical;text;constructor(t,s){super(t,s);const o=s.borderWidth/2||D.borderWidth/2,n=this.booth.rect,S=Number(getComputedStyle(document.body).getPropertyValue(_))||Number(getComputedStyle(document.body).getPropertyValue(V))||500,g=P(S,this.rendererService.fontUrls),m=n.withPadding(n.w*.05+o,n.h*.05+o);this.setText(),this.canvasRect=d.fromCoreRect(m,s.rotate),this.setFactors(this.text),this.labelIsVertical=Math.abs(Math.abs(s.rotate)-Math.PI/2)<.01,this.fontSizes=[this.steps,[]],this.minZoomDotVisible=w(this.steps.map(e=>e.scaleFactor)),this.shapeLabel=k([{text:this.text,color:s.labelColor||x.boothLabelColor,fontUrl:g,fontSize:0}],d.fromCoreRect(m,s.rotate),[o,o],{horizontal:"center",text:"center",vertical:"center"}),this.getShapeDot(),u(()=>[this.booth.skipDim,l.selectedRoute,v.layersLoaded],()=>{const e=z();this.shapeLabel.dim=e||this.booth.skipDim?!1:void 0,this.shapeDot.dim=e||this.booth.skipDim?!1:void 0,this.rendererService.update(this.shapeLabel,this.shapeDot)});const f=e=>{let a=this.steps.find(r=>r.scaleFactor<1/e);return a?(this.shapeLabel.lines[0].fontSize=a.value/devicePixelRatio*e,this.shapeLabel.lines[0].text=a.lines.join(`
+`),this.shapeLabel.padding=[this.paddingScaled[0]*e+this.padding,this.paddingScaled[1]*e+this.padding],this.shapeLabel):(this.shapeLabel.lines[0].fontSize=0,this.shapeLabel)},b=e=>{let a=this.steps.find(c=>c.scaleFactor<1/e);const r=this.shapeDot.source.width*e,h=this.shapeDot.source.height*e;return this.shapeDot.bounds=new d({x:this.canvasRect.center.x-r/2,y:this.canvasRect.center.y-h/2},{x:this.canvasRect.center.x+r/2,y:this.canvasRect.center.y+h/2}),this.shapeDot.hidden=!!a,this.shapeDot};this.rendererService.onPtScale(`booth-special-label-${s.id}`,f),this.rendererService.onPtScale(`booth-special-dot-${s.id}`,b),u(()=>l.mapSettings,({roll:e})=>{W(e)&&this.rendererService.onRoll(`booth-special-roll-${s.id}`,a=>{const r=this.shapeLabel.bounds.rotation;if(this.labelIsVertical)M(a,r)&&(this.shapeLabel.bounds.rotation=-r);else{const h=I(a,r);if(h!==void 0){const{size:c}=this.canvasRect;this.shapeLabel=C(this.shapeLabel,h),c.x!==c.y&&!this.shapeLabel.hidden&&(this.canvasRect=B(this.canvasRect,h),this.setFactors(this.text),f(this.rendererService.scale),b(this.rendererService.scale))}}return[this.shapeLabel,this.shapeDot]})})}getShape(){return[this.shapeLabel,this.shapeDot]}setFactors(t){this.steps=$(devicePixelRatio).getStepsForRect(t,this.canvasRect.size.x,this.canvasRect.size.y)}setText(){const t=this.booth.title||this.booth.name,o=`Clicks: ${L.getTotalClicksByBooth(this.booth)}`;this.text=l.heatmap?`${t} - ${o}`:t}}

package/dist/esm/components/Map/drawing/config/config-booth-labels.d.ts

@@ -2,19 +2,19 @@ import { Booth } from "../../../../store/BoothStore";
 import { ImageDef, Rect as RectShape, TextAlignment, TextDef } from "@expofp/renderer";
 import { BoothDrawerBaseWithoutPainter } from "./BoothDrawerBase";
 import { Exhibitor } from "../../../../store/ExhibitorStore";
-import { MapRenderer } from "../../Map";
-import { FontSizeFactor, CustomFonts } from "./engine-core";
+import { RendererService } from "../../../../renderer";
+import { FontSizeFactor, CustomFonts } from "../../../../renderer";
 type Prefix = {
     fontSize: number;
     name: string;
     short?: boolean;
 };
-export default function configBoothLabels(renderer: MapRenderer, booth: Booth): BoothLabelDrawer | undefined;
+export default function configBoothLabels(rendererService: RendererService, booth: Booth): BoothLabelDrawer | undefined;
 export declare function getMinZoomFactorForDot(scaleFactors: number[]): number;
 export declare const isDirectionsMode: () => boolean;
 export declare function getFontUrlByWeight(weight: number, customFonts?: CustomFonts[], style?: string): string;
 export declare class BoothLabelDrawer extends BoothDrawerBaseWithoutPainter {
-    protected readonly renderer: MapRenderer;
+    protected readonly rendererService: RendererService;
     protected canvasRect: RectShape;
     protected paddingScaled: [number, number];
     protected padding: number;
@@ -29,7 +29,7 @@ export declare class BoothLabelDrawer extends BoothDrawerBaseWithoutPainter {
     protected centerAlignment: TextAlignment;
     protected prefixes: Prefix[];
     protected fontUrls: [string, string];
-    constructor(renderer: MapRenderer, booth: Booth);
+    constructor(rendererService: RendererService, booth: Booth);
     getShape(): (ImageDef | TextDef)[];
     getShapeDot(): void;
     private createLines;

package/dist/esm/components/Map/drawing/config/config-booth-labels.js

@@ -1 +1 @@
-import{layersStore as O,uiState as m}from"../../../../store";import{RegularBooth as P,SpecialBooth as I}from"../../../../store/BoothStore";import x from"../../../../tools/settings";import V from"../../../../utils/is-mobile";import U from"../../../../utils/is-webview";import{Rect as E}from"./Rect";import u from"../../../../data";import{BoothDrawerBaseWithoutPainter as Z}from"./BoothDrawerBase";import{getFont as M}from"./canvases";import{isArabicText as X}from"../../../../utils/rtl";import{t as L}from"../../../../utils/i18n";import{reaction as B}from"mobx";import{createTextDef as G,createTextDefLines as Y,updateLinesScale as k,updateTextDefRotation as $,updateRenderer as q,getRotation as j,createShapeDot as J,DEFAULT_FONT_LIGHT_URL as K,DEFAULT_FONT_URL as _,getRollValue as Q,updateRectRotation as ee}from"./engine-core";import{FONT_WEIGHT_PRIMARY_BOOTH as te,FONT_WEIGHT_PRIMARY_EXHIBITOR as ie,FONT_WEIGHT_SECONDARY_BOOTH as se,FONT_WEIGHT_SECONDARY_EXHIBITOR as oe}from"../../../../constants";let D=x.boothLabelColor;x.EXPO==="tqs2021"&&(D="#000");const b=V||U,z=h=>h.replace(" ","").substring(0,4).replace(/[0-9]/g,"3").replace(/[A-Z]/gi,"A"),H=document.createElement("canvas").getContext("2d");export default function ne(h,e){if(!(!(e instanceof P)||e.noLabels))return new BoothLabelDrawer(h,e)}export function getMinZoomFactorForDot(h){return Array.isArray(h)&&h.length>0?Math.max(...h.map(e=>e)):typeof h=="number"?h:-0}export const isDirectionsMode=()=>!!(m.selectedRoute?.from&&m.selectedRoute?.to);export function getFontUrlByWeight(h,e=[],t="normal"){return[...e,{weight:500,url:_,style:"normal"},{weight:300,url:K,style:"normal"}].find(i=>+i.weight===h&&i.style===t)?.url||_}const v="Details";export class BoothLabelDrawer extends Z{renderer;canvasRect;paddingScaled;padding;minZoomDotVisible;maxZoomDotVisible;exh;shapeLabel;shapeDot;fontSizes;lines;topLeftAlignment;centerAlignment;prefixes;fontUrls;constructor(e,t){if(super(t),this.renderer=e,this.canvasRect=E.fromCoreRect(t.rect,t.rotate),this.paddingScaled=[4,4],this.padding=(t.borderWidth||x.boothBorderWidth)/2,this.topLeftAlignment={horizontal:m.rtl?"right":"left",vertical:"top"},this.centerAlignment={horizontal:"center",vertical:"center"},this.prefixes=b?[{fontSize:7,name:"XS",short:!0},{fontSize:10,name:"S",short:!0},{fontSize:16,name:v,short:!1}]:[{fontSize:7,name:"XS",short:!0},{fontSize:10,name:"S",short:!0},{fontSize:12,name:"M",short:!0},{fontSize:14,name:"L",short:!0},{fontSize:18,name:v,short:!1}],t instanceof I)return;this.exh=u.hideExhibitors?[]:u.onlyFeaturedExhibitors?t.exhibitors.filter(i=>i.featured):t.exhibitors,b&&this.optimizationLevel()>=3&&(this.prefixes=this.prefixes.filter(i=>i.name!=="S")),this.createLines(),this.calculateFontSizeFactors(),this.shapeLabel=G(Y(this.lines,this.booth.labelColor||D,0,this.fontUrls),E.fromCoreRect(this.booth.rect,this.booth.rotate),[...this.paddingScaled],{horizontal:"left",vertical:"top"}),this.getShapeDot();const a=i=>{const o=this.lines[1]??[],s=this.fontSizes[1]??[];if(x.EXPO!=="wineparis2026"){const d=this.exh.length?this.topLeftAlignment:o.length?i<s[s.length-1].scaleFactor?this.topLeftAlignment:this.centerAlignment:this.topLeftAlignment;this.shapeLabel.alignment=d}if(!k(this.shapeLabel.lines,i,this.fontSizes,this.booth.name))return;const l=this.paddingScaled[0]*i+this.padding,p=this.paddingScaled[1]*i+this.padding;return this.shapeLabel.padding[0]=l,this.shapeLabel.padding[1]=p,this.shapeLabel},r=i=>{const o=i>=this.minZoomDotVisible&&i<=this.maxZoomDotVisible,s=this.shapeDot.source.width*i,n=this.shapeDot.source.height*i;if(!(!o&&this.shapeDot.hidden))return this.shapeDot.bounds.size={x:s,y:n},this.shapeDot.hidden=!o,this.shapeDot};B(()=>[this.booth.skipDim,m.selectedRoute,O.layersLoaded],()=>{if(!O.layersLoaded)return;const i=isDirectionsMode();this.shapeLabel.dim=i||this.booth.skipDim?!1:void 0,this.shapeDot.dim=i||this.booth.skipDim?!1:void 0,q(e,this.shapeLabel,this.shapeDot)}),B(()=>m.mapSettings,({roll:i})=>{Q(i)&&e.rollHandlers?.push({fn:o=>{const s=j(o,this.shapeLabel.bounds.rotation),{size:n}=this.canvasRect;return s!==void 0&&(this.shapeLabel=$(this.shapeLabel,s),!this.shapeLabel.hidden&&!this.exh.length&&n.x!==n.y&&(this.canvasRect=ee(this.canvasRect,s),this.calculateFontSizeFactors(),a(e.scale),r(e.scale))),[this.shapeLabel,this.shapeDot]}})}),e.ptScaleHandlers.push({fn:a}),e.ptScaleHandlers.push({fn:r})}getShape(){return[this.shapeLabel,this.shapeDot]}getShapeDot(){this.shapeDot=J(this.canvasRect,this.booth.labelColor||D),this.shapeDot.hidden=!0,this.maxZoomDotVisible=Math.min(this.canvasRect.size.x/this.shapeDot.source.width,this.canvasRect.size.y/this.shapeDot.source.height)}createLines(){const e=this.booth,t=[],a=[],r=b&&this.optimizationLevel()>=3?1:3;if(this.exh.length){const i=e.exhibitors.filter(s=>s.order===0),o=e.exhibitors.filter(s=>s.order);if(i.length>0)t.push(...i.map(s=>s.name));else if(u.onlyFeaturedExhibitors)t.push(...e.exhibitors.filter(s=>s.featured).map(s=>s.name));else if(o.length>0){t.push(...o.map(n=>n.name));const s=e.exhibitors.filter(n=>n.order===void 0);s.length>0&&t.push(L("and {{moreCount}} more",{moreCount:s.length}))}else e.exhibitors.length>r?t.push(`${e.exhibitors.length} ${u.exhibitorTermPlural}`):t.push(...e.exhibitors.map(s=>s.name));a.push(e.title||e.name)}else{const i=!!e.exhibitors.length;t.push(e.title||e.name),e.onHold?a.push(L("On Hold")):e.reserved?a.push(L("Reserved")):i||a.push(...e.exhibitors.map(o=>o.name).sort((o,s)=>o>s?1:-1)),e.size&&a.push(e.size.indexOf("/")>-1?e.size.substring(0,e.size.indexOf("/")).trim():e.size),e.price&&e.price!=="0"&&!m.previewMode&&a.push(e.price)}m.rtl&&t.forEach((i,o)=>{(i.endsWith(".")||i.endsWith("!")||i.endsWith("?"))&&(t[o]=t[o]+"\u200F"),X(i)&&(t[o]=t[o]+"  ")}),this.lines=[t,a]}calculateFontSizeFactors(){let[e,t]=this.lines;const a=this.canvasRect,r=[],i=[],o=this.prefixes.slice(0,this.exh.length?this.prefixes.length:this.prefixes.length-1);let s=500,n=300;this.exh.length?(s=Number(getComputedStyle(document.body).getPropertyValue(ie))||s,n=Number(getComputedStyle(document.body).getPropertyValue(oe))||n):(s=Number(getComputedStyle(document.body).getPropertyValue(te))||s,n=Number(getComputedStyle(document.body).getPropertyValue(se))||n);for(const{fontSize:l,short:p}of o){const d=l*devicePixelRatio,R=.9*l*devicePixelRatio,f=M(d,s),y=M(R,n),F=u.hideExhibitorBoothNumber||p;let T,A,S,g;if(this.exh.length)p?t=[]:t=this.lines[1],S=Math.max(...e.map(c=>this.measureText(c,f).width),...t.map(c=>this.measureText(c,y).width)),T=Math.max(...e.map(c=>this.exh.length?this.measureText(z(c),f).width:this.measureText(z(c),f).width+3+3),...t.map(c=>this.measureText(z(c),y).width)),g=d*e.length+R*t.length+devicePixelRatio*(e.length+t.length)+3,A=F?g/e.length:null;else{const c=e[0].replace(/[0-9]/g,"3").replace(/[A-Z]/g,"A"),N=4;S=this.measureText(c,f).width+3+3,g=d+N}const W=a.size.x/(T||S),C=a.size.y/(A||g),w=Math.min(W,C);r.push({scaleFactor:w,value:l}),!F&&i.push({scaleFactor:w,value:.9*l})}if(!this.exh.length){const l=r[r.length-1],p=this.prefixes.find(d=>d.name===v);r.push({scaleFactor:l.scaleFactor/1.8,value:p.fontSize}),i.push({scaleFactor:l.scaleFactor/1.8,value:p.fontSize*(b?1:.9)})}this.fontUrls=[getFontUrlByWeight(s,this.renderer.fontUrls),getFontUrlByWeight(n,this.renderer.fontUrls)],this.minZoomDotVisible=getMinZoomFactorForDot(r.map(l=>l.scaleFactor)),this.fontSizes=[r,i]}calcArea(e,t){return Math.floor(Math.max(0,e)*Math.max(0,t)/1e3)}optimizationLevel(){return Math.min(u.viewOptimizationLevel?u.viewOptimizationLevel:Math.floor(this.calcArea(this.canvasRect.size.x,this.canvasRect.size.y)/5e3),3)}measureText(e,t){return H.font=t,H.measureText(e)}}
+import{layersStore as O,uiState as p}from"../../../../store";import{RegularBooth as H,SpecialBooth as I}from"../../../../store/BoothStore";import x from"../../../../tools/settings";import V from"../../../../utils/is-mobile";import U from"../../../../utils/is-webview";import{Rect as E}from"./Rect";import u from"../../../../data";import{BoothDrawerBaseWithoutPainter as Z}from"./BoothDrawerBase";import{getFont as M}from"./canvases";import{isArabicText as X}from"../../../../utils/rtl";import{t as L}from"../../../../utils/i18n";import{reaction as B}from"mobx";import{createTextDef as G,createTextDefLines as Y,updateLinesScale as $,updateTextDefRotation as k,getRotation as q,createShapeDot as j,DEFAULT_FONT_LIGHT_URL as J,DEFAULT_FONT_URL as _,getRollValue as K,updateRectRotation as Q}from"../../../../renderer";import{FONT_WEIGHT_PRIMARY_BOOTH as ee,FONT_WEIGHT_PRIMARY_EXHIBITOR as te,FONT_WEIGHT_SECONDARY_BOOTH as ie,FONT_WEIGHT_SECONDARY_EXHIBITOR as se}from"../../../../constants";let v=x.boothLabelColor;x.EXPO==="tqs2021"&&(v="#000");const b=V||U,D=h=>h.replace(" ","").substring(0,4).replace(/[0-9]/g,"3").replace(/[A-Z]/gi,"A"),P=document.createElement("canvas").getContext("2d");export default function oe(h,e){if(!(!(e instanceof H)||e.noLabels))return new BoothLabelDrawer(h,e)}export function getMinZoomFactorForDot(h){return Array.isArray(h)&&h.length>0?Math.max(...h.map(e=>e)):typeof h=="number"?h:-0}export const isDirectionsMode=()=>!!(p.selectedRoute?.from&&p.selectedRoute?.to);export function getFontUrlByWeight(h,e=[],t="normal"){return[...e,{weight:500,url:_,style:"normal"},{weight:300,url:J,style:"normal"}].find(i=>+i.weight===h&&i.style===t)?.url||_}const z="Details";export class BoothLabelDrawer extends Z{rendererService;canvasRect;paddingScaled;padding;minZoomDotVisible;maxZoomDotVisible;exh;shapeLabel;shapeDot;fontSizes;lines;topLeftAlignment;centerAlignment;prefixes;fontUrls;constructor(e,t){if(super(t),this.rendererService=e,this.canvasRect=E.fromCoreRect(t.rect,t.rotate),this.paddingScaled=[4,4],this.padding=(t.borderWidth||x.boothBorderWidth)/2,this.topLeftAlignment={horizontal:p.rtl?"right":"left",vertical:"top"},this.centerAlignment={horizontal:"center",vertical:"center"},this.prefixes=b?[{fontSize:7,name:"XS",short:!0},{fontSize:10,name:"S",short:!0},{fontSize:16,name:z,short:!1}]:[{fontSize:7,name:"XS",short:!0},{fontSize:10,name:"S",short:!0},{fontSize:12,name:"M",short:!0},{fontSize:14,name:"L",short:!0},{fontSize:18,name:z,short:!1}],t instanceof I)return;this.exh=u.hideExhibitors?[]:u.onlyFeaturedExhibitors?t.exhibitors.filter(i=>i.featured):t.exhibitors,b&&this.optimizationLevel()>=3&&(this.prefixes=this.prefixes.filter(i=>i.name!=="S")),this.createLines(),this.calculateFontSizeFactors(),this.shapeLabel=G(Y(this.lines,this.booth.labelColor||v,0,this.fontUrls),E.fromCoreRect(this.booth.rect,this.booth.rotate),[...this.paddingScaled],{horizontal:"left",vertical:"top"}),this.getShapeDot();const r=i=>{const o=this.lines[1]??[],s=this.fontSizes[1]??[];if(x.EXPO!=="wineparis2026"){const m=this.exh.length?this.topLeftAlignment:o.length?i<s[s.length-1].scaleFactor?this.topLeftAlignment:this.centerAlignment:this.topLeftAlignment;this.shapeLabel.alignment=m}if(!$(this.shapeLabel.lines,i,this.fontSizes,this.booth.name))return;const l=this.paddingScaled[0]*i+this.padding,d=this.paddingScaled[1]*i+this.padding;return this.shapeLabel.padding[0]=l,this.shapeLabel.padding[1]=d,this.shapeLabel},a=i=>{const o=i>=this.minZoomDotVisible&&i<=this.maxZoomDotVisible,s=this.shapeDot.source.width*i,n=this.shapeDot.source.height*i;if(!(!o&&this.shapeDot.hidden))return this.shapeDot.bounds.size={x:s,y:n},this.shapeDot.hidden=!o,this.shapeDot};B(()=>[this.booth.skipDim,p.selectedRoute,O.layersLoaded],()=>{if(!O.layersLoaded)return;const i=isDirectionsMode();this.shapeLabel.dim=i||this.booth.skipDim?!1:void 0,this.shapeDot.dim=i||this.booth.skipDim?!1:void 0,this.rendererService.update(this.shapeLabel,this.shapeDot)}),B(()=>p.mapSettings,({roll:i})=>{K(i)&&this.rendererService.onRoll(`booth-roll-${t.id}`,o=>{const s=q(o,this.shapeLabel.bounds.rotation),{size:n}=this.canvasRect;return s!==void 0&&(this.shapeLabel=k(this.shapeLabel,s),!this.shapeLabel.hidden&&!this.exh.length&&n.x!==n.y&&(this.canvasRect=Q(this.canvasRect,s),this.calculateFontSizeFactors(),r(this.rendererService.scale),a(this.rendererService.scale))),[this.shapeLabel,this.shapeDot]})}),this.rendererService.onPtScale(`booth-label-${t.id}`,r),this.rendererService.onPtScale(`booth-dot-${t.id}`,a)}getShape(){return[this.shapeLabel,this.shapeDot]}getShapeDot(){this.shapeDot=j(this.canvasRect,this.booth.labelColor||v),this.shapeDot.hidden=!0,this.maxZoomDotVisible=Math.min(this.canvasRect.size.x/this.shapeDot.source.width,this.canvasRect.size.y/this.shapeDot.source.height)}createLines(){const e=this.booth,t=[],r=[],a=b&&this.optimizationLevel()>=3?1:3;if(this.exh.length){const i=e.exhibitors.filter(s=>s.order===0),o=e.exhibitors.filter(s=>s.order);if(i.length>0)t.push(...i.map(s=>s.name));else if(u.onlyFeaturedExhibitors)t.push(...e.exhibitors.filter(s=>s.featured).map(s=>s.name));else if(o.length>0){t.push(...o.map(n=>n.name));const s=e.exhibitors.filter(n=>n.order===void 0);s.length>0&&t.push(L("and {{moreCount}} more",{moreCount:s.length}))}else e.exhibitors.length>a?t.push(`${e.exhibitors.length} ${u.exhibitorTermPlural}`):t.push(...e.exhibitors.map(s=>s.name));r.push(e.title||e.name)}else{const i=!!e.exhibitors.length;t.push(e.title||e.name),e.onHold?r.push(L("On Hold")):e.reserved?r.push(L("Reserved")):i||r.push(...e.exhibitors.map(o=>o.name).sort((o,s)=>o>s?1:-1)),e.size&&r.push(e.size.indexOf("/")>-1?e.size.substring(0,e.size.indexOf("/")).trim():e.size),e.price&&e.price!=="0"&&!p.previewMode&&r.push(e.price)}p.rtl&&t.forEach((i,o)=>{(i.endsWith(".")||i.endsWith("!")||i.endsWith("?"))&&(t[o]=t[o]+"\u200F"),X(i)&&(t[o]=t[o]+"  ")}),this.lines=[t,r]}calculateFontSizeFactors(){let[e,t]=this.lines;const r=this.canvasRect,a=[],i=[],o=this.prefixes.slice(0,this.exh.length?this.prefixes.length:this.prefixes.length-1);let s=500,n=300;this.exh.length?(s=Number(getComputedStyle(document.body).getPropertyValue(te))||s,n=Number(getComputedStyle(document.body).getPropertyValue(se))||n):(s=Number(getComputedStyle(document.body).getPropertyValue(ee))||s,n=Number(getComputedStyle(document.body).getPropertyValue(ie))||n);for(const{fontSize:l,short:d}of o){const m=l*devicePixelRatio,R=.9*l*devicePixelRatio,f=M(m,s),y=M(R,n),F=u.hideExhibitorBoothNumber||d;let T,A,S,g;if(this.exh.length)d?t=[]:t=this.lines[1],S=Math.max(...e.map(c=>this.measureText(c,f).width),...t.map(c=>this.measureText(c,y).width)),T=Math.max(...e.map(c=>this.exh.length?this.measureText(D(c),f).width:this.measureText(D(c),f).width+3+3),...t.map(c=>this.measureText(D(c),y).width)),g=m*e.length+R*t.length+devicePixelRatio*(e.length+t.length)+3,A=F?g/e.length:null;else{const c=e[0].replace(/[0-9]/g,"3").replace(/[A-Z]/g,"A"),N=4;S=this.measureText(c,f).width+3+3,g=m+N}const W=r.size.x/(T||S),C=r.size.y/(A||g),w=Math.min(W,C);a.push({scaleFactor:w,value:l}),!F&&i.push({scaleFactor:w,value:.9*l})}if(!this.exh.length){const l=a[a.length-1],d=this.prefixes.find(m=>m.name===z);a.push({scaleFactor:l.scaleFactor/1.8,value:d.fontSize}),i.push({scaleFactor:l.scaleFactor/1.8,value:d.fontSize*(b?1:.9)})}this.fontUrls=[getFontUrlByWeight(s,this.rendererService.fontUrls),getFontUrlByWeight(n,this.rendererService.fontUrls)],this.minZoomDotVisible=getMinZoomFactorForDot(a.map(l=>l.scaleFactor)),this.fontSizes=[a,i]}calcArea(e,t){return Math.floor(Math.max(0,e)*Math.max(0,t)/1e3)}optimizationLevel(){return Math.min(u.viewOptimizationLevel?u.viewOptimizationLevel:Math.floor(this.calcArea(this.canvasRect.size.x,this.canvasRect.size.y)/5e3),3)}measureText(e,t){return P.font=t,P.measureText(e)}}

package/dist/esm/components/Map/drawing/config/config-booth-scaled.d.ts

@@ -1,13 +1,13 @@
 import { Booth } from "../../../../store/BoothStore";
 import { BoothDrawerBaseWithoutPainter } from "./BoothDrawerBase";
 import { PathInfo } from "../../../../data/Data";
-import { MapRenderer } from "../../Map";
+import { RendererService } from "../../../../renderer";
 import { ImageDef, ImageSource } from "@expofp/renderer";
 export declare function canvasFromPath(paths: PathInfo[], scale: number | undefined, suffix: string): ImageSource;
-export default function configScaledBooth(renderer: MapRenderer, booth: Booth): ScaledBoothDrawer;
+export default function configScaledBooth(rendererService: RendererService, booth: Booth): ScaledBoothDrawer;
 declare class ScaledBoothDrawer extends BoothDrawerBaseWithoutPainter {
     protected shape: ImageDef;
-    constructor(renderer: MapRenderer, booth: Booth);
+    constructor(rendererService: RendererService, booth: Booth);
     getShape(): ImageDef[];
 }
 export {};

package/dist/esm/components/Map/drawing/config/config-booth-scaled.js

@@ -1 +1 @@
-import d,{layersStore as f}from"../../../../store";import{LayersMode as h}from"../../../../store/LayerStore";import{BoothDrawerBaseWithoutPainter as u}from"./BoothDrawerBase";import{getTrianglesFromFpPaths as g}from"../../../../data/svg";import{reaction as p}from"mobx";import{Rect as E}from"./Rect";import{createImageDef as y,updateRenderer as x}from"./engine-core";const l=document.createElement("canvas"),a=l.getContext("2d");export function canvasFromPath(m,s=.5,t){var e=[Number.MAX_VALUE,Number.MAX_VALUE,Number.MIN_VALUE,Number.MIN_VALUE];m.forEach(c=>{c.triangles=g(c.index,t),c.triangles.forEach(r=>{r.forEach(o=>{o[0]<e[0]?e[0]=o[0]:o[0]>e[2]&&(e[2]=o[0]),o[1]<e[1]?e[1]=o[1]:o[1]>e[3]&&(e[3]=o[1])})})});const n=e[0],i=e[1];return a.scale(s,s),m.forEach(c=>{a.beginPath(),a.fillStyle=c.color,c.triangles.forEach(r=>{a.moveTo(r[0][0]-n,r[0][1]-i),a.lineTo(r[1][0]-n,r[1][1]-i),a.lineTo(r[2][0]-n,r[2][1]-i),a.lineTo(r[0][0]-n,r[0][1]-i)}),a.fill()}),l}export default function L(m,s){return new N(m,s)}class N extends u{shape;constructor(s,t){super(t);const e=E.fromCoreRect(t.rect,t.rotate),n=canvasFromPath(t.paths,.5,d.layerStore.mode!==h.Default?t.layer.name:"");this.shape=y(n,e,{hidden:!0,dim:!0}),p(()=>[this.booth.skipDim,f.layersLoaded],()=>{f.layersLoaded&&(this.shape.dim=this.booth.skipDim?!1:void 0,x(s,this.shape))})}getShape(){return[this.shape]}}
+import d,{layersStore as f}from"../../../../store";import{LayersMode as h}from"../../../../store/LayerStore";import{BoothDrawerBaseWithoutPainter as u}from"./BoothDrawerBase";import{getTrianglesFromFpPaths as g}from"../../../../data/svg";import{reaction as p}from"mobx";import{Rect as E}from"./Rect";import{createImageDef as y}from"../../../../renderer";const l=document.createElement("canvas"),a=l.getContext("2d");export function canvasFromPath(m,s=.5,t){var e=[Number.MAX_VALUE,Number.MAX_VALUE,Number.MIN_VALUE,Number.MIN_VALUE];m.forEach(c=>{c.triangles=g(c.index,t),c.triangles.forEach(r=>{r.forEach(o=>{o[0]<e[0]?e[0]=o[0]:o[0]>e[2]&&(e[2]=o[0]),o[1]<e[1]?e[1]=o[1]:o[1]>e[3]&&(e[3]=o[1])})})});const n=e[0],i=e[1];return a.scale(s,s),m.forEach(c=>{a.beginPath(),a.fillStyle=c.color,c.triangles.forEach(r=>{a.moveTo(r[0][0]-n,r[0][1]-i),a.lineTo(r[1][0]-n,r[1][1]-i),a.lineTo(r[2][0]-n,r[2][1]-i),a.lineTo(r[0][0]-n,r[0][1]-i)}),a.fill()}),l}export default function x(m,s){return new L(m,s)}class L extends u{shape;constructor(s,t){super(t);const e=E.fromCoreRect(t.rect,t.rotate),n=canvasFromPath(t.paths,.5,d.layerStore.mode!==h.Default?t.layer.name:"");this.shape=y(n,e,{hidden:!0,dim:!0}),p(()=>[this.booth.skipDim,f.layersLoaded],()=>{f.layersLoaded&&(this.shape.dim=this.booth.skipDim?!1:void 0,s.update(this.shape))})}getShape(){return[this.shape]}}

package/dist/esm/components/Map/drawing/config/config-booths.d.ts

@@ -1,6 +1,6 @@
 import { Booth } from "../../../../store/BoothStore";
 import { LayerDef } from "@expofp/renderer";
-import { MapRenderer } from "../../Map";
+import { RendererService } from "../../../../renderer";
 export declare const BOOTHS_CHUNK_SIZE = 350;
-export default function configBooths(renderer: MapRenderer, layerID: string, booths: Booth[]): LayerDef;
+export default function configBooths(rendererService: RendererService, layerID: string, booths: Booth[]): LayerDef;
 //# sourceMappingURL=config-booths.d.ts.map

package/dist/esm/components/Map/drawing/config/config-booths.js

@@ -1 +1 @@
-import E from"./config-booth-bg";import{Rect as d}from"./Rect";import U from"./config-booth-labels";import{SEPARATOR as s}from"../../../../constants";import W from"./config-booth-labels-special";import v from"./config-booth-border";import F from"./config-booth-bookmark";import K from"../../../../tools/settings";import k,{boothStore as P,uiState as Z}from"../../../../store";import j from"./config-booth-scaled";import{loadImagesInBatchesById as q}from"../../../../utils/loadImagesInBatches";import{createBoothImg as z,getImageLayerName as G,mapBoothsLogos as J}from"./loadBoothsImages";import{degToRad as M}from"three/src/math/MathUtils";import{createImageDef as Q}from"./engine-core";export const BOOTHS_CHUNK_SIZE=350;export default function V(a,b,R){return(l=>{const t=b,B=[],m=[],f=[],u=[],y=[],p=G(t);for(const o of l){const i=E(a,o)?.getShape();i&&B.push(...i);const n=U(a,o)?.getShape();n&&m.push(...n);const c=W(a,o)?.getShape();if(c&&f.push(...c),!K.borderless){const e=v(a,o)?.getShape();e&&u.push(e)}const h=F(a,o)?.getShape();h&&y.push(h)}const D=m.filter(o=>o.lines),x=f.filter(o=>o.lines),_=m.filter(o=>o.source),w=f.filter(o=>o.source);if(!Z.hideLogoInBooth){const o=J(l);a.layerImagesHandlers.push({fn:async()=>{const i=await q(o,BOOTHS_CHUNK_SIZE),n=[];for(const[c,h]of i){const e=k.boothStore.boothById.get(c);if(!e)continue;const{bounds:{x:$,y:I,height:H,angle:N,width:O},htmlImage:T}=z(e,h),L=Q(T,new d({x:$,y:I},{x:$+O,y:I+H},M(N))),A=d.fromCoreRect(e.rect,e.rotate),C=d.inflateRect(A,e.borderWidth||P.borderWidth);e.shapes.push(L),n.push({shape:L,parentRect:C})}return{name:p,children:n}},name:p})}let g=[];l.length&&(g=[{name:`${t}${s}boothBackground`,children:B,interactive:!0},{name:`${t}${s}labels`,children:D},{name:`${t}${s}specialLabels`,children:x},{name:`${t}${s}bots`,children:_},{name:`${t}${s}specialDots`,children:w},{name:p,children:[]},{name:`${t}${s}boothsBookmark`,children:y},{name:`${t}${s}boothBorder`,children:u}]);const{defaultFrom:r}=k.routeStore,S=(b+":").split(":")[0];if(r?.layer===null||r?.layer?.name===S||r?.layer?.childLayers.find(o=>o.name===S)){const o=j(a,r);o&&g.push({name:`${t}${s}yahBooth`,children:o.getShape()})}return{name:t,children:g}})(R)}
+import U from"./config-booth-bg";import{Rect as g}from"./Rect";import W from"./config-booth-labels";import{SEPARATOR as s}from"../../../../constants";import F from"./config-booth-labels-special";import K from"./config-booth-border";import P from"./config-booth-bookmark";import Z from"../../../../tools/settings";import R,{boothStore as j,uiState as q}from"../../../../store";import z from"./config-booth-scaled";import{loadImagesInBatchesById as G}from"../../../../utils/loadImagesInBatches";import{createBoothImg as J,getImageLayerName as M,mapBoothsLogos as Q}from"./loadBoothsImages";import{degToRad as V}from"three/src/math/MathUtils";import{createImageDef as X}from"../../../../renderer";export const BOOTHS_CHUNK_SIZE=350;export default function Y(a,d,D){return(l=>{const t=d,b=[],m=[],f=[],B=[],u=[],y=M(t),L={name:y,children:[]};for(const o of l){const i=U(a,o)?.getShape();i&&b.push(...i);const n=W(a,o)?.getShape();n&&m.push(...n);const c=F(a,o)?.getShape();if(c&&f.push(...c),!Z.borderless){const e=K(a,o)?.getShape();e&&B.push(e)}const h=P(a,o)?.getShape();h&&u.push(h)}const x=m.filter(o=>o.lines),_=f.filter(o=>o.lines),w=m.filter(o=>o.source),N=f.filter(o=>o.source);if(!q.hideLogoInBooth){const o=Q(l);a.onLayerImages(y,async()=>{const i=await G(o,BOOTHS_CHUNK_SIZE),n=[];for(const[c,h]of i){const e=R.boothStore.boothById.get(c);if(!e)continue;const{bounds:{x:I,y:S,height:O,angle:T,width:A},htmlImage:C}=J(e,h),k=X(C,new g({x:I,y:S},{x:I+A,y:S+O},V(T))),E=g.fromCoreRect(e.rect,e.rotate),H=g.inflateRect(E,e.borderWidth||j.borderWidth);e.shapes.push(k),n.push({shape:k,parentRect:H})}return{layer:L,children:n}})}let p=[];l.length&&(p=[{name:`${t}${s}boothBackground`,children:b,interactive:!0},{name:`${t}${s}labels`,children:x},{name:`${t}${s}specialLabels`,children:_},{name:`${t}${s}bots`,children:w},{name:`${t}${s}specialDots`,children:N},L,{name:`${t}${s}boothsBookmark`,children:u},{name:`${t}${s}boothBorder`,children:B}]);const{defaultFrom:r}=R.routeStore,$=(d+":").split(":")[0];if(r?.layer===null||r?.layer?.name===$||r?.layer?.childLayers.find(o=>o.name===$)){const o=z(a,r);o&&p.push({name:`${t}${s}yahBooth`,children:o.getShape()})}return{name:t,children:p}})(D)}

package/dist/esm/components/Map/drawing/config/config-load-layer.d.ts

@@ -1,5 +1,5 @@
 import { Layer } from "../../../../store/LayerStore";
 import { LayerDef } from "@expofp/renderer";
-import { MapRenderer } from "../../Map";
-export default function loadLayer(layer: Layer, renderer?: MapRenderer): Promise<LayerDef>;
+import { RendererService } from "../../../../renderer";
+export default function loadLayer(layer: Layer, rendererService: RendererService): Promise<LayerDef>;
 //# sourceMappingURL=config-load-layer.d.ts.map

package/dist/esm/components/Map/drawing/config/config-load-layer.js

@@ -1 +1 @@
-import m,{boothStore as N}from"../../../../store";import C from"../../../../store/init/init-booths";import{LayersMode as O}from"../../../../store/LayerStore";import{loadJs as T}from"../../../../tools/loaders";import x,{BOOTHS_CHUNK_SIZE as H}from"./config-booths";import{chunkArray as M}from"../../../../utils";import{BOOTHS_PAINTER_MARKER as v,SEPARATOR as c}from"../../../../constants";import{Rect as D}from"@expofp/renderer";import k,{BG_LAYER_NAME as $,FG_LAYER_NAME as w}from"./config-bg";import{getChildLayers as G}from"../../../../store/init/init-layers";import{createImageDef as K,createLayerDef as U}from"./engine-core";import{getImageLayerName as Y,getLayerIcons as j}from"./loadBoothsImages";import{getRenderer as F}from"./config-all";import{loadIcons as J}from"../../../../utils/imageloader";import{degToRad as Z}from"three/src/math/MathUtils";function q(e){return e.childLayers.length?e.childLayers:G(e,e.basePriority,15).layers}function B(e,t,h){return new Promise(async f=>{let n=[];const a=C(m,t),s=await k(t),i=[],d=M(a,H);N.booths.filter(o=>o.rect&&(!o.layer||o.layer===t||o.layer.childLayers.includes(t))&&o.exhibitors.find(r=>!!r.logoInBooth&&!!r.logo)&&!m.uiState.hideLogoInBooth).forEach(o=>o.noLabels=!0),a.length&&d.forEach((o,r)=>{i.push(x(e,`${t.name}${c}${v}${c}${r}`,o))}),t.loaded=!0;const u=s.children.find(o=>o.name===$),y=s.children.find(o=>o.name===w),l=Y(t.name),g=j(t);g.length&&e.layerImagesHandlers.push({fn:async()=>{const o=await J(g),r=[];for(const _ of o.filter(Boolean)){const{bounds:{x:p,y:L,height:I,angle:b,width:E},htmlImage:R}=_,A=new D({x:p,y:L},{x:p+E,y:L+I},Z(b)),S=K(R,A);r.push({shape:S})}return{name:l,children:r}},name:l}),u&&n.push({...u,name:`${s.name}${c}${$}`}),i.length&&n.push(...i),y&&n.push({...y,name:`${s.name}${c}${w}`}),g.length&&n.push({name:l,children:[]});const P=t.childLayers.sort((o,r)=>o.basePriority-r.basePriority).map(async o=>B(e,o,!0));Promise.all(P).then(o=>{const r=o.flat();r.length&&n.push(...r),f(U(t.name,n,{hidden:!h}))})})}export default async function z(e,t=F()){return e.configured?Promise.resolve({name:e.name,children:e.children}):new Promise(async(h,f)=>{if(m.layerStore.mode!==O.Default&&!window[`__fpPaths${e.name}`]&&!e.rootParent)try{await T(`${window.__dataUrlBase}fp.svg.${e.name}.js`)}catch{return f()}const n=q(e);n.length&&(e.childLayers=n);const{layers:a}=m.layerStore;m.layerStore.layers=[...a,...n.filter(i=>!a.some(d=>d.name===i.name))];const s=await B(t,e,e.visible);h(s)})}
+import c,{boothStore as C}from"../../../../store";import O from"../../../../store/init/init-booths";import{LayersMode as T}from"../../../../store/LayerStore";import{loadJs as x}from"../../../../tools/loaders";import M,{BOOTHS_CHUNK_SIZE as D}from"./config-booths";import{chunkArray as H}from"../../../../utils";import{BOOTHS_PAINTER_MARKER as k,SEPARATOR as m}from"../../../../constants";import{Rect as G}from"@expofp/renderer";import K,{BG_LAYER_NAME as w,FG_LAYER_NAME as B}from"./config-bg";import{getChildLayers as U}from"../../../../store/init/init-layers";import{createImageDef as Y,createLayerDef as j}from"../../../../renderer";import{getImageLayerName as v,getLayerIcons as F}from"./loadBoothsImages";import{loadIcons as J}from"../../../../utils/imageloader";import{degToRad as Z}from"three/src/math/MathUtils";function q(e){return e.childLayers.length?e.childLayers:U(e,e.basePriority,15).layers}function P(e,t,h){return new Promise(async f=>{let n=[];const s=O(c,t),a=await K(t),i=[],d=H(s,D);C.booths.filter(o=>o.rect&&(!o.layer||o.layer===t||o.layer.childLayers.includes(t))&&o.exhibitors.find(r=>!!r.logoInBooth&&!!r.logo)&&!c.uiState.hideLogoInBooth).forEach(o=>o.noLabels=!0),s.length&&d.forEach((o,r)=>{i.push(M(e,`${t.name}${m}${k}${m}${r}`,o))}),t.loaded=!0;const g=a.children.find(o=>o.name===w),y=a.children.find(o=>o.name===B),u=v(t.name),l=F(t),p={name:u,children:[]};l.length&&e.onLayerImages(u,async()=>{const o=await J(l),r=[];for(const I of o.filter(Boolean)){const{bounds:{x:L,y:$,height:b,angle:E,width:A},htmlImage:R}=I,S=new G({x:L,y:$},{x:L+A,y:$+b},Z(E)),N=Y(R,S);r.push({shape:N})}return{layer:p,children:r}}),g&&n.push({...g,name:`${a.name}${m}${w}`}),i.length&&n.push(...i),y&&n.push({...y,name:`${a.name}${m}${B}`}),l.length&&n.push(p);const _=t.childLayers.sort((o,r)=>o.basePriority-r.basePriority).map(async o=>P(e,o,!0));Promise.all(_).then(o=>{const r=o.flat();r.length&&n.push(...r),f(j(t.name,n,{hidden:!h}))})})}export default async function z(e,t){return e.configured?Promise.resolve({name:e.name,children:e.children}):new Promise(async(h,f)=>{if(c.layerStore.mode!==T.Default&&!window[`__fpPaths${e.name}`]&&!e.rootParent)try{await x(`${window.__dataUrlBase}fp.svg.${e.name}.js`)}catch{return f()}const n=q(e);n.length&&(e.childLayers=n);const{layers:s}=c.layerStore;c.layerStore.layers=[...s,...n.filter(i=>!s.some(d=>d.name===i.name))];const a=await P(t,e,e.visible);h(a)})}

package/dist/esm/components/Map/drawing/config/config-markers.d.ts

@@ -1,6 +1,5 @@
-import { SceneDef } from "@expofp/renderer";
-import { MapRenderer } from "../../Map";
+import { RendererService } from "../../../../renderer";
 export declare const MARKER_LAYER_NAME = "markers";
-export declare function configMarkers(renderer: MapRenderer, scene: SceneDef): () => void;
+export declare function configMarkers(rendererService: RendererService): () => void;
 export declare function getMarkerFromClick(x: number, y: number, scale: number): import("../../../../store/RouteStore").Marker | null;
 //# sourceMappingURL=config-markers.d.ts.map