@mcp-b/geo-leaflet 0.2.0

package/dist/popup-BDNUUZWQ.js

@@ -0,0 +1,35 @@
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+//#region src/components/popup/popup.styles.ts
+var popup_styles_default = css`
+  :host {
+    display: none;
+  }
+`;
+//#endregion
+//#region src/components/popup/popup.ts
+let SigveloLeafletPopup = class SigveloLeafletPopup extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.maxWidth = 300;
+		this.minWidth = 50;
+	}
+	static {
+		this.styles = [popup_styles_default];
+	}
+	render() {
+		return html` <slot></slot> `;
+	}
+};
+__decorate([property({
+	attribute: "max-width",
+	type: Number
+})], SigveloLeafletPopup.prototype, "maxWidth", void 0);
+__decorate([property({
+	attribute: "min-width",
+	type: Number
+})], SigveloLeafletPopup.prototype, "minWidth", void 0);
+SigveloLeafletPopup = __decorate([customElement("sigvelo-leaflet-popup")], SigveloLeafletPopup);
+//#endregion
+export { SigveloLeafletPopup as t };

package/dist/scale-control-BR_iH4gM.js

@@ -0,0 +1,63 @@
+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/scale-control/scale-control.styles.ts
+var scale_control_styles_default = css`
+  :host {
+    display: none;
+  }
+`;
+//#endregion
+//#region src/components/scale-control/scale-control.ts
+let SigveloLeafletScaleControl = class SigveloLeafletScaleControl extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.position = "bottomleft";
+		this.metric = true;
+		this.imperial = true;
+		this.maxWidth = 100;
+		this._control = null;
+		this._mapEl = null;
+	}
+	static {
+		this.styles = [scale_control_styles_default];
+	}
+	async connectedCallback() {
+		super.connectedCallback();
+		this._mapEl = findLeafletMap(this);
+		if (this._mapEl) {
+			await this._mapEl.mapReady;
+			this._addControl();
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		if (this._control && this._mapEl?.map) this._control.remove();
+		this._control = null;
+	}
+	/** @internal */
+	_addControl() {
+		if (!this._mapEl?.map) return;
+		this._control = L.control.scale({
+			position: this.position,
+			metric: this.metric,
+			imperial: this.imperial,
+			maxWidth: this.maxWidth
+		}).addTo(this._mapEl.map);
+	}
+	render() {
+		return html``;
+	}
+};
+__decorate([property()], SigveloLeafletScaleControl.prototype, "position", void 0);
+__decorate([property({ type: Boolean })], SigveloLeafletScaleControl.prototype, "metric", void 0);
+__decorate([property({ type: Boolean })], SigveloLeafletScaleControl.prototype, "imperial", void 0);
+__decorate([property({
+	attribute: "max-width",
+	type: Number
+})], SigveloLeafletScaleControl.prototype, "maxWidth", void 0);
+SigveloLeafletScaleControl = __decorate([customElement("sigvelo-leaflet-scale-control")], SigveloLeafletScaleControl);
+//#endregion
+export { SigveloLeafletScaleControl as t };

package/dist/tilelayer-DI2cPv01.js

