@stadiamaps/ferrostar-webcomponents 0.40.0 → 0.42.0

package/dist/ferrostar-core.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement, PropertyValues } from 'lit';
-import { SerializableNavState, NavigationController, RouteAdapter, TripState } from '@stadiamaps/ferrostar';
+import { SerializableNavState, NavigationController, RouteAdapter, TripState, Route } from '@stadiamaps/ferrostar';
 import { StateProvider } from './types';
 /**
  * A core navigation component that handles navigation logic without UI.
@@ -25,8 +25,8 @@ export declare class FerrostarCore extends ReactiveElement implements StateProvi
     lastSpokenUtteranceId: string | null;
     constructor();
     updated(changedProperties: PropertyValues<this>): void;
-    getRoutes(initialLocation: any, waypoints: any): Promise<any>;
-    startNavigation(route: any, config: any): void;
+    getRoutes(initialLocation: any, waypoints: any): Promise<Route[]>;
+    startNavigation(route: Route, config: any): void;
     private saveRecording;
     stopNavigation(): Promise<void>;
     provideState(tripState: TripState): void;

package/dist/ferrostar-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ferrostar-core.d.ts","sourceRoot":"","sources":["../src/ferrostar-core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;GAEG;AACH,qBACa,aAAc,SAAQ,eAAgB,YAAW,aAAa;IAEzE,mBAAmB,EAAE,MAAM,CAAM;IAGjC,OAAO,EAAE,MAAM,CAAM;IAGrB,UAAU,CAAC,EAAE,QAAQ,CAAS;IAI9B,gBAAgB,EAAG,GAAG,CAAC;IAIvB,OAAO,EAAE,MAAM,CAAM;IAGrB,SAAS,CAAC,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAGxD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAG/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAG9B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzD;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAGlC,YAAY,EAAE,OAAO,CAAS;IAE9B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACzD,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAW5C,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAOzC,SAAS,CAAC,eAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IAoCpD,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG;IA4BvC,OAAO,CAAC,aAAa;IAaf,cAAc;IAWpB,YAAY,CAAC,SAAS,EAAE,SAAS;IAUjC,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;CAoC1B"}
+{"version":3,"file":"ferrostar-core.d.ts","sourceRoot":"","sources":["../src/ferrostar-core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACT,KAAK,EACN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;GAEG;AACH,qBACa,aAAc,SAAQ,eAAgB,YAAW,aAAa;IAEzE,mBAAmB,EAAE,MAAM,CAAM;IAGjC,OAAO,EAAE,MAAM,CAAM;IAGrB,UAAU,CAAC,EAAE,QAAQ,CAAS;IAI9B,gBAAgB,EAAG,GAAG,CAAC;IAIvB,OAAO,EAAE,MAAM,CAAM;IAGrB,SAAS,CAAC,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAGxD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAG/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAG9B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzD;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAGlC,YAAY,EAAE,OAAO,CAAS;IAE9B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACzD,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAW5C,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAOzC,SAAS,CAAC,eAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IAoCpD,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG;IA4BzC,OAAO,CAAC,aAAa;IAaf,cAAc;IAWpB,YAAY,CAAC,SAAS,EAAE,SAAS;IAUjC,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;CAoC1B"}

package/dist/ferrostar-map.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, PropertyValues } from 'lit';
 import { default as maplibregl, GeolocateControl } from 'maplibre-gl';
-import { TripState } from '@stadiamaps/ferrostar';
+import { Route, TripState } from '@stadiamaps/ferrostar';
 import { StateProvider as StateProvider } from './types';
 /**
  * A MapLibre-based map component.
@@ -20,7 +20,7 @@ export declare class FerrostarMap extends LitElement {
      */
     customStyles?: object;
     tripState: TripState | null;
-    route: any;
+    route: Route | null;
     /**
      * Determines whether the navigation user interface is displayed.
      */
