@sjvair/monitor-map 3.0.3 → 3.0.5

package/dist/lib/ev-stations/components/EvStationClusterTooltip.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { EvStationClusterMapFeature } from "../types";
+
+	interface Props {
+		feature: EvStationClusterMapFeature;
+	}
+
+	const { feature }: Props = $props();
+
+	const levelLabel = $derived(feature.source.includes("lvl2") ? "Level 2" : "Level 3");
+</script>
+
+<div class="flex flex-col gap-1 p-1">
+	<p class="font-semibold">{levelLabel} Chargers</p>
+	<p class="text-sm">{feature.properties.point_count} stations</p>
+</div>

package/dist/lib/ev-stations/components/EvStationClusterTooltip.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { EvStationClusterMapFeature } from "../types";
+interface Props {
+    feature: EvStationClusterMapFeature;
+}
+declare const EvStationClusterTooltip: import("svelte").Component<Props, {}, "">;
+type EvStationClusterTooltip = ReturnType<typeof EvStationClusterTooltip>;
+export default EvStationClusterTooltip;

package/dist/lib/ev-stations/components/EvStationTooltip.svelte

@@ -0,0 +1,127 @@
+<script lang="ts">
+	import CreditCard from "@lucide/svelte/icons/credit-card";
+	import Zap from "@lucide/svelte/icons/zap";
+	import type { EvStationMapFeature } from "../types";
+
+	interface Props {
+		feature: EvStationMapFeature;
+	}
+
+	const { feature }: Props = $props();
+
+	const computed = $derived.by(() => {
+		const p = feature.properties;
+
+		const connectors: string[] = JSON.parse(p.ev_connector_types || "[]");
+
+		const cards: string[] = p.cards_accepted
+			? p.cards_accepted.split(",").map((c) => c.trim())
+			: [];
+
+		const hours: string[] = (() => {
+			if (!p.access_days_time) return [];
+			const delimiter = p.access_days_time.includes("|") ? "|" : ";";
+			return p.access_days_time.split(delimiter).map((line) => {
+				const trimmed = line.trim();
+				return trimmed.charAt(0).toUpperCase() + trimmed.slice(1);
+			});
+		})();
+
+		const pricingLines: string[] = (() => {
+			if (!p.ev_pricing) return [];
+			return p.ev_pricing.split(";").flatMap((segment) =>
+				segment
+					.split("and")
+					.map((part) => part.trim())
+					.filter(Boolean)
+			);
+		})();
+
+		const mapsUrl: string = (() => {
+			if (!p.street_address || !p.city || !p.state || !p.zip) return "";
+			return `https://maps.google.com/?q=${p.street_address}+${p.city},+${p.state}+${p.zip}`;
+		})();
+
+		return { p, connectors, cards, hours, pricingLines, mapsUrl };
+	});
+</script>
+
+<div class="flex max-w-xs flex-col gap-2 p-1">
+	<p class="text-center text-lg font-bold">{computed.p.station_name}</p>
+
+	{#if computed.p.facility_type || computed.p.ev_network}
+		<div class="flex flex-wrap justify-center gap-2">
+			{#if computed.p.facility_type}
+				<span class="rounded bg-blue-500 px-2 py-0.5 text-xs text-white"
+					>{computed.p.facility_type}</span
+				>
+			{/if}
+			{#if computed.p.ev_network}
+				<span class="rounded bg-blue-500 px-2 py-0.5 text-xs text-white"
+					>{computed.p.ev_network}</span
+				>
+			{/if}
+		</div>
+	{/if}
+
+	<div class="flex gap-4">
+		<div class="flex flex-col gap-1">
+			{#if computed.p.station_phone}
+				<a href="tel:+1{computed.p.station_phone}" class="text-sm underline"
+					>{computed.p.station_phone}</a
+				>
+			{/if}
+			{#if computed.mapsUrl}
+				<a href={computed.mapsUrl} target="_blank" class="text-sm leading-tight underline">
+					{computed.p.street_address}<br />{computed.p.city}, {computed.p.state}
+					{computed.p.zip}
+				</a>
+			{/if}
+		</div>
+		{#if computed.hours.length}
+			<div class="flex flex-col text-sm">
+				{#each computed.hours as line, i (i)}
+					<p>{line}</p>
+				{/each}
+			</div>
+		{/if}
+	</div>
+
+	{#if computed.p.access_detail_code}
+		<span class="w-fit rounded bg-red-500 px-2 py-0.5 text-xs text-white">
+			{computed.p.access_detail_code}
+		</span>
+	{/if}
+
+	{#if computed.cards.length}
+		<div class="flex flex-wrap gap-1">
+			{#each computed.cards as card, i (i)}
+				<span class="flex items-center gap-1 rounded border px-1.5 py-0.5 text-xs">
+					<CreditCard class="size-3.5" />
+					{card}
+				</span>
+			{/each}
+		</div>
+	{/if}
+
+	{#if computed.connectors.length}
+		<div class="flex flex-wrap gap-1">
+			{#each computed.connectors as connector, i (i)}
+				<span
+					class="flex items-center gap-1 rounded bg-green-600 px-1.5 py-0.5 text-xs font-semibold text-white"
+				>
+					<Zap class="size-3.5" />
+					{connector}
+				</span>
+			{/each}
+		</div>
+	{/if}
+
+	{#if computed.pricingLines.length}
+		<div class="text-sm">
+			{#each computed.pricingLines as line, i (i)}
+				<p>{line}</p>
+			{/each}
+		</div>
+	{/if}
+</div>

package/dist/lib/ev-stations/components/EvStationTooltip.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { EvStationMapFeature } from "../types";
+interface Props {
+    feature: EvStationMapFeature;
+}
+declare const EvStationTooltip: import("svelte").Component<Props, {}, "">;
+type EvStationTooltip = ReturnType<typeof EvStationTooltip>;
+export default EvStationTooltip;

package/dist/lib/ev-stations/components/EvStationsDisplayOptions.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import DisplayOption from "../../components/DisplayOption.svelte";
+	import ToggleSwitch from "../../components/ToggleSwitch.svelte";
+	import { evStationsMapIntegration } from "../ev-stations-map-integration.svelte";
+
+	const { displayOptions } = evStationsMapIntegration;
+</script>
+
+<DisplayOption>
+	<p class="whitespace-nowrap text-lg font-bold underline">EV Stations</p>
+	<div class="mb-2 w-full text-xs">
+		<div class="w-fit">
+			<ToggleSwitch
+				id="ev-clusters"
+				label="Marker Clusters"
+				bind:value={evStationsMapIntegration.clustered}
+			/>
+		</div>
+	</div>
+	<label for="ev-lvl2" class="flex gap-1 cursor-pointer select-none whitespace-nowrap">
+		<input
+			type="checkbox"
+			id="ev-lvl2"
+			bind:checked={evStationsMapIntegration.displayOptions.lvl2.value}
+		/>
+		<img
+			class="w-5"
+			src={displayOptions.lvl2.icon!.image.src}
+			alt={displayOptions.lvl2.icon!.image.alt}
+		/>
+		Level 2
+	</label>
+	<label for="ev-lvl3" class="flex gap-1 cursor-pointer select-none whitespace-nowrap">
+		<input
+			type="checkbox"
+			id="ev-lvl3"
+			bind:checked={evStationsMapIntegration.displayOptions.lvl3.value}
+		/>
+		<img
+			class="w-5"
+			src={displayOptions.lvl3.icon!.image.src}
+			alt={displayOptions.lvl3.icon!.image.alt}
+		/>
+		Level 3
+	</label>
+</DisplayOption>

package/dist/lib/ev-stations/components/EvStationsDisplayOptions.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const EvStationsDisplayOptions: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type EvStationsDisplayOptions = InstanceType<typeof EvStationsDisplayOptions>;
+export default EvStationsDisplayOptions;

package/dist/lib/ev-stations/data-maps.d.ts

@@ -0,0 +1,5 @@
+export declare const accessDetailCodeTypes: Map<any, any>;
+export declare const creditCardTypes: Map<any, any>;
+export declare const evConnectorTypes: Map<any, any>;
+export declare const evNetworkTypes: Map<any, any>;
+export declare const facilityTypes: Map<any, any>;

package/dist/lib/ev-stations/data-maps.js

@@ -1,4 +1,152 @@
-//#region src/lib/ev-stations/data-maps.ts
-var e = (/* @__PURE__ */ new Map()).set("CALL", "Call ahead").set("KEY_AFTER_HOURS", "Card key after hours").set("KEY_ALWAYS", "Card key at all times").set("CREDIT_CARD_AFTER_HOURS", "Credit card after hours").set("CREDIT_CARD_ALWAYS", "Credit card at all times").set("FLEET", "Fleet customers only").set("GOVERNMENT", "Government only").set("LIMITED_HOURS", "Limited hours").set("RESIDENTIAL", "Residential"), t = (/* @__PURE__ */ new Map()).set("all", "All").set("A", "American Express").set("CREDIT", "Credit").set("Debit", "Debit").set("D", "Discover").set("M", "MasterCard").set("V", "Visa").set("Cash", "Cash").set("Checks", "Check").set("ACCOUNT_BALANCE", "Account Balance").set("ALLIANCE", "Alliance AutoGas").set("ANDROID_PAY", "Android Pay").set("APPLE_PAY", "Apple Pay").set("ARI", "ARI").set("CleanEnergy", "Clean Energy").set("Comdata", "Comdata").set("CFN", "Commercial Fueling Network").set("EFS", "EFS").set("FleetOne", "Fleet One").set("FuelMan", "Fuelman").set("GasCard", "GASCARD").set("PacificPride", "Pacific Pride").set("PHH", "PHH").set("Proprietor", "Proprietor Fleet Card").set("Speedway", "Speedway").set("SuperPass", "SuperPass").set("TCH", "TCH").set("Tchek", "T-Chek T-Card").set("Trillium", "Trillium").set("Voyager", "Voyager").set("Wright_Exp", "WEX"), n = (/* @__PURE__ */ new Map()).set("NEMA1450", "NEMA 14-50").set("NEMA515", "NEMA 5-15").set("NEMA520", "NEMA 5-20").set("J1772", "J1772").set("J1772COMBO", "CCS").set("CHADEMO", "CHAdeMO").set("TESLA", "Tesla"), r = (/* @__PURE__ */ new Map()).set("AddÉnergie Technologies", "AddÉnergie").set("AMPUP", "AmpUp").set("BCHYDRO", "BC Hydro").set("Blink Network", "Blink").set("CHARGELAB", "ChargeLab").set("ChargePoint Network", "ChargePoint").set("Circuit électrique", "Circuit électrique").set("eCharge Network", "eCharge Network").set("Electrify America", "Electrify America").set("Electrify Canada", "Electrify Canada").set("EVCS", "EV Charging Solutions").set("EV Connect", "EV Connect").set("EVGATEWAY", "evGateway").set("eVgo Network", "EVgo").set("EVRANGE", "EV Range").set("FLO", "FLO").set("FPLEV", "FPL EVolution").set("FCN", "Francis").set("IVY", "Ivy").set("LIVINGSTON", "Livingston Energy Group").set("Non-Networked", "Non-Networked").set("OpConnect", "OpConnect").set("PETROCAN", "Petro-Canada").set("POWERFLEX", "PowerFlex").set("RIVIAN_ADVENTURE", "Rivian Adventure Network").set("RIVIAN_WAYPOINTS", "Rivian Waypoints").set("SemaCharge Network", "SemaConnect").set("SHELL_RECHARGE", "Shell Recharge").set("Sun Country Highway", "Sun Country Highway").set("SWTCH", "Swtch Energy").set("Tesla Destination", "Tesla Destination").set("Tesla", "Tesla Supercharger").set("UNIVERSAL", "Universal EV Chargers").set("Volta", "Volta").set("Webasto", "Webasto").set("ZEFNET", "ZEF Network"), i = (/* @__PURE__ */ new Map()).set("AIRPORT", "Airport").set("ARENA", "Arena").set("AUTO_REPAIR", "Auto Repair Shop").set("BANK", "Bank").set("B_AND_B", "B&B").set("BREWERY_DISTILLERY_WINERY", "Brewery/Distillery/Winery").set("CAMPGROUND", "Campground").set("CAR_DEALER", "Car Dealer").set("CARWASH", "Carwash").set("COLLEGE_CAMPUS", "College Campus").set("CONVENIENCE_STORE", "Convenience Store").set("CONVENTION_CENTER", "Convention Center").set("COOP", "Co-Op").set("FACTORY", "Factory").set("FED_GOV", "Federal Government").set("FIRE_STATION", "Fire Station").set("FLEET_GARAGE", "Fleet Garage").set("FUEL_RESELLER", "Fuel Reseller").set("GROCERY", "Grocery Store").set("HARDWARE_STORE", "Hardware Store").set("HOSPITAL", "Hospital").set("HOTEL", "Hotel").set("INN", "Inn").set("LIBRARY", "Library").set("MIL_BASE", "Military Base").set("MOTOR_POOL", "Motor Pool").set("MULTI_UNIT_DWELLING", "Multi-Family Housing").set("MUNI_GOV", "Municipal Government").set("MUSEUM", "Museum").set("NATL_PARK", "National Park").set("OFFICE_BLDG", "Office Building").set("OTHER", "Other").set("OTHER_ENTERTAINMENT", "Other Entertainment").set("PARK", "Park").set("PARKING_GARAGE", "Parking Garage").set("PARKING_LOT", "Parking Lot").set("PAY_GARAGE", "Pay-Parking Garage").set("PAY_LOT", "Pay-Parking Lot").set("PHARMACY", "Pharmacy").set("PLACE_OF_WORSHIP", "Place of Worship").set("PRISON", "Prison").set("PUBLIC", "Public").set("REC_SPORTS_FACILITY", "Recreational Sports Facility").set("REFINERY", "Refinery").set("RENTAL_CAR_RETURN", "Rental Car Return").set("RESEARCH_FACILITY", "Research Facility/Laboratory").set("RESTAURANT", "Restaurant").set("REST_STOP", "Rest Stop").set("RETAIL", "Retail").set("RV_PARK", "RV Park").set("SCHOOL", "School").set("GAS_STATION", "Service/Gas Station").set("SHOPPING_CENTER", "Shopping Center").set("SHOPPING_MALL", "Shopping Mall").set("STADIUM", "Stadium").set("STANDALONE_STATION", "Standalone Station").set("STATE_GOV", "State/Provincial Government").set("STORAGE", "Storage Facility").set("STREET_PARKING", "Street Parking").set("TNC", "Transportation Network Company").set("TRAVEL_CENTER", "Travel Center").set("TRUCK_STOP", "Truck Stop").set("UTILITY", "Utility").set("WORKPLACE", "Workplace");
-//#endregion
-export { e as accessDetailCodeTypes, t as creditCardTypes, n as evConnectorTypes, r as evNetworkTypes, i as facilityTypes };
+export const accessDetailCodeTypes = new Map()
+    .set("CALL", "Call ahead")
+    .set("KEY_AFTER_HOURS", "Card key after hours")
+    .set("KEY_ALWAYS", "Card key at all times")
+    .set("CREDIT_CARD_AFTER_HOURS", "Credit card after hours")
+    .set("CREDIT_CARD_ALWAYS", "Credit card at all times")
+    .set("FLEET", "Fleet customers only")
+    .set("GOVERNMENT", "Government only")
+    .set("LIMITED_HOURS", "Limited hours")
+    .set("RESIDENTIAL", "Residential");
+export const creditCardTypes = new Map()
+    .set("all", "All")
+    .set("A", "American Express")
+    .set("CREDIT", "Credit")
+    .set("Debit", "Debit")
+    .set("D", "Discover")
+    .set("M", "MasterCard")
+    .set("V", "Visa")
+    .set("Cash", "Cash")
+    .set("Checks", "Check")
+    .set("ACCOUNT_BALANCE", "Account Balance")
+    .set("ALLIANCE", "Alliance AutoGas")
+    .set("ANDROID_PAY", "Android Pay")
+    .set("APPLE_PAY", "Apple Pay")
+    .set("ARI", "ARI")
+    .set("CleanEnergy", "Clean Energy")
+    .set("Comdata", "Comdata")
+    .set("CFN", "Commercial Fueling Network")
+    .set("EFS", "EFS")
+    .set("FleetOne", "Fleet One")
+    .set("FuelMan", "Fuelman")
+    .set("GasCard", "GASCARD")
+    .set("PacificPride", "Pacific Pride")
+    .set("PHH", "PHH")
+    .set("Proprietor", "Proprietor Fleet Card")
+    .set("Speedway", "Speedway")
+    .set("SuperPass", "SuperPass")
+    .set("TCH", "TCH")
+    .set("Tchek", "T-Chek T-Card")
+    .set("Trillium", "Trillium")
+    .set("Voyager", "Voyager")
+    .set("Wright_Exp", "WEX");
+export const evConnectorTypes = new Map()
+    .set("NEMA1450", "NEMA 14-50")
+    .set("NEMA515", "NEMA 5-15")
+    .set("NEMA520", "NEMA 5-20")
+    .set("J1772", "J1772")
+    .set("J1772COMBO", "CCS")
+    .set("CHADEMO", "CHAdeMO")
+    .set("TESLA", "Tesla");
+export const evNetworkTypes = new Map()
+    .set("AddÉnergie Technologies", "AddÉnergie")
+    .set("AMPUP", "AmpUp")
+    .set("BCHYDRO", "BC Hydro")
+    .set("Blink Network", "Blink")
+    .set("CHARGELAB", "ChargeLab")
+    .set("ChargePoint Network", "ChargePoint")
+    .set("Circuit électrique", "Circuit électrique")
+    .set("eCharge Network", "eCharge Network")
+    .set("Electrify America", "Electrify America")
+    .set("Electrify Canada", "Electrify Canada")
+    .set("EVCS", "EV Charging Solutions")
+    .set("EV Connect", "EV Connect")
+    .set("EVGATEWAY", "evGateway")
+    .set("eVgo Network", "EVgo")
+    .set("EVRANGE", "EV Range")
+    .set("FLO", "FLO")
+    .set("FPLEV", "FPL EVolution")
+    .set("FCN", "Francis")
+    .set("IVY", "Ivy")
+    .set("LIVINGSTON", "Livingston Energy Group")
+    .set("Non-Networked", "Non-Networked")
+    .set("OpConnect", "OpConnect")
+    .set("PETROCAN", "Petro-Canada")
+    .set("POWERFLEX", "PowerFlex")
+    .set("RIVIAN_ADVENTURE", "Rivian Adventure Network")
+    .set("RIVIAN_WAYPOINTS", "Rivian Waypoints")
+    .set("SemaCharge Network", "SemaConnect")
+    .set("SHELL_RECHARGE", "Shell Recharge")
+    .set("Sun Country Highway", "Sun Country Highway")
+    .set("SWTCH", "Swtch Energy")
+    .set("Tesla Destination", "Tesla Destination")
+    .set("Tesla", "Tesla Supercharger")
+    .set("UNIVERSAL", "Universal EV Chargers")
+    .set("Volta", "Volta")
+    .set("Webasto", "Webasto")
+    .set("ZEFNET", "ZEF Network");
+export const facilityTypes = new Map()
+    .set("AIRPORT", "Airport")
+    .set("ARENA", "Arena")
+    .set("AUTO_REPAIR", "Auto Repair Shop")
+    .set("BANK", "Bank")
+    .set("B_AND_B", "B&B")
+    .set("BREWERY_DISTILLERY_WINERY", "Brewery/Distillery/Winery")
+    .set("CAMPGROUND", "Campground")
+    .set("CAR_DEALER", "Car Dealer")
+    .set("CARWASH", "Carwash")
+    .set("COLLEGE_CAMPUS", "College Campus")
+    .set("CONVENIENCE_STORE", "Convenience Store")
+    .set("CONVENTION_CENTER", "Convention Center")
+    .set("COOP", "Co-Op")
+    .set("FACTORY", "Factory")
+    .set("FED_GOV", "Federal Government")
+    .set("FIRE_STATION", "Fire Station")
+    .set("FLEET_GARAGE", "Fleet Garage")
+    .set("FUEL_RESELLER", "Fuel Reseller")
+    .set("GROCERY", "Grocery Store")
+    .set("HARDWARE_STORE", "Hardware Store")
+    .set("HOSPITAL", "Hospital")
+    .set("HOTEL", "Hotel")
+    .set("INN", "Inn")
+    .set("LIBRARY", "Library")
+    .set("MIL_BASE", "Military Base")
+    .set("MOTOR_POOL", "Motor Pool")
+    .set("MULTI_UNIT_DWELLING", "Multi-Family Housing")
+    .set("MUNI_GOV", "Municipal Government")
+    .set("MUSEUM", "Museum")
+    .set("NATL_PARK", "National Park")
+    .set("OFFICE_BLDG", "Office Building")
+    .set("OTHER", "Other")
+    .set("OTHER_ENTERTAINMENT", "Other Entertainment")
+    .set("PARK", "Park")
+    .set("PARKING_GARAGE", "Parking Garage")
+    .set("PARKING_LOT", "Parking Lot")
+    .set("PAY_GARAGE", "Pay-Parking Garage")
+    .set("PAY_LOT", "Pay-Parking Lot")
+    .set("PHARMACY", "Pharmacy")
+    .set("PLACE_OF_WORSHIP", "Place of Worship")
+    .set("PRISON", "Prison")
+    .set("PUBLIC", "Public")
+    .set("REC_SPORTS_FACILITY", "Recreational Sports Facility")
+    .set("REFINERY", "Refinery")
+    .set("RENTAL_CAR_RETURN", "Rental Car Return")
+    .set("RESEARCH_FACILITY", "Research Facility/Laboratory")
+    .set("RESTAURANT", "Restaurant")
+    .set("REST_STOP", "Rest Stop")
+    .set("RETAIL", "Retail")
+    .set("RV_PARK", "RV Park")
+    .set("SCHOOL", "School")
+    .set("GAS_STATION", "Service/Gas Station")
+    .set("SHOPPING_CENTER", "Shopping Center")
+    .set("SHOPPING_MALL", "Shopping Mall")
+    .set("STADIUM", "Stadium")
+    .set("STANDALONE_STATION", "Standalone Station")
+    .set("STATE_GOV", "State/Provincial Government")
+    .set("STORAGE", "Storage Facility")
+    .set("STREET_PARKING", "Street Parking")
+    .set("TNC", "Transportation Network Company")
+    .set("TRAVEL_CENTER", "Travel Center")
+    .set("TRUCK_STOP", "Truck Stop")
+    .set("UTILITY", "Utility")
+    .set("WORKPLACE", "Workplace");

package/dist/lib/ev-stations/ev-station-icons.d.ts

@@ -0,0 +1,16 @@
+import { MapIconManager } from "../map/integrations/map-icon-manager.ts";
+export declare const EV_STATION_LEVELS: {
+    readonly lvl2: {
+        readonly bg: "rgb(62, 142, 208)";
+        readonly border: "rgb(42, 114, 174)";
+    };
+    readonly lvl3: {
+        readonly bg: "rgb(53, 73, 182)";
+        readonly border: "rgb(42, 58, 146)";
+    };
+};
+export type EvStationLevel = keyof typeof EV_STATION_LEVELS;
+export declare function evStationIcon(bg: string, border: string): string;
+export declare class EvStationIconManager extends MapIconManager {
+    constructor();
+}

package/dist/lib/ev-stations/ev-station-icons.js

@@ -1,32 +1,26 @@
-import { asDataURI as e } from "../map/icons.js";
-import { MapIconManager as t } from "../map/integrations/map-icon-manager.js";
-//#region src/lib/ev-stations/ev-station-icons.ts
-var n = "m340-200 100-160h-60v-120L280-320h60v120ZM240-560h240v-200H240v200Zm0 360h240v-280H240v280Zm-80 80v-640q0-33 23.5-56.5T240-840h240q33 0 56.5 23.5T560-760v280h50q29 0 49.5 20.5T680-410v185q0 17 14 31t31 14q18 0 31.5-14t13.5-31v-375h-10q-17 0-28.5-11.5T720-640v-80h20v-60h40v60h40v-60h40v60h20v80q0 17-11.5 28.5T840-600h-10v375q0 42-30.5 73.5T725-120q-43 0-74-31.5T620-225v-185q0-5-2.5-7.5T610-420h-50v300H160Zm320-80H240h240Z", r = {
-	lvl2: {
-		bg: "rgb(62, 142, 208)",
-		border: "rgb(42, 114, 174)"
-	},
-	lvl3: {
-		bg: "rgb(53, 73, 182)",
-		border: "rgb(42, 58, 146)"
-	}
+import { MapIconManager } from "../map/integrations/map-icon-manager.ts";
+import { asDataURI } from "../map/icons.ts";
+const EV_STATION_PATH = "m340-200 100-160h-60v-120L280-320h60v120ZM240-560h240v-200H240v200Zm0 360h240v-280H240v280Zm-80 80v-640q0-33 23.5-56.5T240-840h240q33 0 56.5 23.5T560-760v280h50q29 0 49.5 20.5T680-410v185q0 17 14 31t31 14q18 0 31.5-14t13.5-31v-375h-10q-17 0-28.5-11.5T720-640v-80h20v-60h40v60h40v-60h40v60h20v80q0 17-11.5 28.5T840-600h-10v375q0 42-30.5 73.5T725-120q-43 0-74-31.5T620-225v-185q0-5-2.5-7.5T610-420h-50v300H160Zm320-80H240h240Z";
+export const EV_STATION_LEVELS = {
+    lvl2: { bg: "rgb(62, 142, 208)", border: "rgb(42, 114, 174)" },
+    lvl3: { bg: "rgb(53, 73, 182)", border: "rgb(42, 58, 146)" }
 };
-function i(e, t) {
-	return `<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="16" cy="16" r="14" fill="${e}" stroke="${t}" stroke-width="2"/>
+export function evStationIcon(bg, border) {
+    return `<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="16" cy="16" r="14" fill="${bg}" stroke="${border}" stroke-width="2"/>
   <svg x="6" y="6" width="20" height="20" viewBox="0 -960 960 960">
-    <path d="${n}" fill="white"/>
+    <path d="${EV_STATION_PATH}" fill="white"/>
   </svg>
 </svg>`;
 }
-var a = class extends t {
-	constructor() {
-		super();
-		for (let [t, n] of Object.entries(r)) {
-			let r = `ev-station-${t}`, a = new Image(32, 32);
-			a.src = e(i(n.bg, n.border)), this.register(r, a);
-		}
-	}
-};
-//#endregion
-export { r as EV_STATION_LEVELS, a as EvStationIconManager, i as evStationIcon };
+export class EvStationIconManager extends MapIconManager {
+    constructor() {
+        super();
+        for (const [level, colors] of Object.entries(EV_STATION_LEVELS)) {
+            const id = `ev-station-${level}`;
+            const icon = new Image(32, 32);
+            icon.src = asDataURI(evStationIcon(colors.bg, colors.border));
+            this.register(id, icon);
+        }
+    }
+}

package/dist/lib/ev-stations/ev-stations-cluster-renderer.d.ts

@@ -0,0 +1,19 @@
+import { type ClickHandler } from "../map/integrations/click-manager.ts";
+import { TooltipManager } from "../map/integrations/tooltip.svelte.ts";
+import type { EvStationMapFeature } from "./types.ts";
+export interface EvStationsClusterContext {
+    referenceId: string;
+    featuresByLevel: Record<string, EvStationMapFeature[]>;
+    beforeLayer?: string;
+    tooltipManager: TooltipManager;
+}
+export declare class EvStationsClusterRenderer {
+    private ctx;
+    private _levels;
+    constructor(ctx: EvStationsClusterContext);
+    apply(stationClickHandler: ClickHandler): void;
+    remove(): void;
+    get unclusteredLayerIds(): string[];
+    syncFeatures(): void;
+    private makeClusterClickHandler;
+}