@mcp-b/geo-leaflet 0.2.0

package/dist/components/marker/marker.d.ts

@@ -0,0 +1,53 @@
+import * as L from "leaflet";
+import { LitElement } from "lit";
+
+//#region src/components/marker/marker.d.ts
+/**
+ * A marker on a Leaflet map. Must be a child of `<sigvelo-leaflet-map>`.
+ * Nest a `<sigvelo-leaflet-popup>` inside for popup content.
+ *
+ * @tag sigvelo-leaflet-marker
+ */
+declare class SigveloLeafletMarker extends LitElement {
+  /** @internal */
+  static styles: import("lit").CSSResult[];
+  /** Marker latitude. */
+  latitude: number;
+  /** Marker longitude. */
+  longitude: number;
+  /** Title attribute for the marker (shows on hover). */
+  title: string;
+  /** Whether the marker is draggable. */
+  draggable: boolean;
+  /** Opacity of the marker (0-1). */
+  opacity: number;
+  /** Custom icon URL. If not set, the default Leaflet icon is used. */
+  iconUrl: string;
+  /** Icon width in pixels (used with icon-url). */
+  iconWidth: number;
+  /** Icon height in pixels (used with icon-url). */
+  iconHeight: number;
+  /** @internal */
+  private _marker;
+  /** @internal */
+  private _mapEl;
+  /** Access the underlying Leaflet marker instance. */
+  get marker(): L.Marker | null;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  /** @internal */
+  private _addMarker;
+  /** @internal */
+  private _removeMarker;
+  /** @internal */
+  private _bindChildPopup;
+  protected updated(): void;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-leaflet-marker": SigveloLeafletMarker;
+  }
+}
+//#endregion
+export { SigveloLeafletMarker };

package/dist/components/marker/marker.js

@@ -0,0 +1,2 @@
+import { t as SigveloLeafletMarker } from "../../marker-D4gW4fyF.js";
+export { SigveloLeafletMarker };

package/dist/components/polygon/polygon.d.ts

@@ -0,0 +1,39 @@
+import { LitElement, PropertyValues } from "lit";
+
+//#region src/components/polygon/polygon.d.ts
+/**
+ * A polygon overlay on a Leaflet map. Must be a child of `<sigvelo-leaflet-map>`.
+ *
+ * @tag sigvelo-leaflet-polygon
+ */
+declare class SigveloLeafletPolygon extends LitElement {
+  /** @internal */
+  static styles: import("lit").CSSResult[];
+  /** Array of [lat, lng] coordinate pairs forming the polygon. Set via property. */
+  positions: Array<[number, number]>;
+  /** Fill color (CSS color string). */
+  fillColor: string;
+  /** Fill opacity (0-1). */
+  fillOpacity: number;
+  /** Stroke color (CSS color string). */
+  strokeColor: string;
+  /** Stroke width in pixels. */
+  strokeWidth: number;
+  /** @internal */
+  private _polygon;
+  /** @internal */
+  private _mapEl;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  /** @internal */
+  private _addPolygon;
+  protected updated(changed: PropertyValues): void;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-leaflet-polygon": SigveloLeafletPolygon;
+  }
+}
+//#endregion
+export { SigveloLeafletPolygon };

package/dist/components/polygon/polygon.js

@@ -0,0 +1,2 @@
+import { t as SigveloLeafletPolygon } from "../../polygon-DbFiHm4R.js";
+export { SigveloLeafletPolygon };

package/dist/components/polyline/polyline.d.ts