@@ -89,14 +89,12 @@ export declare class FerrostarMap extends LitElement {
      */
     private clearUserLocationMarker;
     /**
-     * Clears the current navigation state, including route, user location marker, and navigation-related data.
-     */
-    clearNavigation(): void;
-    /**
-     * Handles the logic for stopping the navigation process. It clears the navigation state,
-     * resets the simulation flag, and invokes the optional onStopNavigation callback if provided.
+     * Stops the navigation process, and clears the navigation state.
+     *
+     * This includes resetting the simulation flag,
+     * and invoking the optional onStopNavigation callback if provided.
      */
-    private handleStopNavigation;
+    stopNavigation(): void;
     render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=ferrostar-map.d.ts.map

package/dist/ferrostar-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ferrostar-map.d.ts","sourceRoot":"","sources":["../src/ferrostar-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,UAAU,EAAE,EAAE,gBAAgB,EAAU,MAAM,aAAa,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD;;GAEG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C;;;;;;OAMG;IAEH,GAAG,EAAG,UAAU,CAAC,GAAG,CAAC;IAGrB,aAAa,EAAE,aAAa,GAAG,IAAI,CAAQ;IAE3C;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAQ;IAGnC,KAAK,EAAE,GAAG,CAAQ;IAElB;;OAEG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;;OAGG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;;;;OAKG;IAEH,eAAe,EAAE,OAAO,CAAQ;IAEhC;;;;;OAKG;IAEH,mBAAmB,EAAE,OAAO,CAAQ;IAEpC;;;OAGG;IAEH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEjD,OAAO,CAAC,kBAAkB,CAAuB;IAEjD,MAAM,CAAC,MAAM,4BAyEX;;IAMF,YAAY;IAmBZ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAgB/C,QAAQ,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,GAAE,OAAe;IA8BtE;;OAEG;IACH,OAAO,CAAC,eAAe;IASvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAqDnB;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAsBhC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACH,OAAO,CAAC,UAAU;IAMlB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAO/B;;OAEG;IACH,eAAe;IAOf;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAU5B,MAAM;CAgCP"}
+{"version":3,"file":"ferrostar-map.d.ts","sourceRoot":"","sources":["../src/ferrostar-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,UAAU,EAAE,EAAE,gBAAgB,EAAU,MAAM,aAAa,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD;;GAEG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C;;;;;;OAMG;IAEH,GAAG,EAAG,UAAU,CAAC,GAAG,CAAC;IAGrB,aAAa,EAAE,aAAa,GAAG,IAAI,CAAQ;IAE3C;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAQ;IAGnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAE3B;;OAEG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;;OAGG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;;;;OAKG;IAEH,eAAe,EAAE,OAAO,CAAQ;IAEhC;;;;;OAKG;IAEH,mBAAmB,EAAE,OAAO,CAAQ;IAEpC;;;OAGG;IAEH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEjD,OAAO,CAAC,kBAAkB,CAAuB;IAEjD,MAAM,CAAC,MAAM,4BAyEX;;IAMF,YAAY;IAmBZ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAgB/C,QAAQ,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,GAAE,OAAe;IA8BtE;;OAEG;IACH,OAAO,CAAC,eAAe;IASvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAqDnB;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAsBhC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACH,OAAO,CAAC,UAAU;IAMlB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAO/B;;;;;OAKG;IACH,cAAc;IAYd,MAAM;CAgCP"}

package/dist/ferrostar-webcomponents.js

@@ -697,17 +697,17 @@ var I3 = Object.defineProperty, A3 = Object.getOwnPropertyDescriptor, B = (i, t,
 };
 const x3 = /* @__PURE__ */ Object.assign({ "./assets/directions/arrive.svg": m0, "./assets/directions/arrive_left.svg": w0, "./assets/directions/arrive_right.svg": b0, "./assets/directions/arrive_straight.svg": N0, "./assets/directions/close.svg": _0, "./assets/directions/continue.svg": y0, "./assets/directions/continue_left.svg": A0, "./assets/directions/continue_right.svg": M0, "./assets/directions/continue_slight_left.svg": R0, "./assets/directions/continue_slight_right.svg": G0, "./assets/directions/continue_straight.svg": P0, "./assets/directions/continue_uturn.svg": H0, "./assets/directions/depart.svg": Z0, "./assets/directions/depart_left.svg": T0, "./assets/directions/depart_right.svg": B0, "./assets/directions/depart_straight.svg": U0, "./assets/directions/end_of_road_left.svg": D0, "./assets/directions/end_of_road_right.svg": q0, "./assets/directions/flag.svg": X0, "./assets/directions/fork.svg": Y0, "./assets/directions/fork_left.svg": et, "./assets/directions/fork_right.svg": at, "./assets/directions/fork_slight_left.svg": st, "./assets/directions/fork_slight_right.svg": rt, "./assets/directions/fork_straight.svg": ct, "./assets/directions/invalid.svg": gt, "./assets/directions/invalid_left.svg": _t, "./assets/directions/invalid_right.svg": ut, "./assets/directions/invalid_slight_left.svg": mt, "./assets/directions/invalid_slight_right.svg": wt, "./assets/directions/invalid_straight.svg": bt, "./assets/directions/invalid_uturn.svg": Nt, "./assets/directions/merge_left.svg": yt, "./assets/directions/merge_right.svg": At, "./assets/directions/merge_slight_left.svg": Mt, "./assets/directions/merge_slight_right.svg": Rt, "./assets/directions/merge_straight.svg": Gt, "./assets/directions/new_name_left.svg": Pt, "./assets/directions/new_name_right.svg": Ht, "./assets/directions/new_name_sharp_left.svg": Zt, "./assets/directions/new_name_sharp_right.svg": Tt, "./assets/directions/new_name_slight_left.svg": Bt, "./assets/directions/new_name_slight_right.svg": Ut, "./assets/directions/new_name_straight.svg": Dt, "./assets/directions/notification_left.svg": qt, "./assets/directions/notification_right.svg": Xt, "./assets/directions/notification_sharp_left.svg": Yt, "./assets/directions/notification_sharp_right.svg": e2, "./assets/directions/notification_slight_left.svg": a2, "./assets/directions/notification_slight_right.svg": s2, "./assets/directions/notification_straight.svg": r2, "./assets/directions/off_ramp_left.svg": c2, "./assets/directions/off_ramp_right.svg": g2, "./assets/directions/off_ramp_slight_left.svg": _2, "./assets/directions/off_ramp_slight_right.svg": u2, "./assets/directions/on_ramp_left.svg": m2, "./assets/directions/on_ramp_right.svg": w2, "./assets/directions/on_ramp_sharp_left.svg": b2, "./assets/directions/on_ramp_sharp_right.svg": N2, "./assets/directions/on_ramp_slight_left.svg": y2, "./assets/directions/on_ramp_slight_right.svg": A2, "./assets/directions/on_ramp_straight.svg": M2, "./assets/directions/rotary.svg": R2, "./assets/directions/rotary_left.svg": G2, "./assets/directions/rotary_right.svg": P2, "./assets/directions/rotary_sharp_left.svg": H2, "./assets/directions/rotary_sharp_right.svg": Z2, "./assets/directions/rotary_slight_left.svg": T2, "./assets/directions/rotary_slight_right.svg": B2, "./assets/directions/rotary_straight.svg": U2, "./assets/directions/roundabout.svg": D2, "./assets/directions/roundabout_left.svg": q2, "./assets/directions/roundabout_right.svg": X2, "./assets/directions/roundabout_sharp_left.svg": Y2, "./assets/directions/roundabout_sharp_right.svg": e3, "./assets/directions/roundabout_slight_left.svg": a3, "./assets/directions/roundabout_slight_right.svg": s3, "./assets/directions/roundabout_straight.svg": r3, "./assets/directions/turn_left.svg": c3, "./assets/directions/turn_right.svg": g3, "./assets/directions/turn_sharp_left.svg": _3, "./assets/directions/turn_sharp_right.svg": u3, "./assets/directions/turn_slight_left.svg": m3, "./assets/directions/turn_slight_right.svg": w3, "./assets/directions/turn_straight.svg": b3, "./assets/directions/updown.svg": N3, "./assets/directions/uturn.svg": y3 });
 let y = class extends M {
-  constructor() {
-    super(...arguments), this.visualInstruction = null;
-  }
   getManeuverType() {
-    return this.visualInstruction.primaryContent.maneuverType;
+    var _a;
+    return (_a = this.visualInstruction) == null ? void 0 : _a.primaryContent.maneuverType;
   }
   getManeuverModifier() {
-    return this.visualInstruction.primaryContent.maneuverModifier;
+    var _a;
+    return (_a = this.visualInstruction) == null ? void 0 : _a.primaryContent.maneuverModifier;
   }
   getImageUrl() {
-    return x3[`./assets/directions/${this.getManeuverType().replaceAll(" ", "_")}_${this.getManeuverModifier().replaceAll(" ", "_")}.svg`].default;
+    var _a, _b;
+    return x3[`./assets/directions/${(_a = this.getManeuverType()) == null ? void 0 : _a.replaceAll(" ", "_")}_${(_b = this.getManeuverModifier()) == null ? void 0 : _b.replaceAll(" ", "_")}.svg`].default;
   }
   render() {
     return O`<img
@@ -742,24 +742,25 @@ let I = class extends M {
   }
   render() {
     var _a;
-    if ((_a = this.tripState) == null ? void 0 : _a.Navigating)
+    const i = this.tripState;
+    if (i && "Navigating" in i) {
+      const t = i.Navigating;
       return O`
         <div class="instructions-view-card">
           <maneuver-image
-            .visualInstruction=${this.tripState.Navigating.visualInstruction}
+            .visualInstruction=${t.visualInstruction}
           ></maneuver-image>
           <div class="text-container">
             <p class="distance-text">
-              ${this.tripState.Navigating.visualInstruction.primaryContent.text}
+              ${(_a = t.visualInstruction) == null ? void 0 : _a.primaryContent.text}
             </p>
             <p class="instruction-text">
-              ${R3.format(
-        this.tripState.Navigating.progress.distanceToNextManeuver
-      )}
+              ${R3.format(t.progress.distanceToNextManeuver)}
             </p>
           </div>
         </div>
       `;
+    }
   }
 };
 I.styles = [
@@ -820,30 +821,28 @@ let A = class extends M {
     return new Date((/* @__PURE__ */ new Date()).getTime() + i * 1e3);
   }
   render() {
-    var _a;
-    if ((_a = this.tripState) == null ? void 0 : _a.Navigating)
+    const i = this.tripState;
+    if (i && "Navigating" in i) {
+      const t = i.Navigating;
       return O`
         <div class="progress-view-card">
           <p class="arrival-text">
             ${this.getEstimatedArrival(
-        this.tripState.Navigating.progress.durationRemaining
+        t.progress.durationRemaining
       ).toLocaleTimeString([], {
         hour: "2-digit",
         minute: "2-digit"
       })}
           </p>
           <p class="arrival-text">
-            ${W3.format(
-        this.tripState.Navigating.progress.durationRemaining
-      )}
+            ${W3.format(t.progress.durationRemaining)}
           </p>
           <p class="arrival-text">
-            ${P3.format(
-        this.tripState.Navigating.progress.distanceRemaining
-      )}
+            ${P3.format(t.progress.distanceRemaining)}
           </p>
         </div>
       `;
+    }
   }
 };
 A.styles = [
@@ -1028,17 +1027,13 @@ let _ = class extends M {
     this.userLocationMarker && (this.userLocationMarker.remove(), this.userLocationMarker = null);
   }
   /**
-   * Clears the current navigation state, including route, user location marker, and navigation-related data.
-   */
-  clearNavigation() {
-    this.clearRoute(), this.clearUserLocationMarker(), this.route = null, this.tripState = null;
-  }
-  /**
-   * Handles the logic for stopping the navigation process. It clears the navigation state,
-   * resets the simulation flag, and invokes the optional onStopNavigation callback if provided.
+   * Stops the navigation process, and clears the navigation state.
+   *
+   * This includes resetting the simulation flag,
+   * and invoking the optional onStopNavigation callback if provided.
    */
-  handleStopNavigation() {
-    this.clearNavigation(), this.showUserMarker = false, this.showNavigationUI = false, this.stateProvider = null, this.onStopNavigation && this.onStopNavigation();
+  stopNavigation() {
+    this.clearUserLocationMarker(), this.route = null, this.tripState = null, this.showUserMarker = false, this.showNavigationUI = false, this.stateProvider = null, this.onStopNavigation && this.onStopNavigation();
   }
   render() {
     return O`
@@ -1060,7 +1055,7 @@ let _ = class extends M {
                 ></trip-progress-view>
                 <button
                   id="stop-button"
-                  @click=${this.handleStopNavigation}
+                  @click=${this.stopNavigation}
                   ?hidden=${!this.tripState}
                 >
                   <img src=${z} alt="Stop navigation" class="icon" />
@@ -1190,7 +1185,7 @@ let v = class extends k {
   updated(i) {
     i.has("locationProvider") && this.locationProvider && (this.locationProvider.updateCallback = this.onLocationUpdated.bind(this));
   }
-  // TODO: type
+  // @ts-ignore: We don't have a type/interface for these yet
   async getRoutes(i, t) {
     this.routeAdapter = new q(
       this.valhallaEndpointUrl,
@@ -1213,7 +1208,7 @@ let v = class extends k {
       throw console.error("Error parsing route response:", n), n;
     }
   }
-  // TODO: types
+  // @ts-ignore: We don't have a type/interface for these yet
   startNavigation(i, t) {
     this.locationProvider.start(), this.onNavigationStart && this.onNavigationStart(), this.navigationController = new J(
       i,