ol-elevation-profile 2.0.0 → 2.1.0

package/README.md

@@ -2,7 +2,7 @@
 
 <p>
   <a href="https://www.npmjs.com/package/ol-elevation-profile"><img src="https://img.shields.io/npm/v/ol-elevation-profile.svg" alt="npm version"></a>
-  <a href="https://openlayers.org/"><img src="https://img.shields.io/badge/OpenLayers-6%20%E2%80%93%2010.9.0-1f6feb.svg" alt="OpenLayers 6 to 10.9.0"></a>
+  <a href="https://openlayers.org/"><img src="https://img.shields.io/badge/OpenLayers-6%20to%2010.10.0-1f6feb.svg" alt="OpenLayers 6 to 10.10.0"></a>
   <a href="https://d3js.org/"><img src="https://img.shields.io/badge/d3-%E2%89%A5%207-f9a03c.svg" alt="d3 >= 7"></a>
   <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License: MIT"></a>
 </p>
@@ -24,8 +24,8 @@ It reads elevation (**Z**) directly from a track's geometry (`[lon, lat, z]` GPX
 The control expects `ol` and `d3` to be present as globals (provided by your map page):
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@10.9.0/ol.css">
-<script src="https://cdn.jsdelivr.net/npm/ol@10.9.0/dist/ol.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@10.10.0/ol.css">
+<script src="https://cdn.jsdelivr.net/npm/ol@10.10.0/dist/ol.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"></script>
 
 <link rel="stylesheet" href="ol-elevation-profile.css">
@@ -45,6 +45,9 @@ import OlElevationProfile from 'ol-elevation-profile'
 import 'ol-elevation-profile/css'
 ```
 
+TypeScript needs nothing extra: the package ships its own declarations, generated from the
+source's JSDoc, and both lines above are typed — the stylesheet subpath included.
+
 ## Usage
 
 ```js

package/dist/css.d.ts

@@ -0,0 +1,4 @@
+// `import 'ol-elevation-profile/css'` is a side-effect import of a stylesheet: there is
+// nothing to type, but without a declaration TypeScript refuses the subpath outright
+// (TS2882), and the README's own instructions would not compile.
+export {};

package/dist/ol-elevation-profile.css

@@ -83,6 +83,12 @@
 /* ---- terrain-model loading spinner ---- */
 /* Takes --oep-area, so it wears the theme colour - and the track colour under color:'auto'. */
 .oep-loading { display: flex; align-items: center; justify-content: center; }
+/* Same box as the spinner, and for the same reason: it holds the chart's height, so the
+   panel does not jump if a profile turns up afterwards. */
+.oep-noelev {
+  display: flex; align-items: center; justify-content: center;
+  font-size: 13px; opacity: .65; text-align: center; padding: 0 12px;
+}
 .oep-spinner {
   width: 26px; height: 26px; box-sizing: border-box;
   border: 3px solid var(--oep-area);