@@ -0,0 +1,39 @@
+import { LitElement, PropertyValues } from "lit";
+
+//#region src/components/polyline/polyline.d.ts
+/**
+ * A polyline overlay on a Leaflet map. Must be a child of `<sigvelo-leaflet-map>`.
+ *
+ * @tag sigvelo-leaflet-polyline
+ */
+declare class SigveloLeafletPolyline extends LitElement {
+  /** @internal */
+  static styles: import("lit").CSSResult[];
+  /** Array of [lat, lng] coordinate pairs. Set via property. */
+  positions: Array<[number, number]>;
+  /** Line color (CSS color string). */
+  color: string;
+  /** Line width in pixels. */
+  weight: number;
+  /** Opacity (0-1). */
+  opacity: number;
+  /** Dash pattern (e.g. "5 10"). */
+  dashArray: string;
+  /** @internal */
+  private _polyline;
+  /** @internal */
+  private _mapEl;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  /** @internal */
+  private _addPolyline;
+  protected updated(changed: PropertyValues): void;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-leaflet-polyline": SigveloLeafletPolyline;
+  }
+}
+//#endregion
+export { SigveloLeafletPolyline };

package/dist/components/polyline/polyline.js

@@ -0,0 +1,2 @@
+import { t as SigveloLeafletPolyline } from "../../polyline-SAcEwHDC.js";
+export { SigveloLeafletPolyline };

package/dist/components/popup/popup.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from "lit";
+
+//#region src/components/popup/popup.d.ts
+/**
+ * Popup content for a Leaflet marker or map. Nest inside a
+ * `<sigvelo-leaflet-marker>` to attach to a marker, or use standalone
+ * inside `<sigvelo-leaflet-map>` for a map-level popup.
+ *
+ * Content is provided via the default slot (Light DOM) so Sigvelo design
+ * tokens and components render correctly.
+ *
+ * @tag sigvelo-leaflet-popup
+ * @slot - Popup content.
+ */
+declare class SigveloLeafletPopup extends LitElement {
+  /** @internal */
+  static styles: import("lit").CSSResult[];
+  /** Maximum width of the popup in pixels. */
+  maxWidth: number;
+  /** Minimum width of the popup in pixels. */
+  minWidth: number;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-leaflet-popup": SigveloLeafletPopup;
+  }
+}
+//#endregion
+export { SigveloLeafletPopup };

package/dist/components/popup/popup.js

@@ -0,0 +1,2 @@
+import { t as SigveloLeafletPopup } from "../../popup-BDNUUZWQ.js";
+export { SigveloLeafletPopup };

package/dist/components/scale-control/scale-control.d.ts

@@ -0,0 +1,37 @@
+import * as L from "leaflet";
+import { LitElement } from "lit";
+
+//#region src/components/scale-control/scale-control.d.ts
+/**
+ * A scale bar control for a Leaflet map. Must be a child of `<sigvelo-leaflet-map>`.
+ *
+ * @tag sigvelo-leaflet-scale-control
+ */
+declare class SigveloLeafletScaleControl extends LitElement {
+  /** @internal */
+  static styles: import("lit").CSSResult[];
+  /** Position of the control on the map. */
+  position: L.ControlPosition;
+  /** Whether to show the metric scale line. */
+  metric: boolean;
+  /** Whether to show the imperial scale line. */
+  imperial: boolean;
+  /** Maximum width of the control in pixels. */
+  maxWidth: number;
+  /** @internal */
+  private _control;
+  /** @internal */
+  private _mapEl;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  /** @internal */
+  private _addControl;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-leaflet-scale-control": SigveloLeafletScaleControl;
+  }
+}
+//#endregion
+export { SigveloLeafletScaleControl };

package/dist/components/scale-control/scale-control.js

@@ -0,0 +1,2 @@
+import { t as SigveloLeafletScaleControl } from "../../scale-control-BR_iH4gM.js";
+export { SigveloLeafletScaleControl };

package/dist/components/tilelayer/tilelayer.d.ts

