incyclist-services 1.1.75 → 1.1.76

package/lib/api/repository/json/index.d.ts

@@ -13,6 +13,7 @@ export declare class JsonRepository {
     getName(): string;
     write(objectName: string, data: JSONObject): Promise<boolean>;
     read(objectName: string): Promise<JSONObject>;
+    delete(objectName: string): Promise<boolean>;
     protected open(): Promise<boolean>;
     protected close(): Promise<boolean>;
 }

package/lib/api/repository/json/index.js

@@ -48,6 +48,11 @@ class JsonRepository {
             }
         });
     }
+    delete(objectName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.access.delete(objectName);
+        });
+    }
     open() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.access)

package/lib/base/cardlist/index.d.ts

@@ -1,3 +1,4 @@
+import { PromiseObserver } from "../types/observer";
 export interface Card<T> {
     getId(): string;
     getState(): any;
@@ -7,6 +8,7 @@ export interface Card<T> {
     getDisplayProperties(): any;
     setInitialized(val: boolean): void;
     reset(): void;
+    delete(): PromiseObserver<boolean>;
     isVisible(): boolean;
     setVisible(visible: boolean): any;
     equals(card: Card<T>): boolean;

package/lib/base/types/observer.d.ts

@@ -17,6 +17,7 @@ export declare class Observer implements IObserver {
 }
 export declare class PromiseObserver<T> extends Observer {
     promise: Promise<T>;
+    static alwaysReturning<T>(res?: T): PromiseObserver<T>;
     constructor(promise: Promise<T>);
     start(): Promise<T>;
     wait(): Promise<T>;

package/lib/base/types/observer.js

@@ -45,20 +45,28 @@ class Observer {
 }
 exports.Observer = Observer;
 class PromiseObserver extends Observer {
+    static alwaysReturning(res) {
+        const fn = () => __awaiter(this, void 0, void 0, function* () { return res; });
+        const promise = new PromiseObserver(fn());
+        promise.start();
+        return promise;
+    }
     constructor(promise) {
         super();
         this.promise = promise;
     }
     start() {
-        return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve, reject) => {
             this.emitter.emit('started');
             this.promise
                 .then((res) => {
                 this.emitter.emit('done', res);
-                return res;
+                resolve(res);
             })
-                .catch(err => this.emitter('error', err));
-            return this.promise;
+                .catch(err => {
+                this.emitter('error', err);
+                reject(err);
+            });
         });
     }
     wait() {

package/lib/i18n/countries/index.d.ts

@@ -10,7 +10,8 @@ export declare class Countries extends IncyclistService {
     protected getList(locale?: string): CountryList;
     getCountryFromIso(iso: string, locale?: string): string;
     getCountiesFromIsos(iso: Array<string>, locale?: string): Array<string>;
-    getIsoFromCountry(iso: string, locale?: string): string;
+    getIsoFromCountry(country: string, locale?: string): string;
     getIsosFromCountries(countries: Array<string>, locale?: string): Array<string>;
     getIsoFromLatLng(point: LatLng): Promise<string>;
 }
+export declare const getCountries: () => Countries;

package/lib/i18n/countries/index.js

@@ -50,7 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Countries = void 0;
+exports.getCountries = exports.Countries = void 0;
 const service_1 = require("../../base/service");
 const types_1 = require("../../base/types");
 const countries_json_1 = __importDefault(require("./countries.json"));
@@ -79,10 +79,16 @@ let Countries = (() => {
         getCountiesFromIsos(iso, locale) {
             return iso.map(i => this.getCountryFromIso(i, locale));
         }
-        getIsoFromCountry(iso, locale) {
+        getIsoFromCountry(country, locale) {
             const list = this.getList(locale);
-            const info = list.countries[iso.toUpperCase()];
-            return Array.isArray(info) ? info[0] : info;
+            const isos = Object.keys(list.countries);
+            const iso = isos.find(i => {
+                const c = list.countries[i];
+                if (Array.isArray(c))
+                    return c.includes(country);
+                return c === country;
+            });
+            return iso;
         }
         getIsosFromCountries(countries, locale) {
             return countries.map(c => this.getIsoFromCountry(c, locale));
@@ -127,3 +133,5 @@ let Countries = (() => {
     return Countries = _classThis;
 })();
 exports.Countries = Countries;
+const getCountries = () => new Countries();
+exports.getCountries = getCountries;

package/lib/routes/base/parsers/gpx.d.ts

@@ -15,6 +15,7 @@ export declare class GPXParser extends XMLParser {
     protected loadPoints(context: XmlParserContext): Promise<void>;
     protected caclulateDistance(point: RoutePoint, prev: RoutePoint): boolean;
     protected parseVideo(context: XmlParserContext): Promise<void>;
+    protected addHeadings(points: Array<RoutePoint>, isLoop: boolean): Promise<void>;
     protected buildInfo(context: XmlParserContext): Promise<RouteInfo>;
 }
 export {};

package/lib/routes/base/parsers/gpx.js

@@ -11,6 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GPXParser = void 0;
 const utils_1 = require("../../../utils");
+const valid_1 = require("../../../utils/valid");
 const route_1 = require("../utils/route");
 const xml_1 = require("./xml");
 const MIN_DISTANCE = 1;
@@ -62,7 +63,7 @@ class GPXParser extends xml_1.XMLParser {
                     const keys = Object.keys(segment === null || segment === void 0 ? void 0 : segment.trkpt);
                     points = keys.map(key => segment === null || segment === void 0 ? void 0 : segment.trkpt[key]);
                 }
-                points.forEach(gpxPt => {
+                points.forEach((gpxPt) => {
                     const point = {
                         lat: Number(gpxPt.lat),
                         lng: Number(gpxPt.lon),
@@ -81,6 +82,7 @@ class GPXParser extends xml_1.XMLParser {
                             return;
                         }
                     }
+                    point.cnt = context.route.points.length;
                     context.route.points.push(point);
                     prev = point;
                 });
@@ -107,6 +109,27 @@ class GPXParser extends xml_1.XMLParser {
         return __awaiter(this, void 0, void 0, function* () {
         });
     }
+    addHeadings(points, isLoop) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let prevHeading;
+            points.forEach((p, idx) => {
+                if ((0, valid_1.valid)(p.heading)) {
+                    prevHeading = p.heading;
+                    return;
+                }
+                let pNext;
+                if (idx === points.length - 1) {
+                    pNext = isLoop ? points[0] : undefined;
+                }
+                else {
+                    pNext = points[idx + 1];
+                }
+                const heading = utils_1.geo.calculateHeaderFromPoints(p, pNext);
+                p.heading = heading !== undefined ? heading : prevHeading;
+                prevHeading = p.heading;
+            });
+        });
+    }
     buildInfo(context) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
@@ -114,6 +137,7 @@ class GPXParser extends xml_1.XMLParser {
             route.routeHash = (0, route_1.getRouteHash)(route);
             if (!route.id)
                 route.id = route.routeHash;
+            const isLoop = (0, route_1.checkIsLoop)(route.points);
             const info = {
                 id: route.id,
                 title: route.title,
@@ -127,9 +151,10 @@ class GPXParser extends xml_1.XMLParser {
                 hasVideo: false,
                 isDemo: false,
                 isLocal: true,
-                isLoop: (0, route_1.checkIsLoop)(route.points),
+                isLoop,
                 previewUrl: undefined
             };
+            this.addHeadings(route.points, isLoop);
             return info;
         });
     }

package/lib/routes/base/parsers/utils.js

@@ -51,8 +51,13 @@ class BinaryReader {
 }
 exports.BinaryReader = BinaryReader;
 const getReferencedFileInfo = (info, referenced, scheme = 'file') => {
-    if (info.type !== 'url')
-        return info.url;
+    if (info.type !== 'url') {
+        if (referenced.file) {
+            const fileName = info.filename.replace(info.name, referenced.file);
+            return `file:///${fileName}`;
+        }
+        return referenced.url;
+    }
     const target = {};
     let fileName = referenced.file;
     if (referenced.url) {

package/lib/routes/base/parsers/xml.js

@@ -72,6 +72,7 @@ class XMLParser {
                 country: country,
                 id: data['id'],
                 previewUrl: data['previewURL'],
+                previewUrlLocal: data['preview'],
                 distance: 0,
                 elevation: 0,
                 points: [],
@@ -170,6 +171,7 @@ class XMLParser {
                 selectableSegments: data['segments'],
             };
             route.infoTexts = (0, utils_1.parseInformations)(data['informations']);
+            route.next = route.video.next;
             const videoUrl = getVideoUrl(fileInfo, route);
             if (videoUrl) {
                 route.video.file = undefined;
@@ -265,6 +267,7 @@ class XMLParser {
                 const altitude = getAltitude(altitudes, positions, i, prevAltitude);
                 const elevationGain = altitude - prevAltitude;
                 const pi = createPoint(pos, altitude, prevDistance);
+                pi.point.cnt = i;
                 points.push(pi.point);
                 route.distance = pi.point.routeDistance;
                 if (elevationGain > 0)

package/lib/routes/base/types/index.d.ts

@@ -55,6 +55,8 @@ export type DaumEpp = {
     programData: Array<DaumEppProgramEntry>;
 };
 export type RoutePoint = {
+    cnt?: number;
+    heading?: number;
     lat: number;
     lng: number;
     routeDistance: number;
@@ -99,6 +101,10 @@ export interface RouteInfo extends RouteBase {
     segments?: Array<RouteSegment>;
     tsImported?: number;
     tsLastStart?: number;
+    next?: string;
+    legacyId?: string;
+    isDownloaded?: boolean;
+    isDeleted?: boolean;
 }
 export type LocalizedText = {
     [index: string]: string;

package/lib/routes/base/utils/route.js

@@ -47,7 +47,7 @@ const updateSlopes = (points) => {
             if (point.distance === undefined) {
                 point.distance = utils_1.geo.distanceBetween(prevPoint, point);
             }
-            point.slope = (point.elevation - prevPoint.elevation) / point.distance * 100;
+            prevPoint.slope = (point.elevation - prevPoint.elevation) / point.distance * 100;
         }
         if (i === points.length - 1 && points.length > 1) {
             point.slope = prevPoint.slope;

package/lib/routes/list/RouteListObserver.d.ts

@@ -0,0 +1,13 @@
+import { CardList } from "../../base/cardlist";
+import { Observer } from "../../base/types/observer";
+import { Route } from "../base/model/route";
+import { RouteListService } from "./service";
+type RouteListEvent = 'started' | 'stopped' | 'loaded' | 'updated' | 'selected';
+export declare class RouteListObserver extends Observer {
+    protected service: RouteListService;
+    constructor(service: RouteListService);
+    stop(): void;
+    emit(event: RouteListEvent, ...payload: any[]): void;
+    getLists(): Array<CardList<Route>>;
+}
+export {};

package/lib/routes/list/RouteListObserver.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteListObserver = void 0;
+const observer_1 = require("../../base/types/observer");
+class RouteListObserver extends observer_1.Observer {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    stop() {
+        this.service.close();
+        this.emit('stopped');
+    }
+    emit(event, ...payload) {
+        this.emitter.emit(event, ...payload);
+    }
+    getLists() {
+        return this.service.getLists();
+    }
+}
+exports.RouteListObserver = RouteListObserver;

package/lib/routes/list/cards/FreeRideCard.d.ts

@@ -1,8 +1,10 @@
 import { Card } from "../../../base/cardlist";
+import { PromiseObserver } from "../../../base/types/observer";
 import { LatLng } from "../../../utils/geo";
 import { Route } from "../../base/model/route";
 import { FreeRideOption } from "../types";
-import { BaseCard, RouteCardType } from "./cards";
+import { BaseCard } from "./base";
+import { AppStatus, RouteCardType } from "./types";
 export type FreeRideSettings = {
     position?: LatLng;
     options?: any;
@@ -13,6 +15,8 @@ export interface FreeRideDisplayProps extends LatLng {
 export declare class FreeRideCard extends BaseCard implements Card<Route> {
     protected position: LatLng;
     protected options: [];
+    delete(): PromiseObserver<boolean>;
+    canStart(status: AppStatus): boolean;
     setVisible(): void;
     isVisible(): boolean;
     getId(): string;

package/lib/routes/list/cards/FreeRideCard.js

@@ -1,12 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FreeRideCard = void 0;
+const observer_1 = require("../../../base/types/observer");
 const settings_1 = require("../../../settings");
 const utils_1 = require("../../../utils");
 const route_1 = require("../../base/model/route");
 const service_1 = require("../service");
-const cards_1 = require("./cards");
-class FreeRideCard extends cards_1.BaseCard {
+const base_1 = require("./base");
+class FreeRideCard extends base_1.BaseCard {
+    delete() {
+        return observer_1.PromiseObserver.alwaysReturning(false);
+    }
+    canStart(status) {
+        const { isOnline } = status;
+        return isOnline;
+    }
     setVisible() {
         this.visible = true;
     }

package/lib/routes/list/cards/RouteCard.d.ts

@@ -1,9 +1,10 @@
 import { Card, CardList } from "../../../base/cardlist";
-import { Observer } from "../../../base/types/observer";
+import { Observer, PromiseObserver } from "../../../base/types/observer";
 import { RouteApiDetail } from "../../base/api/types";
 import { Route } from "../../base/model/route";
 import { RouteInfo } from "../../base/types";
-import { BaseCard, RouteCardType } from "./cards";
+import { BaseCard } from "./base";
+import { AppStatus, RouteCardType } from "./types";
 import { RouteStartSettings } from "../types";
 import { RoutesDbLoader } from "../loaders/db";
 export interface SummaryCardDisplayProps extends RouteInfo {
@@ -14,6 +15,7 @@ export interface SummaryCardDisplayProps extends RouteInfo {
     canDelete: boolean;
     observer: Observer;
     initialized: boolean;
+    loading?: boolean;
 }
 export interface DetailCardDisplayProps {
 }
@@ -40,10 +42,12 @@ export declare class RouteCard extends BaseCard implements Card<Route> {
     protected deleteable: boolean;
     protected startSettings: RouteSettings;
     protected cardObserver: Observer;
+    protected deleteObserver: PromiseObserver<boolean>;
     protected ready: boolean;
     constructor(route: Route, props?: {
         list?: CardList<Route>;
     });
+    canStart(status: AppStatus): boolean;
     getRepo(): RoutesDbLoader;
     verify(): void;
     previewMissing(): boolean;
@@ -62,7 +66,8 @@ export declare class RouteCard extends BaseCard implements Card<Route> {
     openSettings(): RouteSettings;
     changeSettings(props: RouteSettings): void;
     save(): Promise<void>;
-    delete(): void;
+    delete(): PromiseObserver<boolean>;
+    protected _delete(): Promise<boolean>;
     start(): void;
     cancel(): void;
     addWorkout(): void;
@@ -81,5 +86,10 @@ export declare class RouteCard extends BaseCard implements Card<Route> {
     updateRoute(route: Route): void;
     protected buildSettingsKey(): string;
     protected createPreview(): Promise<void>;
+    protected deleteRouteUserSettings(): void;
+    protected deleteFromUIList(): void;
+    protected markDeleted(): Promise<void>;
+    protected resetDownload(): Promise<void>;
+    protected deleteRoute(): Promise<void>;
 }
 export {};

package/lib/routes/list/cards/RouteCard.js

@@ -14,10 +14,11 @@ const api_1 = require("../../../api");
 const observer_1 = require("../../../base/types/observer");
 const settings_1 = require("../../../settings");
 const sleep_1 = require("../../../utils/sleep");
-const cards_1 = require("./cards");
+const base_1 = require("./base");
 const service_1 = require("../service");
 const db_1 = require("../loaders/db");
 const valid_1 = require("../../../utils/valid");
+const utils_1 = require("../../../utils");
 class ConvertObserver extends observer_1.Observer {
     constructor() {
         super();
@@ -30,7 +31,7 @@ class ConvertObserver extends observer_1.Observer {
             this.conversion.stop();
     }
 }
-class RouteCard extends cards_1.BaseCard {
+class RouteCard extends base_1.BaseCard {
     constructor(route, props) {
         super();
         this.cardObserver = new observer_1.Observer();
@@ -42,6 +43,15 @@ class RouteCard extends cards_1.BaseCard {
         this.ready = !descr.hasVideo || (descr.hasVideo && descr.previewUrl !== undefined);
         this.initialized = false;
     }
+    canStart(status) {
+        const { isOnline } = status;
+        const route = this.route.description;
+        if (!route.hasVideo || !route.isLocal || route.videoUrl.startsWith('http'))
+            return isOnline;
+        if (route.requiresDownload)
+            return route.isLocal && isOnline;
+        return true;
+    }
     getRepo() {
         return new db_1.RoutesDbLoader();
     }
@@ -85,10 +95,10 @@ class RouteCard extends cards_1.BaseCard {
     getDisplayProperties() {
         let { points } = this.route.description;
         if (points && !Array.isArray(points)) {
-            console.log('~~~~ POINT incorrect format', this.route.description.id, this.route.description.title, points);
             points = undefined;
         }
-        return Object.assign(Object.assign({}, this.route.description), { initialized: this.initialized, loaded: true, ready: true, state: 'loaded', visible: this.visible, canDelete: this.canDelete(), observer: this.cardObserver, points });
+        const loading = this.deleteObserver !== undefined;
+        return Object.assign(Object.assign({}, this.route.description), { initialized: this.initialized, loaded: true, ready: true, state: 'loaded', visible: this.visible, canDelete: this.canDelete(), observer: this.cardObserver, points, loading });
     }
     getId() {
         return this.route.description.id;
@@ -117,12 +127,50 @@ class RouteCard extends cards_1.BaseCard {
         });
     }
     delete() {
-        if (this.list) {
-            this.list.remove(this);
-            (0, service_1.getRouteList)().emitLists('updated');
-        }
-        const key = this.buildSettingsKey();
-        (0, settings_1.useUserSettings)().set(key, null);
+        if (this.deleteObserver)
+            return this.deleteObserver;
+        this.deleteObserver = new observer_1.PromiseObserver(this._delete());
+        return this.deleteObserver;
+    }
+    _delete() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield (0, utils_1.waitNextTick)();
+            let deleted = false;
+            try {
+                this.deleteObserver.emit('started');
+                this.emitUpdate();
+                if (this.list.getId() === 'myRoutes') {
+                    const route = this.getRouteDescription();
+                    if (route.isDownloaded) {
+                        yield this.resetDownload();
+                    }
+                    else if (!route.isLocal) {
+                        yield this.markDeleted();
+                    }
+                    else {
+                        yield this.deleteRoute();
+                    }
+                }
+                else {
+                    yield this.markDeleted();
+                }
+                this.deleteFromUIList();
+                this.deleteRouteUserSettings();
+                (0, service_1.getRouteList)().emitLists('updated');
+                deleted = true;
+            }
+            catch (err) {
+                deleted = false;
+            }
+            finally {
+                this.deleteObserver.emit('done', deleted);
+                (0, utils_1.waitNextTick)().then(() => {
+                    delete this.deleteObserver;
+                    this.emitUpdate();
+                });
+            }
+            return deleted;
+        });
     }
     start() {
         const service = (0, service_1.getRouteList)();
@@ -229,5 +277,33 @@ class RouteCard extends cards_1.BaseCard {
             this.updateRoute(this.route);
         });
     }
+    deleteRouteUserSettings() {
+        const key = this.buildSettingsKey();
+        (0, settings_1.useUserSettings)().set(key, null);
+    }
+    deleteFromUIList() {
+        if (this.list) {
+            this.list.remove(this);
+        }
+    }
+    markDeleted() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const descr = this.getRouteDescription();
+            descr.isDeleted = true;
+            yield this.save();
+        });
+    }
+    resetDownload() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const descr = this.getRouteDescription();
+            descr.isDownloaded = true;
+            yield this.save();
+        });
+    }
+    deleteRoute() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.getRepo().delete(this.route);
+        });
+    }
 }
 exports.RouteCard = RouteCard;

package/lib/routes/list/cards/RouteCardType.d.ts

@@ -0,0 +1,15 @@
+import { ImportFilter } from "../../../base/cardlist/types";
+export type RouteCardType = 'Import' | 'Route' | 'Free-Ride';
+export declare const DEFAULT_TITLE = "Import Route";
+export declare const DEFAULT_FILTERS: {
+    name: string;
+    extensions: string[];
+}[];
+export interface RouteImportProps {
+    title: string;
+    filters: Array<ImportFilter>;
+    visible: boolean;
+}
+export interface AppStatus {
+    isOnline?: boolean;
+}

package/lib/routes/list/cards/RouteCardType.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_FILTERS = exports.DEFAULT_TITLE = void 0;
+exports.DEFAULT_TITLE = 'Import Route';
+exports.DEFAULT_FILTERS = [
+    { name: 'Routes', extensions: ['gpx', 'epm', 'xml'] },
+    { name: 'Tracks', extensions: ['gpx'] },
+    { name: 'RLV: ErgoPlanet', extensions: ['epm'] },
+    { name: 'RLV: Incyclist, KWT, Rouvy,Virtualtrainer ', extensions: ['xml'] },
+];

package/lib/routes/list/cards/RouteImportCard.d.ts

@@ -0,0 +1,18 @@
+import { Card } from "../../../base/cardlist";
+import { ImportFilter } from "../../../base/cardlist/types";
+import { PromiseObserver } from "../../../base/types/observer";
+import { Route } from "../../base/model/route";
+import { BaseCard } from "./base";
+import { AppStatus, RouteCardType, RouteImportProps } from "./types";
+export declare class RouteImportCard extends BaseCard implements Card<Route> {
+    setVisible(): void;
+    canStart(status: AppStatus): boolean;
+    delete(): PromiseObserver<boolean>;
+    setData(): void;
+    getData(): any;
+    getCardType(): RouteCardType;
+    getId(): RouteCardType;
+    getFilters(): Array<ImportFilter>;
+    getTitle(): string;
+    getDisplayProperties(): RouteImportProps;
+}

package/lib/routes/list/cards/RouteImportCard.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteImportCard = void 0;
+const observer_1 = require("../../../base/types/observer");
+const base_1 = require("./base");
+const types_1 = require("./types");
+class RouteImportCard extends base_1.BaseCard {
+    setVisible() {
+        this.visible = true;
+    }
+    canStart(status) {
+        return false;
+    }
+    delete() {
+        return observer_1.PromiseObserver.alwaysReturning(false);
+    }
+    setData() {
+    }
+    getData() {
+        return undefined;
+    }
+    getCardType() {
+        return 'Import';
+    }
+    getId() {
+        return 'Import';
+    }
+    getFilters() {
+        return types_1.DEFAULT_FILTERS;
+    }
+    getTitle() {
+        return types_1.DEFAULT_TITLE;
+    }
+    getDisplayProperties() {
+        const title = this.getTitle();
+        const filters = this.getFilters();
+        return { title, filters, visible: true };
+    }
+}
+exports.RouteImportCard = RouteImportCard;

package/lib/routes/list/cards/base.d.ts

@@ -0,0 +1,21 @@
+import { Card } from "../../../base/cardlist";
+import { PromiseObserver } from "../../../base/types/observer";
+import { Route } from "../../base/model/route";
+export declare class BaseCard implements Card<Route> {
+    protected visible: boolean;
+    protected initialized: any;
+    setInitialized(val: boolean): void;
+    reset(): void;
+    delete(): PromiseObserver<boolean>;
+    getId(): string;
+    getState(): void;
+    getData(): Route;
+    setData(_data: Route): void;
+    getCardType(): void;
+    getDisplayProperties(): void;
+    isVisible(): boolean;
+    setVisible(visible: boolean): void;
+    equals(card: Card<Route>): boolean;
+    onMounted(): void;
+    protected getUserSetting(key: string, defValue?: any): any;
+}