@rsltda/components 1.0.11 → 1.0.13

package/dist/rs-components.es.js

@@ -1,15 +1,24 @@
 var D = Object.defineProperty;
-var q = (C, b, e) => b in C ? D(C, b, { enumerable: !0, configurable: !0, writable: !0, value: e }) : C[b] = e;
-var s = (C, b, e) => q(C, typeof b != "symbol" ? b + "" : b, e);
-function U(C, b) {
-  customElements.get(C) || customElements.define(C, b);
+var q = (p, _, t) => _ in p ? D(p, _, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[_] = t;
+var r = (p, _, t) => q(p, typeof _ != "symbol" ? _ + "" : _, t);
+function U(p, _) {
+  customElements.get(p) || customElements.define(p, _);
 }
-const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn.rsltda.cl/logos/marker/", Z = "https://ap2.rs-shop.cl/web/PuntosMapas", O = {
+const O = /* @__PURE__ */ Object.assign({
+  "../json/PuntosMapas_gasgas_0.json": () => import("./PuntosMapas_gasgas_0-CjccjpQ8.js").then((p) => p.default),
+  "../json/PuntosMapas_gasgas_1.json": () => import("./PuntosMapas_gasgas_1-inakGBZ_.js").then((p) => p.default),
+  "../json/PuntosMapas_hqv_0.json": () => import("./PuntosMapas_hqv_0-OSIxCcrz.js").then((p) => p.default),
+  "../json/PuntosMapas_hqv_1.json": () => import("./PuntosMapas_hqv_1-Cr9cIOs3.js").then((p) => p.default),
+  "../json/PuntosMapas_ktm_0.json": () => import("./PuntosMapas_ktm_0-ChWkcgec.js").then((p) => p.default),
+  "../json/PuntosMapas_ktm_1.json": () => import("./PuntosMapas_ktm_1-DCq6GRnp.js").then((p) => p.default),
+  "../json/PuntosMapas_voge_0.json": () => import("./PuntosMapas_voge_0-DL0EWJWf.js").then((p) => p.default),
+  "../json/PuntosMapas_voge_1.json": () => import("./PuntosMapas_voge_1-Clawdtrj.js").then((p) => p.default)
+}), I = "#1e88e5", S = "/assets/fontawesome/css/all.min.css", F = "https://cdn.rsltda.cl/logos/marker/", B = "https://ap2.rs-shop.cl/web/PuntosMapas", R = {
   ktm: "#ff6600"
-}, M = {
+}, z = {
   sucursal: 0,
   distribuidor: 1
-}, R = ["norte", "rm", "centro", "sur"], $ = {
+}, j = ["norte", "rm", "centro", "sur"], $ = {
   norte: "Zona Norte",
   rm: "RM",
   centro: "Zona Centro",
@@ -17,7 +26,7 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
 }, N = {
   0: "Sucursales",
   1: "Distribuidores"
-}, T = 720 * 60 * 60 * 1e3, G = "rs-map-cache", P = "points", B = {
+}, T = 720 * 60 * 60 * 1e3, G = "rs-map-cache", E = "points", Z = {
   "region de arica y parinacota": "norte",
   "arica y parinacota": "norte",
   "region de tarapaca": "norte",
@@ -55,55 +64,56 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
   aysen: "sur",
   "region de magallanes y la antartica chilena": "sur",
   magallanes: "sur"
-}, m = class m extends HTMLElement {
+}, u = class u extends HTMLElement {
   constructor() {
     super();
-    s(this, "root");
-    s(this, "mapEl");
-    s(this, "map");
-    s(this, "markers", []);
-    s(this, "marca", "");
-    s(this, "marcaKey", "default");
-    s(this, "tipo", "");
-    s(this, "tipoCode", null);
-    s(this, "pointsController");
-    s(this, "points", []);
-    s(this, "pointsByZone", {
+    r(this, "root");
+    r(this, "mapEl");
+    r(this, "map");
+    r(this, "markers", []);
+    r(this, "marca", "");
+    r(this, "marcaKey", "default");
+    r(this, "tipo", "");
+    r(this, "tipoCode", null);
+    r(this, "pointsController");
+    r(this, "points", []);
+    r(this, "pointsByZone", {
       norte: [],
       rm: [],
       centro: [],
       sur: []
     });
-    s(this, "initialViewApplied", !1);
-    s(this, "zonesContainer");
-    s(this, "componentMessageEl");
-    s(this, "mapLayoutEl");
-    s(this, "zoneButtons", []);
-    s(this, "nearestButton");
-    s(this, "panelTitleEl");
-    s(this, "activeZone", "all");
-    s(this, "mapHeight", "");
-    s(this, "googleMapsApiKey", "");
-    s(this, "pointsApiUrl", Z);
-    s(this, "markerIconBaseUrl", F);
-    s(this, "defaultMarkerIconUrl", "");
-    s(this, "pointsCacheTtlMs", T);
-    s(this, "panAnimationFrame", null);
-    s(this, "highlightTimeout", null);
-    s(this, "isSyncingInitialAttributes", !1);
-    s(this, "refreshQueued", !1);
-    s(this, "handleZoneButtonClick", (e) => {
-      const n = e.currentTarget.dataset.zone;
+    r(this, "initialViewApplied", !1);
+    r(this, "zonesContainer");
+    r(this, "componentMessageEl");
+    r(this, "mapLayoutEl");
+    r(this, "zoneButtons", []);
+    r(this, "nearestButton");
+    r(this, "panelTitleEl");
+    r(this, "activeZone", "all");
+    r(this, "mapHeight", "");
+    r(this, "googleMapsApiKey", "");
+    r(this, "pointsApiUrl", B);
+    r(this, "markerIconBaseUrl", F);
+    r(this, "defaultMarkerIconUrl", "");
+    r(this, "pointsCacheTtlMs", T);
+    r(this, "panAnimationFrame", null);
+    r(this, "highlightTimeout", null);
+    r(this, "isSyncingInitialAttributes", !1);
+    r(this, "refreshQueued", !1);
+    r(this, "localPointsRequests", /* @__PURE__ */ new Map());
+    r(this, "handleZoneButtonClick", (t) => {
+      const n = t.currentTarget.dataset.zone;
       n && (this.setActiveZone(n), this.scrollToZoneSection(n));
     });
-    s(this, "handleNearestClick", () => {
+    r(this, "handleNearestClick", () => {
       if (!navigator.geolocation) {
         alert("La geolocalizacion no esta soportada en este navegador.");
         return;
       }
       navigator.geolocation.getCurrentPosition(
-        (e) => {
-          const { latitude: t, longitude: n } = e.coords, a = this.findNearestPoint(t, n);
+        (t) => {
+          const { latitude: e, longitude: n } = t.coords, a = this.findNearestPoint(e, n);
           a ? (this.centerMapOnPoint(Number(a.lat), Number(a.lng)), this.scrollToPointCard(a.id)) : alert("No hay puntos disponibles para calcular la tienda cercana.");
         },
         () => {
@@ -111,8 +121,8 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
         }
       );
     });
-    m.ensureFontAwesome(), this.root = this.attachShadow({ mode: "open" }), this.root.innerHTML = `
-      <link rel="stylesheet" href="${L}" />
+    u.ensureFontAwesome(), this.root = this.attachShadow({ mode: "open" }), this.root.innerHTML = `
+      <link rel="stylesheet" href="${S}" />
       <style>
         :host {
           display: block;
@@ -535,116 +545,116 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
     ];
   }
   connectedCallback() {
-    this.mapEl = this.root.querySelector("#map"), this.panelTitleEl = this.root.querySelector("[data-panel-title]"), this.zonesContainer = this.root.querySelector("[data-zone-container]"), this.componentMessageEl = this.root.querySelector("[data-component-message]"), this.mapLayoutEl = this.root.querySelector("[data-map-layout]"), this.zoneButtons = Array.from(this.root.querySelectorAll("[data-zone]")), this.nearestButton = this.root.querySelector('[data-action="nearest"]'), this.zoneButtons.forEach((e) => e.addEventListener("click", this.handleZoneButtonClick)), this.nearestButton && this.nearestButton.addEventListener("click", this.handleNearestClick), this.updateZoneButtons(), this.setMapHeight(this.getAttribute("height")), this.setComponentState("loading"), this.syncAttributesToState();
+    this.mapEl = this.root.querySelector("#map"), this.panelTitleEl = this.root.querySelector("[data-panel-title]"), this.zonesContainer = this.root.querySelector("[data-zone-container]"), this.componentMessageEl = this.root.querySelector("[data-component-message]"), this.mapLayoutEl = this.root.querySelector("[data-map-layout]"), this.zoneButtons = Array.from(this.root.querySelectorAll("[data-zone]")), this.nearestButton = this.root.querySelector('[data-action="nearest"]'), this.zoneButtons.forEach((t) => t.addEventListener("click", this.handleZoneButtonClick)), this.nearestButton && this.nearestButton.addEventListener("click", this.handleNearestClick), this.updateZoneButtons(), this.setMapHeight(this.getAttribute("height")), this.setComponentState("loading"), this.syncAttributesToState();
   }
   disconnectedCallback() {
-    var e;
-    (e = this.pointsController) == null || e.abort(), this.zoneButtons.forEach((t) => t.removeEventListener("click", this.handleZoneButtonClick)), this.nearestButton && this.nearestButton.removeEventListener("click", this.handleNearestClick);
+    var t;
+    (t = this.pointsController) == null || t.abort(), this.zoneButtons.forEach((e) => e.removeEventListener("click", this.handleZoneButtonClick)), this.nearestButton && this.nearestButton.removeEventListener("click", this.handleNearestClick);
   }
-  attributeChangedCallback(e, t, n) {
-    e === "marca" ? this.setMarca(n != null ? n : "") : e === "tipo" ? this.setTipo(n != null ? n : "") : e === "height" ? this.setMapHeight(n) : e === "google-maps-key" ? this.setGoogleMapsKey(n) : e === "points-api-url" ? this.setPointsApiUrl(n) : e === "cache-days" ? this.setCacheDays(n) : e === "marker-icon-base" ? this.setMarkerIconBase(n) : e === "marker-icon-default" && this.setDefaultMarkerIcon(n);
+  attributeChangedCallback(t, e, n) {
+    t === "marca" ? this.setMarca(n != null ? n : "") : t === "tipo" ? this.setTipo(n != null ? n : "") : t === "height" ? this.setMapHeight(n) : t === "google-maps-key" ? this.setGoogleMapsKey(n) : t === "points-api-url" ? this.setPointsApiUrl(n) : t === "cache-days" ? this.setCacheDays(n) : t === "marker-icon-base" ? this.setMarkerIconBase(n) : t === "marker-icon-default" && this.setDefaultMarkerIcon(n);
   }
   loadGoogleMaps() {
     return window._rsGoogleMapsLoaded ? Promise.resolve().then(() => {
       this.initMap();
-    }) : this.googleMapsApiKey ? (m.googleMapsLoaderPromise || (m.googleMapsLoaderPromise = new Promise((e, t) => {
+    }) : this.googleMapsApiKey ? (u.googleMapsLoaderPromise || (u.googleMapsLoaderPromise = new Promise((t, e) => {
       const n = document.querySelector('script[data-rs-google-maps="true"]');
       if (n) {
-        n.addEventListener("load", () => e(), { once: !0 }), n.addEventListener(
+        n.addEventListener("load", () => t(), { once: !0 }), n.addEventListener(
           "error",
-          () => t(new Error("Error al cargar la API de Google Maps")),
+          () => e(new Error("Error al cargar la API de Google Maps")),
           { once: !0 }
         );
         return;
       }
-      const a = document.createElement("script"), r = new URLSearchParams({
+      const a = document.createElement("script"), s = new URLSearchParams({
         key: this.googleMapsApiKey,
         v: "weekly"
       });
-      a.src = `https://maps.googleapis.com/maps/api/js?${r.toString()}`, a.async = !0, a.defer = !0, a.dataset.rsGoogleMaps = "true", a.onload = () => {
-        window._rsGoogleMapsLoaded = !0, e();
+      a.src = `https://maps.googleapis.com/maps/api/js?${s.toString()}`, a.async = !0, a.defer = !0, a.dataset.rsGoogleMaps = "true", a.onload = () => {
+        window._rsGoogleMapsLoaded = !0, t();
       }, a.onerror = () => {
-        m.googleMapsLoaderPromise = null, t(new Error("Error al cargar la API de Google Maps"));
+        u.googleMapsLoaderPromise = null, e(new Error("Error al cargar la API de Google Maps"));
       }, document.head.appendChild(a);
-    })), m.googleMapsLoaderPromise.then(() => {
+    })), u.googleMapsLoaderPromise.then(() => {
       window._rsGoogleMapsLoaded = !0, this.initMap();
-    }).catch((e) => {
-      console.error(e instanceof Error ? e.message : "Error al cargar la API de Google Maps");
+    }).catch((t) => {
+      console.error(t instanceof Error ? t.message : "Error al cargar la API de Google Maps");
     })) : (console.error('Falta la clave de Google Maps. Define el atributo "google-maps-key" en <rs-map>.'), Promise.resolve());
   }
   initMap() {
-    const e = window.google;
-    if (!e) {
+    const t = window.google;
+    if (!t) {
       console.error("Google Maps aun no esta disponible.");
       return;
     }
-    const t = this.getInitialCenter();
-    this.map = new e.maps.Map(this.mapEl, {
-      center: t,
+    const e = this.getInitialCenter();
+    this.map = new t.maps.Map(this.mapEl, {
+      center: e,
       zoom: 14,
       mapTypeId: "roadmap"
     }), this.points.length && this.updateMarkers(this.points);
   }
   getInitialCenter() {
-    const e = this.getFirstValidPoint();
-    return e || { lat: -33.4489, lng: -70.6693 };
+    const t = this.getFirstValidPoint();
+    return t || { lat: -33.4489, lng: -70.6693 };
   }
   getFirstValidPoint() {
-    for (const e of this.points) {
-      const t = Number(e.lat), n = Number(e.lng);
-      if (Number.isFinite(t) && Number.isFinite(n))
-        return { lat: t, lng: n };
+    for (const t of this.points) {
+      const e = Number(t.lat), n = Number(t.lng);
+      if (Number.isFinite(e) && Number.isFinite(n))
+        return { lat: e, lng: n };
     }
     return null;
   }
   syncAttributesToState() {
-    var e, t;
-    this.isSyncingInitialAttributes = !0, this.setMarca((e = this.getAttribute("marca")) != null ? e : ""), this.setTipo((t = this.getAttribute("tipo")) != null ? t : ""), this.setGoogleMapsKey(this.getAttribute("google-maps-key")), this.setPointsApiUrl(this.getAttribute("points-api-url")), this.setCacheDays(this.getAttribute("cache-days")), this.setMarkerIconBase(this.getAttribute("marker-icon-base")), this.setDefaultMarkerIcon(this.getAttribute("marker-icon-default")), this.isSyncingInitialAttributes = !1, this.queueRefreshPoints();
+    var t, e;
+    this.isSyncingInitialAttributes = !0, this.setMarca((t = this.getAttribute("marca")) != null ? t : ""), this.setTipo((e = this.getAttribute("tipo")) != null ? e : ""), this.setGoogleMapsKey(this.getAttribute("google-maps-key")), this.setPointsApiUrl(this.getAttribute("points-api-url")), this.setCacheDays(this.getAttribute("cache-days")), this.setMarkerIconBase(this.getAttribute("marker-icon-base")), this.setDefaultMarkerIcon(this.getAttribute("marker-icon-default")), this.isSyncingInitialAttributes = !1, this.queueRefreshPoints();
   }
-  setMapHeight(e) {
-    const t = (e != null ? e : "").trim();
-    if (!t) {
+  setMapHeight(t) {
+    const e = (t != null ? t : "").trim();
+    if (!e) {
       this.mapHeight = "", this.style.removeProperty("--map-height");
       return;
     }
-    this.mapHeight = t, this.style.setProperty("--map-height", t);
+    this.mapHeight = e, this.style.setProperty("--map-height", e);
   }
-  setGoogleMapsKey(e) {
-    this.googleMapsApiKey = (e != null ? e : "").trim(), this.googleMapsApiKey && this.isConnected && this.loadGoogleMaps();
+  setGoogleMapsKey(t) {
+    this.googleMapsApiKey = (t != null ? t : "").trim(), this.googleMapsApiKey && this.isConnected && this.loadGoogleMaps();
   }
-  setPointsApiUrl(e) {
-    const t = (e != null ? e : "").trim();
-    this.pointsApiUrl = t || Z, this.pointsApiUrl && this.isConnected && !this.isSyncingInitialAttributes && this.queueRefreshPoints();
+  setPointsApiUrl(t) {
+    const e = (t != null ? t : "").trim();
+    this.pointsApiUrl = e || B, this.pointsApiUrl && this.isConnected && !this.isSyncingInitialAttributes && this.queueRefreshPoints();
   }
-  setCacheDays(e) {
-    const t = (e != null ? e : "").trim();
-    if (!t) {
+  setCacheDays(t) {
+    const e = (t != null ? t : "").trim();
+    if (!e) {
       this.pointsCacheTtlMs = T;
       return;
     }
-    const n = Number(t);
+    const n = Number(e);
     if (!Number.isFinite(n) || n < 0) {
       this.pointsCacheTtlMs = T;
       return;
     }
     this.pointsCacheTtlMs = n * 24 * 60 * 60 * 1e3;
   }
-  setMarkerIconBase(e) {
-    const t = (e != null ? e : "").trim();
-    if (!t) {
+  setMarkerIconBase(t) {
+    const e = (t != null ? t : "").trim();
+    if (!e) {
       this.markerIconBaseUrl = F;
       return;
     }
-    this.markerIconBaseUrl = t.endsWith("/") ? t : `${t}/`;
+    this.markerIconBaseUrl = e.endsWith("/") ? e : `${e}/`;
   }
-  setDefaultMarkerIcon(e) {
-    this.defaultMarkerIconUrl = (e != null ? e : "").trim();
+  setDefaultMarkerIcon(t) {
+    this.defaultMarkerIconUrl = (t != null ? t : "").trim();
   }
-  setMarca(e) {
-    this.marca = e.trim(), this.marcaKey = this.normalizeBrandKey(this.marca), this.applyBrandColor(), this.isSyncingInitialAttributes || this.queueRefreshPoints();
+  setMarca(t) {
+    this.marca = t.trim(), this.marcaKey = this.normalizeBrandKey(this.marca), this.applyBrandColor(), this.isSyncingInitialAttributes || this.queueRefreshPoints();
   }
-  setTipo(e) {
-    this.tipo = e.trim(), this.tipoCode = this.normalizeTipo(this.tipo), this.updatePanelTitle(), this.isSyncingInitialAttributes || this.queueRefreshPoints();
+  setTipo(t) {
+    this.tipo = t.trim(), this.tipoCode = this.normalizeTipo(this.tipo), this.updatePanelTitle(), this.isSyncingInitialAttributes || this.queueRefreshPoints();
   }
   queueRefreshPoints() {
     this.refreshQueued || (this.refreshQueued = !0, queueMicrotask(() => {
@@ -660,105 +670,120 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
   updatePanelTitle() {
     if (!this.panelTitleEl)
       return;
-    const e = this.getTipoLabel();
-    this.panelTitleEl.textContent = e != null ? e : "Puntos del mapa";
+    const t = this.getTipoLabel();
+    this.panelTitleEl.textContent = t != null ? t : "Puntos del mapa";
   }
   getTipoLabel() {
     if (this.tipoCode !== null && this.tipoCode in N)
       return N[this.tipoCode];
-    const e = this.tipo.trim().toLowerCase(), t = e && e in M ? M[e] : null;
-    return t !== null && t in N ? N[t] : null;
+    const t = this.tipo.trim().toLowerCase(), e = t && t in z ? z[t] : null;
+    return e !== null && e in N ? N[e] : null;
   }
   applyBrandColor() {
-    var t;
-    const e = (t = O[this.marcaKey]) != null ? t : I;
-    this.style.setProperty("--rs-map-accent", e);
+    var e;
+    const t = (e = R[this.marcaKey]) != null ? e : I;
+    this.style.setProperty("--rs-map-accent", t);
   }
-  normalizeTipo(e) {
-    if (!e)
+  normalizeTipo(t) {
+    if (!t)
       return null;
-    const t = e.trim().toLowerCase();
-    if (t in M)
-      return M[t];
-    const n = Number(t);
+    const e = t.trim().toLowerCase();
+    if (e in z)
+      return z[e];
+    const n = Number(e);
     return Number.isFinite(n) && (n === 0 || n === 1) ? n : null;
   }
   async refreshPoints() {
-    var h;
+    var g;
     if (!this.isConnected || !this.marca || this.tipoCode === null)
       return;
     if (!this.pointsApiUrl) {
       console.error('Falta la URL de la API de puntos. Define el atributo "points-api-url" en <rs-map>.'), this.setComponentState("error");
       return;
     }
-    (h = this.pointsController) == null || h.abort();
-    const e = new AbortController();
-    this.pointsController = e;
-    const t = new URLSearchParams({
+    (g = this.pointsController) == null || g.abort();
+    const t = new AbortController();
+    this.pointsController = t;
+    const e = new URLSearchParams({
       marca: this.marca,
       tipo: String(this.tipoCode)
-    }), n = this.pointsApiUrl.includes("?"), a = n && !/[?&]$/.test(this.pointsApiUrl), r = n ? a ? "&" : "" : "?", c = `${this.pointsApiUrl}${r}${t.toString()}`, i = this.getPointsCacheKey(c), l = await this.readPointsCache(i), d = l && Date.now() - l.timestamp < this.pointsCacheTtlMs;
+    }), n = this.pointsApiUrl.includes("?"), a = n && !/[?&]$/.test(this.pointsApiUrl), s = n ? a ? "&" : "" : "?", c = `${this.pointsApiUrl}${s}${e.toString()}`, i = this.getPointsCacheKey(c), l = await this.readPointsCache(i), d = l && Date.now() - l.timestamp < this.pointsCacheTtlMs, h = l ? null : await this.getLocalPointsFallback(this.marca, this.tipoCode);
     if (l) {
       if (this.applyPointsPayload(l.data), this.setComponentState("ready"), d)
         return;
-    } else
-      this.setComponentState("loading");
+    } else h ? (this.applyPointsPayload(h), this.setComponentState("ready")) : this.setComponentState("loading");
     try {
-      const p = await fetch(c, {
-        signal: e.signal
+      const m = await fetch(c, {
+        signal: t.signal
       });
-      if (!p.ok)
-        throw new Error(`Respuesta ${p.status}`);
-      const u = await p.json();
-      if (!Array.isArray(u))
+      if (!m.ok)
+        throw new Error(`Respuesta ${m.status}`);
+      const y = await m.json();
+      if (!Array.isArray(y))
         throw new Error("La respuesta de puntos no es valida.");
-      const y = u;
-      await this.writePointsCache(i, y), this.applyPointsPayload(y), this.setComponentState("ready");
-    } catch (p) {
-      if (p instanceof DOMException && p.name === "AbortError")
+      const o = y;
+      await this.writePointsCache(i, o), this.applyPointsPayload(o), this.setComponentState("ready");
+    } catch (m) {
+      if (m instanceof DOMException && m.name === "AbortError")
         return;
-      if (l) {
-        console.warn("Se mantienen puntos cacheados por error al refrescar el mapa", p);
+      if (l || h) {
+        console.warn("Se mantienen puntos locales por error al refrescar el mapa", m);
         return;
       }
-      console.error("No se pudieron cargar los puntos del mapa", p), this.setComponentState("error");
+      console.error("No se pudieron cargar los puntos del mapa", m), this.setComponentState("error");
     }
   }
-  applyPointsPayload(e) {
-    this.points = this.transformPoints(e), this.renderPoints(this.points), this.initialViewApplied = !1, this.updateMarkers(this.points);
+  applyPointsPayload(t) {
+    this.points = this.transformPoints(t), this.renderPoints(this.points), this.initialViewApplied = !1, this.updateMarkers(this.points);
+  }
+  getPointsCacheKey(t) {
+    return `rs-map:points:${t}`;
   }
-  getPointsCacheKey(e) {
-    return `rs-map:points:${e}`;
+  async getLocalPointsFallback(t, e) {
+    const a = `../json/PuntosMapas_${this.normalizeBrandKey(t)}_${e}.json`, s = this.localPointsRequests.get(a);
+    if (s)
+      return s;
+    const c = O[a];
+    if (!c)
+      return null;
+    const i = c().then((l) => {
+      const d = this.parseLocalPointsPayload(l);
+      return d != null && d.length ? d : null;
+    }).catch(() => null);
+    return this.localPointsRequests.set(a, i), i;
   }
-  async readPointsCache(e) {
-    const t = await this.readPointsCacheFromIndexedDb(e);
-    if (t)
-      return t;
+  parseLocalPointsPayload(t) {
+    return Array.isArray(t) ? t : null;
+  }
+  async readPointsCache(t) {
+    const e = await this.readPointsCacheFromIndexedDb(t);
+    if (e)
+      return e;
     try {
-      const n = window.localStorage.getItem(e);
+      const n = window.localStorage.getItem(t);
       if (!n)
         return null;
       const a = JSON.parse(n);
-      return !a || !Array.isArray(a.data) || !Number.isFinite(a.timestamp) ? (window.localStorage.removeItem(e), null) : a;
+      return !a || !Array.isArray(a.data) || !Number.isFinite(a.timestamp) ? (window.localStorage.removeItem(t), null) : a;
     } catch {
       return null;
     }
   }
-  async writePointsCache(e, t) {
+  async writePointsCache(t, e) {
     const n = {
       timestamp: Date.now(),
-      data: t
+      data: e
     };
-    await this.writePointsCacheToIndexedDb(e, n);
+    await this.writePointsCacheToIndexedDb(t, n);
     try {
-      window.localStorage.setItem(e, JSON.stringify(n));
+      window.localStorage.setItem(t, JSON.stringify(n));
     } catch {
     }
   }
-  async readPointsCacheFromIndexedDb(e) {
-    const t = await m.openPointsCacheDb();
-    return t ? new Promise((n) => {
-      const c = t.transaction(P, "readonly").objectStore(P).get(e);
+  async readPointsCacheFromIndexedDb(t) {
+    const e = await u.openPointsCacheDb();
+    return e ? new Promise((n) => {
+      const c = e.transaction(E, "readonly").objectStore(E).get(t);
       c.onsuccess = () => {
         const i = c.result;
         if (!i || !Array.isArray(i.data) || !Number.isFinite(i.timestamp)) {
@@ -772,214 +797,214 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
       }, c.onerror = () => n(null);
     }) : null;
   }
-  async writePointsCacheToIndexedDb(e, t) {
-    const n = await m.openPointsCacheDb();
+  async writePointsCacheToIndexedDb(t, e) {
+    const n = await u.openPointsCacheDb();
     n && await new Promise((a) => {
-      const i = n.transaction(P, "readwrite").objectStore(P).put({
-        key: e,
-        timestamp: t.timestamp,
-        data: t.data
+      const i = n.transaction(E, "readwrite").objectStore(E).put({
+        key: t,
+        timestamp: e.timestamp,
+        data: e.data
       });
       i.onsuccess = () => a(), i.onerror = () => a();
     });
   }
   static openPointsCacheDb() {
-    return typeof window == "undefined" || !("indexedDB" in window) ? Promise.resolve(null) : (m.pointsCacheDbPromise || (m.pointsCacheDbPromise = new Promise((e) => {
-      const t = window.indexedDB.open(G, 1);
-      t.onupgradeneeded = () => {
-        const n = t.result;
-        n.objectStoreNames.contains(P) || n.createObjectStore(P, { keyPath: "key" });
-      }, t.onsuccess = () => e(t.result), t.onerror = () => e(null);
-    })), m.pointsCacheDbPromise);
+    return typeof window == "undefined" || !("indexedDB" in window) ? Promise.resolve(null) : (u.pointsCacheDbPromise || (u.pointsCacheDbPromise = new Promise((t) => {
+      const e = window.indexedDB.open(G, 1);
+      e.onupgradeneeded = () => {
+        const n = e.result;
+        n.objectStoreNames.contains(E) || n.createObjectStore(E, { keyPath: "key" });
+      }, e.onsuccess = () => t(e.result), e.onerror = () => t(null);
+    })), u.pointsCacheDbPromise);
   }
-  transformPoints(e) {
-    return e.map((t) => ({
-      ...t,
-      zone: this.getZoneForPoint(t)
+  transformPoints(t) {
+    return t.map((e) => ({
+      ...e,
+      zone: this.getZoneForPoint(e)
     }));
   }
-  renderPoints(e) {
+  renderPoints(t) {
     if (!this.zonesContainer)
       return;
-    const t = this.groupPoints(e);
-    this.pointsByZone = t, this.updateZoneButtonCounts();
+    const e = this.groupPoints(t);
+    this.pointsByZone = e, this.updateZoneButtonCounts();
     const n = document.createDocumentFragment();
-    R.forEach((a) => {
-      const r = document.createElement("section");
-      r.className = "zone-section", r.dataset.zoneSection = a;
+    j.forEach((a) => {
+      const s = document.createElement("section");
+      s.className = "zone-section", s.dataset.zoneSection = a;
       const c = document.createElement("div");
       c.className = "zone-section__header";
       const i = document.createElement("span");
-      if (i.textContent = $[a], c.appendChild(i), r.appendChild(c), t[a].length === 0) {
+      if (i.textContent = $[a], c.appendChild(i), s.appendChild(c), e[a].length === 0) {
         const l = document.createElement("p");
-        l.className = "zone-section__empty", l.textContent = "Sin puntos en esta zona.", r.appendChild(l);
+        l.className = "zone-section__empty", l.textContent = "Sin puntos en esta zona.", s.appendChild(l);
       } else {
         const l = document.createElement("div");
-        l.className = "zone-section__list", t[a].forEach((d) => {
+        l.className = "zone-section__list", e[a].forEach((d) => {
           l.appendChild(this.createPointCard(d));
-        }), r.appendChild(l);
+        }), s.appendChild(l);
       }
-      n.appendChild(r);
+      n.appendChild(s);
     }), this.zonesContainer.replaceChildren(n), this.updateZoneVisibility();
   }
-  groupPoints(e) {
-    const t = {
+  groupPoints(t) {
+    const e = {
       norte: [],
       rm: [],
       centro: [],
       sur: []
     };
-    return e.forEach((n) => {
-      t[n.zone].push(n);
-    }), t;
+    return t.forEach((n) => {
+      e[n.zone].push(n);
+    }), e;
   }
-  createPointCard(e) {
+  createPointCard(t) {
     var y;
-    const t = document.createElement("article");
-    t.className = "point-card", t.dataset.pointId = String(e.id);
+    const e = document.createElement("article");
+    e.className = "point-card", e.dataset.pointId = String(t.id);
     const n = document.createElement("h3");
-    n.className = "point-card__title", n.textContent = e.titulo || "Sin nombre", t.appendChild(n);
+    n.className = "point-card__title", n.textContent = t.titulo || "Sin nombre", e.appendChild(n);
     const a = document.createElement("div");
     a.className = "point-card__address-block";
-    const r = document.createElement("p");
-    if (r.className = "point-card__address", r.textContent = e.direccion || "Sin direccion", a.appendChild(r), e.comuna_name) {
+    const s = document.createElement("p");
+    if (s.className = "point-card__address", s.textContent = t.direccion || "Sin direccion", a.appendChild(s), t.comuna_name) {
       const o = document.createElement("p");
-      o.className = "point-card__meta", o.textContent = e.comuna_name, a.appendChild(o);
+      o.className = "point-card__meta", o.textContent = t.comuna_name, a.appendChild(o);
     }
-    if (e.provincia_name) {
+    if (t.provincia_name) {
       const o = document.createElement("p");
-      o.className = "point-card__meta", o.textContent = e.provincia_name, a.appendChild(o);
+      o.className = "point-card__meta", o.textContent = t.provincia_name, a.appendChild(o);
     }
-    if (e.region_name) {
+    if (t.region_name) {
       const o = document.createElement("p");
-      o.className = "point-card__meta", o.textContent = e.region_name, a.appendChild(o);
+      o.className = "point-card__meta", o.textContent = t.region_name, a.appendChild(o);
     }
-    t.appendChild(a);
+    e.appendChild(a);
     let c = null;
-    const i = Number(e.lat), l = Number(e.lng);
+    const i = Number(t.lat), l = Number(t.lng);
     if (Number.isFinite(i) && Number.isFinite(l)) {
       c = document.createElement("button"), c.type = "button", c.className = "point-card__focus";
       const o = this.createIconElement("fa-solid fa-location-crosshairs");
       c.appendChild(o), c.appendChild(document.createTextNode(" Ver en el mapa")), c.addEventListener("click", () => {
-        this.focusPointWithZoom(i, l), this.scrollToPointCard(e.id);
+        this.focusPointWithZoom(i, l), this.scrollToPointCard(t.id);
       });
     }
     const d = document.createElement("div");
     d.className = "point-card__details", d.hidden = !0;
     let h = !1;
-    const p = document.createElement("div");
-    p.className = "point-card__actions";
-    let u = null;
-    if (e.url && e.url !== "#") {
+    const g = document.createElement("div");
+    g.className = "point-card__actions";
+    let m = null;
+    if (t.url && t.url !== "#") {
       const o = document.createElement("a");
-      o.href = e.url, o.target = "_blank", o.rel = "noopener noreferrer", o.className = "point-card__action";
-      const g = this.createIconElement("fa-solid fa-globe");
-      o.appendChild(g), o.appendChild(document.createTextNode("Sitio web")), p.appendChild(o);
+      o.href = t.url, o.target = "_blank", o.rel = "noopener noreferrer", o.className = "point-card__action";
+      const f = this.createIconElement("fa-solid fa-globe");
+      o.appendChild(f), o.appendChild(document.createTextNode("Sitio web")), g.appendChild(o);
     }
-    if (e.email) {
+    if (t.email) {
       const o = document.createElement("a");
-      o.href = `mailto:${e.email}`, o.target = "_blank", o.rel = "noopener noreferrer", o.className = "point-card__action point-card__action--text";
-      const g = this.createIconElement("fa-solid fa-envelope");
-      o.appendChild(g), o.appendChild(document.createTextNode(e.email)), p.appendChild(o);
+      o.href = `mailto:${t.email}`, o.target = "_blank", o.rel = "noopener noreferrer", o.className = "point-card__action point-card__action--text";
+      const f = this.createIconElement("fa-solid fa-envelope");
+      o.appendChild(f), o.appendChild(document.createTextNode(t.email)), g.appendChild(o);
     }
-    if (p.childElementCount && (d.appendChild(p), h = !0), (y = e.telefonos) != null && y.length) {
+    if (g.childElementCount && (d.appendChild(g), h = !0), (y = t.telefonos) != null && y.length) {
       const o = document.createElement("div");
       o.className = "point-card__contact";
-      const g = document.createElement("div");
-      g.className = "point-card__contact-title";
-      const f = this.createIconElement("fa-solid fa-phone");
-      g.appendChild(f), g.appendChild(document.createTextNode("Telefonos")), o.appendChild(g);
-      const _ = document.createElement("ul");
-      _.className = "point-card__phone-list", e.telefonos.slice().sort((x, w) => x.orden - w.orden).forEach((x) => {
-        const w = document.createElement("li");
-        w.className = "point-card__phone-item";
+      const f = document.createElement("div");
+      f.className = "point-card__contact-title";
+      const b = this.createIconElement("fa-solid fa-phone");
+      f.appendChild(b), f.appendChild(document.createTextNode("Telefonos")), o.appendChild(f);
+      const x = document.createElement("ul");
+      x.className = "point-card__phone-list", t.telefonos.slice().sort((C, P) => C.orden - P.orden).forEach((C) => {
+        const P = document.createElement("li");
+        P.className = "point-card__phone-item";
         const k = document.createElement("span");
-        if (k.className = "point-card__phone-icon", x.whatsapp) {
-          const z = this.createIconElement("fa-brands fa-whatsapp");
-          k.appendChild(z);
+        if (k.className = "point-card__phone-icon", C.whatsapp) {
+          const M = this.createIconElement("fa-brands fa-whatsapp");
+          k.appendChild(M);
         } else
           k.textContent = "-";
-        w.appendChild(k);
+        P.appendChild(k);
         const A = document.createElement("div");
         A.className = "point-card__phone-content";
-        const S = document.createElement("span");
-        S.className = "point-card__phone-name", S.textContent = x.nombre, A.appendChild(S);
-        const E = x.whatsapp ? document.createElement("a") : document.createElement("span");
-        if (E.className = "point-card__phone-number", x.whatsapp) {
-          const z = this.getWhatsappLink(x.telefono);
-          z && (E.href = z, E.target = "_blank", E.rel = "noopener noreferrer", E.classList.add("point-card__phone-number--link"));
-        }
-        E.textContent = x.telefono, A.appendChild(E), w.appendChild(A), _.appendChild(w);
-      }), o.appendChild(_), d.appendChild(o), h = !0;
+        const L = document.createElement("span");
+        L.className = "point-card__phone-name", L.textContent = C.nombre, A.appendChild(L);
+        const w = C.whatsapp ? document.createElement("a") : document.createElement("span");
+        if (w.className = "point-card__phone-number", C.whatsapp) {
+          const M = this.getWhatsappLink(C.telefono);
+          M && (w.href = M, w.target = "_blank", w.rel = "noopener noreferrer", w.classList.add("point-card__phone-number--link"));
+        }
+        w.textContent = C.telefono, A.appendChild(w), P.appendChild(A), x.appendChild(P);
+      }), o.appendChild(x), d.appendChild(o), h = !0;
     }
-    if (e.adicional) {
+    if (t.adicional) {
       const o = document.createElement("p");
-      o.className = "point-card__extra", o.innerHTML = e.adicional, o.querySelectorAll("a").forEach((g) => {
-        g.classList.add("point-card__extra-link");
-        const f = this.createIconElement("fa-solid fa-arrow-up-right-from-square");
-        f.classList.add("point-card__extra-icon"), g.appendChild(f);
+      o.className = "point-card__extra", o.innerHTML = t.adicional, o.querySelectorAll("a").forEach((f) => {
+        f.classList.add("point-card__extra-link");
+        const b = this.createIconElement("fa-solid fa-arrow-up-right-from-square");
+        b.classList.add("point-card__extra-icon"), f.appendChild(b);
       }), d.appendChild(o), h = !0;
     }
-    if (e.googlelink) {
-      u = document.createElement("a"), u.href = e.googlelink, u.target = "_blank", u.rel = "noopener noreferrer", u.className = "point-card__action";
+    if (t.googlelink) {
+      m = document.createElement("a"), m.href = t.googlelink, m.target = "_blank", m.rel = "noopener noreferrer", m.className = "point-card__action";
       const o = this.createIconElement("fa-solid fa-map-location-dot");
-      u.appendChild(o), u.appendChild(document.createTextNode("Google Maps"));
+      m.appendChild(o), m.appendChild(document.createTextNode("Google Maps"));
     }
-    if (u) {
+    if (m) {
       const o = document.createElement("div");
-      o.className = "point-card__actions", o.appendChild(u), d.appendChild(o), h = !0;
+      o.className = "point-card__actions", o.appendChild(m), d.appendChild(o), h = !0;
     }
     if (h) {
       const o = document.createElement("button");
       o.type = "button", o.className = "point-card__toggle";
-      const g = this.createIconElement("fa-solid fa-circle-info"), f = document.createElement("span");
-      f.textContent = "Mas informacion", o.appendChild(g), o.appendChild(f), o.addEventListener("click", () => {
-        const _ = d.hidden;
-        d.hidden = !_, f.textContent = _ ? "Ocultar informacion" : "Mas informacion", g.className = _ ? "fa-solid fa-circle-xmark" : "fa-solid fa-circle-info";
-      }), t.appendChild(o), t.appendChild(d);
+      const f = this.createIconElement("fa-solid fa-circle-info"), b = document.createElement("span");
+      b.textContent = "Mas informacion", o.appendChild(f), o.appendChild(b), o.addEventListener("click", () => {
+        const x = d.hidden;
+        d.hidden = !x, b.textContent = x ? "Ocultar informacion" : "Mas informacion", f.className = x ? "fa-solid fa-circle-xmark" : "fa-solid fa-circle-info";
+      }), e.appendChild(o), e.appendChild(d);
     }
-    return c && t.appendChild(c), t;
+    return c && e.appendChild(c), e;
   }
-  getZoneForPoint(e) {
-    const t = this.normalizeRegionName(e.region_name || "");
-    return t && t in B ? B[t] : t.includes("metropolitana") ? "rm" : t.includes("araucania") || t.includes("rios") || t.includes("lagos") || t.includes("aysen") || t.includes("magallanes") ? "sur" : t.includes("arica") || t.includes("tarapaca") || t.includes("antofagasta") || t.includes("atacama") || t.includes("coquimbo") ? "norte" : "centro";
+  getZoneForPoint(t) {
+    const e = this.normalizeRegionName(t.region_name || "");
+    return e && e in Z ? Z[e] : e.includes("metropolitana") ? "rm" : e.includes("araucania") || e.includes("rios") || e.includes("lagos") || e.includes("aysen") || e.includes("magallanes") ? "sur" : e.includes("arica") || e.includes("tarapaca") || e.includes("antofagasta") || e.includes("atacama") || e.includes("coquimbo") ? "norte" : "centro";
   }
-  normalizeRegionName(e) {
-    return e.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim();
+  normalizeRegionName(t) {
+    return t.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim();
   }
-  normalizeBrandKey(e) {
-    return e && e.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "") || "default";
+  normalizeBrandKey(t) {
+    return t && t.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "") || "default";
   }
   getMarkerIcon() {
-    const e = this.marcaKey || "default";
-    return this.markerIconBaseUrl ? `${this.markerIconBaseUrl}${e}.png` : this.defaultMarkerIconUrl ? this.defaultMarkerIconUrl : null;
+    const t = this.marcaKey || "default";
+    return this.markerIconBaseUrl ? `${this.markerIconBaseUrl}${t}.png` : this.defaultMarkerIconUrl ? this.defaultMarkerIconUrl : null;
   }
-  updateMarkers(e) {
-    const t = window.google;
-    if (!t || !this.map)
+  updateMarkers(t) {
+    const e = window.google;
+    if (!e || !this.map)
       return;
     this.markers.forEach((i) => i.setMap(null)), this.markers = [];
-    const n = e.filter((i) => {
+    const n = t.filter((i) => {
       const l = Number(i.lat), d = Number(i.lng);
       return Number.isFinite(l) && Number.isFinite(d);
     });
     if (!n.length)
       return;
-    const a = new t.maps.LatLngBounds(), r = this.getMarkerIcon(), c = r && this.map ? {
-      url: r,
-      scaledSize: new t.maps.Size(36, 36),
-      anchor: new t.maps.Point(18, 36)
+    const a = new e.maps.LatLngBounds(), s = this.getMarkerIcon(), c = s && this.map ? {
+      url: s,
+      scaledSize: new e.maps.Size(36, 36),
+      anchor: new e.maps.Point(18, 36)
     } : void 0;
     if (n.forEach((i) => {
-      const l = Number(i.lat), d = Number(i.lng), h = new t.maps.Marker({
+      const l = Number(i.lat), d = Number(i.lng), h = new e.maps.Marker({
         map: this.map,
         position: { lat: l, lng: d },
         title: i.titulo,
         icon: c
       });
       this.markers.push(h);
-      const p = h.getPosition();
-      p && a.extend(p);
+      const g = h.getPosition();
+      g && a.extend(g);
     }), !this.initialViewApplied && this.markers.length) {
       const i = this.markers[0].getPosition();
       if (i) {
@@ -993,150 +1018,150 @@ const I = "#1e88e5", L = "/assets/fontawesome/css/all.min.css", F = "https://cdn
     } else
       this.map.fitBounds(a);
   }
-  setActiveZone(e) {
+  setActiveZone(t) {
   }
-  scrollToZoneSection(e) {
+  scrollToZoneSection(t) {
     if (!this.zonesContainer)
       return;
-    const t = this.zonesContainer.querySelector(`[data-zone-section="${e}"]`);
-    t && t.scrollIntoView({ behavior: "smooth", block: "start" });
+    const e = this.zonesContainer.querySelector(`[data-zone-section="${t}"]`);
+    e && e.scrollIntoView({ behavior: "smooth", block: "start" });
   }
   updateZoneButtons() {
-    this.zoneButtons.forEach((e) => {
-      const t = e.dataset.zone, n = this.activeZone === t;
-      e.classList.toggle("is-active", n), e.setAttribute("aria-pressed", String(n));
+    this.zoneButtons.forEach((t) => {
+      const e = t.dataset.zone, n = this.activeZone === e;
+      t.classList.toggle("is-active", n), t.setAttribute("aria-pressed", String(n));
     });
   }
   updateZoneButtonCounts() {
-    this.zoneButtons.forEach((e) => {
-      e.dataset.zone;
-      const t = e.dataset.label || e.textContent || "";
-      e.textContent = t;
+    this.zoneButtons.forEach((t) => {
+      t.dataset.zone;
+      const e = t.dataset.label || t.textContent || "";
+      t.textContent = e;
     });
   }
   updateZoneVisibility() {
     if (!this.zonesContainer)
       return;
-    this.zonesContainer.querySelectorAll("[data-zone-section]").forEach((t) => {
-      t.removeAttribute("hidden");
+    this.zonesContainer.querySelectorAll("[data-zone-section]").forEach((e) => {
+      e.removeAttribute("hidden");
     });
   }
-  findNearestPoint(e, t) {
+  findNearestPoint(t, e) {
     if (!this.points.length)
       return null;
     let n = null, a = 1 / 0;
-    return this.points.forEach((r) => {
-      const c = Number(r.lat), i = Number(r.lng);
+    return this.points.forEach((s) => {
+      const c = Number(s.lat), i = Number(s.lng);
       if (!Number.isFinite(c) || !Number.isFinite(i))
         return;
-      const l = this.haversine(e, t, c, i);
-      l < a && (a = l, n = r);
+      const l = this.haversine(t, e, c, i);
+      l < a && (a = l, n = s);
     }), n;
   }
-  haversine(e, t, n, a) {
-    const r = (p) => p * Math.PI / 180, i = r(n - e), l = r(a - t), d = Math.sin(i / 2) * Math.sin(i / 2) + Math.cos(r(e)) * Math.cos(r(n)) * Math.sin(l / 2) * Math.sin(l / 2);
+  haversine(t, e, n, a) {
+    const s = (g) => g * Math.PI / 180, i = s(n - t), l = s(a - e), d = Math.sin(i / 2) * Math.sin(i / 2) + Math.cos(s(t)) * Math.cos(s(n)) * Math.sin(l / 2) * Math.sin(l / 2);
     return 6371e3 * (2 * Math.atan2(Math.sqrt(d), Math.sqrt(1 - d)));
   }
-  scrollToPointCard(e) {
+  scrollToPointCard(t) {
     if (!this.zonesContainer)
       return;
-    const t = this.zonesContainer.querySelector(`[data-point-id="${e}"]`);
-    t && (t.scrollIntoView({ behavior: "smooth", block: "center" }), this.highlightPointCard(t));
+    const e = this.zonesContainer.querySelector(`[data-point-id="${t}"]`);
+    e && (e.scrollIntoView({ behavior: "smooth", block: "center" }), this.highlightPointCard(e));
   }
-  highlightPointCard(e) {
-    var t;
-    this.highlightTimeout !== null && (clearTimeout(this.highlightTimeout), this.highlightTimeout = null), (t = this.zonesContainer) == null || t.querySelectorAll(".point-card--highlight").forEach((n) => {
+  highlightPointCard(t) {
+    var e;
+    this.highlightTimeout !== null && (clearTimeout(this.highlightTimeout), this.highlightTimeout = null), (e = this.zonesContainer) == null || e.querySelectorAll(".point-card--highlight").forEach((n) => {
       n.classList.remove("point-card--highlight");
-    }), e.classList.add("point-card--highlight"), this.highlightTimeout = window.setTimeout(() => {
-      e.classList.remove("point-card--highlight"), this.highlightTimeout = null;
+    }), t.classList.add("point-card--highlight"), this.highlightTimeout = window.setTimeout(() => {
+      t.classList.remove("point-card--highlight"), this.highlightTimeout = null;
     }, 3500);
   }
-  setComponentState(e) {
+  setComponentState(t) {
     if (!(!this.componentMessageEl || !this.mapLayoutEl))
-      if (e === "ready")
+      if (t === "ready")
         this.componentMessageEl.setAttribute("hidden", ""), this.mapLayoutEl.removeAttribute("hidden");
       else {
-        const t = e === "loading" ? "Cargando puntos..." : "Mapa temporalmente no disponible";
-        this.componentMessageEl.textContent = t, this.componentMessageEl.removeAttribute("hidden"), this.mapLayoutEl.setAttribute("hidden", "");
+        const e = t === "loading" ? "Cargando puntos..." : "Mapa temporalmente no disponible";
+        this.componentMessageEl.textContent = e, this.componentMessageEl.removeAttribute("hidden"), this.mapLayoutEl.setAttribute("hidden", "");
       }
   }
-  centerMapOnPoint(e, t, n = 14) {
-    if (!window.google || !this.map || !Number.isFinite(e) || !Number.isFinite(t))
+  centerMapOnPoint(t, e, n = 14) {
+    if (!window.google || !this.map || !Number.isFinite(t) || !Number.isFinite(e))
       return;
-    const r = typeof this.map.getZoom == "function" ? this.map.getZoom() : null, c = !r || r < n;
-    this.animateMapPan(e, t, () => {
+    const s = typeof this.map.getZoom == "function" ? this.map.getZoom() : null, c = !s || s < n;
+    this.animateMapPan(t, e, () => {
       c && this.map.setZoom(n);
     });
   }
-  async focusPointWithZoom(e, t) {
-    !window.google || !this.map || !Number.isFinite(e) || !Number.isFinite(t) || (await this.animateZoomTo(8, 800), await this.wait(500), await new Promise((a) => {
-      this.animateMapPan(e, t, a);
+  async focusPointWithZoom(t, e) {
+    !window.google || !this.map || !Number.isFinite(t) || !Number.isFinite(e) || (await this.animateZoomTo(8, 800), await this.wait(500), await new Promise((a) => {
+      this.animateMapPan(t, e, a);
     }), await this.wait(500), await this.animateZoomTo(18, 800));
   }
-  wait(e) {
-    return new Promise((t) => {
-      window.setTimeout(t, e);
+  wait(t) {
+    return new Promise((e) => {
+      window.setTimeout(e, t);
     });
   }
-  async animateZoomTo(e, t = 600) {
+  async animateZoomTo(t, e = 600) {
     if (!window.google || !this.map || typeof this.map.getZoom != "function" || typeof this.map.setZoom != "function")
       return;
     const a = this.map.getZoom();
     if (!Number.isFinite(a)) {
-      this.map.setZoom(e);
+      this.map.setZoom(t);
       return;
     }
-    const r = e - a;
-    if (Math.abs(r) < 0.01) {
-      this.map.setZoom(e);
+    const s = t - a;
+    if (Math.abs(s) < 0.01) {
+      this.map.setZoom(t);
       return;
     }
     await new Promise((c) => {
       const i = performance.now(), l = (h) => 1 - Math.pow(1 - h, 3), d = (h) => {
-        const p = h - i, u = Math.min(p / t, 1), y = l(u), o = a + r * y;
-        this.map.setZoom(Math.round(o * 100) / 100), u < 1 ? requestAnimationFrame(d) : (this.map.setZoom(e), c());
+        const g = h - i, m = Math.min(g / e, 1), y = l(m), o = a + s * y;
+        this.map.setZoom(Math.round(o * 100) / 100), m < 1 ? requestAnimationFrame(d) : (this.map.setZoom(t), c());
       };
       requestAnimationFrame(d);
     });
   }
-  animateMapPan(e, t, n) {
+  animateMapPan(t, e, n) {
     if (!window.google || !this.map)
       return;
     this.panAnimationFrame !== null && (cancelAnimationFrame(this.panAnimationFrame), this.panAnimationFrame = null);
-    const r = this.map.getCenter();
-    if (!r) {
-      this.map.setCenter({ lat: e, lng: t }), n == null || n();
+    const s = this.map.getCenter();
+    if (!s) {
+      this.map.setCenter({ lat: t, lng: e }), n == null || n();
       return;
     }
-    const c = r.lat(), i = r.lng(), l = e - c, d = t - i, h = 600, p = performance.now(), u = (o) => 1 - Math.pow(1 - o, 3), y = (o) => {
-      const g = o - p, f = Math.min(g / h, 1), _ = u(f), x = c + l * _, w = i + d * _;
-      this.map.setCenter({ lat: x, lng: w }), f < 1 ? this.panAnimationFrame = requestAnimationFrame(y) : (this.panAnimationFrame = null, n == null || n());
+    const c = s.lat(), i = s.lng(), l = t - c, d = e - i, h = 600, g = performance.now(), m = (o) => 1 - Math.pow(1 - o, 3), y = (o) => {
+      const f = o - g, b = Math.min(f / h, 1), x = m(b), C = c + l * x, P = i + d * x;
+      this.map.setCenter({ lat: C, lng: P }), b < 1 ? this.panAnimationFrame = requestAnimationFrame(y) : (this.panAnimationFrame = null, n == null || n());
     };
     this.panAnimationFrame = requestAnimationFrame(y);
   }
   static ensureFontAwesome() {
-    if (m.fontAwesomeAttached)
+    if (u.fontAwesomeAttached)
       return;
-    if (document.querySelector(`link[href="${L}"]`)) {
-      m.fontAwesomeAttached = !0;
+    if (document.querySelector(`link[href="${S}"]`)) {
+      u.fontAwesomeAttached = !0;
       return;
     }
-    const t = document.createElement("link");
-    t.rel = "stylesheet", t.href = L, t.crossOrigin = "anonymous", t.referrerPolicy = "no-referrer", t.addEventListener("load", () => {
-      m.fontAwesomeAttached = !0;
-    }), document.head.appendChild(t);
+    const e = document.createElement("link");
+    e.rel = "stylesheet", e.href = S, e.crossOrigin = "anonymous", e.referrerPolicy = "no-referrer", e.addEventListener("load", () => {
+      u.fontAwesomeAttached = !0;
+    }), document.head.appendChild(e);
   }
-  createIconElement(e) {
-    const t = document.createElement("i");
-    return t.className = e, t.setAttribute("aria-hidden", "true"), t;
+  createIconElement(t) {
+    const e = document.createElement("i");
+    return e.className = t, e.setAttribute("aria-hidden", "true"), e;
   }
-  getWhatsappLink(e) {
-    const t = e.replace(/\D+/g, "");
-    return t ? `https://wa.me/${t}` : null;
+  getWhatsappLink(t) {
+    const e = t.replace(/\D+/g, "");
+    return e ? `https://wa.me/${e}` : null;
   }
 };
-s(m, "tag", "rs-map"), s(m, "googleMapsLoaderPromise", null), s(m, "pointsCacheDbPromise", null), s(m, "fontAwesomeAttached", !1);
-let v = m;
+r(u, "tag", "rs-map"), r(u, "googleMapsLoaderPromise", null), r(u, "pointsCacheDbPromise", null), r(u, "fontAwesomeAttached", !1);
+let v = u;
 U(v.tag, v);
 export {
   v as RsMap,