@mcp-b/geo-leaflet 0.2.21 → 0.3.0

package/dist/geojson-Dlvc_wAg.js

@@ -1,190 +0,0 @@
-import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
-import "./default-icon.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { findLeafletMap } from "./components/find-leaflet-map.js";
-import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { SigveloFeatureClickEvent } from "@mcp-b/geo-support/events";
-import { subscribeClassify } from "@mcp-b/geo-support/classification";
-//#region src/components/geojson/geojson.styles.ts
-var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
-var geojson_styles_default = css`
-  :host {
-    display: none;
-  }
-`;
-//#endregion
-//#region src/components/geojson/geojson.ts
-function formatPopupProperty(value) {
-	if (typeof value === "string") return value;
-	if (typeof value === "number") return Number.isFinite(value) ? value.toLocaleString(void 0, { maximumSignificantDigits: 4 }) : void 0;
-	if (typeof value === "boolean") return value ? "Yes" : "No";
-}
-let SigveloLeafletGeojson = class SigveloLeafletGeojson extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.data = null;
-		this.styleFunction = null;
-		this.fillColor = "#3388ff";
-		this.fillOpacity = .2;
-		this.strokeColor = "#3388ff";
-		this.strokeWidth = 3;
-		this.strokeOpacity = 1;
-		this.interactive = true;
-		this.popupTitleProperty = "";
-		this.popupValueProperty = "";
-		this.popupValueLabel = "";
-		this.fitBounds = false;
-		this.channel = "";
-		this._layer = null;
-		this._mapEl = null;
-		this._unsubscribeChannel = null;
-	}
-	static {
-		this.styles = [geojson_styles_default];
-	}
-	/** Access the underlying Leaflet GeoJSON layer. */
-	get layer() {
-		return this._layer;
-	}
-	async connectedCallback() {
-		super.connectedCallback();
-		this._subscribeChannel();
-		this._mapEl = findLeafletMap(this);
-		if (this._mapEl) {
-			await this._mapEl.mapReady;
-			if (!this.isConnected) return;
-			this._addLayer();
-		}
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this._unsubscribeChannel?.();
-		this._unsubscribeChannel = null;
-		this._removeLayer();
-	}
-	/** @internal */
-	_subscribeChannel() {
-		this._unsubscribeChannel?.();
-		if (!this.channel) return;
-		this._unsubscribeChannel = subscribeClassify(this.channel, (detail) => {
-			this.styleFunction = detail.styleFunction;
-		});
-	}
-	/** @internal */
-	_toGeoJsonFeature(feature) {
-		return {
-			type: "Feature",
-			geometry: feature.geometry,
-			properties: feature.properties ?? null,
-			id: feature.id
-		};
-	}
-	/** @internal */
-	_getStyleForFeature(feature) {
-		if (this.styleFunction) {
-			const s = this.styleFunction(this._toGeoJsonFeature(feature));
-			if (s) return {
-				fillColor: s.fillColor ?? this.fillColor,
-				fillOpacity: s.fillOpacity ?? this.fillOpacity,
-				color: s.strokeColor ?? this.strokeColor,
-				weight: s.strokeWidth ?? this.strokeWidth,
-				opacity: s.strokeOpacity ?? this.strokeOpacity
-			};
-		}
-		return {
-			fillColor: this.fillColor,
-			fillOpacity: this.fillOpacity,
-			color: this.strokeColor,
-			weight: this.strokeWidth,
-			opacity: this.strokeOpacity
-		};
-	}
-	/** @internal */
-	_getPopupForFeature(feature) {
-		if (!this.popupTitleProperty) return;
-		const properties = feature.properties ?? {};
-		const title = formatPopupProperty(properties[this.popupTitleProperty]);
-		if (title === void 0) return;
-		const content = document.createElement("div");
-		const heading = document.createElement("strong");
-		heading.textContent = title;
-		content.appendChild(heading);
-		if (this.popupValueProperty) {
-			const value = formatPopupProperty(properties[this.popupValueProperty]);
-			if (value !== void 0) {
-				const detail = document.createElement("div");
-				detail.textContent = this.popupValueLabel ? `${this.popupValueLabel}: ${value}` : value;
-				content.appendChild(detail);
-			}
-		}
-		return content;
-	}
-	/** @internal */
-	_addLayer() {
-		this._removeLayer();
-		if (!this._mapEl?.map || !this.data) return;
-		this._layer = import_leaflet_src.geoJSON(this.data, {
-			style: (feature) => feature ? this._getStyleForFeature(feature) : {},
-			interactive: this.interactive,
-			onEachFeature: (feature, layer) => {
-				const popup = this._getPopupForFeature(feature);
-				if (popup) layer.bindPopup(popup);
-				if (this.interactive) layer.on("click", (e) => {
-					this.dispatchEvent(new SigveloFeatureClickEvent(this._toGeoJsonFeature(feature), {
-						lat: e.latlng.lat,
-						lng: e.latlng.lng
-					}));
-				});
-			}
-		}).addTo(this._mapEl.map);
-		if (this.fitBounds && this._layer.getLayers().length > 0) {
-			const bounds = this._layer.getBounds();
-			if (bounds.isValid()) this._mapEl.map.fitBounds(bounds, { padding: [12, 12] });
-		}
-	}
-	/** @internal */
-	_removeLayer() {
-		this._layer?.remove();
-		this._layer = null;
-	}
-	updated(changed) {
-		if (changed.has("data") || changed.has("interactive") || changed.has("popupTitleProperty") || changed.has("popupValueProperty") || changed.has("popupValueLabel")) this._addLayer();
-		else if (changed.has("styleFunction") || changed.has("fillColor") || changed.has("fillOpacity") || changed.has("strokeColor") || changed.has("strokeWidth") || changed.has("strokeOpacity")) this._layer?.setStyle((feature) => feature ? this._getStyleForFeature(feature) : {});
-		else if (changed.has("fitBounds") && this.fitBounds && this._layer && this._mapEl?.map) {
-			const bounds = this._layer.getBounds();
-			if (bounds.isValid()) this._mapEl.map.fitBounds(bounds, { padding: [12, 12] });
-		}
-	}
-	render() {
-		return html``;
-	}
-};
-__decorate([property({ attribute: false })], SigveloLeafletGeojson.prototype, "data", void 0);
-__decorate([property({ attribute: false })], SigveloLeafletGeojson.prototype, "styleFunction", void 0);
-__decorate([property({ attribute: "fill-color" })], SigveloLeafletGeojson.prototype, "fillColor", void 0);
-__decorate([property({
-	attribute: "fill-opacity",
-	type: Number
-})], SigveloLeafletGeojson.prototype, "fillOpacity", void 0);
-__decorate([property({ attribute: "stroke-color" })], SigveloLeafletGeojson.prototype, "strokeColor", void 0);
-__decorate([property({
-	attribute: "stroke-width",
-	type: Number
-})], SigveloLeafletGeojson.prototype, "strokeWidth", void 0);
-__decorate([property({
-	attribute: "stroke-opacity",
-	type: Number
-})], SigveloLeafletGeojson.prototype, "strokeOpacity", void 0);
-__decorate([property({ type: Boolean })], SigveloLeafletGeojson.prototype, "interactive", void 0);
-__decorate([property({ attribute: "popup-title-property" })], SigveloLeafletGeojson.prototype, "popupTitleProperty", void 0);
-__decorate([property({ attribute: "popup-value-property" })], SigveloLeafletGeojson.prototype, "popupValueProperty", void 0);
-__decorate([property({ attribute: "popup-value-label" })], SigveloLeafletGeojson.prototype, "popupValueLabel", void 0);
-__decorate([property({
-	attribute: "fit-bounds",
-	type: Boolean
-})], SigveloLeafletGeojson.prototype, "fitBounds", void 0);
-__decorate([property()], SigveloLeafletGeojson.prototype, "channel", void 0);
-SigveloLeafletGeojson = __decorate([customElement("sigvelo-leaflet-geojson")], SigveloLeafletGeojson);
-//#endregion
-export { SigveloLeafletGeojson as t };

