@eyeon/map 2.0.2 → 2.0.3

package/dist/editor/index.css

@@ -184,11 +184,8 @@
   color: #475569;
 }
 
-.eyeon-map-chrome__route select {
-  font-size: 12px;
-  padding: 6px;
-  border-radius: 6px;
-  border: 1px solid #e2e8f0;
+.eyeon-map-chrome__route .eyeon-map-select {
+  width: 100%;
 }
 
 .eyeon-map-chrome__accessible {
@@ -311,6 +308,8 @@
   font-size: 12px;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .eyeon-map-editor button,
@@ -320,6 +319,12 @@
   font-family: inherit;
 }
 
+.eyeon-map-editor input,
+.eyeon-map-editor textarea {
+  -webkit-user-select: text;
+  user-select: text;
+}
+
 /* Admin / Storybook PORTAL editor — Map options (LeftRail) is in-library. */
 .eyeon-map-editor--PORTAL {
   grid-template-columns: 300px minmax(0, 1fr);
@@ -335,12 +340,18 @@
   background: #fff;
 }
 
+.eyeon-map-rail__header,
+.eyeon-map-editor__toolbar {
+  box-sizing: border-box;
+  height: 49px;
+  min-height: 49px;
+}
+
 .eyeon-map-rail__header {
   display: flex;
   align-items: center;
   gap: 8px;
   flex-shrink: 0;
-  min-height: 44px;
   padding: 8px 10px;
   border-bottom: 1px solid #e2e8f0;
 }
@@ -364,29 +375,16 @@
 }
 
 .eyeon-map-rail__header-title {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   font-size: 13px;
   font-weight: 700;
   color: #0f172a;
 }
 
-.eyeon-map-rail__edit-map {
-  width: 100%;
-  margin-bottom: 8px;
-  border: 1px solid #0763b1;
-  background: #0763b1;
-  color: #fff;
-  border-radius: 8px;
-  padding: 10px 12px;
-  font-size: 13px;
-  font-weight: 700;
-  cursor: pointer;
-}
-
-.eyeon-map-rail__edit-map:hover {
-  background: #05508f;
-  border-color: #05508f;
-}
-
 .eyeon-map-rail__nav {
   display: flex;
   flex-direction: column;
@@ -408,6 +406,16 @@
   cursor: pointer;
 }
 
+.eyeon-map-rail__nav-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  color: #64748b;
+  flex-shrink: 0;
+}
+
 .eyeon-map-rail__nav-item:hover {
   background: #f1f5f9;
 }
@@ -417,6 +425,7 @@
   flex-direction: column;
   gap: 2px;
   min-width: 0;
+  flex: 1;
 }
 
 .eyeon-map-rail__nav-title {
@@ -445,6 +454,12 @@
   color: #64748b;
 }
 
+.eyeon-map-rail__nav-sep {
+  height: 1px;
+  margin: 8px 8px;
+  background: #cbd5e1;
+}
+
 .eyeon-map-rail__stat {
   font-size: 12px;
   font-weight: 600;
@@ -550,15 +565,29 @@
 }
 
 .eyeon-map-rail__field--color {
-  grid-template-columns: 1fr 36px;
+  grid-template-columns: 1fr;
+}
+
+.eyeon-map-rail__color-row {
+  display: flex;
   align-items: center;
+  gap: 8px;
+}
+
+.eyeon-map-rail__color-row input[type='text'] {
+  flex: 1;
+  min-width: 0;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
 }
 
 .eyeon-map-rail__field--color input[type='color'] {
   width: 36px;
-  height: 28px;
+  height: 32px;
   padding: 2px;
   cursor: pointer;
+  flex-shrink: 0;
 }
 
 .eyeon-map-rail__field input,
@@ -569,6 +598,10 @@
   border-radius: 6px;
 }
 
+.eyeon-map-rail__field .eyeon-map-select {
+  width: 100%;
+}
+
 .eyeon-map-editor__center {
   display: flex;
   flex-direction: column;
@@ -582,6 +615,7 @@
   z-index: 4;
   display: flex;
   justify-content: space-between;
+  align-items: center;
   gap: 8px;
   flex-shrink: 0;
   padding: 8px 10px;
@@ -605,6 +639,20 @@
   flex-wrap: wrap;
 }
 
