@eyeon/map 2.0.17 → 2.0.20

package/dist/editor/canvas/EditorCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/EditorCanvas.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/EditorCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,UAAU,EACV,aAAa,EACb,IAAI,EACJ,OAAO,EACR,MAAM,YAAY,CAAC;AAWpB,OAAO,EAaL,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;AAClB,OAAO,EAWL,KAAK,cAAc,EAGpB,MAAM,cAAc,CAAC;AA8LtB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAChC,yEAAyE;IACzE,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACnC,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,6CAA6C;IAC7C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,oFAAoF;IACpF,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,wEAAwE;IACxE,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC;IAClC,iEAAiE;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,CAClB,KAAK,EAAE,IAAI,EACX,YAAY,EAAE,MAAM,GAAG,IAAI,KACxB,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oEAAoE;IACpE,oBAAoB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACvE,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7E,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,2BAA2B,EAAE,CAC3B,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,0EAA0E;IAC1E,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5E,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CACb,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,aAAa,EACvB,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,UAAU,CAAA;KAAE,KAC5B,IAAI,CAAC;IACV,qBAAqB,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,aAAa,EACvB,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KACtB,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACtD,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,YAAY,GAAG,gBAAgB,CAAC;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAqBD,eAAO,MAAM,YAAY,8FAw2FvB,CAAC"}

package/dist/editor/canvas/editorHover.d.ts

@@ -1,5 +1,7 @@
 import { ShapeKind } from '../../core';
 import { EditorTool } from '../tools';