package/dist/marker-RT0-gpae.js

@@ -1,116 +0,0 @@
-import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
-import "./default-icon.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { findLeafletMap } from "./components/find-leaflet-map.js";
-import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-//#region src/components/marker/marker.styles.ts
-var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
-var marker_styles_default = css`
-  :host {
-    display: none;
-  }
-`;
-//#endregion
-//#region src/components/marker/marker.ts
-let SigveloLeafletMarker = class SigveloLeafletMarker extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.latitude = 0;
-		this.longitude = 0;
-		this.title = "";
-		this.draggable = false;
-		this.opacity = 1;
-		this.iconUrl = "";
-		this.iconWidth = 25;
-		this.iconHeight = 41;
-		this._marker = null;
-		this._mapEl = null;
-	}
-	static {
-		this.styles = [marker_styles_default];
-	}
-	/** Access the underlying Leaflet marker instance. */
-	get marker() {
-		return this._marker;
-	}
-	async connectedCallback() {
-		super.connectedCallback();
-		this._mapEl = findLeafletMap(this);
-		if (this._mapEl) {
-			await this._mapEl.mapReady;
-			if (!this.isConnected) return;
-			this._addMarker();
-		}
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this._removeMarker();
-	}
-	/** @internal */
-	_addMarker() {
-		this._removeMarker();
-		if (!this._mapEl?.map) return;
-		const options = {
-			title: this.title,
-			draggable: this.draggable,
-			opacity: this.opacity
-		};
-		if (this.iconUrl) options.icon = import_leaflet_src.icon({
-			iconUrl: this.iconUrl,
-			iconSize: [this.iconWidth, this.iconHeight],
-			iconAnchor: [this.iconWidth / 2, this.iconHeight],
-			popupAnchor: [0, -this.iconHeight]
-		});
-		this._marker = import_leaflet_src.marker([this.latitude, this.longitude], options).addTo(this._mapEl.map);
-		this._bindChildPopup();
-		this._marker.on("dragend", () => {
-			if (!this._marker) return;
-			const pos = this._marker.getLatLng();
-			this.latitude = pos.lat;
-			this.longitude = pos.lng;
-		});
-	}
-	/** @internal */
-	_removeMarker() {
-		this._marker?.remove();
-		this._marker = null;
-	}
-	/** @internal */
-	_bindChildPopup() {
-		if (!this._marker) return;
-		const popupEl = this.querySelector("sigvelo-leaflet-popup");
-		if (popupEl) {
-			const content = document.createElement("div");
-			content.append(...Array.from(popupEl.childNodes).map((n) => n.cloneNode(true)));
-			this._marker.bindPopup(content);
-		}
-	}
-	updated() {
-		if (this._marker) {
-			this._marker.setLatLng([this.latitude, this.longitude]);
-			this._marker.setOpacity(this.opacity);
-			this._bindChildPopup();
-		}
-	}
-	render() {
-		return html` <slot></slot> `;
-	}
-};
-__decorate([property({ type: Number })], SigveloLeafletMarker.prototype, "latitude", void 0);
-__decorate([property({ type: Number })], SigveloLeafletMarker.prototype, "longitude", void 0);
-__decorate([property()], SigveloLeafletMarker.prototype, "title", void 0);
-__decorate([property({ type: Boolean })], SigveloLeafletMarker.prototype, "draggable", void 0);
-__decorate([property({ type: Number })], SigveloLeafletMarker.prototype, "opacity", void 0);
-__decorate([property({ attribute: "icon-url" })], SigveloLeafletMarker.prototype, "iconUrl", void 0);
-__decorate([property({
-	attribute: "icon-width",
-	type: Number
-})], SigveloLeafletMarker.prototype, "iconWidth", void 0);
-__decorate([property({
-	attribute: "icon-height",
-	type: Number
-})], SigveloLeafletMarker.prototype, "iconHeight", void 0);
-SigveloLeafletMarker = __decorate([customElement("sigvelo-leaflet-marker")], SigveloLeafletMarker);
-//#endregion
-export { SigveloLeafletMarker as t };