@@ -0,0 +1,43 @@
+import { LitElement, PropertyValues } from "lit";
+
+//#region src/components/tilelayer/tilelayer.d.ts
+/**
+ * A tile layer for a Leaflet map. Must be a child of `<sigvelo-leaflet-map>`.
+ *
+ * @tag sigvelo-leaflet-tilelayer
+ */
+declare class SigveloLeafletTilelayer extends LitElement {
+  /** @internal */
+  static styles: import("lit").CSSResult[];
+  /** URL template for tiles (e.g. `https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png`). */
+  url: string;
+  /** Attribution text for this tile layer. */
+  attribution: string;
+  /** Minimum zoom for this layer. */
+  minZoom: number;
+  /** Maximum zoom for this layer. */
+  maxZoom: number;
+  /** Tile subdomains. */
+  subdomains: string;
+  /** Opacity of the tile layer (0-1). */
+  opacity: number;
+  /** @internal */
+  private _layer;
+  /** @internal */
+  private _mapEl;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  /** @internal */
+  private _addLayer;
+  /** @internal */
+  private _removeLayer;
+  protected updated(changed: PropertyValues): void;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-leaflet-tilelayer": SigveloLeafletTilelayer;
+  }
+}
+//#endregion
+export { SigveloLeafletTilelayer };

package/dist/components/tilelayer/tilelayer.js

@@ -0,0 +1,2 @@
+import { t as SigveloLeafletTilelayer } from "../../tilelayer-DI2cPv01.js";
+export { SigveloLeafletTilelayer };

package/dist/control-ysNMOWeF.js

@@ -0,0 +1,67 @@
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { findLeafletMap } from "./components/find-leaflet-map.js";
+import * as L from "leaflet";
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+//#region src/components/control/control.styles.ts
+var control_styles_default = css`
+  :host {
+    display: none;
+  }
+`;
+//#endregion
+//#region src/components/control/control.ts
+let SigveloLeafletControl = class SigveloLeafletControl extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.position = "bottom-left";
+		this._control = null;
+		this._mapEl = null;
+	}
+	static {
+		this.styles = [control_styles_default];
+	}
+	/** @internal Map position names to Leaflet format. */
+	_toLeafletPosition() {
+		return {
+			"top-left": "topleft",
+			"top-right": "topright",
+			"bottom-left": "bottomleft",
+			"bottom-right": "bottomright"
+		}[this.position] ?? "bottomleft";
+	}
+	async connectedCallback() {
+		super.connectedCallback();
+		this._mapEl = findLeafletMap(this);
+		if (this._mapEl) {
+			await this._mapEl.mapReady;
+			this._addControl();
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._control?.remove();
+		this._control = null;
+	}
+	/** @internal */
+	_addControl() {
+		if (!this._mapEl?.map) return;
+		const children = Array.from(this.children);
+		const CustomControl = L.Control.extend({ onAdd: () => {
+			const container = L.DomUtil.create("div", "sigvelo-leaflet-custom-control");
+			for (const child of children) container.appendChild(child);
+			L.DomEvent.disableClickPropagation(container);
+			L.DomEvent.disableScrollPropagation(container);
+			return container;
+		} });
+		this._control = new CustomControl({ position: this._toLeafletPosition() });
+		this._control.addTo(this._mapEl.map);
+	}
+	render() {
+		return html` <slot></slot> `;
+	}
+};
+__decorate([property()], SigveloLeafletControl.prototype, "position", void 0);
+SigveloLeafletControl = __decorate([customElement("sigvelo-leaflet-control")], SigveloLeafletControl);
+//#endregion
+export { SigveloLeafletControl as t };

package/dist/decorate-DcF3lt7P.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.138.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+export { __decorate as t };

package/dist/default-icon-BVVgDSdq.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/default-icon.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/default-icon.js

@@ -0,0 +1,12 @@
+import * as L from "leaflet";
+import iconUrl from "leaflet/dist/images/marker-icon.png";
+import iconRetinaUrl from "leaflet/dist/images/marker-icon-2x.png";
+import shadowUrl from "leaflet/dist/images/marker-shadow.png";
+//#region src/default-icon.ts
+L.Icon.Default.mergeOptions({
+	iconUrl,
+	iconRetinaUrl,
+	shadowUrl
+});
+//#endregion
+export {};