@stadiamaps/ferrostar-webcomponents 0.29.0 → 0.30.0

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,EAAa,MAAM,KAAK,CAAC;AAEvE,OAAO,UAAU,EAAE,EACjB,gBAAgB,EAEhB,UAAU,EACV,GAAG,EACJ,MAAM,aAAa,CAAC;AAErB,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAI9B;;GAEG;AACH,qBACa,YAAa,SAAQ,UAAU;IAE1C,mBAAmB,EAAE,MAAM,CAAM;IAGjC,QAAQ,EAAE,MAAM,CAAM;IAGtB,OAAO,EAAE,MAAM,CAAM;IAGrB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAQ;IAGjC,KAAK,EAAE,MAAM,CAAM;IAGnB,IAAI,EAAE,MAAM,CAAK;IAGjB,UAAU,CAAC,EAAE,QAAQ,CAAS;IAI9B,gBAAgB,EAAG,GAAG,CAAC;IAIvB,OAAO,EAAE,MAAM,CAAM;IAGrB,SAAS,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CAAQ;IAE9C;;;;;;;;OAQG;IAEH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAGlC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAGvC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAGtC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzD;;;OAGG;IAEH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;;OAGG;IAEH,eAAe,EAAE,OAAO,CAAQ;IAEhC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEzC;;;;;;;;;;OAUG;IAEH,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,IAAI,CAAQ;IAElC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACjD,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACzD,uBAAuB,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAQ;IACzD,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5C,MAAM,CAAC,MAAM,4BA8DX;;IAWF,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IA+B/C,YAAY;IASZ;;;;;OAKG;IACH,OAAO;IAkCD,SAAS,CAAC,eAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IA+BpD,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG;IAmFjC,cAAc;IAYpB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,QAAQ;IAOhB,MAAM;CAuBP"}
+{"version":3,"file":"ferrostar-map.d.ts","sourceRoot":"","sources":["../src/ferrostar-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAEvE,OAAO,UAAU,EAAE,EACjB,gBAAgB,EAEhB,UAAU,EACV,GAAG,EACJ,MAAM,aAAa,CAAC;AAErB,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAI9B;;GAEG;AACH,qBACa,YAAa,SAAQ,UAAU;IAE1C,mBAAmB,EAAE,MAAM,CAAM;IAGjC,QAAQ,EAAE,MAAM,CAAM;IAGtB,OAAO,EAAE,MAAM,CAAM;IAGrB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAQ;IAGjC,KAAK,EAAE,MAAM,CAAM;IAGnB,IAAI,EAAE,MAAM,CAAK;IAGjB,UAAU,CAAC,EAAE,QAAQ,CAAS;IAI9B,gBAAgB,EAAG,GAAG,CAAC;IAIvB,OAAO,EAAE,MAAM,CAAM;IAGrB,SAAS,CAAC,UAAU,EAAE,SAAS,GAAG,IAAI,CAAQ;IAE9C;;;;;;;;OAQG;IAEH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAGlC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAGvC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAGtC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzD;;;OAGG;IAEH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;;OAGG;IAEH,eAAe,EAAE,OAAO,CAAQ;IAEhC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEzC;;;;;;;;;;OAUG;IAEH,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,IAAI,CAAQ;IAElC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACjD,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACzD,uBAAuB,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAQ;IACzD,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5C,MAAM,CAAC,MAAM,4BA8DX;;IAWF,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IA+B/C,YAAY;IASZ;;;;;OAKG;IACH,OAAO;IAkCD,SAAS,CAAC,eAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IAoCpD,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG;IAmFjC,cAAc;IAYpB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,QAAQ;IAOhB,MAAM;CA+BP"}

package/dist/ferrostar-webcomponents.js

@@ -1,4 +1,4 @@
-import { css as f, LitElement as w, html as x, unsafeCSS as G } from "lit";
+import { css as w, LitElement as x, html as O, unsafeCSS as G } from "lit";
 import L, { LngLat as W, GeolocateControl as k } from "maplibre-gl";
 import { locationSimulationFromRoute as K, advanceLocationSimulation as P, RouteAdapter as B, NavigationController as Z } from "@stadiamaps/ferrostar";
 /**
@@ -6,7 +6,7 @@ import { locationSimulationFromRoute as K, advanceLocationSimulation as P, Route
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = (a) => (t, e) => {
+const S = (a) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(a, t);
   }) : customElements.define(a, t);
@@ -16,7 +16,7 @@ const O = (a) => (t, e) => {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m = globalThis, A = m.ShadowRoot && (m.ShadyCSS === void 0 || m.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, E = Symbol(), N = /* @__PURE__ */ new WeakMap();
+const v = globalThis, A = v.ShadowRoot && (v.ShadyCSS === void 0 || v.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, E = Symbol(), N = /* @__PURE__ */ new WeakMap();
 let T = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = true, i !== E) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -38,7 +38,7 @@ let T = class {
 const $ = (a) => new T(typeof a == "string" ? a : a + "", void 0, E), U = (a, t) => {
   if (A) a.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const i = document.createElement("style"), l = m.litNonce;
+    const i = document.createElement("style"), l = v.litNonce;
     l !== void 0 && i.setAttribute("nonce", l), i.textContent = e.cssText, a.appendChild(i);
   }
 }, I = A ? (a) => a : (a) => a instanceof CSSStyleSheet ? ((t) => {
@@ -51,7 +51,7 @@ const $ = (a) => new T(typeof a == "string" ? a : a + "", void 0, E), U = (a, t)
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: D, defineProperty: F, getOwnPropertyDescriptor: J, getOwnPropertyNames: X, getOwnPropertySymbols: Q, getPrototypeOf: Y } = Object, S = globalThis, M = S.trustedTypes, t0 = M ? M.emptyScript : "", e0 = S.reactiveElementPolyfillSupport, p = (a, t) => a, v = { toAttribute(a, t) {
+const { is: D, defineProperty: F, getOwnPropertyDescriptor: J, getOwnPropertyNames: X, getOwnPropertySymbols: Q, getPrototypeOf: Y } = Object, y = globalThis, M = y.trustedTypes, t0 = M ? M.emptyScript : "", e0 = y.reactiveElementPolyfillSupport, m = (a, t) => a, u = { toAttribute(a, t) {
   switch (t) {
     case Boolean:
       a = a ? t0 : null;
@@ -79,9 +79,9 @@ const { is: D, defineProperty: F, getOwnPropertyDescriptor: J, getOwnPropertyNam
       }
   }
   return e;
-} }, C = (a, t) => !D(a, t), z = { attribute: true, type: String, converter: v, reflect: false, hasChanged: C };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class h extends HTMLElement {
+} }, C = (a, t) => !D(a, t), z = { attribute: true, type: String, converter: u, reflect: false, hasChanged: C };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), y.litPropertyMetadata ?? (y.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class d extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -111,13 +111,13 @@ class h extends HTMLElement {
     return this.elementProperties.get(t) ?? z;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(p("elementProperties"))) return;
+    if (this.hasOwnProperty(m("elementProperties"))) return;
     const t = Y(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(p("finalized"))) return;
-    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(p("properties"))) {
+    if (this.hasOwnProperty(m("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(m("properties"))) {
       const e = this.properties, i = [...X(e), ...Q(e)];
       for (const l of i) this.createProperty(l, e[l]);
     }
@@ -192,7 +192,7 @@ class h extends HTMLElement {
     var _a;
     const i = this.constructor.elementProperties.get(t), l = this.constructor._$Eu(t, i);
     if (l !== void 0 && i.reflect === true) {
-      const o = (((_a = i.converter) == null ? void 0 : _a.toAttribute) !== void 0 ? i.converter : v).toAttribute(e, i.type);
+      const o = (((_a = i.converter) == null ? void 0 : _a.toAttribute) !== void 0 ? i.converter : u).toAttribute(e, i.type);
       this._$Em = t, o == null ? this.removeAttribute(l) : this.setAttribute(l, o), this._$Em = null;
     }
   }
@@ -200,7 +200,7 @@ class h extends HTMLElement {
     var _a;
     const i = this.constructor, l = i._$Eh.get(t);
     if (l !== void 0 && this._$Em !== l) {
-      const o = i.getPropertyOptions(l), r = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((_a = o.converter) == null ? void 0 : _a.fromAttribute) !== void 0 ? o.converter : v;
+      const o = i.getPropertyOptions(l), r = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((_a = o.converter) == null ? void 0 : _a.fromAttribute) !== void 0 ? o.converter : u;
       this._$Em = l, this[l] = r.fromAttribute(e, o.type), this._$Em = null;
     }
   }
@@ -279,20 +279,20 @@ class h extends HTMLElement {
   firstUpdated(t) {
   }
 }
-h.elementStyles = [], h.shadowRootOptions = { mode: "open" }, h[p("elementProperties")] = /* @__PURE__ */ new Map(), h[p("finalized")] = /* @__PURE__ */ new Map(), e0 == null ? void 0 : e0({ ReactiveElement: h }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.4");
+d.elementStyles = [], d.shadowRootOptions = { mode: "open" }, d[m("elementProperties")] = /* @__PURE__ */ new Map(), d[m("finalized")] = /* @__PURE__ */ new Map(), e0 == null ? void 0 : e0({ ReactiveElement: d }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const a0 = { attribute: true, type: String, converter: v, reflect: false, hasChanged: C }, i0 = (a = a0, t, e) => {
+const a0 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: C }, i0 = (a = a0, t, e) => {
   const { kind: i, metadata: l } = e;
   let o = globalThis.litPropertyMetadata.get(l);
   if (o === void 0 && globalThis.litPropertyMetadata.set(l, o = /* @__PURE__ */ new Map()), o.set(e.name, a), i === "accessor") {
     const { name: r } = e;
     return { set(g) {
-      const y = t.get.call(this);
-      t.set.call(this, g), this.requestUpdate(r, y, a);
+      const h = t.get.call(this);
+      t.set.call(this, g), this.requestUpdate(r, h, a);
     }, init(g) {
       return g !== void 0 && this.P(r, void 0, a), g;
     } };
@@ -300,8 +300,8 @@ const a0 = { attribute: true, type: String, converter: v, reflect: false, hasCha
   if (i === "setter") {
     const { name: r } = e;
     return function(g) {
-      const y = this[r];
-      t.call(this, g), this.requestUpdate(r, y, a);
+      const h = this[r];
+      t.call(this, g), this.requestUpdate(r, h, a);
     };
   }
   throw Error("Unsupported decorator location: " + i);
@@ -588,7 +588,7 @@ var _3 = Object.defineProperty, b3 = Object.getOwnPropertyDescriptor, R = (a, t,
   return i && l && _3(t, e, l), l;
 };
 const f3 = /* @__PURE__ */ Object.assign({ "./assets/directions/arrive.svg": s0, "./assets/directions/arrive_left.svg": c0, "./assets/directions/arrive_right.svg": h0, "./assets/directions/arrive_straight.svg": p0, "./assets/directions/close.svg": m0, "./assets/directions/continue.svg": u0, "./assets/directions/continue_left.svg": b0, "./assets/directions/continue_right.svg": w0, "./assets/directions/continue_slight_left.svg": O0, "./assets/directions/continue_slight_right.svg": y0, "./assets/directions/continue_straight.svg": C0, "./assets/directions/continue_uturn.svg": N0, "./assets/directions/depart.svg": M0, "./assets/directions/depart_left.svg": q0, "./assets/directions/depart_right.svg": V0, "./assets/directions/depart_straight.svg": H0, "./assets/directions/end_of_road_left.svg": G0, "./assets/directions/end_of_road_right.svg": k0, "./assets/directions/flag.svg": P0, "./assets/directions/fork.svg": Z0, "./assets/directions/fork_left.svg": $0, "./assets/directions/fork_right.svg": D0, "./assets/directions/fork_slight_left.svg": J0, "./assets/directions/fork_slight_right.svg": Q0, "./assets/directions/fork_straight.svg": t1, "./assets/directions/invalid.svg": a1, "./assets/directions/invalid_left.svg": l1, "./assets/directions/invalid_right.svg": r1, "./assets/directions/invalid_slight_left.svg": n1, "./assets/directions/invalid_slight_right.svg": g1, "./assets/directions/invalid_straight.svg": d1, "./assets/directions/invalid_uturn.svg": m1, "./assets/directions/merge_left.svg": u1, "./assets/directions/merge_right.svg": b1, "./assets/directions/merge_slight_left.svg": w1, "./assets/directions/merge_slight_right.svg": O1, "./assets/directions/merge_straight.svg": y1, "./assets/directions/new_name_left.svg": C1, "./assets/directions/new_name_right.svg": N1, "./assets/directions/new_name_sharp_left.svg": M1, "./assets/directions/new_name_sharp_right.svg": q1, "./assets/directions/new_name_slight_left.svg": V1, "./assets/directions/new_name_slight_right.svg": H1, "./assets/directions/new_name_straight.svg": G1, "./assets/directions/notification_left.svg": k1, "./assets/directions/notification_right.svg": P1, "./assets/directions/notification_sharp_left.svg": Z1, "./assets/directions/notification_sharp_right.svg": $1, "./assets/directions/notification_slight_left.svg": D1, "./assets/directions/notification_slight_right.svg": J1, "./assets/directions/notification_straight.svg": Q1, "./assets/directions/off_ramp_left.svg": t2, "./assets/directions/off_ramp_right.svg": a2, "./assets/directions/off_ramp_slight_left.svg": l2, "./assets/directions/off_ramp_slight_right.svg": r2, "./assets/directions/on_ramp_left.svg": n2, "./assets/directions/on_ramp_right.svg": g2, "./assets/directions/on_ramp_sharp_left.svg": d2, "./assets/directions/on_ramp_sharp_right.svg": m2, "./assets/directions/on_ramp_slight_left.svg": u2, "./assets/directions/on_ramp_slight_right.svg": b2, "./assets/directions/on_ramp_straight.svg": w2, "./assets/directions/rotary.svg": O2, "./assets/directions/rotary_left.svg": y2, "./assets/directions/rotary_right.svg": C2, "./assets/directions/rotary_sharp_left.svg": N2, "./assets/directions/rotary_sharp_right.svg": M2, "./assets/directions/rotary_slight_left.svg": q2, "./assets/directions/rotary_slight_right.svg": V2, "./assets/directions/rotary_straight.svg": H2, "./assets/directions/roundabout.svg": G2, "./assets/directions/roundabout_left.svg": k2, "./assets/directions/roundabout_right.svg": P2, "./assets/directions/roundabout_sharp_left.svg": Z2, "./assets/directions/roundabout_sharp_right.svg": $2, "./assets/directions/roundabout_slight_left.svg": D2, "./assets/directions/roundabout_slight_right.svg": J2, "./assets/directions/roundabout_straight.svg": Q2, "./assets/directions/turn_left.svg": t3, "./assets/directions/turn_right.svg": a3, "./assets/directions/turn_sharp_left.svg": l3, "./assets/directions/turn_sharp_right.svg": r3, "./assets/directions/turn_slight_left.svg": n3, "./assets/directions/turn_slight_right.svg": g3, "./assets/directions/turn_straight.svg": d3, "./assets/directions/updown.svg": m3, "./assets/directions/uturn.svg": u3 });
-let u = class extends w {
+let _ = class extends x {
   constructor() {
     super(...arguments), this.visualInstruction = null;
   }
@@ -602,14 +602,14 @@ let u = class extends w {
     return f3[`./assets/directions/${this.getManeuverType().replaceAll(" ", "_")}_${this.getManeuverModifier().replaceAll(" ", "_")}.svg`].default;
   }
   render() {
-    return x`<img
+    return O`<img
       src="${this.getImageUrl()}"
       alt="${this.getManeuverType()} ${this.getManeuverModifier()} maneuver"
     />`;
   }
 };
-u.styles = [
-  f`
+_.styles = [
+  w`
       img {
         width: 100%;
         height: auto;
@@ -618,16 +618,16 @@ u.styles = [
 ];
 R([
   n()
-], u.prototype, "visualInstruction", 2);
-u = R([
-  O("maneuver-image")
-], u);
+], _.prototype, "visualInstruction", 2);
+_ = R([
+  S("maneuver-image")
+], _);
 var w3 = Object.defineProperty, x3 = Object.getOwnPropertyDescriptor, H = (a, t, e, i) => {
   for (var l = i > 1 ? void 0 : i ? x3(t, e) : t, o = a.length - 1, r; o >= 0; o--)
     (r = a[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
   return i && l && w3(t, e, l), l;
 };
-let _ = class extends w {
+let b = class extends x {
   constructor() {
     super(...arguments), this.tripState = null;
   }
@@ -637,7 +637,7 @@ let _ = class extends w {
   render() {
     var _a;
     if ((_a = this.tripState) == null ? void 0 : _a.Navigating)
-      return x`
+      return O`
         <div class="instructions-view-card">
           <maneuver-image
             .visualInstruction=${this.tripState.Navigating.visualInstruction}
@@ -656,8 +656,8 @@ let _ = class extends w {
       `;
   }
 };
-_.styles = [
-  f`
+b.styles = [
+  w`
       .instructions-view-card {
         display: flex;
         align-items: center;
@@ -695,19 +695,19 @@ _.styles = [
 ];
 H([
   n()
-], _.prototype, "tripState", 2);
-_ = H([
-  O("instructions-view")
-], _);
+], b.prototype, "tripState", 2);
+b = H([
+  S("instructions-view")
+], b);
 var O3 = Object.defineProperty, S3 = Object.getOwnPropertyDescriptor, j = (a, t, e, i) => {
   for (var l = i > 1 ? void 0 : i ? S3(t, e) : t, o = a.length - 1, r; o >= 0; o--)
     (r = a[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
   return i && l && O3(t, e, l), l;
 };
-function d(a, t) {
+function p(a, t) {
   return Math.round(a / t) * t;
 }
-let b = class extends w {
+let f = class extends x {
   constructor() {
     super(...arguments), this.tripState = null;
   }
@@ -718,10 +718,10 @@ let b = class extends w {
   getDistanceRemaining(a) {
     if (a > 1e3) {
       let t = a / 1e3;
-      return t > 1e4 ? t = d(t, 1) : t = d(t, 0.1), `${t.toLocaleString()}km`;
+      return t > 1e4 ? t = p(t, 1) : t = p(t, 0.1), `${t.toLocaleString()}km`;
     } else {
       let t;
-      return a > 100 ? t = d(a, 100) : a > 10 ? t = d(a, 10) : t = d(a, 5), `${t.toLocaleString()}m`;
+      return a > 100 ? t = p(a, 100) : a > 10 ? t = p(a, 10) : t = p(a, 5), `${t.toLocaleString()}m`;
     }
   }
   getDurationRemaining(a) {
@@ -730,7 +730,7 @@ let b = class extends w {
   render() {
     var _a;
     if ((_a = this.tripState) == null ? void 0 : _a.Navigating)
-      return x`
+      return O`
         <div class="progress-view-card">
           <p class="arrival-text">
             ${this.getArrivalTime(
@@ -751,8 +751,8 @@ let b = class extends w {
       `;
   }
 };
-b.styles = [
-  f`
+f.styles = [
+  w`
       .progress-view-card {
         display: flex;
         align-items: center;
@@ -772,10 +772,10 @@ b.styles = [
 ];
 j([
   n()
-], b.prototype, "tripState", 2);
-b = j([
-  O("trip-progress-view")
-], b);
+], f.prototype, "tripState", 2);
+f = j([
+  S("trip-progress-view")
+], f);
 function q(a) {
   let t = null;
   return a.coords.speed && (t = {
@@ -885,7 +885,7 @@ var A3 = Object.defineProperty, C3 = Object.getOwnPropertyDescriptor, c = (a, t,
     (r = a[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
   return i && l && A3(t, e, l), l;
 };
-let s = class extends w {
+let s = class extends x {
   constructor() {
     super(), this.valhallaEndpointUrl = "", this.styleUrl = "", this.profile = "", this.center = null, this.pitch = 60, this.zoom = 6, this.httpClient = fetch, this.options = {}, this._tripState = null, this.useVoiceGuidance = false, this.geolocateOnLoad = true, this.routeAdapter = null, this.map = null, this.geolocateControl = null, this.navigationController = null, this.simulatedLocationMarker = null, this.lastSpokenUtteranceId = null, this.httpClient === fetch && (this.httpClient = this.httpClient.bind(window));
   }
@@ -938,7 +938,11 @@ let s = class extends w {
       // FIXME: assert body is not null
       body: new Uint8Array(o).buffer
     }), g = new Uint8Array(await r.arrayBuffer());
-    return this.routeAdapter.parseResponse(g);
+    try {
+      return this.routeAdapter.parseResponse(g);
+    } catch (h) {
+      throw console.error("Error parsing route response:", h), h;
+    }
   }
   // TODO: types
   startNavigation(a, t) {
@@ -1030,24 +1034,32 @@ let s = class extends w {
     ((_a = this.map) == null ? void 0 : _a.getLayer("route")) && ((_b = this.map) == null ? void 0 : _b.removeLayer("route")), ((_c = this.map) == null ? void 0 : _c.getLayer("route-border")) && ((_d = this.map) == null ? void 0 : _d.removeLayer("route-border")), ((_e = this.map) == null ? void 0 : _e.getSource("route")) && ((_f = this.map) == null ? void 0 : _f.removeSource("route")), (_g = this.simulatedLocationMarker) == null ? void 0 : _g.remove();
   }
   render() {
-    return x`
+    return O`
       <style>
         ${this.customStyles}
       </style>
       <div id="container">
-        <slot id="map"></slot>
-        <instructions-view .tripState=${this._tripState}></instructions-view>
-        <div id="bottom-component">
-          <trip-progress-view
-            .tripState=${this._tripState}
-          ></trip-progress-view>
-          <button
-            id="stop-button"
-            @click=${this.stopNavigation}
-            ?hidden=${!this._tripState}
-          >
-            <img src=${V} alt="Stop navigation" class="icon" />
-          </button>
+        <div id="map">
+          <!-- Fix names/ids; currently this is a breaking change -->
+          <slot id="map-content"></slot>
+          <div id="overlay">
+            <instructions-view
+              .tripState=${this._tripState}
+            ></instructions-view>
+
+            <div id="bottom-component">
+              <trip-progress-view
+                .tripState=${this._tripState}
+              ></trip-progress-view>
+              <button
+                id="stop-button"
+                @click=${this.stopNavigation}
+                ?hidden=${!this._tripState}
+              >
+                <img src=${V} alt="Stop navigation" class="icon" />
+              </button>
+            </div>
+          </div>
         </div>
       </div>
     `;
@@ -1055,7 +1067,7 @@ let s = class extends w {
 };
 s.styles = [
   G(o0),
-  f`
+  w`
       [hidden] {
         display: none !important;
       }
@@ -1171,7 +1183,7 @@ c([
   n({ type: Object, attribute: false })
 ], s.prototype, "map", 2);
 s = c([
-  O("ferrostar-map")
+  S("ferrostar-map")
 ], s);
 export {
   z3 as BrowserLocationProvider,