package/dist/polygon-DtiZDmnC.js

@@ -1,79 +0,0 @@
-import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { findLeafletMap } from "./components/find-leaflet-map.js";
-import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-//#region src/components/polygon/polygon.styles.ts
-var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
-var polygon_styles_default = css`
-  :host {
-    display: none;
-  }
-`;
-//#endregion
-//#region src/components/polygon/polygon.ts
-let SigveloLeafletPolygon = class SigveloLeafletPolygon extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.positions = [];
-		this.fillColor = "#3388ff";
-		this.fillOpacity = .2;
-		this.strokeColor = "#3388ff";
-		this.strokeWidth = 3;
-		this._polygon = null;
-		this._mapEl = null;
-	}
-	static {
-		this.styles = [polygon_styles_default];
-	}
-	async connectedCallback() {
-		super.connectedCallback();
-		this._mapEl = findLeafletMap(this);
-		if (this._mapEl) {
-			await this._mapEl.mapReady;
-			this._addPolygon();
-		}
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this._polygon?.remove();
-		this._polygon = null;
-	}
-	/** @internal */
-	_addPolygon() {
-		if (!this._mapEl?.map) return;
-		this._polygon = import_leaflet_src.polygon(this.positions, {
-			fillColor: this.fillColor,
-			fillOpacity: this.fillOpacity,
-			color: this.strokeColor,
-			weight: this.strokeWidth
-		}).addTo(this._mapEl.map);
-	}
-	updated(changed) {
-		if (!this._polygon) return;
-		if (changed.has("positions")) this._polygon.setLatLngs(this.positions);
-		if (changed.has("fillColor") || changed.has("fillOpacity") || changed.has("strokeColor") || changed.has("strokeWidth")) this._polygon.setStyle({
-			fillColor: this.fillColor,
-			fillOpacity: this.fillOpacity,
-			color: this.strokeColor,
-			weight: this.strokeWidth
-		});
-	}
-	render() {
-		return html``;
-	}
-};
-__decorate([property({ attribute: false })], SigveloLeafletPolygon.prototype, "positions", void 0);
-__decorate([property({ attribute: "fill-color" })], SigveloLeafletPolygon.prototype, "fillColor", void 0);
-__decorate([property({
-	attribute: "fill-opacity",
-	type: Number
-})], SigveloLeafletPolygon.prototype, "fillOpacity", void 0);
-__decorate([property({ attribute: "stroke-color" })], SigveloLeafletPolygon.prototype, "strokeColor", void 0);
-__decorate([property({
-	attribute: "stroke-width",
-	type: Number
-})], SigveloLeafletPolygon.prototype, "strokeWidth", void 0);
-SigveloLeafletPolygon = __decorate([customElement("sigvelo-leaflet-polygon")], SigveloLeafletPolygon);
-//#endregion
-export { SigveloLeafletPolygon as t };