+.eyeon-map-editor__history {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.eyeon-map-editor__tool-sep {
+  width: 1px;
+  height: 24px;
+  margin: 0 10px;
+  background: #94a3b8;
+  flex-shrink: 0;
+}
+
 .eyeon-map-rail__tool-extras {
   margin-bottom: 10px;
 }
@@ -621,6 +669,7 @@
   color: #0f172a;
   border-radius: 6px;
   cursor: pointer;
+  outline: none;
 }
 
 .eyeon-map-editor__tool-icon:hover:not(:disabled) {
@@ -628,6 +677,11 @@
   border-color: #cbd5e1;
 }
 
+.eyeon-map-editor__tool-icon:focus,
+.eyeon-map-editor__tool-icon:focus-visible {
+  outline: none;
+}
+
 .eyeon-map-editor__tool-icon.is-active {
   background: #eff6ff;
   border-color: #bfdbfe;
@@ -639,6 +693,19 @@
   cursor: not-allowed;
 }
 
+.eyeon-map-editor__tool-icon--labeled {
+  width: auto;
+  gap: 6px;
+  padding: 0 8px;
+}
+
+.eyeon-map-editor__tool-caption {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+}
+
 /* Immediate CSS tooltips — native title= is slow and often clipped in iframes. */
 .eyeon-map-editor [data-tooltip] {
   position: relative;
@@ -692,25 +759,37 @@
   padding: 0;
 }
 
+.eyeon-map-editor__toolbar button.eyeon-map-editor__tool-icon--labeled {
+  padding: 0 8px;
+}
+
 .eyeon-map-editor__toolbar button.is-active {
   background: #eff6ff;
   border-color: #bfdbfe;
   color: #1d4ed8;
 }
 
-.eyeon-map-editor__unsaved {
-  color: #b45309;
-  font-size: 11px;
-  font-weight: 600;
-}
-
 .eyeon-map-editor__toolbar .eyeon-map-editor__save,
 .eyeon-map-editor__toolbar .eyeon-map-editor__publish {
+  position: relative;
   background-color: #0763b1;
   border-color: #0763b1;
   color: #fff;
 }
 
+.eyeon-map-editor__save-badge {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #f59e0b;
+  border: 2px solid #fff;
+  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.35);
+  pointer-events: none;
+}
+
 .eyeon-map-editor__toolbar .eyeon-map-editor__save:hover:not(:disabled),
 .eyeon-map-editor__toolbar .eyeon-map-editor__publish:hover:not(:disabled) {
   background-color: #05508f;
@@ -723,22 +802,6 @@
   cursor: not-allowed;
 }
 
-.eyeon-map-editor__angle {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 11px;
-  font-weight: 600;
-}
-
-.eyeon-map-editor__angle input {
-  width: 56px;
-  font-size: 11px;
-  padding: 3px 6px;
-  border: 1px solid #e2e8f0;
-  border-radius: 4px;
-}
-
 .eyeon-map-editor__hint {
   flex-shrink: 0;
   padding: 6px 12px;
@@ -761,6 +824,9 @@
   inset: 0;
   overflow: hidden;
   background-color: #f8fafc;
+  touch-action: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 /* Graph paper is Edit Map only. PORTAL default is MapViewer (no grid). */
@@ -797,6 +863,13 @@
   width: 100%;
   height: 100%;
   touch-action: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.eyeon-map-canvas__svg.is-adding-route-point,
+.eyeon-map-canvas__svg.is-adding-route-point * {
+  cursor: none !important;
 }
 
 .eyeon-map-canvas__empty {
@@ -808,6 +881,24 @@
   color: #94a3b8;
 }
 
+.eyeon-map-canvas__underlay-tip {
+  position: absolute;
+  z-index: 8;
+  transform: translate(-50%, calc(-100% - 10px));
+  max-width: 240px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  background: rgba(15, 23, 42, 0.75);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.35;
+  letter-spacing: 0.01em;
+  text-align: center;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22);
+  pointer-events: none;
+}
+
 .eyeon-map-inspector {
   padding: 0 0 8px;
 }
@@ -877,16 +968,29 @@
 }
 
 .eyeon-map-floors__list {
+  position: relative;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+}
+
+.eyeon-map-floors__drop-line {
+  position: absolute;
+  left: 8px;
+  right: 8px;
+  height: 2px;
+  border-radius: 1px;
+  background: #0763b1;
+  pointer-events: none;
+  z-index: 2;
 }
 
 .eyeon-map-floors__row {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 2px;
   border-radius: 6px;
-  padding: 0;
+  padding: 0 4px 0 8px;
   height: 32px;
   box-sizing: border-box;
 }
