@npm9912/v-map 0.1.1 → 0.2.0

package/dist/cjs/{v-map-layer-helper-iAzxAg9I.js → v-map-layer-helper-DnWpjZ_Q.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var messages = require('./messages-D7h4m8Tx.js');
+var events = require('./events-BMG7RKne.js');
+var messages = require('./messages-CFCxeG8p.js');
 
 class VMapLayerHelper {
     el;
@@ -33,7 +34,7 @@ class VMapLayerHelper {
     setError(detail) {
         this._error = detail;
         this.host?.setLoadState('error');
-        this.el.dispatchEvent(new CustomEvent(messages.VMapEvents.Error, {
+        this.el.dispatchEvent(new CustomEvent(events.VMapEvents.Error, {
             detail,
             bubbles: true,
             composed: true,
@@ -115,8 +116,8 @@ class VMapLayerHelper {
         if (this.listenersBound || !this.initContext)
             return;
         const { vmap } = this.initContext;
-        vmap.addEventListener(messages.VMapEvents.MapProviderReady, this.onMapProviderReady);
-        vmap.addEventListener(messages.VMapEvents.MapProviderWillShutdown, this.onMapProviderWillShutdown);
+        vmap.addEventListener(events.VMapEvents.MapProviderReady, this.onMapProviderReady);
+        vmap.addEventListener(events.VMapEvents.MapProviderWillShutdown, this.onMapProviderWillShutdown);
         this.listenersBound = true;
     }
     onMapProviderReady = async (event) => {
@@ -231,8 +232,8 @@ class VMapLayerHelper {
     async dispose() {
         if (this.initContext && this.listenersBound) {
             const { vmap } = this.initContext;
-            vmap.removeEventListener(messages.VMapEvents.MapProviderReady, this.onMapProviderReady);
-            vmap.removeEventListener(messages.VMapEvents.MapProviderWillShutdown, this.onMapProviderWillShutdown);
+            vmap.removeEventListener(events.VMapEvents.MapProviderReady, this.onMapProviderReady);
+            vmap.removeEventListener(events.VMapEvents.MapProviderWillShutdown, this.onMapProviderWillShutdown);
         }
         // listenersBound = false enables re-binding on a later connectedCallback()/initLayer()
         this.listenersBound = false;

package/dist/cjs/v-map-layer-terrain-geotiff.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-JSwBbvGA.js');
-var vMapLayerHelper = require('./v-map-layer-helper-iAzxAg9I.js');
-var messages = require('./messages-D7h4m8Tx.js');
+var index = require('./index-DmGHwivM.js');
+var vMapLayerHelper = require('./v-map-layer-helper-DnWpjZ_Q.js');
+var messages = require('./messages-CFCxeG8p.js');
+require('./events-BMG7RKne.js');
 
 const vMapLayerTerrainGeotiffCss = () => `:host{display:block}`;
 
@@ -194,7 +195,7 @@ const VMapLayerTerrainGeotiff = class {
         messages.log(MSG_COMPONENT + messages.MESSAGES.COMPONENT_WILL_RENDER);
     }
     render() {
-        return index.h("slot", { key: 'ec36579674879e6def334a8fc18a471aea8f286a' });
+        return index.h("slot", { key: '9d6029408f7126a557ae123b418b7aed610b798c' });
     }
     static get watchers() { return {
         "url": [{

package/dist/cjs/v-map-layercontrol.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-JSwBbvGA.js');
+var index = require('./index-DmGHwivM.js');
 
 const vMapLayercontrolCss = () => `.layer-control{background:white;padding:10px;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.layer-group{margin-bottom:10px;border:1px solid #eee;border-radius:4px}.layer-group summary{padding:5px;cursor:pointer;display:flex;align-items:center;gap:8px}.layer-item{margin:5px 0 5px 20px;display:flex;gap:8px;align-items:center}.layer-item input[type='range']{width:80px}.layer-item input[type='number']{width:40px}.layer-group-title{color:black}.layer-item-title{color:black}.layer-control button{background:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:2px 6px;margin-left:5px;cursor:pointer}.layer-control button:hover{background:#e0e0e0}.layer-group summary button{margin-left:auto}.layer-item button{margin-right:5px;color:#ff4444;border:none;background:none;font-size:1.2em;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}`;
 

package/dist/cjs/v-map.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-JSwBbvGA.js');
+var index = require('./index-DmGHwivM.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["v-map-builder.cjs",[[769,"v-map-builder",{"mapconfig":[1040]},null,{"mapconfig":[{"onMapConfigChanged":0}]}]]],["v-map-layer-terrain-geotiff.cjs",[[769,"v-map-layer-terrain-geotiff",{"loadState":[1537,"load-state"],"url":[1],"projection":[1],"forceProjection":[4,"force-projection"],"visible":[4],"opacity":[2],"zIndex":[2,"z-index"],"nodata":[2],"meshMaxError":[2,"mesh-max-error"],"wireframe":[4],"texture":[1],"color":[16],"colorMap":[1,"color-map"],"valueRange":[16],"elevationScale":[2,"elevation-scale"],"renderMode":[1,"render-mode"],"minZoom":[2,"min-zoom"],"maxZoom":[2,"max-zoom"],"tileSize":[2,"tile-size"],"getError":[64],"getLayerId":[64]},null,{"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"projection":[{"onPropertyChanged":0}],"forceProjection":[{"onPropertyChanged":0}],"nodata":[{"onPropertyChanged":0}],"meshMaxError":[{"onPropertyChanged":0}],"wireframe":[{"onPropertyChanged":0}],"texture":[{"onPropertyChanged":0}],"color":[{"onPropertyChanged":0}],"colorMap":[{"onPropertyChanged":0}],"valueRange":[{"onPropertyChanged":0}],"elevationScale":[{"onPropertyChanged":0}],"renderMode":[{"onPropertyChanged":0}],"minZoom":[{"onPropertyChanged":0}],"maxZoom":[{"onPropertyChanged":0}],"tileSize":[{"onPropertyChanged":0}]}]]],["v-map-layercontrol.cjs",[[513,"v-map-layercontrol",{"for":[1],"layerGroups":[32]}]]],["v-map_3.cjs",[[769,"v-map",{"flavour":[513],"center":[1],"zoom":[2],"useDefaultImportMap":[4,"use-default-import-map"],"cssMode":[1,"css-mode"],"isMapProviderReady":[64],"setView":[64]},null,{"flavour":[{"onFlavourChanged":0}]}],[513,"v-map-layer-osm",{"loadState":[1537,"load-state"],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"url":[513],"getError":[64],"getLayerId":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onUrlChanged":0}]}],[769,"v-map-layergroup",{"visible":[516],"opacity":[514],"basemapid":[513],"getGroupId":[64]},null,{"visible":[{"onVisibleChanged":0}],"basemapid":[{"onBaseMapIdChanged":0}]}]]],["v-map-layer-geojson_12.cjs",[[769,"v-map-layer-geojson",{"loadState":[1537,"load-state"],"geojson":[1025],"url":[513],"visible":[516],"zIndex":[514,"z-index"],"opacity":[514],"fillColor":[513,"fill-color"],"fillOpacity":[514,"fill-opacity"],"strokeColor":[513,"stroke-color"],"strokeWidth":[514,"stroke-width"],"strokeOpacity":[514,"stroke-opacity"],"pointRadius":[514,"point-radius"],"pointColor":[513,"point-color"],"iconUrl":[513,"icon-url"],"iconSize":[513,"icon-size"],"textProperty":[513,"text-property"],"textColor":[513,"text-color"],"textSize":[514,"text-size"],"getLayerId":[64],"getError":[64]},[[4,"styleReady","onStyleReady"]],{"geojson":[{"onGeoJsonChanged":0}],"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"fillColor":[{"onStyleChanged":0}],"fillOpacity":[{"onStyleChanged":0}],"strokeColor":[{"onStyleChanged":0}],"strokeWidth":[{"onStyleChanged":0}],"strokeOpacity":[{"onStyleChanged":0}],"pointRadius":[{"onStyleChanged":0}],"pointColor":[{"onStyleChanged":0}],"iconUrl":[{"onStyleChanged":0}],"iconSize":[{"onStyleChanged":0}],"textProperty":[{"onStyleChanged":0}],"textColor":[{"onStyleChanged":0}],"textSize":[{"onStyleChanged":0}]}],[513,"v-map-layer-geotiff",{"loadState":[1537,"load-state"],"url":[1],"visible":[4],"opacity":[2],"zIndex":[2,"z-index"],"nodata":[2],"colorMap":[1,"color-map"],"valueRange":[16],"getError":[64],"getLayerId":[64]},null,{"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"nodata":[{"onNodataChanged":0}],"colorMap":[{"onColorMapChanged":0}],"valueRange":[{"onValueRangeChanged":0}]}],[513,"v-map-layer-google",{"loadState":[1537,"load-state"],"mapType":[513,"map-type"],"apiKey":[513,"api-key"],"language":[513],"region":[513],"visible":[516],"opacity":[514],"scale":[513],"maxZoom":[514,"max-zoom"],"styles":[1025],"libraries":[513],"getError":[64]},null,{"styles":[{"parseStyles":0}]}],[513,"v-map-layer-scatterplot",{"loadState":[1537,"load-state"],"data":[513],"url":[513],"getFillColor":[513,"get-fill-color"],"getRadius":[514,"get-radius"],"opacity":[514],"visible":[516],"getError":[64]}],[769,"v-map-layer-terrain",{"loadState":[1537,"load-state"],"elevationData":[513,"elevation-data"],"texture":[513],"elevationDecoder":[513,"elevation-decoder"],"wireframe":[516],"color":[513],"minZoom":[514,"min-zoom"],"maxZoom":[514,"max-zoom"],"meshMaxError":[514,"mesh-max-error"],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"getError":[64],"isReady":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"elevationData":[{"onTerrainConfigChanged":0}],"texture":[{"onTerrainConfigChanged":0}],"elevationDecoder":[{"onTerrainConfigChanged":0}],"wireframe":[{"onTerrainConfigChanged":0}],"color":[{"onTerrainConfigChanged":0}],"minZoom":[{"onTerrainConfigChanged":0}],"maxZoom":[{"onTerrainConfigChanged":0}],"meshMaxError":[{"onTerrainConfigChanged":0}]}],[769,"v-map-layer-tile3d",{"loadState":[1537,"load-state"],"url":[513],"tilesetOptions":[1,"tileset-options"],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"isReady":[64],"getError":[64]},[[4,"styleReady","onStyleReady"]],{"url":[{"onUrlChanged":0}],"tilesetOptions":[{"onTilesetOptionsChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}]}],[769,"v-map-layer-wcs",{"loadState":[1537,"load-state"],"url":[513],"coverageName":[513,"coverage-name"],"format":[513],"version":[513],"projection":[513],"resolutions":[513],"params":[513],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"getError":[64],"isReady":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onSourceChanged":0}],"coverageName":[{"onSourceChanged":0}],"format":[{"onSourceChanged":0}],"version":[{"onSourceChanged":0}],"projection":[{"onSourceChanged":0}],"resolutions":[{"onSourceChanged":0}],"params":[{"onSourceChanged":0}]}],[769,"v-map-layer-wfs",{"loadState":[1537,"load-state"],"url":[513],"typeName":[513,"type-name"],"version":[513],"outputFormat":[513,"output-format"],"srsName":[513,"srs-name"],"params":[513],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"getError":[64],"isReady":[64]},[[4,"styleReady","onStyleReady"]],{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onSourceChanged":0}],"typeName":[{"onSourceChanged":0}],"version":[{"onSourceChanged":0}],"outputFormat":[{"onSourceChanged":0}],"srsName":[{"onSourceChanged":0}],"params":[{"onSourceChanged":0}]}],[513,"v-map-layer-wkt",{"loadState":[1537,"load-state"],"wkt":[513],"url":[513],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"fillColor":[513,"fill-color"],"fillOpacity":[514,"fill-opacity"],"strokeColor":[513,"stroke-color"],"strokeWidth":[514,"stroke-width"],"strokeOpacity":[514,"stroke-opacity"],"pointRadius":[514,"point-radius"],"pointColor":[513,"point-color"],"iconUrl":[513,"icon-url"],"iconSize":[513,"icon-size"],"textProperty":[513,"text-property"],"textColor":[513,"text-color"],"textSize":[514,"text-size"],"getError":[64],"getLayerId":[64]},[[4,"styleReady","onStyleReady"]],{"wkt":[{"onWktChanged":0}],"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"fillColor":[{"onStyleChanged":0}],"fillOpacity":[{"onStyleChanged":0}],"strokeColor":[{"onStyleChanged":0}],"strokeWidth":[{"onStyleChanged":0}],"strokeOpacity":[{"onStyleChanged":0}],"pointRadius":[{"onStyleChanged":0}],"pointColor":[{"onStyleChanged":0}],"iconUrl":[{"onStyleChanged":0}],"iconSize":[{"onStyleChanged":0}],"textProperty":[{"onStyleChanged":0}],"textColor":[{"onStyleChanged":0}],"textSize":[{"onStyleChanged":0}]}],[513,"v-map-layer-wms",{"loadState":[1537,"load-state"],"url":[513],"layers":[513],"styles":[513],"format":[513],"transparent":[516],"tiled":[516],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"getError":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onUrlChanged":0}],"layers":[{"onLayersChanged":0}],"styles":[{"onStylesChanged":0}]}],[513,"v-map-layer-xyz",{"loadState":[1537,"load-state"],"url":[513],"attributions":[513],"maxZoom":[514,"max-zoom"],"tileSize":[514,"tile-size"],"subdomains":[513],"visible":[516],"opacity":[514],"getError":[64]}],[769,"v-map-style",{"format":[513],"src":[513],"content":[513],"layerTargets":[513,"layer-targets"],"autoApply":[516,"auto-apply"],"parsedStyle":[32],"isLoading":[32],"error":[32],"getStyle":[64],"getLayerTargetIds":[64]},null,{"src":[{"onStyleSourceChanged":0}],"content":[{"onStyleSourceChanged":0}],"format":[{"onStyleSourceChanged":0}]}]]]], options);
+  return index.bootstrapLazy([["v-map-builder.cjs",[[769,"v-map-builder",{"mapconfig":[1040]},null,{"mapconfig":[{"onMapConfigChanged":0}]}]]],["v-map-error.cjs",[[513,"v-map-error",{"for":[1],"position":[513],"autoDismiss":[2,"auto-dismiss"],"max":[2],"log":[1],"toasts":[32]}]]],["v-map-layer-terrain-geotiff.cjs",[[769,"v-map-layer-terrain-geotiff",{"loadState":[1537,"load-state"],"url":[1],"projection":[1],"forceProjection":[4,"force-projection"],"visible":[4],"opacity":[2],"zIndex":[2,"z-index"],"nodata":[2],"meshMaxError":[2,"mesh-max-error"],"wireframe":[4],"texture":[1],"color":[16],"colorMap":[1,"color-map"],"valueRange":[16],"elevationScale":[2,"elevation-scale"],"renderMode":[1,"render-mode"],"minZoom":[2,"min-zoom"],"maxZoom":[2,"max-zoom"],"tileSize":[2,"tile-size"],"getError":[64],"getLayerId":[64]},null,{"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"projection":[{"onPropertyChanged":0}],"forceProjection":[{"onPropertyChanged":0}],"nodata":[{"onPropertyChanged":0}],"meshMaxError":[{"onPropertyChanged":0}],"wireframe":[{"onPropertyChanged":0}],"texture":[{"onPropertyChanged":0}],"color":[{"onPropertyChanged":0}],"colorMap":[{"onPropertyChanged":0}],"valueRange":[{"onPropertyChanged":0}],"elevationScale":[{"onPropertyChanged":0}],"renderMode":[{"onPropertyChanged":0}],"minZoom":[{"onPropertyChanged":0}],"maxZoom":[{"onPropertyChanged":0}],"tileSize":[{"onPropertyChanged":0}]}]]],["v-map-layercontrol.cjs",[[513,"v-map-layercontrol",{"for":[1],"layerGroups":[32]}]]],["v-map_3.cjs",[[769,"v-map",{"flavour":[513],"center":[1],"zoom":[2],"useDefaultImportMap":[4,"use-default-import-map"],"cssMode":[1,"css-mode"],"isMapProviderReady":[64],"setView":[64]},null,{"flavour":[{"onFlavourChanged":0}]}],[513,"v-map-layer-osm",{"loadState":[1537,"load-state"],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"url":[513],"getError":[64],"getLayerId":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onUrlChanged":0}]}],[769,"v-map-layergroup",{"visible":[516],"opacity":[514],"basemapid":[513],"getGroupId":[64]},null,{"visible":[{"onVisibleChanged":0}],"basemapid":[{"onBaseMapIdChanged":0}]}]]],["v-map-layer-geojson_12.cjs",[[769,"v-map-layer-geojson",{"loadState":[1537,"load-state"],"geojson":[1025],"url":[513],"visible":[516],"zIndex":[514,"z-index"],"opacity":[514],"fillColor":[513,"fill-color"],"fillOpacity":[514,"fill-opacity"],"strokeColor":[513,"stroke-color"],"strokeWidth":[514,"stroke-width"],"strokeOpacity":[514,"stroke-opacity"],"pointRadius":[514,"point-radius"],"pointColor":[513,"point-color"],"iconUrl":[513,"icon-url"],"iconSize":[513,"icon-size"],"textProperty":[513,"text-property"],"textColor":[513,"text-color"],"textSize":[514,"text-size"],"getLayerId":[64],"getError":[64]},[[4,"styleReady","onStyleReady"]],{"geojson":[{"onGeoJsonChanged":0}],"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"fillColor":[{"onStyleChanged":0}],"fillOpacity":[{"onStyleChanged":0}],"strokeColor":[{"onStyleChanged":0}],"strokeWidth":[{"onStyleChanged":0}],"strokeOpacity":[{"onStyleChanged":0}],"pointRadius":[{"onStyleChanged":0}],"pointColor":[{"onStyleChanged":0}],"iconUrl":[{"onStyleChanged":0}],"iconSize":[{"onStyleChanged":0}],"textProperty":[{"onStyleChanged":0}],"textColor":[{"onStyleChanged":0}],"textSize":[{"onStyleChanged":0}]}],[513,"v-map-layer-geotiff",{"loadState":[1537,"load-state"],"url":[1],"visible":[4],"opacity":[2],"zIndex":[2,"z-index"],"nodata":[2],"colorMap":[1,"color-map"],"valueRange":[16],"getError":[64],"getLayerId":[64]},null,{"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"nodata":[{"onNodataChanged":0}],"colorMap":[{"onColorMapChanged":0}],"valueRange":[{"onValueRangeChanged":0}]}],[513,"v-map-layer-google",{"loadState":[1537,"load-state"],"mapType":[513,"map-type"],"apiKey":[513,"api-key"],"language":[513],"region":[513],"visible":[516],"opacity":[514],"scale":[513],"maxZoom":[514,"max-zoom"],"styles":[1025],"libraries":[513],"getError":[64]},null,{"styles":[{"parseStyles":0}]}],[513,"v-map-layer-scatterplot",{"loadState":[1537,"load-state"],"data":[513],"url":[513],"getFillColor":[513,"get-fill-color"],"getRadius":[514,"get-radius"],"opacity":[514],"visible":[516],"getError":[64]}],[769,"v-map-layer-terrain",{"loadState":[1537,"load-state"],"elevationData":[513,"elevation-data"],"texture":[513],"elevationDecoder":[513,"elevation-decoder"],"wireframe":[516],"color":[513],"minZoom":[514,"min-zoom"],"maxZoom":[514,"max-zoom"],"meshMaxError":[514,"mesh-max-error"],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"getError":[64],"isReady":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"elevationData":[{"onTerrainConfigChanged":0}],"texture":[{"onTerrainConfigChanged":0}],"elevationDecoder":[{"onTerrainConfigChanged":0}],"wireframe":[{"onTerrainConfigChanged":0}],"color":[{"onTerrainConfigChanged":0}],"minZoom":[{"onTerrainConfigChanged":0}],"maxZoom":[{"onTerrainConfigChanged":0}],"meshMaxError":[{"onTerrainConfigChanged":0}]}],[769,"v-map-layer-tile3d",{"loadState":[1537,"load-state"],"url":[513],"tilesetOptions":[1,"tileset-options"],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"isReady":[64],"getError":[64]},[[4,"styleReady","onStyleReady"]],{"url":[{"onUrlChanged":0}],"tilesetOptions":[{"onTilesetOptionsChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}]}],[769,"v-map-layer-wcs",{"loadState":[1537,"load-state"],"url":[513],"coverageName":[513,"coverage-name"],"format":[513],"version":[513],"projection":[513],"resolutions":[513],"params":[513],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"getError":[64],"isReady":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onSourceChanged":0}],"coverageName":[{"onSourceChanged":0}],"format":[{"onSourceChanged":0}],"version":[{"onSourceChanged":0}],"projection":[{"onSourceChanged":0}],"resolutions":[{"onSourceChanged":0}],"params":[{"onSourceChanged":0}]}],[769,"v-map-layer-wfs",{"loadState":[1537,"load-state"],"url":[513],"typeName":[513,"type-name"],"version":[513],"outputFormat":[513,"output-format"],"srsName":[513,"srs-name"],"params":[513],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"didLoad":[32],"getError":[64],"isReady":[64]},[[4,"styleReady","onStyleReady"]],{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onSourceChanged":0}],"typeName":[{"onSourceChanged":0}],"version":[{"onSourceChanged":0}],"outputFormat":[{"onSourceChanged":0}],"srsName":[{"onSourceChanged":0}],"params":[{"onSourceChanged":0}]}],[513,"v-map-layer-wkt",{"loadState":[1537,"load-state"],"wkt":[513],"url":[513],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"fillColor":[513,"fill-color"],"fillOpacity":[514,"fill-opacity"],"strokeColor":[513,"stroke-color"],"strokeWidth":[514,"stroke-width"],"strokeOpacity":[514,"stroke-opacity"],"pointRadius":[514,"point-radius"],"pointColor":[513,"point-color"],"iconUrl":[513,"icon-url"],"iconSize":[513,"icon-size"],"textProperty":[513,"text-property"],"textColor":[513,"text-color"],"textSize":[514,"text-size"],"getError":[64],"getLayerId":[64]},[[4,"styleReady","onStyleReady"]],{"wkt":[{"onWktChanged":0}],"url":[{"onUrlChanged":0}],"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"fillColor":[{"onStyleChanged":0}],"fillOpacity":[{"onStyleChanged":0}],"strokeColor":[{"onStyleChanged":0}],"strokeWidth":[{"onStyleChanged":0}],"strokeOpacity":[{"onStyleChanged":0}],"pointRadius":[{"onStyleChanged":0}],"pointColor":[{"onStyleChanged":0}],"iconUrl":[{"onStyleChanged":0}],"iconSize":[{"onStyleChanged":0}],"textProperty":[{"onStyleChanged":0}],"textColor":[{"onStyleChanged":0}],"textSize":[{"onStyleChanged":0}]}],[513,"v-map-layer-wms",{"loadState":[1537,"load-state"],"url":[513],"layers":[513],"styles":[513],"format":[513],"transparent":[516],"tiled":[516],"visible":[516],"opacity":[514],"zIndex":[514,"z-index"],"getError":[64]},null,{"visible":[{"onVisibleChanged":0}],"opacity":[{"onOpacityChanged":0}],"zIndex":[{"onZIndexChanged":0}],"url":[{"onUrlChanged":0}],"layers":[{"onLayersChanged":0}],"styles":[{"onStylesChanged":0}]}],[513,"v-map-layer-xyz",{"loadState":[1537,"load-state"],"url":[513],"attributions":[513],"maxZoom":[514,"max-zoom"],"tileSize":[514,"tile-size"],"subdomains":[513],"visible":[516],"opacity":[514],"getError":[64]}],[769,"v-map-style",{"format":[513],"src":[513],"content":[513],"layerTargets":[513,"layer-targets"],"autoApply":[516,"auto-apply"],"parsedStyle":[32],"isLoading":[32],"error":[32],"getStyle":[64],"getLayerTargetIds":[64]},null,{"src":[{"onStyleSourceChanged":0}],"content":[{"onStyleSourceChanged":0}],"format":[{"onStyleSourceChanged":0}]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{v-map.v-map-layer-osm.v-map-layergroup-BsXp3BoL.js → v-map.v-map-layer-osm.v-map-layergroup-BJ3_NqAj.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-JSwBbvGA.js');
-var messages = require('./messages-D7h4m8Tx.js');
-var vMapLayerHelper = require('./v-map-layer-helper-iAzxAg9I.js');
+var index = require('./index-DmGHwivM.js');
+var messages = require('./messages-CFCxeG8p.js');
+var events = require('./events-BMG7RKne.js');
+var vMapLayerHelper = require('./v-map-layer-helper-DnWpjZ_Q.js');
 
 /** Exhaustiveness-Guard für Switch/Union */
 function assertNever(x, msg) {
@@ -21,19 +22,19 @@ async function createProvider(engine) {
     try {
         switch (engine) {
             case 'ol': {
-                const { OpenLayersProvider } = await Promise.resolve().then(function () { return require('./openlayers-provider-Dfeg6L4n.js'); });
+                const { OpenLayersProvider } = await Promise.resolve().then(function () { return require('./openlayers-provider-DMxYtFkS.js'); });
                 return new OpenLayersProvider();
             }
             case 'cesium': {
-                const { CesiumProvider } = await Promise.resolve().then(function () { return require('./cesium-provider-BiFFyAl9.js'); });
+                const { CesiumProvider } = await Promise.resolve().then(function () { return require('./cesium-provider-CTtu9eTD.js'); });
                 return new CesiumProvider();
             }
             case 'deck': {
-                const { DeckProvider } = await Promise.resolve().then(function () { return require('./deck-provider-Ctq3Q8a1.js'); }).then(function (n) { return n.deckProvider; });
+                const { DeckProvider } = await Promise.resolve().then(function () { return require('./deck-provider-fNa818HH.js'); }).then(function (n) { return n.deckProvider; });
                 return new DeckProvider();
             }
             case 'leaflet': {
-                const { LeafletProvider } = await Promise.resolve().then(function () { return require('./leaflet-provider-DOqfs7g5.js'); });
+                const { LeafletProvider } = await Promise.resolve().then(function () { return require('./leaflet-provider-7Nw-AdV_.js'); });
                 return new LeafletProvider();
             }
             default: {
@@ -110,7 +111,7 @@ function watchElementResize(target, cb, mutationObserverInit) {
     };
 }
 
-const vMapCss = () => `:host{display:block}`;
+const vMapCss = () => `:host{display:block;position:relative}`;
 
 const NOOP_PROVIDER = {
     async init() { },
@@ -197,7 +198,7 @@ const VMap = class {
             mapProvider: NOOP_PROVIDER,
         };
         // this.mapProviderReady.emit(payLoad);
-        this.el.dispatchEvent(new CustomEvent(messages.VMapEvents.MapProviderWillShutdown, {
+        this.el.dispatchEvent(new CustomEvent(events.VMapEvents.MapProviderWillShutdown, {
             detail: payLoad, // deine Payload
             bubbles: false, // blubbert nach oben
             composed: false, // geht über Shadow-Grenzen
@@ -239,7 +240,7 @@ const VMap = class {
             mapProvider: this.mapProvider,
         };
         // this.mapProviderReady.emit(payLoad);
-        this.el.dispatchEvent(new CustomEvent(messages.VMapEvents.MapProviderReady, {
+        this.el.dispatchEvent(new CustomEvent(events.VMapEvents.MapProviderReady, {
             detail: payLoad, // deine Payload
             bubbles: false, // blubbert nach oben
             composed: false, // geht über Shadow-Grenzen
@@ -248,7 +249,7 @@ const VMap = class {
         // Mouse-move → Geo-Koordinaten (provider-spezifisch)
         if (this.mapProvider?.onPointerMove) {
             this.unsubscribePointerMove = this.mapProvider.onPointerMove((coordinate, pixel) => {
-                this.el.dispatchEvent(new CustomEvent(messages.VMapEvents.MapMouseMove, {
+                this.el.dispatchEvent(new CustomEvent(events.VMapEvents.MapMouseMove, {
                     detail: { coordinate, pixel },
                     bubbles: true,
                     composed: true,
@@ -273,7 +274,7 @@ const VMap = class {
     async componentDidRender() {
         messages.log(MSG_COMPONENT$2 + messages.MESSAGES.COMPONENT_DID_RENDER);
         await this.createMap();
-        this.el.addEventListener(messages.VMapEvents.MapProviderReady, ((event) => {
+        this.el.addEventListener(events.VMapEvents.MapProviderReady, ((event) => {
             messages.log(MSG_COMPONENT$2 + 'test - event: ', event);
         }));
     }
@@ -532,12 +533,12 @@ const VMapLayerGroup = class {
             const mapProvider = mapElement?.__vMapProvider ?? null;
             await this.init(mapProvider);
         }
-        vmap?.addEventListener(messages.VMapEvents.MapProviderReady, (async (event) => {
+        vmap?.addEventListener(events.VMapEvents.MapProviderReady, (async (event) => {
             messages.log(`${MSG_COMPONENT}map provider ready`);
             const mapEvent = event.detail;
             await this.init(mapEvent.mapProvider);
         }));
-        vmap?.addEventListener(messages.VMapEvents.MapProviderWillShutdown, async (_event) => {
+        vmap?.addEventListener(events.VMapEvents.MapProviderWillShutdown, async (_event) => {
             messages.log(`${MSG_COMPONENT}map provider shutting down`);
             this.mapProvider = null;
         });
@@ -558,7 +559,7 @@ const VMapLayerGroup = class {
         return this.groupId;
     }
     render() {
-        return index.h("slot", { key: '584a5816d8f73071bf257e3f70a4c2baea2d2f56' });
+        return index.h("slot", { key: 'cffd8e9ece1377275f6d23503004eeffafa4cfcd' });
     }
     static get watchers() { return {
         "visible": [{

package/dist/cjs/v-map_3.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var vMap_vMapLayerOsm_vMapLayergroup_entry = require('./v-map.v-map-layer-osm.v-map-layergroup-BsXp3BoL.js');
-require('./index-JSwBbvGA.js');
-require('./messages-D7h4m8Tx.js');
-require('./v-map-layer-helper-iAzxAg9I.js');
+var vMap_vMapLayerOsm_vMapLayergroup_entry = require('./v-map.v-map-layer-osm.v-map-layergroup-BJ3_NqAj.js');
+require('./index-DmGHwivM.js');
+require('./messages-CFCxeG8p.js');
+require('./events-BMG7RKne.js');
+require('./v-map-layer-helper-DnWpjZ_Q.js');
 
 
 

package/dist/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "components/v-map-layer-scatterplot/v-map-layer-scatterplot.js",
     "components/v-map/v-map.js",
     "components/v-map-builder/v-map-builder.js",
+    "components/v-map-error/v-map-error.js",
     "components/v-map-layer-geojson/v-map-layer-geojson.js",
     "components/v-map-layer-geotiff/v-map-layer-geotiff.js",
     "components/v-map-layer-google/v-map-layer-google.js",

package/dist/collection/components/v-map/v-map.css

@@ -1,3 +1,6 @@
 :host {
   display: block;
+  /* Establish a positioning context so overlay children like
+     <v-map-error> can use position: absolute relative to the map. */
+  position: relative;
 }

package/dist/collection/components/v-map-error/v-map-error.css

@@ -0,0 +1,136 @@
+:host {
+  /* The host element overlays its parent v-map container.
+     v-map.css sets position: relative on its host so this lines up.
+     pointer-events: none lets map interactions pass through; the toasts
+     themselves re-enable pointer-events so they can still be clicked. */
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 10000;
+  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica,
+    Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+.stack {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-width: min(420px, calc(100% - 32px));
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+:host([position='top-right']) .stack {
+  top: 0;
+  right: 0;
+}
+
+:host([position='top-left']) .stack {
+  top: 0;
+  left: 0;
+}
+
+:host([position='top']) .stack {
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+:host([position='bottom-right']) .stack {
+  bottom: 0;
+  right: 0;
+}
+
+:host([position='bottom-left']) .stack {
+  bottom: 0;
+  left: 0;
+}
+
+:host([position='bottom']) .stack {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.toast {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 14px;
+  background: rgba(28, 28, 32, 0.95);
+  color: #fff;
+  border-radius: 8px;
+  border-left: 4px solid #ff5252;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
+  pointer-events: auto;
+  animation: v-map-error-slide-in 200ms ease-out;
+  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
+}
+
+.badge {
+  flex: none;
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: rgba(255, 82, 82, 0.2);
+  color: #ff8a8a;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.message {
+  flex: 1 1 auto;
+  word-break: break-word;
+}
+
+.close {
+  flex: none;
+  align-self: flex-start;
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  margin: -2px -4px 0 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 20px;
+  line-height: 1;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.close:hover {
+  background: rgba(255, 255, 255, 0.12);
+  color: #fff;
+}
+
+.close:focus-visible {
+  outline: 2px solid #fff;
+  outline-offset: 2px;
+}
+
+@keyframes v-map-error-slide-in {
+  from {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .toast {
+    animation: none;
+  }
+}