@superrouteca/smap 1.1.7 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +50 -0
- package/README.md +118 -0
- package/dist/SOURCE.json +8 -8
- package/dist/smap-client.cjs +2 -2
- package/dist/smap-client.js +2 -2
- package/dist/smap-client.mjs +2 -2
- package/dist/smap.cjs +3319 -26
- package/dist/smap.css +42 -0
- package/dist/smap.js +3311 -23
- package/dist/smap.mjs +3318 -27
- package/package.json +1 -1
- package/types/smap.d.cts +291 -6
- package/types/smap.d.mts +291 -6
package/dist/smap.css
CHANGED
|
@@ -110,6 +110,48 @@
|
|
|
110
110
|
.smap-style-dark .smap-tools-panel, .smap-style-black .smap-tools-panel { background: #1f2430; color: #e5e7eb; }
|
|
111
111
|
.smap-style-dark .smap-tools-panel button, .smap-style-black .smap-tools-panel button { background: #1f2430; border-color: rgba(229, 231, 235, 0.2); }
|
|
112
112
|
|
|
113
|
+
/* Custom markers (G1), dragging (G2) and tooltips (G5). Markers sit above the drawn layers and under popups. */
|
|
114
|
+
.smap-markers { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 1; }
|
|
115
|
+
.maplibregl-canvas-container > .maplibregl-popup { z-index: 3; }
|
|
116
|
+
.smap-marker { position: absolute; left: 0; top: 0; will-change: transform; pointer-events: none; }
|
|
117
|
+
.smap-marker.smap-marker-interactive { pointer-events: auto; cursor: pointer; }
|
|
118
|
+
.smap-marker.smap-marker-dragging { cursor: grabbing; }
|
|
119
|
+
.smap-tooltip {
|
|
120
|
+
position: absolute; left: 0; top: 0; z-index: 2000000000; pointer-events: none; max-width: 280px; padding: 4px 8px;
|
|
121
|
+
border-radius: 4px; background: rgba(17, 24, 39, 0.92); color: #ffffff; white-space: nowrap;
|
|
122
|
+
font: 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
123
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
|
|
124
|
+
}
|
|
125
|
+
.smap-style-dark .smap-tooltip, .smap-style-black .smap-tooltip { background: rgba(243, 244, 246, 0.95); color: #111827; }
|
|
126
|
+
/* Clusters drawn as HTML (G6): a white disc with the count, inside a ring of the points' colours. */
|
|
127
|
+
.smap-cluster { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 50%; padding: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35); cursor: pointer; }
|
|
128
|
+
.smap-cluster > b { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: #ffffff; color: #111827; font: 700 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
|
|
129
|
+
/* The layer switcher (G8). */
|
|
130
|
+
.smap-layers { position: relative; }
|
|
131
|
+
.smap-layers .smap-layers-button { display: flex; align-items: center; justify-content: center; color: #1e293b; }
|
|
132
|
+
.smap-layers-panel {
|
|
133
|
+
position: absolute; top: 0; z-index: 3; display: flex; flex-direction: column; gap: 2px; min-width: 160px; padding: 8px;
|
|
134
|
+
box-sizing: border-box; border-radius: 8px; background: #ffffff; color: #1e293b; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.18);
|
|
135
|
+
font: 12px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
136
|
+
}
|
|
137
|
+
.smap-layers-panel[hidden] { display: none; }
|
|
138
|
+
.maplibregl-ctrl-top-right .smap-layers-panel, .maplibregl-ctrl-bottom-right .smap-layers-panel { right: 36px; }
|
|
139
|
+
.maplibregl-ctrl-top-left .smap-layers-panel, .maplibregl-ctrl-bottom-left .smap-layers-panel { left: 36px; }
|
|
140
|
+
.maplibregl-ctrl-bottom-right .smap-layers-panel, .maplibregl-ctrl-bottom-left .smap-layers-panel { top: auto; bottom: 0; }
|
|
141
|
+
.smap-layers-row { display: flex; align-items: center; gap: 6px; padding: 3px 2px; white-space: nowrap; cursor: pointer; }
|
|
142
|
+
.smap-layers-sep { margin: 4px 0; border-top: 1px solid rgba(15, 23, 42, 0.12); }
|
|
143
|
+
.smap-style-dark .smap-layers-panel, .smap-style-black .smap-layers-panel { background: #1f2430; color: #e5e7eb; }
|
|
144
|
+
/* Drawing and editing (G3) and area selection (G4). */
|
|
145
|
+
.smap-draw button[aria-pressed="true"] { background: #2563eb; color: #ffffff; }
|
|
146
|
+
.smap-draw button { display: flex; align-items: center; justify-content: center; color: #1e293b; }
|
|
147
|
+
.smap-draw button:disabled { opacity: 0.4; cursor: default; }
|
|
148
|
+
.smap-select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
|
|
149
|
+
.smap-select rect, .smap-select polyline { fill: rgba(37, 99, 235, 0.12); stroke: #2563eb; stroke-width: 1.5; stroke-dasharray: 5 3; }
|
|
150
|
+
/* Google's base maps (G10): the logo and the copyright of the area in view. */
|
|
151
|
+
.smap-google { display: flex; align-items: center; gap: 6px; margin: 0 0 4px 6px; pointer-events: none; }
|
|
152
|
+
.smap-google img { height: 18px; }
|
|
153
|
+
.smap-google-copyright { padding: 1px 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.75); color: #111827; font: 10px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
|
|
154
|
+
|
|
113
155
|
/* Plan editor panel (OPEN-ROUTE-EDIT E10). Restyle through these classes; every colour is set here. */
|
|
114
156
|
.smap-plan-panel {
|
|
115
157
|
width: 320px; max-width: calc(100vw - 20px); max-height: 70vmin; overflow-y: auto; padding: 10px; box-sizing: border-box;
|