@@ -0,0 +1,82 @@
+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/tilelayer/tilelayer.styles.ts
+var tilelayer_styles_default = css`
+  :host {
+    display: none;
+  }
+`;
+//#endregion
+//#region src/components/tilelayer/tilelayer.ts
+let SigveloLeafletTilelayer = class SigveloLeafletTilelayer extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.url = "";
+		this.attribution = "";
+		this.minZoom = 0;
+		this.maxZoom = 19;
+		this.subdomains = "abc";
+		this.opacity = 1;
+		this._layer = null;
+		this._mapEl = null;
+	}
+	static {
+		this.styles = [tilelayer_styles_default];
+	}
+	async connectedCallback() {
+		super.connectedCallback();
+		this._mapEl = findLeafletMap(this);
+		if (this._mapEl) {
+			await this._mapEl.mapReady;
+			this._addLayer();
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._removeLayer();
+	}
+	/** @internal */
+	_addLayer() {
+		if (!this._mapEl?.map || !this.url) return;
+		this._layer = L.tileLayer(this.url, {
+			attribution: this.attribution,
+			minZoom: this.minZoom,
+			maxZoom: this.maxZoom,
+			subdomains: this.subdomains,
+			opacity: this.opacity
+		}).addTo(this._mapEl.map);
+	}
+	/** @internal */
+	_removeLayer() {
+		this._layer?.remove();
+		this._layer = null;
+	}
+	updated(changed) {
+		if (changed.has("url") && this._layer) {
+			this._removeLayer();
+			this._addLayer();
+		}
+		if (changed.has("opacity") && this._layer) this._layer.setOpacity(this.opacity);
+	}
+	render() {
+		return html``;
+	}
+};
+__decorate([property()], SigveloLeafletTilelayer.prototype, "url", void 0);
+__decorate([property()], SigveloLeafletTilelayer.prototype, "attribution", void 0);
+__decorate([property({
+	attribute: "min-zoom",
+	type: Number
+})], SigveloLeafletTilelayer.prototype, "minZoom", void 0);
+__decorate([property({
+	attribute: "max-zoom",
+	type: Number
+})], SigveloLeafletTilelayer.prototype, "maxZoom", void 0);
+__decorate([property()], SigveloLeafletTilelayer.prototype, "subdomains", void 0);
+__decorate([property({ type: Number })], SigveloLeafletTilelayer.prototype, "opacity", void 0);
+SigveloLeafletTilelayer = __decorate([customElement("sigvelo-leaflet-tilelayer")], SigveloLeafletTilelayer);
+//#endregion
+export { SigveloLeafletTilelayer as t };

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@mcp-b/geo-leaflet",
+  "version": "0.2.0",
+  "description": "Leaflet web components for Sigvelo, built with Lit.",
+  "keywords": [
+    "custom-elements",
+    "geospatial",
+    "leaflet",
+    "lit-element",
+    "maps",
+    "web-components"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WebMCP-org/design-system.git",
+    "directory": "packages/geo-leaflet"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components/*": "./dist/components/*",
+    "./custom-elements.json": "./dist/docs/custom-elements.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@mcp-b/geo-support": "0.2.0",
+    "@mcp-b/wc-support": "0.2.0"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.10.4",
+    "@storybook/addon-a11y": "^10.5.2",
+    "@storybook/addon-docs": "^10.5.2",
+    "@storybook/addon-vitest": "^10.5.2",
+    "@storybook/web-components-vite": "10.5.2",
+    "@types/leaflet": "^1.9.0",
+    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.10",
+    "@wc-toolkit/cem-inheritance": "^1.2.2",
+    "@wc-toolkit/cem-sorter": "^1.0.1",
+    "@wc-toolkit/type-parser": "^1.2.0",
+    "leaflet": "^1.9.0",
+    "playwright": "~1.61.0",
+    "storybook": "^10.5.2",
+    "tinyglobby": "^0.2.15",
+    "typescript": "^6.0.3",
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
+    "vite-plugin-static-copy": "^3.3.0",
+    "vitest": "^4.1.10"
+  },
+  "peerDependencies": {
+    "leaflet": "^1.9.0",
+    "lit": "^3.0.0",
+    "lit-html": "^3.0.0"
+  },
+  "customElements": "dist/docs/custom-elements.json",
+  "scripts": {
+    "analyze": "cem analyze",
+    "analyze:dev": "cem analyze --watch",
+    "build": "tsc -p tsconfig.prod.json && vp run build:lib && vp run analyze",
+    "build:lib": "vp pack",
+    "storybook": "vp run @mcp-b/web-components#storybook",
+    "test": "vp run @mcp-b/web-components#test",
+    "typecheck": "tsc --noEmit"
+  }
+}