@rsltda/components

Web Components construidos con Vite + TypeScript. El paquete expone principalmente <rs-map>, componente orientado a mostrar en Google Maps las sucursales y distribuidores de Roland Spaarwater Ltda. en Chile, con puntos filtrables, panel lateral y cache local.

Alcance de uso

Este paquete se publica de forma abierta para fines de integracion tecnica, evaluacion y desarrollo. Sin embargo, el uso en produccion de marcas, nombres comerciales, endpoints, datos, logos, iconografia y otros activos asociados a Roland Spaarwater Ltda. debe realizarse unicamente con autorizacion expresa del titular correspondiente.

La publicacion de este paquete no concede por si misma derechos sobre marcas, identidad visual, contenidos ni datos comerciales de la empresa.

Instalacion

npm install @rsltda/components

Uso rapido

Importar el componente

import "@rsltda/components/rs-components.es.js";

Usarlo en HTML

<rs-map
  marca="ktm"
  tipo="1"
  height="600px"
  google-maps-key="TU_KEY"
  cache-days="30"
></rs-map>

Via jsDelivr

<script type="module" src="https://cdn.jsdelivr.net/npm/@rsltda/components/rs-components.es.js"></script>

Configuracion de <rs-map>

| Atributo | Descripcion | | --- | --- | | marca | Marca usada para filtrar puntos y resolver color/icono. | | tipo | 0/1 o sucursal/distribuidor. | | height | Altura CSS del componente. Por defecto 520px. | | google-maps-key | API key de Google Maps. | | points-api-url | Endpoint base de puntos. El componente usa un valor por defecto interno cuando no se especifica uno. | | cache-days | Dias de vigencia del cache local. Por defecto 30. | | marker-icon-base | URL base para iconos por marca. El componente usa un valor por defecto interno cuando no se especifica uno. | | marker-icon-default | Icono de respaldo si no se quiere usar icono por marca. |

Defaults importantes

• points-api-url: valor interno por defecto
• marker-icon-base: valor interno por defecto
• cache-days: 30

Cache y primera carga

rs-map primero intenta leer puntos desde IndexedDB y usa localStorage como respaldo.

Si aun no existe cache local, el componente puede mostrar una primera carga optimizada mientras actualiza los datos y persiste el resultado en cache para las siguientes visitas.

Tipos y tooling

El paquete incluye:

• dist/index.d.ts
• custom-elements.json

Eso ayuda con autocompletado en tooling compatible y tipado de <rs-map>.