package/dist/polyline-C3VgapkC.js

@@ -1,73 +0,0 @@
-import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { findLeafletMap } from "./components/find-leaflet-map.js";
-import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-//#region src/components/polyline/polyline.styles.ts
-var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
-var polyline_styles_default = css`
-  :host {
-    display: none;
-  }
-`;
-//#endregion
-//#region src/components/polyline/polyline.ts
-let SigveloLeafletPolyline = class SigveloLeafletPolyline extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.positions = [];
-		this.color = "#3388ff";
-		this.weight = 3;
-		this.opacity = 1;
-		this.dashArray = "";
-		this._polyline = null;
-		this._mapEl = null;
-	}
-	static {
-		this.styles = [polyline_styles_default];
-	}
-	async connectedCallback() {
-		super.connectedCallback();
-		this._mapEl = findLeafletMap(this);
-		if (this._mapEl) {
-			await this._mapEl.mapReady;
-			this._addPolyline();
-		}
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this._polyline?.remove();
-		this._polyline = null;
-	}
-	/** @internal */
-	_addPolyline() {
-		if (!this._mapEl?.map) return;
-		this._polyline = import_leaflet_src.polyline(this.positions, {
-			color: this.color,
-			weight: this.weight,
-			opacity: this.opacity,
-			dashArray: this.dashArray || void 0
-		}).addTo(this._mapEl.map);
-	}
-	updated(changed) {
-		if (!this._polyline) return;
-		if (changed.has("positions")) this._polyline.setLatLngs(this.positions);
-		if (changed.has("color") || changed.has("weight") || changed.has("opacity") || changed.has("dashArray")) this._polyline.setStyle({
-			color: this.color,
-			weight: this.weight,
-			opacity: this.opacity,
-			dashArray: this.dashArray || void 0
-		});
-	}
-	render() {
-		return html``;
-	}
-};
-__decorate([property({ attribute: false })], SigveloLeafletPolyline.prototype, "positions", void 0);
-__decorate([property()], SigveloLeafletPolyline.prototype, "color", void 0);
-__decorate([property({ type: Number })], SigveloLeafletPolyline.prototype, "weight", void 0);
-__decorate([property({ type: Number })], SigveloLeafletPolyline.prototype, "opacity", void 0);
-__decorate([property({ attribute: "dash-array" })], SigveloLeafletPolyline.prototype, "dashArray", void 0);
-SigveloLeafletPolyline = __decorate([customElement("sigvelo-leaflet-polyline")], SigveloLeafletPolyline);
-//#endregion
-export { SigveloLeafletPolyline as t };

package/dist/popup-BDNUUZWQ.js

@@ -1,35 +0,0 @@
-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-D5QJFlOJ.js

@@ -1,64 +0,0 @@
-import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { findLeafletMap } from "./components/find-leaflet-map.js";
-import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-//#region src/components/scale-control/scale-control.styles.ts
-var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
-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 = import_leaflet_src.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-CwHdbtD_.js

@@ -1,83 +0,0 @@
-import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { findLeafletMap } from "./components/find-leaflet-map.js";
-import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-//#region src/components/tilelayer/tilelayer.styles.ts
-var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
-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 = import_leaflet_src.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 };