@mcp-b/geo-maplibre 0.3.12 → 0.4.0

package/README.md

@@ -0,0 +1,19 @@
+# @mcp-b/geo-maplibre
+
+MapLibre custom elements for the Sigvelo design system. Install `maplibre-gl@^6`,
+`lit@^3` and `lit-html@^3` as peers. MapLibre 6 requires WebGL2.
+
+Configure the worker once before mounting a map. With Vite:
+
+```ts
+import { setWorkerUrl } from "maplibre-gl";
+import workerUrl from "maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url";
+import "@mcp-b/geo-maplibre";
+
+setWorkerUrl(workerUrl);
+```
+
+Use `?worker&url` so production builds include the worker’s shared module.
+For other bundlers, follow [MapLibre’s installation instructions](https://maplibre.org/maplibre-gl-js/docs/#installation).
+See the [v6 migration guide](https://maplibre.org/maplibre-gl-js/docs/guides/v5-to-v6-migration-guide/)
+when upgrading from MapLibre 5.

package/dist/components/circle/circle.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from "lit";
-
 //#region src/components/circle/circle.d.ts
 /**
  * A circle overlay on a MapLibre map, rendered as a GeoJSON polygon
@@ -7,7 +6,7 @@ import { LitElement, PropertyValues } from "lit";
  *
  * @tag sigvelo-maplibre-circle
  */
-declare class SigveloMaplibreCircle extends LitElement {
+export declare class SigveloMaplibreCircle extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Center latitude. */
@@ -47,5 +46,4 @@ declare global {
     "sigvelo-maplibre-circle": SigveloMaplibreCircle;
   }
 }
-//#endregion
-export { SigveloMaplibreCircle };
+//#endregion

package/dist/components/circle/circle.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";

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

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from "lit";
 import { ControlPosition } from "@mcp-b/geo-support/types";
-
 //#region src/components/control/control.d.ts
 /**
  * A generic control container for a MapLibre map. Wraps arbitrary content
@@ -20,7 +19,7 @@ import { ControlPosition } from "@mcp-b/geo-support/types";
  * </sigvelo-maplibre-map>
  * ```
  */
-declare class SigveloMaplibreControl extends LitElement {
+export declare class SigveloMaplibreControl extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Position of the control on the map. */
@@ -43,5 +42,4 @@ declare global {
     "sigvelo-maplibre-control": SigveloMaplibreControl;
   }
 }
-//#endregion
-export { SigveloMaplibreControl };
+//#endregion

package/dist/components/control/control.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";

package/dist/components/geojson/geojson.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from "lit";
 import { GeoJsonData, StyleFunction } from "@mcp-b/geo-support/types";
-
 //#region src/components/geojson/geojson.d.ts
 /**
  * Renders GeoJSON data on a MapLibre map as a source + layer.
@@ -10,7 +9,7 @@ import { GeoJsonData, StyleFunction } from "@mcp-b/geo-support/types";
  *
  * @event sigvelo-feature-click - Fired when a GeoJSON feature is clicked.
  */
-declare class SigveloMaplibreGeojson extends LitElement {
+export declare class SigveloMaplibreGeojson extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** GeoJSON data. Set via property. */
@@ -70,5 +69,4 @@ declare global {
     "sigvelo-maplibre-geojson": SigveloMaplibreGeojson;
   }
 }
-//#endregion
-export { SigveloMaplibreGeojson };
+//#endregion

package/dist/components/geojson/geojson.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { SigveloFeatureClickEvent } from "@mcp-b/geo-support/events";

package/dist/components/layer/layer.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from "lit";
-import maplibregl from "maplibre-gl";
-
+import * as maplibregl from "maplibre-gl";
 //#region src/components/layer/layer.d.ts
 /**
  * A generic MapLibre style layer. Allows adding custom layers to the map
@@ -8,7 +7,7 @@ import maplibregl from "maplibre-gl";
  *
  * @tag sigvelo-maplibre-layer
  */
-declare class SigveloMaplibreLayer extends LitElement {
+export declare class SigveloMaplibreLayer extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** The layer specification object. Set via property. */
@@ -31,5 +30,4 @@ declare global {
     "sigvelo-maplibre-layer": SigveloMaplibreLayer;
   }
 }
-//#endregion
-export { SigveloMaplibreLayer };
+//#endregion

package/dist/components/layer/layer.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";

package/dist/components/map/map.d.ts

@@ -1,8 +1,7 @@
 import { PropertyValues } from "lit";
 import { GeoMapElement } from "@mcp-b/geo-support/base/geo-map-element";
-import maplibregl from "maplibre-gl";
+import * as maplibregl from "maplibre-gl";
 import { FitBoundsOptions, FlyToOptions } from "@mcp-b/geo-support/types";
-
 //#region src/components/map/map.d.ts
 /**
  * A MapLibre GL JS map component. Add a `<sigvelo-maplibre-tilelayer>` child
@@ -18,7 +17,7 @@ import { FitBoundsOptions, FlyToOptions } from "@mcp-b/geo-support/types";
  * @event sigvelo-map-zoomend - Fired when zooming ends.
  * @event sigvelo-map-load - Fired when the map finishes loading.
  */
-declare class SigveloMaplibreMap extends GeoMapElement {
+export declare class SigveloMaplibreMap extends GeoMapElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Whether to show navigation controls (zoom + compass). */
@@ -39,5 +38,4 @@ declare global {
     "sigvelo-maplibre-map": SigveloMaplibreMap;
   }
 }
-//#endregion
-export { SigveloMaplibreMap };
+//#endregion

package/dist/components/map/map.js

@@ -1,9 +1,9 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { GeoMapElement } from "@mcp-b/geo-support/base/geo-map-element";
 import { SigveloMapClickEvent, SigveloMapLoadEvent, SigveloMapMoveEndEvent, SigveloMapMoveEvent, SigveloMapZoomEndEvent, SigveloMapZoomEvent } from "@mcp-b/geo-support/events";
-import maplibregl from "maplibre-gl";
+import * as maplibregl from "maplibre-gl";
 import maplibreCss from "maplibre-gl/dist/maplibre-gl.css?raw";
 //#region src/components/map/map.ts
 /** Empty style used when no tilelayer child provides a style-url. */

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

@@ -1,6 +1,5 @@
 import { LitElement } from "lit";
-import maplibregl from "maplibre-gl";
-
+import * as maplibregl from "maplibre-gl";
 //#region src/components/marker/marker.d.ts
 /**
  * A marker on a MapLibre map. Must be a child of `<sigvelo-maplibre-map>`.
@@ -8,7 +7,7 @@ import maplibregl from "maplibre-gl";
  *
  * @tag sigvelo-maplibre-marker
  */
-declare class SigveloMaplibreMarker extends LitElement {
+export declare class SigveloMaplibreMarker extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Center latitude. */
@@ -38,5 +37,4 @@ declare global {
     "sigvelo-maplibre-marker": SigveloMaplibreMarker;
   }
 }
-//#endregion
-export { SigveloMaplibreMarker };
+//#endregion

package/dist/components/marker/marker.js

@@ -1,7 +1,7 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import maplibregl from "maplibre-gl";
+import * as maplibregl from "maplibre-gl";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";
 import styles from "@mcp-b/geo-support/styles/map-child.styles";
 import { clonePopupContent } from "@mcp-b/geo-support/base/popup-content";

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

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from "lit";
-
 //#region src/components/polygon/polygon.d.ts
 /**
  * A polygon overlay on a MapLibre map. Must be a child of
@@ -7,7 +6,7 @@ import { LitElement, PropertyValues } from "lit";
  *
  * @tag sigvelo-maplibre-polygon
  */
-declare class SigveloMaplibrePolygon extends LitElement {
+export declare class SigveloMaplibrePolygon extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Array of [lat, lng] coordinate pairs forming the polygon. Set via property. */
@@ -42,5 +41,4 @@ declare global {
     "sigvelo-maplibre-polygon": SigveloMaplibrePolygon;
   }
 }
-//#endregion
-export { SigveloMaplibrePolygon };
+//#endregion

package/dist/components/polygon/polygon.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";

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

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from "lit";
-
 //#region src/components/polyline/polyline.d.ts
 /**
  * A polyline (line string) on a MapLibre map. Must be a child of
@@ -7,7 +6,7 @@ import { LitElement, PropertyValues } from "lit";
  *
  * @tag sigvelo-maplibre-polyline
  */
-declare class SigveloMaplibrePolyline extends LitElement {
+export declare class SigveloMaplibrePolyline extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Array of [lat, lng] coordinate pairs. Set via property. */
@@ -40,5 +39,4 @@ declare global {
     "sigvelo-maplibre-polyline": SigveloMaplibrePolyline;
   }
 }
-//#endregion
-export { SigveloMaplibrePolyline };
+//#endregion

package/dist/components/polyline/polyline.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";

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

@@ -1,5 +1,4 @@
 import { LitElement } from "lit";
-
 //#region src/components/popup/popup.d.ts
 /**
  * Popup content for a MapLibre marker. Nest inside a
@@ -11,7 +10,7 @@ import { LitElement } from "lit";
  * @tag sigvelo-maplibre-popup
  * @slot - Popup content.
  */
-declare class SigveloMaplibrePopup extends LitElement {
+export declare class SigveloMaplibrePopup extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Maximum width of the popup in pixels. */
@@ -23,5 +22,4 @@ declare global {
     "sigvelo-maplibre-popup": SigveloMaplibrePopup;
   }
 }
-//#endregion
-export { SigveloMaplibrePopup };
+//#endregion

package/dist/components/popup/popup.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import styles from "@mcp-b/geo-support/styles/map-child.styles";

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

@@ -1,13 +1,12 @@
 import { LitElement } from "lit";
 import { ControlPosition } from "@mcp-b/geo-support/types";
-
 //#region src/components/scale-control/scale-control.d.ts
 /**
  * A scale control for a MapLibre map. Must be a child of `<sigvelo-maplibre-map>`.
  *
  * @tag sigvelo-maplibre-scale-control
  */
-declare class SigveloMaplibreScaleControl extends LitElement {
+export declare class SigveloMaplibreScaleControl extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /** Position of the control on the map. */
@@ -30,5 +29,4 @@ declare global {
     "sigvelo-maplibre-scale-control": SigveloMaplibreScaleControl;
   }
 }
-//#endregion
-export { SigveloMaplibreScaleControl };
+//#endregion

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

@@ -1,7 +1,7 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import maplibregl from "maplibre-gl";
+import * as maplibregl from "maplibre-gl";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";
 import styles from "@mcp-b/geo-support/styles/map-child.styles";
 //#region src/components/scale-control/scale-control.ts

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

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from "lit";
-
 //#region src/components/tilelayer/tilelayer.d.ts
 /**
  * A tile layer for a MapLibre map. Supports both vector tile styles (via
@@ -24,7 +23,7 @@ import { LitElement, PropertyValues } from "lit";
  * ></sigvelo-maplibre-tilelayer>
  * ```
  */
-declare class SigveloMaplibreTilelayer extends LitElement {
+export declare class SigveloMaplibreTilelayer extends LitElement {
   /** @internal */
   static styles: import("lit").CSSResult[];
   /**
@@ -61,5 +60,4 @@ declare global {
     "sigvelo-maplibre-tilelayer": SigveloMaplibreTilelayer;
   }
 }
-//#endregion
-export { SigveloMaplibreTilelayer };
+//#endregion

package/dist/components/tilelayer/tilelayer.js

@@ -1,4 +1,4 @@
-import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import { t as __decorate } from "../../decorate-BkO8ArQg.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { findMapElement } from "@mcp-b/geo-support/base/find-map-element";

package/dist/{decorate-DcF3lt7P.js → decorate-BkO8ArQg.js}

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.138.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.148.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);

package/dist/docs/custom-elements.json

@@ -1582,7 +1582,7 @@
   "package": {
     "name": "@mcp-b/geo-maplibre",
     "description": "MapLibre GL JS web components for Sigvelo, built with Lit.",
-    "version": "0.3.12",
+    "version": "0.4.0",
     "license": "MIT"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/geo-maplibre",
-  "version": "0.3.12",
+  "version": "0.4.0",
   "description": "MapLibre GL JS web components for Sigvelo, built with Lit.",
   "keywords": [
     "custom-elements",
@@ -34,33 +34,33 @@
     "access": "public"
   },
   "dependencies": {
-    "@mcp-b/geo-support": "0.3.12",
-    "@mcp-b/wc-support": "0.3.12"
+    "@mcp-b/geo-support": "0.3.13",
+    "@mcp-b/wc-support": "0.3.13"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.10.10",
-    "@storybook/addon-a11y": "^10.5.7",
-    "@storybook/addon-docs": "^10.5.7",
-    "@storybook/addon-vitest": "^10.5.7",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@storybook/addon-a11y": "10.5.7",
+    "@storybook/addon-docs": "10.5.7",
+    "@storybook/addon-vitest": "10.5.7",
     "@storybook/web-components-vite": "10.5.7",
-    "@vitest/browser-playwright": "^4.1.10",
-    "@vitest/coverage-v8": "^4.1.10",
+    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/coverage-v8": "^4.1.11",
     "@wc-toolkit/cem-inheritance": "^1.2.5",
     "@wc-toolkit/cem-sorter": "^1.0.1",
     "@wc-toolkit/type-parser": "^1.3.1",
-    "maplibre-gl": "^5.24.0",
-    "playwright": "~1.61.1",
-    "storybook": "^10.5.7",
+    "maplibre-gl": "^6.9.0",
+    "playwright": "1.61.1",
+    "storybook": "10.5.7",
     "tinyglobby": "^0.2.17",
     "typescript": "^6.0.3",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
-    "vite-plugin-static-copy": "^3.4.0",
-    "vitest": "^4.1.10"
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1",
+    "vite-plugin-static-copy": "^4.1.1",
+    "vitest": "^4.1.11"
   },
   "peerDependencies": {
     "lit": "^3.0.0",
     "lit-html": "^3.0.0",
-    "maplibre-gl": "^5.0.0"
+    "maplibre-gl": "^6.0.0"
   },
   "customElements": "dist/docs/custom-elements.json",
   "scripts": {