@maplibre-yaml/core 0.1.3 → 0.2.1

package/dist/register.browser.js

@@ -1,4 +1,4 @@
-import maplibregl2 from 'maplibre-gl';
+import { Map as Map$1, Popup, NavigationControl, GeolocateControl, ScaleControl, FullscreenControl } from 'maplibre-gl';
 
 // @maplibre-yaml/core - Browser build with bundled dependencies
 var __create = Object.create;
@@ -11887,6 +11887,7 @@ var MapBlockSchema = external_exports.object({
   className: external_exports.string().optional().describe("CSS class name for container"),
   style: external_exports.string().optional().describe("Inline CSS styles for container"),
   config: MapConfigSchema.describe("Map configuration"),
+  sources: external_exports.record(external_exports.string(), LayerSourceSchema).optional().describe("Map sources"),
   layers: external_exports.array(LayerOrReferenceSchema).default([]).describe("Map layers"),
   controls: ControlsConfigSchema.optional().describe("Map controls"),
   legend: LegendConfigSchema.optional().describe("Legend configuration")
@@ -11897,6 +11898,7 @@ var MapFullPageBlockSchema = external_exports.object({
   className: external_exports.string().optional().describe("CSS class name for container"),
   style: external_exports.string().optional().describe("Inline CSS styles for container"),
   config: MapConfigSchema.describe("Map configuration"),
+  sources: external_exports.record(external_exports.string(), LayerSourceSchema).optional().describe("Map sources"),
   layers: external_exports.array(LayerOrReferenceSchema).default([]).describe("Map layers"),
   controls: ControlsConfigSchema.optional().describe("Map controls"),
   legend: LegendConfigSchema.optional().describe("Legend configuration")
@@ -14868,9 +14870,16 @@ var LayerManager = class {
     this.abortControllers = /* @__PURE__ */ new Map();
   }
   async addLayer(layer) {
-    const sourceId = `${layer.id}-source`;
+    const isSourceRef = typeof layer.source === "string";
+    const sourceId = isSourceRef ? layer.source : `${layer.id}-source`;
     this.layerToSource.set(layer.id, sourceId);
-    await this.addSource(sourceId, layer);
+    if (!isSourceRef) {
+      await this.addSource(sourceId, layer);
+    } else if (!this.map.getSource(sourceId)) {
+      throw new Error(
+        `Source '${sourceId}' referenced by layer '${layer.id}' not found. Ensure it is defined in the block-level 'sources' map.`
+      );
+    }
     const layerSpec = {
       id: layer.id,
       type: layer.type,
@@ -14898,12 +14907,6 @@ var LayerManager = class {
     }
   }
   async addSource(sourceId, layer) {
-    if (typeof layer.source === "string") {
-      if (!this.map.getSource(layer.source)) {
-        throw new Error(`Source reference '${layer.source}' not found`);
-      }
-      return;
-    }
     const source = layer.source;
     if (source.type === "geojson") {
       const geojsonSource = source;
@@ -15123,7 +15126,10 @@ var LayerManager = class {
     }
     if (this.map.getLayer(layerId)) this.map.removeLayer(layerId);
     const sourceId = this.layerToSource.get(layerId) || `${layerId}-source`;
-    if (this.map.getSource(sourceId)) this.map.removeSource(sourceId);
+    const isInlineSource = sourceId === `${layerId}-source`;
+    if (isInlineSource && this.map.getSource(sourceId)) {
+      this.map.removeSource(sourceId);
+    }
     this.sourceData.delete(sourceId);
     this.layerToSource.delete(layerId);
   }
@@ -15331,7 +15337,7 @@ var EventHandler = class {
   showPopup(content, feature, lngLat) {
     this.activePopup?.remove();
     const html = this.popupBuilder.build(content, feature.properties);
-    this.activePopup = new maplibregl2.Popup().setLngLat(lngLat).setHTML(html).addTo(this.map);
+    this.activePopup = new Popup().setLngLat(lngLat).setHTML(html).addTo(this.map);
   }
   /**
    * Detach events for a layer
@@ -15436,14 +15442,14 @@ var ControlsManager = class {
     if (config.navigation) {
       const options = typeof config.navigation === "object" ? config.navigation : {};
       const position = options.position || "top-right";
-      const control = new maplibregl2.NavigationControl();
+      const control = new NavigationControl();
       this.map.addControl(control, position);
       this.addedControls.push(control);
     }
     if (config.geolocate) {
       const options = typeof config.geolocate === "object" ? config.geolocate : {};
       const position = options.position || "top-right";
-      const control = new maplibregl2.GeolocateControl({
+      const control = new GeolocateControl({
         positionOptions: { enableHighAccuracy: true },
         trackUserLocation: true
       });
@@ -15453,14 +15459,14 @@ var ControlsManager = class {
     if (config.scale) {
       const options = typeof config.scale === "object" ? config.scale : {};
       const position = options.position || "bottom-left";
-      const control = new maplibregl2.ScaleControl();
+      const control = new ScaleControl();
       this.map.addControl(control, position);
       this.addedControls.push(control);
     }
     if (config.fullscreen) {
       const options = typeof config.fullscreen === "object" ? config.fullscreen : {};
       const position = options.position || "top-right";
-      const control = new maplibregl2.FullscreenControl();
+      const control = new FullscreenControl();
       this.map.addControl(control, position);
       this.addedControls.push(control);
     }
@@ -15485,10 +15491,10 @@ var MapRenderer = class {
   controlsManager;
   eventListeners;
   isLoaded;
-  constructor(container, config, layers = [], options = {}) {
+  constructor(container, config, layers = [], options = {}, sources) {
     this.eventListeners = /* @__PURE__ */ new Map();
     this.isLoaded = false;
-    this.map = new maplibregl2.Map({
+    this.map = new Map$1({
       ...config,
       container: typeof container === "string" ? container : container,
       style: config.mapStyle,
@@ -15513,6 +15519,13 @@ var MapRenderer = class {
     this.controlsManager = new ControlsManager(this.map);
     this.map.on("load", () => {
       this.isLoaded = true;
+      if (sources) {
+        for (const [id, sourceSpec] of Object.entries(sources)) {
+          if (!this.map.getSource(id)) {
+            this.map.addSource(id, sourceSpec);
+          }
+        }
+      }
       Promise.all(layers.map((layer) => this.addLayer(layer))).then(() => {
         this.emit("load", void 0);
         options.onLoad?.();
@@ -15812,7 +15825,7 @@ var MLMap = class extends HTMLElement {
     }
     this.appendChild(this.mapContainer);
     try {
-      const { config, layers = [] } = mapBlock;
+      const { config, sources, layers = [] } = mapBlock;
       this.renderer = new MapRenderer(this.mapContainer, config, layers, {
         onLoad: () => {
         },
@@ -15824,7 +15837,7 @@ var MLMap = class extends HTMLElement {
             })
           );
         }
-      });
+      }, sources);
       this.setupEventForwarding();
     } catch (error) {
       this.handleError([