@@ -894,7 +998,6 @@
 .eyeon-map-floors__entry {
   display: grid;
   margin-bottom: 2px;
-  will-change: transform;
 }
 
 .eyeon-map-floors__row:hover,
@@ -918,6 +1021,7 @@
 .eyeon-map-floors.is-reordering {
   user-select: none;
   cursor: grabbing;
+  overflow: hidden;
 }
 
 .eyeon-map-floors__row--ghost {
@@ -958,8 +1062,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
+  width: 20px;
   height: 32px;
+  padding: 0;
   border: 0;
   background: transparent;
   color: #64748b;
@@ -1382,3 +1487,116 @@
   justify-content: center;
   height: 100%;
 }
+
+.eyeon-map-select {
+  position: relative;
+  width: 100%;
+  min-width: 0;
+}
+
+.eyeon-map-select__trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  min-height: 32px;
+  padding: 6px 8px;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  background: #fff;
+  color: #0f172a;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: left;
+  cursor: pointer;
+}
+
+.eyeon-map-select__trigger:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.eyeon-map-select__trigger:not(:disabled):hover {
+  border-color: #cbd5e1;
+}
+
+.eyeon-map-select__trigger span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eyeon-map-select__placeholder {
+  color: #94a3b8;
+  font-weight: 400;
+}
+
+.eyeon-map-select__chevron {
+  flex-shrink: 0;
+  color: #64748b;
+  opacity: 0.7;
+}
+
+.eyeon-map-select__trigger[aria-expanded='true'] .eyeon-map-select__chevron {
+  transform: rotate(180deg);
+}
+
+.eyeon-map-select__menu {
+  position: fixed;
+  z-index: 2147483000;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
+}
+
+.eyeon-map-select__search {
+  flex-shrink: 0;
+  margin: 6px 6px 0;
+  padding: 6px 8px;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  font: inherit;
+  font-size: 12px;
+}
+
+.eyeon-map-select__list {
+  margin: 0;
+  padding: 4px;
+  overflow: auto;
+  list-style: none;
+}
+
+.eyeon-map-select__option {
+  display: block;
+  width: 100%;
+  padding: 7px 10px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #0f172a;
+  font: inherit;
+  font-size: 12px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.eyeon-map-select__option:hover {
+  background: #f1f5f9;
+}
+
+.eyeon-map-select__option.is-active {
+  background: #e0f2fe;
+  font-weight: 600;
+}
+
+.eyeon-map-select__empty {
+  padding: 8px 10px;
+  color: #94a3b8;
+  font-size: 12px;
+}

package/dist/editor/index.d.ts

@@ -1,11 +1,11 @@
 export { MapEditor, type MapEditorProps, type MapEditorHost, type EditorTool } from './MapEditor';
-export { portalCenterSurface, type PortalCenterSurface } from './portalSurface';
+export { isEditorSection, portalCenterSurface, type PortalCenterSurface } from './portalSurface';
 export type { MapHost } from '../core';
-export { type EditorDraftState } from './draftOps';
-export { EditorCanvas } from './canvas/EditorCanvas';
+export { omitLevelFromDraft, type EditorDraftState } from './draftOps';
+export { EditorCanvas, type EditorCanvasHandle } from './canvas/EditorCanvas';
 export { LeftRail, type RailSection, type RailTab } from './panels/LeftRail';
 export { Inspector } from './panels/Inspector';
 export { ImportReviewPanel, type ImportReviewProps } from './panels/ImportReviewPanel';
 export { FloorsPanel, floorsScreenTitle, visibleFloorCount, type CreateLevelInput, type FloorsScreen, type UpdateLevelInput, } from './panels/FloorsPanel';
-export { translateGeometry, moveVertex, insertVertex, removeVertex, hitTestVertex, polygonsToGeometry, } from './geometryEdit';
+export { translateGeometry, translateEdge, moveVertex, insertVertex, removeVertex, hitTestVertex, polygonsToGeometry, } from './geometryEdit';
 //# sourceMappingURL=index.d.ts.map

package/dist/editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAChF,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,gBAAgB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACjG,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,gBAAgB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC"}