vue-geojson-view-ts 1.3.22 → 1.3.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-geojson-view-ts",
-  "version": "1.3.22",
+  "version": "1.3.23",
   "type": "module",
   "files": [
     "dist",

package/src/components/MapView.vue

@@ -7,14 +7,9 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 import { markerDefault } from "../helpers/imgBase64";
-import homeIconUrl from "../assets/home.png";
-import endIconUrl from "../assets/end.png";
-import trackingIconUrl from "../assets/tracking.png";
 import origenIconUrl from "../assets/origen.png";
 import destinoIconUrl from "../assets/destino.png";
 import llegadaIconUrl from "../assets/llegada.png";
-import DestinoIconReferencia from "../assets/address.svg";
-import LLegadaSalidaIconReferencia from "../assets/entidad.svg";
 import * as L from "leaflet";
 import "leaflet-draw";
 import "leaflet/dist/leaflet.css";
@@ -948,14 +943,51 @@ export default defineComponent({
       const formatIsoPreserve = (iso: string): string => {
         const d = new Date(iso);
         if (isNaN(d.getTime())) return iso;
-        const pad = (n: number) => n.toString().padStart(2, "0");
-        const day = pad(d.getUTCDate());
-        const month = pad(d.getUTCMonth() + 1);
-        const year = d.getUTCFullYear();
-        const hours = pad(d.getUTCHours());
-        const minutes = pad(d.getUTCMinutes());
-        const seconds = pad(d.getUTCSeconds());
-        return `${day}/${month}/${year} ${hours}:${minutes}:${seconds}`;
+
+        // Intentamos usar Intl para formatear en la zona horaria de Bolivia (America/La_Paz)
+        try {
+          const parts = new Intl.DateTimeFormat("es-BO", {
+            timeZone: "America/La_Paz",
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            hour12: false,
+          }).formatToParts(d);
+
+          const getPart = (type: string) =>
+            parts.find((p) => p.type === type)?.value || "";
+          const day = getPart("day");
+          const month = getPart("month");
+          const year = getPart("year");
+          const hour = getPart("hour");
+          const minute = getPart("minute");
+          const second = getPart("second");
+
+          return `${day}/${month}/${year} ${hour}:${minute}:${second}`;
+
+          // const pad = (n: number) => n.toString().padStart(2, "0");
+          // const day = pad(d.getUTCDate());
+          // const month = pad(d.getUTCMonth() + 1);
+          // const year = d.getUTCFullYear();
+          // const hours = pad(d.getUTCHours());
+          // const minutes = pad(d.getUTCMinutes());
+          // const seconds = pad(d.getUTCSeconds());
+          // return `${day}/${month}/${year} ${hours}:${minutes}:${seconds}`;
+        } catch (error) {
+          // Fallback: aplicar un offset fijo de -4 horas (Bolivia) sobre la fecha UTC recibida.
+          const boliviaOffsetMinutes = -4 * 60; // UTC-4
+          const localMs = d.getTime() + boliviaOffsetMinutes * 60_000;
+          const bd = new Date(localMs);
+          const pad = (n: number) => n.toString().padStart(2, "0");
+          return `${pad(bd.getUTCDate())}/${pad(
+            bd.getUTCMonth() + 1
+          )}/${bd.getUTCFullYear()} ${pad(bd.getUTCHours())}:${pad(
+            bd.getUTCMinutes()
+          )}:${pad(bd.getUTCSeconds())}`;
+        }
       };
 
       // Formatear fecha a dd-MM-yyyy hh:mm:ss