@eyeon/map 2.0.15 → 2.0.19

package/dist/viewer/index.css

@@ -41,6 +41,8 @@
   cursor: grab;
   touch-action: none;
   overscroll-behavior: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .eyeon-map-viewer__canvas:active {
@@ -52,6 +54,86 @@
   cursor: pointer;
 }
 
+/* Store / amenity hover pop-out — follows the pointer, arrow on the bottom. */
+.eyeon-map-hover-tooltip {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 4;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
+}
+
+.eyeon-map-hover-tooltip ::selection,
+.eyeon-map-hover-tooltip *::selection {
+  background: transparent;
+}
+
+.eyeon-map-hover-tooltip__pop {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: 6px;
+  transform: translate(-50%, calc(-100% - 10px));
+  transform-origin: 50% 100%;
+  filter:
+    drop-shadow(0 10px 24px rgba(15, 23, 42, 0.18))
+    drop-shadow(0 2px 6px rgba(15, 23, 42, 0.12));
+  animation: eyeon-map-tooltip-pop 160ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.eyeon-map-hover-tooltip__label {
+  position: relative;
+  z-index: 1;
+  display: block;
+  max-width: min(280px, 70vw);
+  padding: 8px 12px;
+  overflow: hidden;
+  border-radius: 10px;
+  background: #fff;
+  color: #0f172a;
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  line-height: 1.3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.eyeon-map-hover-tooltip__arrow {
+  position: absolute;
+  z-index: 0;
+  left: 50%;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+  background: #fff;
+  transform: translateX(-50%) rotate(45deg);
+}
+
+@keyframes eyeon-map-tooltip-pop {
+  from {
+    opacity: 0;
+    transform: translate(-50%, calc(-100% - 2px)) scale(0.94);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, calc(-100% - 10px)) scale(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .eyeon-map-hover-tooltip__pop {
+    animation: none;
+  }
+}
+
 @keyframes eyeon-map-current-location-pulse {
   0% {
     transform: scale(0.8);
@@ -423,29 +505,68 @@
   position: relative;
   width: min(600px, calc(100vw - 32px));
   min-width: min(360px, calc(100vw - 32px));
+  overflow: visible;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 16px 40px rgba(15, 23, 42, 0.24);
 }
 
-.eyeon-map-info-modal__close {
+/*
+  The store/amenity modal is portaled to document.body, so the
+  .eyeon-map-viewer button reset does not apply. Hello Elementor and
+  Elementor kit rules (`button:hover`, `button:focus`) would otherwise
+  paint the close control with the site accent color.
+*/
+.eyeon-map-info-modal button,
+.eyeon-map-info-modal button:hover,
+.eyeon-map-info-modal button:focus,
+.eyeon-map-info-modal button:focus-visible,
+.eyeon-map-info-modal button:active {
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+.eyeon-map-info-modal button.eyeon-map-info-modal__close,
+.eyeon-map-info-modal button.eyeon-map-info-modal__close:hover,
+.eyeon-map-info-modal button.eyeon-map-info-modal__close:focus,
+.eyeon-map-info-modal button.eyeon-map-info-modal__close:focus-visible,
+.eyeon-map-info-modal button.eyeon-map-info-modal__close:active {
   position: absolute;
   top: 0;
   right: 0;
   width: 24px;
   height: 24px;
   padding: 0;
-  border: 0;
-  background: transparent;
+  border: 0 !important;
+  background: transparent !important;
+  background-color: transparent !important;
+  color: #000 !important;
   transform: translate(50%, -50%);
   cursor: pointer;
   z-index: 2;
+  filter: none !important;
 }
 
 .eyeon-map-info-modal__close svg {
   display: block;
 }
 
+.eyeon-map-info-modal__close svg,
+.eyeon-map-info-modal button.eyeon-map-info-modal__close:hover svg,
+.eyeon-map-info-modal button.eyeon-map-info-modal__close:focus svg {
+  color: #000 !important;
+  fill: #000 !important;
+}
+
+.eyeon-map-info-modal__close circle {
+  fill: #000 !important;
+}
+
+.eyeon-map-info-modal__close path {
+  stroke: #fff !important;
+  fill: none !important;
+}
+
 .eyeon-map-info-modal__body {
   display: flex;
   flex-direction: column;
@@ -493,6 +614,7 @@
 
 .eyeon-map-info-modal__form {
   display: flex;
+  align-items: stretch;
   gap: 16px;
   padding: 16px;
   box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
@@ -503,50 +625,144 @@
   min-width: 0;
 }
 
-.eyeon-map-info-modal__route-unavailable {
-  align-self: center;
-  color: #b42318;
-  font-size: 13px;
+.eyeon-map-info-modal__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }
 
-.eyeon-map-info-modal__map-it {
+.eyeon-map-info-modal__map-it-tooltip {
+  position: relative;
+  display: flex;
+  align-self: stretch;
   flex-shrink: 0;
-  background: #0763b1;
+  margin-left: auto;
+}
+
+.eyeon-map-info-modal__map-it-tooltip:focus {
+  outline: none;
+}
+
+.eyeon-map-info-modal__map-it-tooltip .eyeon-map-info-modal__map-it:disabled {
+  pointer-events: none;
+}
+
+.eyeon-map-info-modal__map-it-tooltip[data-tooltip]::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  z-index: 2;
+  left: 50%;
+  bottom: calc(100% + 8px);
+  transform: translateX(-50%);
+  padding: 6px 10px;
+  border-radius: 6px;
+  background: #0f172a;
   color: #fff;
-  border: 0;
-  padding: 8px 16px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.3;
+  letter-spacing: 0.01em;
+  white-space: nowrap;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.eyeon-map-info-modal__map-it-tooltip[data-tooltip]:hover::after,
+.eyeon-map-info-modal__map-it-tooltip[data-tooltip]:focus-within::after {
+  opacity: 1;
+  visibility: visible;
+}
+
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it,
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:hover,
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:focus,
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:focus-visible,
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:active {
+  box-sizing: border-box !important;
+  flex-shrink: 0;
+  align-self: stretch;
+  min-height: 34px !important;
+  height: 100% !important;
+  background: #0763b1 !important;
+  background-color: #0763b1 !important;
+  color: #fff !important;
+  border: 0 !important;
+  padding: 0 16px !important;
   border-radius: 4px;
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
+  line-height: 34px;
   white-space: nowrap;
+  opacity: 1 !important;
 }
 
-.eyeon-map-info-modal__map-it:disabled {
-  opacity: 0.45;
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:disabled,
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:disabled:hover,
+.eyeon-map-info-modal button.eyeon-map-info-modal__map-it:disabled:focus {
+  opacity: 0.45 !important;
   cursor: default;
 }
 
 .eyeon-map-route-change {
-  position: relative;
+  position: absolute;
+  top: -21px;
+  left: -21px;
   width: 42px;
   height: 42px;
   padding: 0;
   box-sizing: border-box;
-  border: 4px solid #ccc;
+  border: 3px solid #444444;
   border-radius: 50%;
   background: #4ea5ff;
+  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
   color: #fff;
   cursor: pointer;
   font: inherit;
 }
 
+.eyeon-map-route-change--forward {
+  z-index: 2;
+}
+
+.eyeon-map-route-change--back {
+  z-index: 1;
+}
+
+.eyeon-map-route-change__intent {
+  position: absolute;
+  right: -4px;
+  bottom: -4px;
+  display: flex;
+  width: 18px;
+  height: 18px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--eyeon-route-change-intent, #444444);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1;
+}
+
 .eyeon-map-route-change__icon {
   display: flex;
   width: 100%;
   height: 100%;
   align-items: center;
   justify-content: center;
+  padding: 4px;
+  box-sizing: border-box;
   font-size: 24px;
   font-weight: 700;
   line-height: 1;
@@ -554,36 +770,13 @@
 
 .eyeon-map-route-change__icon img {
   display: block;
-  width: 75%;
-  height: 75%;
-}
-
-.eyeon-map-route-change__label {
-  position: absolute;
-  top: -12px;
-  left: 50%;
-  display: flex;
-  align-items: center;
-  padding: 4px 12px;
-  transform: translate(-50%, -100%);
-  border-radius: 999px;
-  background: #fff;
-  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
-  color: #444;
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
+  width: 100%;
+  height: 100%;
 }
 
-.eyeon-map-route-change__label::before {
-  position: absolute;
-  top: calc(100% - 8px);
+.eyeon-map-route-change__tooltip {
   left: 50%;
-  width: 12px;
-  height: 12px;
-  transform: translateX(-50%) rotate(45deg);
-  background: #fff;
-  content: '';
+  top: 0;
 }
 
 .eyeon-map-select {
@@ -639,6 +832,18 @@
   border-color: #cbd5e1;
 }
 
+.eyeon-map-select button.eyeon-map-select__trigger,
+.eyeon-map-select button.eyeon-map-select__trigger:hover,
+.eyeon-map-select button.eyeon-map-select__trigger:focus,
+.eyeon-map-select button.eyeon-map-select__trigger:focus-visible,
+.eyeon-map-select button.eyeon-map-select__trigger:active {
+  background: #fff !important;
+  background-color: #fff !important;
+  color: #0f172a !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
 .eyeon-map-select__trigger.is-open {
   border-color: #0763b1;
 }
@@ -678,7 +883,15 @@
   font-weight: 400;
 }
 
-.eyeon-map-select__chevron-btn {
+/*
+  Hello Elementor / Elementor kit `button:hover|focus` would otherwise
+  recolor this chevron to the site accent. Keep the arrow slate.
+*/
+.eyeon-map-select button.eyeon-map-select__chevron-btn,
+.eyeon-map-select button.eyeon-map-select__chevron-btn:hover,
+.eyeon-map-select button.eyeon-map-select__chevron-btn:focus,
+.eyeon-map-select button.eyeon-map-select__chevron-btn:focus-visible,
+.eyeon-map-select button.eyeon-map-select__chevron-btn:active {
   position: absolute;
   top: 0;
   right: 0;
@@ -690,9 +903,12 @@
   width: 28px;
   margin: 0;
   padding: 0;
-  border: 0;
-  background: transparent;
-  color: inherit;
+  border: 0 !important;
+  background: transparent !important;
+  background-color: transparent !important;
+  color: #64748b !important;
+  box-shadow: none !important;
+  outline: none !important;
   cursor: pointer;
 }
 
@@ -701,12 +917,22 @@
   font-weight: 400;
 }
 
-.eyeon-map-select__chevron {
+.eyeon-map-select__chevron,
+.eyeon-map-select button.eyeon-map-select__chevron-btn:hover .eyeon-map-select__chevron,
+.eyeon-map-select button.eyeon-map-select__chevron-btn:focus .eyeon-map-select__chevron,
+.eyeon-map-select__trigger:hover .eyeon-map-select__chevron {
   flex-shrink: 0;
-  color: #64748b;
+  color: #64748b !important;
+  fill: none !important;
+  stroke: currentColor !important;
   opacity: 0.7;
 }
 
+.eyeon-map-select__chevron path {
+  stroke: currentColor !important;
+  fill: none !important;
+}
+
 .eyeon-map-select__trigger[aria-expanded='true'] .eyeon-map-select__chevron,
 .eyeon-map-select__trigger.is-open .eyeon-map-select__chevron {
   transform: rotate(180deg);
@@ -738,19 +964,36 @@
   min-width: 0;
 }
 
-.eyeon-map-select__option {
+/*
+  Option rows are <button>s portaled to document.body. Host themes restyle
+  `button:hover` to white/gray text (hard to read). Keep labels black and
+  use only a light-gray background on hover.
+*/
+.eyeon-map-select__menu button.eyeon-map-select__option,
+.eyeon-map-select__menu button.eyeon-map-select__option:hover,
+.eyeon-map-select__menu button.eyeon-map-select__option:focus,
+.eyeon-map-select__menu button.eyeon-map-select__option:focus-visible,
+.eyeon-map-select__menu button.eyeon-map-select__option:active,
+.eyeon-map-select button.eyeon-map-select__option,
+.eyeon-map-select button.eyeon-map-select__option:hover,
+.eyeon-map-select button.eyeon-map-select__option:focus,
+.eyeon-map-select button.eyeon-map-select__option:focus-visible,
+.eyeon-map-select button.eyeon-map-select__option:active {
   display: flex;
   align-items: center;
   gap: 8px;
   width: 100%;
   padding: 7px 10px;
-  border: 0;
+  border: 0 !important;
   border-radius: 6px;
-  background: transparent;
-  color: #0f172a;
+  background: transparent !important;
+  background-color: transparent !important;
+  color: #000 !important;
   font: inherit;
   font-size: 12px;
   text-align: left;
+  box-shadow: none !important;
+  outline: none !important;
   cursor: pointer;
 }
 
@@ -772,28 +1015,42 @@
   gap: 8px;
   min-width: 0;
   flex: 1;
+  color: #000 !important;
 }
 
-.eyeon-map-select__option-hint {
-  color: #64748b;
+.eyeon-map-select__menu button.eyeon-map-select__option:hover .eyeon-map-select__option-copy,
+.eyeon-map-select__menu button.eyeon-map-select__option:hover .eyeon-map-select__option-copy > span:not(.eyeon-map-select__option-hint) {
+  color: #000 !important;
+}
+
+.eyeon-map-select__option-hint,
+.eyeon-map-select__menu button.eyeon-map-select__option:hover .eyeon-map-select__option-hint,
+.eyeon-map-select__menu button.eyeon-map-select__option:focus .eyeon-map-select__option-hint {
+  color: #334155 !important;
   font-size: 11px;
   font-weight: 600;
   flex-shrink: 0;
 }
 
-.eyeon-map-select__option:hover {
-  background: #f1f5f9;
+.eyeon-map-select__menu button.eyeon-map-select__option:hover,
+.eyeon-map-select__menu button.eyeon-map-select__option.is-highlight:not(.is-active),
+.eyeon-map-select button.eyeon-map-select__option:hover,
+.eyeon-map-select button.eyeon-map-select__option.is-highlight:not(.is-active) {
+  background: #f1f5f9 !important;
+  background-color: #f1f5f9 !important;
+  color: #000 !important;
 }
 
-.eyeon-map-select__option.is-active {
-  background: #e0f2fe;
+.eyeon-map-select__menu button.eyeon-map-select__option.is-active,
+.eyeon-map-select__menu button.eyeon-map-select__option.is-active:hover,
+.eyeon-map-select button.eyeon-map-select__option.is-active,
+.eyeon-map-select button.eyeon-map-select__option.is-active:hover {
+  background: #f1f5f9 !important;
+  background-color: #f1f5f9 !important;
+  color: #000 !important;
   font-weight: 600;
 }
 
-.eyeon-map-select__option.is-highlight:not(.is-active) {
-  background: #f1f5f9;
-}
-
 .eyeon-map-select__empty {
   padding: 8px 10px;
   color: #94a3b8;

package/dist/viewer/index.js

@@ -1,5 +1,5 @@
 import { M as r, a as s, b as o, R as p } from "../chunks/MapViewer.js";
-import { aI as i, aW as t, bL as M } from "../chunks/stacking.js";
+import { a$ as i, bg as t, cl as M } from "../chunks/responsive.js";
 export {
   r as MapControls,
   s as MapScene,

package/dist/viewer/pointer.d.ts

@@ -1,20 +1,56 @@
-import { ShapeKind } from '../core';
+import { MapViewerHost, PublicServiceShape, ShapeKind } from '../core';
 /** Kinds that select (or Shift-add) on the assign / public map. */
 export declare const VIEWER_SELECTABLE_KINDS: ShapeKind[];
 export declare function isViewerSelectableKind(kind: string): boolean;
+/** Assign map: any selectable kind. Public hosts: only assigned items. */
+export declare function isViewerInteractiveShape(kind: string, host?: MapViewerHost, assignment?: PublicServiceShape['assignment'] | null): boolean;
 /** Hover and the current selection share the same assign-map highlight. */
 export declare function viewerShapeHighlighted(shapeId: number, hoveredShapeId: number | null, selectedShapeIds: readonly number[]): boolean;
 /** Map pointer hover wins over a leftover list hover. */
 export declare function resolvedViewerHoverId(listHoverId: number | null | undefined, pointerHoverId: number | null): number | null;
-export declare function viewerHoverCursor(kind: string): 'pointer' | '';
+export declare function viewerHoverCursor(kind: string, host?: MapViewerHost, assignment?: PublicServiceShape['assignment'] | null): 'pointer' | '';
 /** R3F `eventSource` hosts the cursor — the WebGL canvas has pointer-events: none. */
 export declare function applyViewerHoverCursor(host: HTMLElement | null | undefined, cursor: 'pointer' | ''): void;
-/** Amenities are almost invisible; hover must still read. */
+/** Near-invisible fills (legacy amenity 0.01) still need a readable hover. */
 export declare function viewerHoverFillOpacity(kind: string, base: number, hovered: boolean): number;
-/** Tint a store fill toward the accent so hover matches Edit Map. */
-export declare function viewerHoverFillColor(fill: string, accent: string, hovered: boolean, amount?: number): string;
-/** Pan farther than this and a pointer-up on empty space is not a clear. */
+/** Hover and the current selection use the same darker shade of this fill. */
+export declare function viewerHoverFillColor(fill: string, hovered: boolean): string;
+/** Canvas-host coordinates — MapScene uses `eventPrefix="offset"`. */
+export declare function viewerPointerOffset(event: {
+    offsetX?: number;
+    offsetY?: number;
+    nativeEvent?: {
+        offsetX?: number;
+        offsetY?: number;
+    };
+}): {
+    x: number;
+    y: number;
+} | null;
+/** Pan farther than this and a pointer-up is not a click/tap. */
 export declare const VIEWER_CLICK_DRAG_PX = 5;
+export type ViewerPointerGesture = {
+    pointerId: number | null;
+    x: number;
+    y: number;
+    maxDist: number;
+    active: boolean;
+};
+export declare function createViewerPointerGesture(): ViewerPointerGesture;
+export declare function viewerPointerClientXY(e: {
+    clientX?: number;
+    clientY?: number;
+    pointerId?: number;
+}): {
+    x: number;
+    y: number;
+    pointerId: number | null;
+} | null;
+export declare function beginViewerPointerGesture(gesture: ViewerPointerGesture, x: number, y: number, pointerId?: number | null): void;
+export declare function moveViewerPointerGesture(gesture: ViewerPointerGesture, x: number, y: number, pointerId?: number | null): void;
+export declare function endViewerPointerGesture(gesture: ViewerPointerGesture, x: number, y: number, pointerId?: number | null): void;
+/** True when the pointer barely moved — R3F delta alone is unreliable on touch. */
+export declare function viewerPointerClickIsTap(maxDist: number, r3fDelta?: number): boolean;
 export declare function pointerMissClearsSelection(down: {
     x: number;
     y: number;

package/dist/viewer/pointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../src/viewer/pointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,mEAAmE;AACnE,eAAO,MAAM,uBAAuB,EAAE,SAAS,EAO9C,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAE5D;AAED,2EAA2E;AAC3E,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,MAAM,GAAG,IAAI,EAC7B,gBAAgB,EAAE,SAAS,MAAM,EAAE,GAClC,OAAO,CAET;AAED,yDAAyD;AACzD,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,cAAc,EAAE,MAAM,GAAG,IAAI,GAC5B,MAAM,GAAG,IAAI,CAEf;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,EAAE,CAE9D;AAED,sFAAsF;AACtF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACpC,MAAM,EAAE,SAAS,GAAG,EAAE,GACrB,IAAI,CAGN;AAED,6DAA6D;AAC7D,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GACf,MAAM,CAIR;AA2BD,qEAAqE;AACrE,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,SAAM,GACX,MAAM,CAUR;AAED,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,wBAAgB,0BAA0B,CACxC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EACrC,EAAE,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5C,OAAO,CAMT"}
+{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../src/viewer/pointer.ts"],"names":[],"mappings":"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"}

package/dist/viewer/routeFloorChanges.d.ts

@@ -0,0 +1,33 @@
+import { PathResult, Vec2 } from '../core';
+export type RouteChangeIntent = 'forward' | 'back';
+export interface RouteLevelChangeMarker {
+    x: number;
+    y: number;
+    displayX: number;
+    displayY: number;
+    connectorId: number | null;
+    targetLevelId: number;
+    /** v1 label: To = continue toward the destination, From = go back. */
+    direction: 'To' | 'From';
+    intent: RouteChangeIntent;
+}
+export declare const ROUTE_CHANGE_MARKER_GAP = 44;
+export declare const ROUTE_CHANGE_MARKER_CLUSTER = 8;
+export declare function routeOriginLevelId(route: PathResult | null | undefined): number | null;
+/** Pin the camera to the start floor only when the trip itself changes. */
+export declare function shouldPinViewToRouteOrigin(previousFrom: number | null, previousTo: number | null, nextFrom: number | null, nextTo: number | null): boolean;
+export declare function routeVisitedLevelIds(route: PathResult): number[];
+export declare function routeChangeLabel(intent: RouteChangeIntent, floorName: string): string;
+export declare function routePointsOnLevel(route: PathResult, levelId: number): Vec2[];
+/** Contiguous walks on one floor — a later revisit starts a new segment. */
+export declare function routeSegmentsForLevel(route: PathResult, levelId: number): Vec2[][];
+export declare function layoutRouteLevelChangeMarkers<T extends {
+    x: number;
+    y: number;
+    intent: RouteChangeIntent;
+}>(markers: T[]): Array<T & {
+    displayX: number;
+    displayY: number;
+}>;
+export declare function routeLevelChangeMarkers(route: PathResult, levelId: number): RouteLevelChangeMarker[];
+//# sourceMappingURL=routeFloorChanges.d.ts.map

package/dist/viewer/routeFloorChanges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routeFloorChanges.d.ts","sourceRoot":"","sources":["../../src/viewer/routeFloorChanges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,sBAAsB;IACrC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GACnC,MAAM,GAAG,IAAI,CAEf;AAED,2EAA2E;AAC3E,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,OAAO,CAGT;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,EAAE,CAMhE;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,MAAM,GAChB,MAAM,CAER;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,MAAM,GACd,IAAI,EAAE,CAIR;AAED,4EAA4E;AAC5E,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,MAAM,GACd,IAAI,EAAE,EAAE,CAeV;AAMD,wBAAgB,6BAA6B,CAC3C,CAAC,SAAS;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAA;CAAE,EAC7D,OAAO,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAkCjE;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,MAAM,GACd,sBAAsB,EAAE,CA8B1B"}

package/dist/viewer/ui/HoverTooltip.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ViewerHoverTooltip } from '../../core';
+export declare function HoverTooltip({ tooltip, }: {
+    tooltip: ViewerHoverTooltip | null;
+}): React.JSX.Element | null;
+//# sourceMappingURL=HoverTooltip.d.ts.map

package/dist/viewer/ui/HoverTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverTooltip.d.ts","sourceRoot":"","sources":["../../../src/viewer/ui/HoverTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,GACR,EAAE;IACD,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACpC,4BAcA"}

package/dist/viewer/ui/MapControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapControls.d.ts","sourceRoot":"","sources":["../../../src/viewer/ui/MapControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO7C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IACrD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,aAAoB,EACpB,YAAY,EACZ,gBAAwB,GACzB,EAAE,gBAAgB,4BA6ElB"}
+{"version":3,"file":"MapControls.d.ts","sourceRoot":"","sources":["../../../src/viewer/ui/MapControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAQ7C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IACrD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,aAAoB,EACpB,YAAY,EACZ,gBAAwB,GACzB,EAAE,gBAAgB,4BA+ElB"}

package/dist/viewer/ui/RuntimeChrome.d.ts

@@ -14,6 +14,7 @@ export interface RuntimeChromeProps {
     route: PathResult | null;
     showSearch?: boolean;
     showAmenities?: boolean;
+    amenityIconColor?: string;
 }
-export declare function RuntimeChrome({ doc, amenities, onActiveLevelChange, fromAnchorId, toAnchorId, onFromChange, onToChange, accessibleOnly, onAccessibleOnlyChange, route, showSearch, showAmenities, }: RuntimeChromeProps): React.JSX.Element | null;
+export declare function RuntimeChrome({ doc, amenities, fromAnchorId, toAnchorId, onFromChange, onToChange, accessibleOnly, onAccessibleOnlyChange, route, showSearch, showAmenities, amenityIconColor, }: RuntimeChromeProps): React.JSX.Element | null;
 //# sourceMappingURL=RuntimeChrome.d.ts.map