class TPR{
   get(token: String): Promise<TPRServices>
}

class TPRServices{
   createMap(element: HTMLElement, mapOptions: TPRMapOptions): Promise<TPRMap>;
}

class TPRMapOptions{
   public height: number;
   public width: number;
}

class TPRMap{
   addMarker(point: TPRPoint, markerOptions?: MarkerOptions): void;
   viewRoute(route: TPRRoute, routeOptions?: TPRRouteOptions): Promise<TPRMapRoute>;
   zoomIn(): void;
   zoomOut(): void;
   centerOn(point: TPRPoint);
   centerRoutes(): void;
   clear(): void;
   close(): void;
}

class TPRPoint{
   public latitude;
   public longitude;
}

interface MarkerOptions{
   color?: String;
   draggable?: boolean;
   onDrag?: (latitude: number, longitude: number) => void
}

class TPRRoute{
   constructor(public trip: TPRTrip) {
   }
}

class TPRRouteOptions{
   constructor(public tooglePopup: boolean) {}
}

class TPRTrip{
    // Campos do TPRTrip (https://tdn.totvs.com/pages/releaseview.action?pageId=604507369)
}

class TripStop{
    // Campos do TPRStop (https://tdn.totvs.com/pages/releaseview.action?pageId=604507369)
}

interface TPRMapRoute{
	hide(): void;
	show(): void;
	color(color?: String);
}

(function() {
//require ou import TPR
	const tpr: TPR;
	let tprServices: TPRServices;
	tpr.get("alksdjlaksdjal")
		.then((services) => {
			tprServices = services;
		});

	let tprMap: TPRMap;
// Caso de uso 1: visualizar uma localidade no mapa
	tprServices.createMap(document.getElementById("mapDiv"), {
		height: 300,
		width: 650
	}).then((map) => {
		tprMap = map;
		map.addMarker({latitude: -23, longitude: -46});
	});

// Caso de uso 2: zoomIn
	tprMap.zoomIn();

// Caso de uso 3: zoomOut
	tprMap.zoomOut();

// Caso de uso 4: centralizar sobre um ponto específico
	tprMap.centerOn({latitude: -23, longitude: -46});

// Caso de uso 5: Centralizar considerando todos os pontos plotados
	tprMap.centerRoutes();

// Caso de uso 6: Ver rota
	tprMap.viewRoute(new TPRRoute([{latitude: -23, longitude: -46}, {latitude: -22, longitude: -45}]));

// Caso de uso 7: Limpa o conteúdo (pontos e rota)
	tprMap.clear();

// Caso de uso 8: Remover mapa
	tprMap.close();

// Caso de uso 9: Esconder roda
	let tprMapRoute: TPRMapRoute;
	tprMap.viewRoute(new TPRRoute([{latitude: -23, longitude: -46}, {latitude: -22, longitude: -45}]))
		.then((mapRoute) => tprMapRoute = mapRoute);
	tprMapRoute.hide();

// Caso de uso 10: Reexibir rota
	tprMapRoute.show();

// Caso de uso 11: Trocar cor de rota
	tprMapRoute.color("AABBCC");

// Caso de uso 12: Exibir popup nas paradas
	tprMap.viewRoute(new TPRRoute([{latitude: -23, longitude: -46}, {latitude: -22, longitude: -45}]),
		new TPRRouteOptions(true));

// Caso de uso 13: Receber evento de drag dos marcadores
	tprMap.addMarker({latitude: -23, longitude: -46}, {
		draggable: true,
		onDrag: (lat, long) => console.log("Arrastei o marcador")
	});
})();