+/** Wayfinding / vertex chrome — not a customer Style color. */
+export declare const EDITOR_GUIDE_COLOR = "#2563eb";
 /** Stores and other assignable items — pointer + highlight, not the pan hand. */
 export declare function isHoverHighlightShape(kind: ShapeKind): boolean;
 export declare function editorSelectCursor(args: {
@@ -15,4 +17,6 @@ export declare function editorSelectCursor(args: {
     entranceIcon?: boolean;
 }): 'pointer' | 'grab' | 'grabbing' | 'cell' | undefined;
 export declare function editorHoverFillOpacity(kind: ShapeKind, base: number, hovered: boolean): number;
+/** Hover and selection share the same darker shade of the shape fill. */
+export declare function editorShapeEmphasisColor(fill: string, emphasized: boolean): string;
 //# sourceMappingURL=editorHover.d.ts.map

package/dist/editor/canvas/editorHover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorHover.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/editorHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAoC,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7E,iFAAiF;AACjF,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAE9D;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAgBvD;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GACf,MAAM,CAGR"}
+{"version":3,"file":"editorHover.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/editorHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAoC,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7E,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C,iFAAiF;AACjF,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAE9D;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAgBvD;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GACf,MAAM,CAGR;AAED,yEAAyE;AACzE,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,OAAO,GAClB,MAAM,CAGR"}

package/dist/editor/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 {
@@ -59,6 +61,14 @@
   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 {
@@ -91,6 +101,8 @@
   line-height: 1.3;
   text-overflow: ellipsis;
   white-space: nowrap;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .eyeon-map-hover-tooltip__arrow {
@@ -493,6 +505,7 @@
   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);
@@ -601,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);
@@ -611,10 +625,60 @@
   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-tooltip {
+  position: relative;
+  display: flex;
+  align-self: stretch;
+  flex-shrink: 0;
+  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;
+  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,
@@ -622,16 +686,21 @@
 .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: 8px 16px;
+  padding: 0 16px !important;
   border-radius: 4px;
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
+  line-height: 34px;
   white-space: nowrap;
   opacity: 1 !important;
 }
@@ -644,14 +713,17 @@
 }
 
 .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;
@@ -659,13 +731,10 @@
 
 .eyeon-map-route-change--forward {
   z-index: 2;
-  border-color: #fff;
-  box-shadow: 0 0 0 3px #0763b1, 2px 2px 8px rgba(0, 0, 0, 0.25);
 }
 
 .eyeon-map-route-change--back {
-  background: #7aa8d4;
-  border-color: #e2e8f0;
+  z-index: 1;
 }
 
 .eyeon-map-route-change__intent {
@@ -678,7 +747,7 @@
   align-items: center;
   justify-content: center;
   border-radius: 50%;
-  background: #0763b1;
+  background: var(--eyeon-route-change-intent, #444444);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
   color: #fff;
   font-size: 12px;
@@ -686,16 +755,14 @@
   line-height: 1;
 }
 
-.eyeon-map-route-change--back .eyeon-map-route-change__intent {
-  background: #475569;
-}
-
 .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;
@@ -703,36 +770,13 @@
 
 .eyeon-map-route-change__icon img {
   display: block;
-  width: 75%;
-  height: 75%;
+  width: 100%;
+  height: 100%;
 }
 
-.eyeon-map-route-change__label {
-  position: absolute;
-  top: -12px;
+.eyeon-map-route-change__tooltip {
   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;
-}
-
-.eyeon-map-route-change__label::before {
-  position: absolute;
-  top: calc(100% - 8px);
-  left: 50%;
-  width: 12px;
-  height: 12px;
-  transform: translateX(-50%) rotate(45deg);
-  background: #fff;
-  content: '';
+  top: 0;
 }
 
 .eyeon-map-editor {
@@ -747,8 +791,6 @@
   font-size: 12px;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
-  -webkit-user-select: none;
-  user-select: none;
 }
 
 .eyeon-map-editor button,
@@ -792,6 +834,14 @@
   overflow: hidden;
   border-right: 1px solid #e2e8f0;
   background: #fff;
+  /* Staff copy store names / ids from the rail. Do not put user-select:none on .eyeon-map-editor. */
+  -webkit-user-select: text;
+  user-select: text;
+}
+
+.eyeon-map-rail button {
+  -webkit-user-select: text;
+  user-select: text;
 }
 
 .eyeon-map-rail__header,
@@ -987,6 +1037,10 @@
   margin-top: 0;
 }
 
+.eyeon-map-rail__heading--section {
+  margin-top: 21px;
+}
+
 .eyeon-map-rail__row {
   display: flex;
   justify-content: space-between;
@@ -1001,7 +1055,6 @@
   padding: 7px 8px;
   cursor: pointer;
   font-size: 12px;
-  user-select: none;
 }
 
 .eyeon-map-rail__row-icon {
@@ -1235,8 +1288,8 @@
   border-radius: 6px;
 }
 
-.eyeon-map-rail__field--inline > input:not(.eyeon-map-select__input),
-.eyeon-map-rail__field--inline > select {
+.eyeon-map-rail__field--inline>input:not(.eyeon-map-select__input),
+.eyeon-map-rail__field--inline>select {
   font-size: 12px;
   padding: 6px 8px;
   border: 1px solid #e2e8f0;
@@ -1275,6 +1328,8 @@
   min-width: 0;
   min-height: 0;
   overflow: hidden;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .eyeon-map-editor__toolbar {
@@ -1548,20 +1603,16 @@
   background-image:
     linear-gradient(var(--eyeon-map-grid-line) 1px, transparent 1px),
     linear-gradient(90deg, var(--eyeon-map-grid-line) 1px, transparent 1px),
-    repeating-linear-gradient(
-      45deg,
+    repeating-linear-gradient(45deg,
       var(--eyeon-map-grid-diag-line) 0,
       var(--eyeon-map-grid-diag-line) 1px,
       transparent 1px,
-      transparent var(--eyeon-map-grid-diag)
-    ),
-    repeating-linear-gradient(
-      -45deg,
+      transparent var(--eyeon-map-grid-diag)),
+    repeating-linear-gradient(-45deg,
       var(--eyeon-map-grid-diag-line) 0,
       var(--eyeon-map-grid-diag-line) 1px,
       transparent 1px,
-      transparent var(--eyeon-map-grid-diag)
-    );
+      transparent var(--eyeon-map-grid-diag));
   background-size:
     var(--eyeon-map-grid) var(--eyeon-map-grid),
     var(--eyeon-map-grid) var(--eyeon-map-grid),
@@ -1636,7 +1687,7 @@
   padding: 0 0 8px;
 }
 
-.eyeon-map-inspector > .eyeon-map-assign__row {
+.eyeon-map-inspector>.eyeon-map-assign__row {
   margin-top: 10px;
 }
 
@@ -1679,8 +1730,8 @@
   min-width: 0;
 }
 
-.eyeon-map-assign > .eyeon-map-select,
-.eyeon-map-assign > .eyeon-map-rail__field {
+.eyeon-map-assign>.eyeon-map-select,
+.eyeon-map-assign>.eyeon-map-rail__field {
   width: 100%;
   margin-bottom: 0;
 }
@@ -1695,6 +1746,10 @@
   margin-top: 16px;
 }
 
+.eyeon-map-assign__actions--end {
+  justify-content: flex-end;
+}
+
 .eyeon-map-assign__copy-wrap {
   display: flex;
   flex-direction: column;
@@ -1836,7 +1891,7 @@
   margin-left: auto;
 }
 
-.eyeon-map-assign__control > input {
+.eyeon-map-assign__control>input {
   box-sizing: border-box;
   width: 120px;
   min-width: 0;
@@ -1981,12 +2036,10 @@
 }
 
 .eyeon-map-assign__swatch-well.is-transparent {
-  background-image: conic-gradient(
-    #d1d5db 0.25turn,
-    #ffffff 0.25turn 0.5turn,
-    #d1d5db 0.5turn 0.75turn,
-    #ffffff 0.75turn
-  );
+  background-image: conic-gradient(#d1d5db 0.25turn,
+      #ffffff 0.25turn 0.5turn,
+      #d1d5db 0.5turn 0.75turn,
+      #ffffff 0.75turn);
   background-size: 8px 8px;
 }
 
@@ -2091,7 +2144,7 @@
   outline: 1px dashed #0763b1;
 }
 
-.eyeon-map-floors__row.is-placeholder > * {
+.eyeon-map-floors__row.is-placeholder>* {
   opacity: 0;
 }
 
@@ -2566,7 +2619,6 @@
   justify-content: center;
   height: 100%;
 }
-
 .eyeon-map-select {
   position: relative;
   display: block;