@npm9912/v-map 0.1.0

package/dist/components/v-map-layer-terrain-geotiff.js

@@ -0,0 +1 @@
+import{transformTag as e,proxyCustomElement as o,HTMLElement as t,createEvent as r,h as n}from"@stencil/core/internal/client";import{V as a}from"./v-map-layer-helper.js";import{l as i}from"./events.js";import{M as s}from"./messages.js";const h="v-map-layer-terrain-geotiff - ",d=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ready=r(this,"ready",7)}get el(){return this}loadState="idle";url=null;projection=null;forceProjection=!1;visible=!0;opacity=1;zIndex=100;nodata=null;meshMaxError=4;wireframe=!1;texture=null;color=null;colorMap=null;valueRange=null;elevationScale=1;renderMode="terrain";minZoom=0;maxZoom=24;tileSize=256;ready;didLoad=!1;hasLoadedOnce=!1;helper;setLoadState(e){this.loadState=e}async getError(){return this.helper?.getError()}async onUrlChanged(){i(h+"onUrlChanged"),await(this.helper?.updateLayer({type:"terrain-geotiff",data:this.createLayerConfig()}))}async onVisibleChanged(){i(h+"onVisibleChanged"),await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){i(h+"onOpacityChanged"),await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){i(h+"onZIndexChanged"),await(this.helper?.setZIndex(this.zIndex))}async onPropertyChanged(){i(h+"onPropertyChanged"),await(this.helper?.updateLayer({type:"terrain-geotiff",data:this.createLayerConfig()}))}isReady(){return this.didLoad}async getLayerId(){return this.helper.getLayerId()}createLayerConfig(){return{type:"terrain-geotiff",visible:this.visible,zIndex:this.zIndex,opacity:this.opacity,url:this.url,projection:this.projection,forceProjection:this.forceProjection,nodata:this.nodata,meshMaxError:this.meshMaxError,wireframe:this.wireframe,texture:this.texture,color:this.color,colorMap:this.colorMap,valueRange:this.valueRange,elevationScale:this.elevationScale,renderMode:this.renderMode,minZoom:this.minZoom,maxZoom:this.maxZoom,tileSize:this.tileSize}}async connectedCallback(){i(h+s.COMPONENT_CONNECTED_CALLBACK),this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async disconnectedCallback(){i(h+s.COMPONENT_DISCONNECTED_CALLBACK),await(this.helper?.dispose())}async componentWillLoad(){i(h+s.COMPONENT_WILL_LOAD),this.helper=new a(this.el,this)}async componentDidLoad(){i(h+s.COMPONENT_DID_LOAD),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),this.hasLoadedOnce=!0,this.didLoad=!0,this.ready.emit()}async componentWillRender(){i(h+s.COMPONENT_WILL_RENDER)}render(){return n("slot",{key:"ec36579674879e6def334a8fc18a471aea8f286a"})}static get watchers(){return{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}]}}static get style(){return":host{display:block}"}},[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]},void 0,{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}]}]);function l(){"undefined"!=typeof customElements&&["v-map-layer-terrain-geotiff"].forEach((o=>{"v-map-layer-terrain-geotiff"===o&&(customElements.get(e(o))||customElements.define(e(o),d))}))}l();const c=d,p=l;export{c as VMapLayerTerrainGeotiff,p as defineCustomElement}

package/dist/components/v-map-layer-terrain.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerTerrain extends Components.VMapLayerTerrain, HTMLElement {}
+export const VMapLayerTerrain: {
+    prototype: VMapLayerTerrain;
+    new (): VMapLayerTerrain;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-terrain.js

@@ -0,0 +1 @@
+import{V as r,d as a}from"./v-map-layer-terrain2.js";const o=r,s=a;export{o as VMapLayerTerrain,s as defineCustomElement}

package/dist/components/v-map-layer-terrain2.js

@@ -0,0 +1 @@
+import{transformTag as e,proxyCustomElement as t,HTMLElement as a,h as i}from"@stencil/core/internal/client";import{V as n}from"./v-map-layer-helper.js";import{l as o}from"./events.js";const r="v-map-layer-terrain - ",s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}loadState="idle";elevationData;texture;elevationDecoder;wireframe;color;minZoom;maxZoom;meshMaxError;visible=!0;opacity=1;zIndex=1e3;didLoad=!1;hasLoadedOnce=!1;helper;setLoadState(e){this.loadState=e}async getError(){return this.helper?.getError()}componentWillLoad(){o(r+"componentWillLoad"),this.helper=new n(this.el,this)}async componentDidLoad(){o(r+"componentDidLoad"),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),this.didLoad=!0,this.hasLoadedOnce=!0}async connectedCallback(){this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async disconnectedCallback(){o(r+"disconnectedCallback"),await(this.helper?.dispose())}async isReady(){return this.didLoad}async onVisibleChanged(){this.didLoad&&await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){this.didLoad&&await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){this.didLoad&&await(this.helper?.setZIndex(this.zIndex))}async onTerrainConfigChanged(){this.didLoad&&await this.pushTerrainUpdate()}async pushTerrainUpdate(){await(this.helper?.updateLayer({type:"terrain",data:{type:"terrain",elevationData:this.elevationData,texture:this.texture,elevationDecoder:this.getElevationDecoder(),wireframe:this.wireframe,color:this.getColorArray(),minZoom:this.minZoom,maxZoom:this.maxZoom,meshMaxError:this.meshMaxError,opacity:this.opacity,visible:this.visible,zIndex:this.zIndex}}))}getElevationDecoder(){if(this.elevationDecoder)try{const e=JSON.parse(this.elevationDecoder);if("object"==typeof e&&null!==e&&["r","g","b","offset"].every((t=>t in e)))return e;this.helper?.setError({type:"parse",message:"Invalid elevationDecoder JSON",attribute:"elevationDecoder",cause:void 0})}catch(e){this.helper?.setError({type:"parse",message:"Invalid elevationDecoder JSON",attribute:"elevationDecoder",cause:e})}}getColorArray(){if(!this.color)return;const e=this.color.trim();if(e){if(e.startsWith("[")&&e.endsWith("]"))try{const t=JSON.parse(e);if(Array.isArray(t)&&3===t.length&&t.every((e=>"number"==typeof e)))return t}catch(e){this.helper?.setError({type:"parse",message:"Failed to parse color JSON array",attribute:"color",cause:e})}if(e.includes(",")){const t=e.split(",").map((e=>parseFloat(e.trim())));if(3===t.length&&t.every((e=>!Number.isNaN(e))))return t}if(e.startsWith("#")){const t=e.replace("#","");if(3===t.length||6===t.length){const e=3===t.length?t.split("").map((e=>e+e)).join(""):t,a=parseInt(e.slice(0,2),16),i=parseInt(e.slice(2,4),16),n=parseInt(e.slice(4,6),16);if(![a,i,n].some(Number.isNaN))return[a,i,n]}}this.helper?.setError({type:"parse",message:`Unsupported color format: ${e}`,attribute:"color"})}}createLayerConfig(){return{type:"terrain",elevationData:this.elevationData,texture:this.texture,elevationDecoder:this.getElevationDecoder(),wireframe:this.wireframe,color:this.getColorArray(),minZoom:this.minZoom,maxZoom:this.maxZoom,meshMaxError:this.meshMaxError,opacity:this.opacity,visible:this.visible,zIndex:this.zIndex}}render(){return i("slot",{key:"c199c1789ddbfdf0c9327a154d82d2ffac090b33"})}static get watchers(){return{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}]}}static get style(){return":host{display:none}"}},[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]},void 0,{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}]}]);function h(){"undefined"!=typeof customElements&&["v-map-layer-terrain"].forEach((t=>{"v-map-layer-terrain"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}h();export{s as V,h as d}

package/dist/components/v-map-layer-tile3d.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerTile3d extends Components.VMapLayerTile3d, HTMLElement {}
+export const VMapLayerTile3d: {
+    prototype: VMapLayerTile3d;
+    new (): VMapLayerTile3d;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-tile3d.js

@@ -0,0 +1 @@
+import{V as a,d as o}from"./v-map-layer-tile3d2.js";const r=a,s=o;export{r as VMapLayerTile3d,s as defineCustomElement}

package/dist/components/v-map-layer-tile3d2.js

@@ -0,0 +1 @@
+import{transformTag as t,proxyCustomElement as e,HTMLElement as i,createEvent as s,h as a}from"@stencil/core/internal/client";import{V as n}from"./v-map-layer-helper.js";import{l}from"./events.js";import{M as o}from"./messages.js";import{i as h}from"./styling.js";const d="v-map-layer-tile3d - ",r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ready=s(this,"ready",7)}get el(){return this}loadState="idle";url;tilesetOptions;visible=!0;opacity=1;zIndex=1e3;ready;didLoad=!1;hasLoadedOnce=!1;helper;appliedCesiumStyle;async connectedCallback(){this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async componentWillLoad(){l(d+o.COMPONENT_WILL_LOAD),this.helper=new n(this.el,this)}async componentDidLoad(){l(d+o.COMPONENT_DID_LOAD),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),await this.applyExistingStyles(),this.didLoad=!0,this.hasLoadedOnce=!0,this.ready.emit()}async disconnectedCallback(){l(d+o.COMPONENT_DISCONNECTED_CALLBACK),await(this.helper?.dispose())}async isReady(){return this.didLoad}setLoadState(t){this.loadState=t}async getError(){return this.helper?.getError()}async onUrlChanged(t,e){t!==e&&this.helper&&await this.helper.updateLayer({type:"tile3d",data:{url:e,tilesetOptions:this.parseTilesetOptions(),cesiumStyle:this.appliedCesiumStyle}})}async onTilesetOptionsChanged(){this.helper&&await this.helper.updateLayer({type:"tile3d",data:{url:this.url,tilesetOptions:this.parseTilesetOptions(),cesiumStyle:this.appliedCesiumStyle}})}async onVisibleChanged(){await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){await(this.helper?.setZIndex(this.zIndex))}async onStyleReady(t){const{style:e,layerIds:i}=t.detail;e&&!h(e)&&this.isTargetedByStyle(i)&&(l(d+"Applying Cesium 3D Tiles style"),this.appliedCesiumStyle=e,await this.updateLayerWithCesiumStyle())}async applyExistingStyles(){const t=Array.from(document.querySelectorAll("v-map-style"));for(const e of t){const t=e.getStyle?await e.getStyle():void 0;if(!t)continue;if(h(t))continue;const i=e.getLayerTargetIds?await e.getLayerTargetIds():void 0;i&&this.isTargetedByStyle(i)&&(l(d+"Applying existing Cesium 3D Tiles style"),this.appliedCesiumStyle=t,await this.updateLayerWithCesiumStyle())}}isTargetedByStyle(t){return!!t&&(t.includes(this.el.id)||0===t.length)}async updateLayerWithCesiumStyle(){this.helper&&this.appliedCesiumStyle&&await this.helper.updateLayer({type:"tile3d-style",data:{style:this.appliedCesiumStyle}})}parseTilesetOptions(){if(this.tilesetOptions){if("object"==typeof this.tilesetOptions)return this.tilesetOptions;try{return JSON.parse(this.tilesetOptions)}catch(t){return void this.helper?.setError({type:"parse",message:"Invalid tilesetOptions JSON",attribute:"tilesetOptions",cause:t})}}}createLayerConfig(){return{type:"tile3d",url:this.url,visible:this.visible,opacity:this.opacity,zIndex:this.zIndex,tilesetOptions:this.parseTilesetOptions(),cesiumStyle:this.appliedCesiumStyle}}render(){return a("slot",{key:"39223347c38080929d4865fa5ee2de4f3b1f87b1"})}static get watchers(){return{url:[{onUrlChanged:0}],tilesetOptions:[{onTilesetOptionsChanged:0}],visible:[{onVisibleChanged:0}],opacity:[{onOpacityChanged:0}],zIndex:[{onZIndexChanged:0}]}}static get style(){return":host{display:none}"}},[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}]}]);function y(){"undefined"!=typeof customElements&&["v-map-layer-tile3d"].forEach((e=>{"v-map-layer-tile3d"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}y();export{r as V,y as d}

package/dist/components/v-map-layer-wcs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerWcs extends Components.VMapLayerWcs, HTMLElement {}
+export const VMapLayerWcs: {
+    prototype: VMapLayerWcs;
+    new (): VMapLayerWcs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-wcs.js

@@ -0,0 +1 @@
+import{V as s,d as a}from"./v-map-layer-wcs2.js";const o=s,r=a;export{o as VMapLayerWcs,r as defineCustomElement}

package/dist/components/v-map-layer-wcs2.js

@@ -0,0 +1 @@
+import{transformTag as e,proxyCustomElement as t,HTMLElement as a,h as s}from"@stencil/core/internal/client";import{V as o}from"./v-map-layer-helper.js";import{l as n}from"./events.js";const i="v-map-layer-wcs - ",r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}loadState="idle";url;coverageName;format="image/tiff";version="1.1.0";projection;resolutions;params;visible=!0;opacity=1;zIndex=1e3;didLoad=!1;hasLoadedOnce=!1;helper;setLoadState(e){this.loadState=e}async getError(){return this.helper?.getError()}componentWillLoad(){n(i+"componentWillLoad"),this.helper=new o(this.el,this)}async componentDidLoad(){n(i+"componentDidLoad"),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),this.didLoad=!0,this.hasLoadedOnce=!0}async connectedCallback(){this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async disconnectedCallback(){n(i+"disconnectedCallback"),await(this.helper?.dispose())}async isReady(){return this.didLoad}async onVisibleChanged(){this.didLoad&&await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){this.didLoad&&await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){this.didLoad&&await(this.helper?.setZIndex(this.zIndex))}async onSourceChanged(){this.didLoad&&await(this.helper?.updateLayer({type:"wcs",data:this.createLayerConfig()}))}parseParams(){if(this.params)try{const e=JSON.parse(this.params);if(e&&"object"==typeof e)return e}catch(e){this.helper?.setError({type:"parse",message:"Invalid params JSON",attribute:"params",cause:e})}}parseResolutions(){if(this.resolutions)try{const e=JSON.parse(this.resolutions);if(Array.isArray(e)&&e.every((e=>"number"==typeof e)))return e}catch(e){this.helper?.setError({type:"parse",message:"Invalid resolutions JSON",attribute:"resolutions",cause:e})}}createLayerConfig(){return{type:"wcs",url:this.url,coverageName:this.coverageName,format:this.format,version:this.version,projection:this.projection,resolutions:this.parseResolutions(),params:this.parseParams(),visible:this.visible,opacity:this.opacity,zIndex:this.zIndex}}render(){return s("slot",{key:"b42cc02537db832f69250cb4545f7c15ce1e5a93"})}static get watchers(){return{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}]}}static get style(){return":host{display:none}"}},[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]},void 0,{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}]}]);function c(){"undefined"!=typeof customElements&&["v-map-layer-wcs"].forEach((t=>{"v-map-layer-wcs"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}c();export{r as V,c as d}

package/dist/components/v-map-layer-wfs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerWfs extends Components.VMapLayerWfs, HTMLElement {}
+export const VMapLayerWfs: {
+    prototype: VMapLayerWfs;
+    new (): VMapLayerWfs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-wfs.js

@@ -0,0 +1 @@
+import{V as s,d as a}from"./v-map-layer-wfs2.js";const o=s,r=a;export{o as VMapLayerWfs,r as defineCustomElement}

package/dist/components/v-map-layer-wfs2.js

@@ -0,0 +1 @@
+import{transformTag as t,proxyCustomElement as e,HTMLElement as s,h as a}from"@stencil/core/internal/client";import{V as i}from"./v-map-layer-helper.js";import{l as n}from"./events.js";import{i as o}from"./styling.js";const r="v-map-layer-wfs - ",h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}loadState="idle";url;typeName;version="1.1.0";outputFormat="application/json";srsName="EPSG:3857";params;visible=!0;opacity=1;zIndex=1e3;didLoad=!1;hasLoadedOnce=!1;helper;appliedGeostylerStyle;setLoadState(t){this.loadState=t}async getError(){return this.helper?.getError()}componentWillLoad(){n(r+"componentWillLoad"),this.helper=new i(this.el,this)}async componentDidLoad(){n(r+"componentDidLoad"),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),await this.applyExistingStyles(),this.didLoad=!0,this.hasLoadedOnce=!0}async connectedCallback(){this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async disconnectedCallback(){n(r+"disconnectedCallback"),await(this.helper?.dispose())}async isReady(){return this.didLoad}async onVisibleChanged(){this.didLoad&&await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){this.didLoad&&await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){this.didLoad&&await(this.helper?.setZIndex(this.zIndex))}async onSourceChanged(){this.didLoad&&await(this.helper?.updateLayer({type:"wfs",data:this.createLayerConfig()}))}parseParams(){if(this.params)try{const t=JSON.parse(this.params);if(t&&"object"==typeof t)return t}catch(t){this.helper?.setError({type:"parse",message:"Invalid params JSON",attribute:"params",cause:t})}}async onStyleReady(t){o(t.detail.style)&&this.isTargetedByStyle(t.detail.layerIds)&&(n(r+"Applying geostyler style"),this.appliedGeostylerStyle=t.detail.style,await this.updateLayerWithGeostylerStyle())}isTargetedByStyle(t){return!!t&&(t.includes(this.el.id)||0===t.length)}async applyExistingStyles(){const t=Array.from(document.querySelectorAll("v-map-style"));this.appliedGeostylerStyle=void 0;for(const e of t){const t=e.getStyle?await e.getStyle():void 0;if(!t)continue;if(!o(t))continue;const s=e.getLayerTargetIds?await e.getLayerTargetIds():void 0;if(s&&this.isTargetedByStyle(s)){n(r+"Applying existing geostyler style"),this.appliedGeostylerStyle=t;break}}await this.updateLayerWithGeostylerStyle()}async updateLayerWithGeostylerStyle(){this.appliedGeostylerStyle&&this.helper&&await this.helper.updateLayer({type:"wfs",data:{url:this.url,typeName:this.typeName,version:this.version,outputFormat:this.outputFormat,srsName:this.srsName,params:this.parseParams(),geostylerStyle:this.appliedGeostylerStyle}})}createLayerConfig(){const t={type:"wfs",url:this.url,typeName:this.typeName,version:this.version,outputFormat:this.outputFormat,srsName:this.srsName,params:this.parseParams(),visible:this.visible,opacity:this.opacity,zIndex:this.zIndex};return this.appliedGeostylerStyle&&(t.geostylerStyle=this.appliedGeostylerStyle),t}render(){return a("slot",{key:"347b5c4d982518a9f9c0ed25b1701d06d3f45134"})}static get watchers(){return{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}]}}static get style(){return":host{display:none}"}},[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}]}]);function d(){"undefined"!=typeof customElements&&["v-map-layer-wfs"].forEach((e=>{"v-map-layer-wfs"===e&&(customElements.get(t(e))||customElements.define(t(e),h))}))}d();export{h as V,d}

package/dist/components/v-map-layer-wkt.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerWkt extends Components.VMapLayerWkt, HTMLElement {}
+export const VMapLayerWkt: {
+    prototype: VMapLayerWkt;
+    new (): VMapLayerWkt;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-wkt.js

@@ -0,0 +1 @@
+import{V as a,d as o}from"./v-map-layer-wkt2.js";const r=a,s=o;export{r as VMapLayerWkt,s as defineCustomElement}

package/dist/components/v-map-layer-wkt2.js

@@ -0,0 +1 @@
+import{transformTag as t,proxyCustomElement as e,HTMLElement as i,createEvent as o}from"@stencil/core/internal/client";import{V as n}from"./v-map-layer-helper.js";import{l as a}from"./events.js";import{M as s}from"./messages.js";import{i as l}from"./styling.js";const r="v-map-layer-wkt - ",h=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ready=o(this,"ready",7)}get el(){return this}loadState="idle";wkt;url;visible=!0;opacity=1;zIndex=1e3;fillColor;fillOpacity;strokeColor;strokeWidth;strokeOpacity;pointRadius;pointColor;iconUrl;iconSize;textProperty;textColor;textSize;ready;didLoad=!1;hasLoadedOnce=!1;helper;setLoadState(t){this.loadState=t}async getError(){return this.helper?.getError()}appliedGeostylerStyle;async onWktChanged(t,e){a(r+"onWktChanged"),t!==e&&await(this.helper?.updateLayer({type:"wkt",data:{wkt:this.wkt,url:this.url}}))}async onUrlChanged(t,e){a(r+"onUrlChanged"),t!==e&&await(this.helper?.updateLayer({type:"wkt",data:{wkt:this.wkt,url:this.url}}))}async onVisibleChanged(){a(r+"onVisibleChanged"),await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){a(r+"onOpacityChanged"),await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){a(r+"onZIndexChanged"),await(this.helper?.setZIndex(this.zIndex))}async onStyleChanged(){a(r+"onStyleChanged"),await(this.helper?.updateLayer({type:"wkt",data:{wkt:this.wkt,url:this.url}}))}async onStyleReady(t){l(t.detail.style)&&this.isTargetedByStyle(t.detail.layerIds)&&(a(r+"Applying geostyler style"),this.appliedGeostylerStyle=t.detail.style,await this.updateLayerWithGeostylerStyle())}isTargetedByStyle(t){return!!t&&(t.includes(this.el.id)||0===t.length)}async applyExistingStyles(){const t=Array.from(document.querySelectorAll("v-map-style"));this.appliedGeostylerStyle=void 0;for(const e of t){const t=e.getStyle?await e.getStyle():void 0;if(!t)continue;if(!l(t))continue;const i=e.getLayerTargetIds?await e.getLayerTargetIds():void 0;if(i&&this.isTargetedByStyle(i)){a(r+"Applying existing geostyler style"),this.appliedGeostylerStyle=t;break}}await this.updateLayerWithGeostylerStyle()}async updateLayerWithGeostylerStyle(){this.appliedGeostylerStyle&&this.helper&&await this.helper.updateLayer({type:"wkt",data:{wkt:this.wkt,url:this.url,geostylerStyle:this.appliedGeostylerStyle}})}isReady(){return this.didLoad}async getLayerId(){return this.helper.getLayerId()}async connectedCallback(){a(r+s.COMPONENT_CONNECTED_CALLBACK),this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}createLayerConfig(){const t=this.iconSize?this.iconSize.split(",").map((t=>parseInt(t.trim(),10))):void 0,e={type:"wkt",wkt:this.wkt,url:this.url,visible:this.visible,zIndex:this.zIndex,opacity:this.opacity,style:{fillColor:this.fillColor,fillOpacity:this.fillOpacity,strokeColor:this.strokeColor,strokeWidth:this.strokeWidth,strokeOpacity:this.strokeOpacity,pointRadius:this.pointRadius,pointColor:this.pointColor,iconUrl:this.iconUrl,iconSize:t,textProperty:this.textProperty,textColor:this.textColor,textSize:this.textSize}};return this.appliedGeostylerStyle&&(e.geostylerStyle=this.appliedGeostylerStyle),e}async componentWillLoad(){a(r+s.COMPONENT_WILL_LOAD),this.helper=new n(this.el,this)}async componentDidLoad(){a(r+s.COMPONENT_DID_LOAD),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),await this.applyExistingStyles(),this.hasLoadedOnce=!0,this.didLoad=!0,this.ready.emit()}async disconnectedCallback(){a(r+s.COMPONENT_DISCONNECTED_CALLBACK),await(this.helper?.dispose())}render(){}static get watchers(){return{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}]}}static get style(){return""}},[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}]}]);function y(){"undefined"!=typeof customElements&&["v-map-layer-wkt"].forEach((e=>{"v-map-layer-wkt"===e&&(customElements.get(t(e))||customElements.define(t(e),h))}))}y();export{h as V,y as d}

package/dist/components/v-map-layer-wms.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerWms extends Components.VMapLayerWms, HTMLElement {}
+export const VMapLayerWms: {
+    prototype: VMapLayerWms;
+    new (): VMapLayerWms;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-wms.js

@@ -0,0 +1 @@
+import{V as s,d as a}from"./v-map-layer-wms2.js";const m=s,o=a;export{m as VMapLayerWms,o as defineCustomElement}

package/dist/components/v-map-layer-wms2.js

@@ -0,0 +1 @@
+import{transformTag as t,proxyCustomElement as e,HTMLElement as s,createEvent as a}from"@stencil/core/internal/client";import{V as n}from"./v-map-layer-helper.js";import{M as i}from"./messages.js";import{l as r}from"./events.js";const h="v-map-layer-wms - ",o=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ready=a(this,"ready",7)}get el(){return this}loadState="idle";url;layers;styles;format="image/png";transparent=!0;tiled=!0;visible=!0;opacity=1;zIndex=10;ready;hasLoadedOnce=!1;helper;setLoadState(t){this.loadState=t}async getError(){return this.helper?.getError()}async onVisibleChanged(){r(h+"onVisibleChanged"),await(this.helper?.setVisible(this.visible))}async onOpacityChanged(){r(h+"onOpacityChanged"),await(this.helper?.setOpacity(this.opacity))}async onZIndexChanged(){r(h+"onZIndexChanged"),await(this.helper?.setZIndex(this.zIndex))}async onUrlChanged(t,e){r(h+"onUrlChanged"),t!==e&&await this.updateLayer()}async onLayersChanged(t,e){r(h+"onLayersChanged"),t!==e&&await this.updateLayer()}async onStylesChanged(t,e){r(h+"onStylesChanged"),t!==e&&await this.updateLayer()}async updateLayer(){await(this.helper?.updateLayer({type:"wms",data:{url:this.url,layers:this.layers,styles:this.styles,format:this.format,transparent:String(this.transparent)}}))}async connectedCallback(){r(h+i.COMPONENT_CONNECTED_CALLBACK),this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async componentWillLoad(){r(h+i.COMPONENT_WILL_LOAD),this.helper=new n(this.el,this)}async componentDidLoad(){r(h+i.COMPONENT_DID_LOAD),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),this.hasLoadedOnce=!0,this.ready.emit()}async disconnectedCallback(){r(h+i.COMPONENT_DISCONNECTED_CALLBACK),await(this.helper?.dispose())}createLayerConfig(){return{type:"wms",url:this.url,layers:this.layers,transparent:String(this.transparent),styles:this.styles,format:this.format,extraParams:{tiled:String(this.tiled)},visible:this.visible,opacity:this.opacity,zIndex:this.zIndex}}render(){}static get watchers(){return{visible:[{onVisibleChanged:0}],opacity:[{onOpacityChanged:0}],zIndex:[{onZIndexChanged:0}],url:[{onUrlChanged:0}],layers:[{onLayersChanged:0}],styles:[{onStylesChanged:0}]}}static get style(){return""}},[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]},void 0,{visible:[{onVisibleChanged:0}],opacity:[{onOpacityChanged:0}],zIndex:[{onZIndexChanged:0}],url:[{onUrlChanged:0}],layers:[{onLayersChanged:0}],styles:[{onStylesChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["v-map-layer-wms"].forEach((e=>{"v-map-layer-wms"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}l();export{o as V,l as d}

package/dist/components/v-map-layer-xyz.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayerXyz extends Components.VMapLayerXyz, HTMLElement {}
+export const VMapLayerXyz: {
+    prototype: VMapLayerXyz;
+    new (): VMapLayerXyz;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layer-xyz.js

@@ -0,0 +1 @@
+import{V as a,d as o}from"./v-map-layer-xyz2.js";const r=a,s=o;export{r as VMapLayerXyz,s as defineCustomElement}

package/dist/components/v-map-layer-xyz2.js

@@ -0,0 +1 @@
+import{transformTag as t,proxyCustomElement as s,HTMLElement as e,createEvent as i}from"@stencil/core/internal/client";import{l as a}from"./events.js";import{M as o}from"./messages.js";import{V as r}from"./v-map-layer-helper.js";const n="v-map-layer-xyz - ",l=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ready=i(this,"ready",7)}get el(){return this}loadState="idle";url;attributions;maxZoom;tileSize;subdomains;visible=!0;opacity=1;ready;hasLoadedOnce=!1;helper;setLoadState(t){this.loadState=t}async getError(){return this.helper?.getError()}createLayerConfig(){const t={};return null!=this.tileSize&&(t.tileSize=this.tileSize),null!=this.subdomains&&(t.subdomains=this.subdomains),{type:"xyz",url:this.url,attributions:this.attributions,maxZoom:this.maxZoom,visible:this.visible,opacity:this.opacity,...Object.keys(t).length>0?{options:t}:{}}}async connectedCallback(){a(n+o.COMPONENT_CONNECTED_CALLBACK),this.hasLoadedOnce&&(this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id))}async componentWillLoad(){a(n+o.COMPONENT_WILL_LOAD),this.helper=new r(this.el,this)}async componentDidLoad(){a(n+o.COMPONENT_DID_LOAD),this.helper.startLoading(),await this.helper.initLayer((()=>this.createLayerConfig()),this.el.id),this.hasLoadedOnce=!0,this.ready.emit()}async disconnectedCallback(){a(n+o.COMPONENT_DISCONNECTED_CALLBACK),await(this.helper?.dispose())}render(){}static get style(){return""}},[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]}]);function h(){"undefined"!=typeof customElements&&["v-map-layer-xyz"].forEach((s=>{"v-map-layer-xyz"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}h();export{l as V,h as d}

package/dist/components/v-map-layercontrol.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayercontrol extends Components.VMapLayercontrol, HTMLElement {}
+export const VMapLayercontrol: {
+    prototype: VMapLayercontrol;
+    new (): VMapLayercontrol;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layercontrol.js

@@ -0,0 +1 @@
+import{transformTag as e,proxyCustomElement as t,HTMLElement as r,h as i}from"@stencil/core/internal/client";const a=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}for;get host(){return this}layerGroups=[];observer;mapElement=null;async connectedCallback(){}async componentWillLoad(){this.findMapElement()}async disconnectedCallback(){this.observer?.disconnect()}findMapElement(){this.mapElement=document.getElementById(this.for),this.mapElement?(this.initObserver(),this.updateLayerGroupsFromDom()):setTimeout((()=>this.findMapElement()),100)}initObserver(){this.mapElement&&(this.observer=new MutationObserver((async()=>{this.updateLayerGroupsFromDom()})),this.observer.observe(this.mapElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["basemapid","visible","opacity","zindex"]}))}readBool(e,t,...r){if("boolean"==typeof e[t])return!!e[t];for(const t of r)if(e.hasAttribute(t))return!0;return!1}readNumber(e,t,r,...i){const a=e[t];if("number"==typeof a&&Number.isFinite(a))return a;for(const t of i){const r=e.getAttribute(t);if(null!=r&&""!==r){const e=Number(r);if(!Number.isNaN(e))return e}}return r}readString(e,t,r,...i){const a=e[t];if("string"==typeof a&&a.length)return a;for(const t of i){const r=e.getAttribute(t);if(r)return r}return r}updateLayerGroupsFromDom(){if(!this.mapElement)return;const e=Array.from(this.mapElement.querySelectorAll("v-map-layergroup"));this.layerGroups=e.map((e=>{let t=e.id;t||(t="auto-"+Math.random().toString(36).slice(2,9),e.id=t);const r=this.readString(e,"label",t,"label"),i=e?.getAttribute("group-title")||void 0,a=this.readBool(e,"visible","visible"),s=e.getAttribute("basemapid");return{info:{element:e,id:t,visible:a,opacity:void 0,zIndex:void 0},label:r,groupTitle:i,basemapid:s,layers:this.getLayersFromDom(e)}})),this.layerGroups=this.cloneLayerGroups()}cloneLayerGroups(){return this.layerGroups.map((e=>({...e,info:{...e.info},layers:e.layers.map((e=>({...e,info:{...e.info}})))})))}getLayersFromDom(e){if(e)return Array.from(e.querySelectorAll("v-map-layer-wms, v-map-layer-osm, v-map-layer-geotiff, v-map-layer-geojson")).map((e=>{let t=e.id;t||(t="auto-"+Math.random().toString(36).slice(2,9),e.id=t);const r=this.readString(e,"label",t,"label");return{info:{element:e,id:t,visible:this.readBool(e,"visible","visible"),opacity:this.readNumber(e,"opacity",1,"opacity"),zIndex:this.readNumber(e,"zIndex",0,"zindex")},label:r}}))}setBool(e,t,r,...i){e[t]=r;for(const t of i)r?e.setAttribute(t,""):e.removeAttribute(t)}setNumber(e,t,r,...i){e[t]=r;for(const t of i)e.setAttribute(t,r+"")}handleVisibilityChange(e,t){e.element&&(this.setBool(e.element,"visible",t,"visible"),e.visible=t,this.layerGroups=[...this.layerGroups])}handleOpacityChange(e,t){e.element&&(this.setNumber(e.element,"opacity",t,"opacity"),e.opacity=t,this.layerGroups=[...this.layerGroups])}handleZIndexChange(e,t){e.element&&(this.setNumber(e.element,"zIndex",t,"z-index","zindex"),e.zIndex=t,this.layerGroups=[...this.layerGroups])}handleBaseLayerChange(e,t){e.basemapid=t,e.info.element.setAttribute("basemapid",t),this.layerGroups=[...this.layerGroups]}render(){return 0===this.layerGroups.length?i("div",{class:"layer-control-empty"},"Keine Layer verfügbar"):i("div",{class:"layer-control"},this.layerGroups.map((e=>i("details",{key:e.info.id,class:"layer-group"},i("summary",{class:"layer-group-header"},i("input",{type:"checkbox",checked:e.info.visible,onChange:t=>{this.handleVisibilityChange(e.info,t.target.checked)},class:"layer-group-checkbox"}),i("span",{class:"layer-group-title"},e.groupTitle),null!==e.basemapid?i("select",{class:"basemap-selector",onChange:t=>this.handleBaseLayerChange(e,t.target.value)},e.layers.map((t=>i("option",{key:t.info.id,value:t.info.id,selected:e.basemapid===t.info.id},t.label)))):i("div",null)),i("div",{class:"layer-group-content"},e.layers.map((t=>i("div",{key:t.info.id,class:"layer-item"},i("label",{class:"layer-item-label",title:t.label},i("input",{name:"group-"+e.info.id,type:"checkbox",checked:t.info.visible,onChange:e=>this.handleVisibilityChange(t.info,e.target.checked),class:"layer-item-checkbox"}),i("span",{class:"layer-item-title"},t.label)),i("div",{class:"layer-item-controls"},i("input",{type:"range",min:"0",max:"1",step:"0.1",value:t.info.opacity+"",onInput:e=>this.handleOpacityChange(t.info,parseFloat(e.target.value)),class:"layer-item-opacity","aria-label":"Opacity "+t.label}),i("input",{type:"number",min:"0",value:t.info.zIndex+"",onChange:e=>this.handleZIndexChange(t.info,parseInt(e.target.value,10)||0),class:"layer-item-zindex","aria-label":"Z-Index "+t.label}))))))))))}static get style(){return".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}"}},[513,"v-map-layercontrol",{for:[1],layerGroups:[32]}]);function s(){"undefined"!=typeof customElements&&["v-map-layercontrol"].forEach((t=>{"v-map-layercontrol"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}s();const n=a,o=s;export{n as VMapLayercontrol,o as defineCustomElement}

package/dist/components/v-map-layergroup.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapLayergroup extends Components.VMapLayergroup, HTMLElement {}
+export const VMapLayergroup: {
+    prototype: VMapLayergroup;
+    new (): VMapLayergroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-layergroup.js

@@ -0,0 +1 @@
+import{V as o,d as r}from"./v-map-layergroup2.js";const a=o,p=r;export{a as VMapLayergroup,p as defineCustomElement}

package/dist/components/v-map-layergroup2.js

@@ -0,0 +1 @@
+import{transformTag as s,proxyCustomElement as t,HTMLElement as a,h as i}from"@stencil/core/internal/client";import{l as e,V as n}from"./events.js";import{M as o}from"./messages.js";const r="v-map-layergroup - ",l=t(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}get el(){return this}visible=!0;opacity=1;basemapid=null;mapProvider=null;groupId=crypto.randomUUID();async onVisibleChanged(){e(r+"onVisibleChanged"),this.mapProvider?.setGroupVisible&&await this.mapProvider.setGroupVisible(this.groupId,this.visible)}async onBaseMapIdChanged(){e(r+"onBaseMapIdChanged"),this.mapProvider?.setBaseLayer&&await this.mapProvider.setBaseLayer(this.groupId,this.basemapid)}async init(s){null==this.mapProvider&&(this.mapProvider=s,null!==this.mapProvider&&(this.mapProvider?.ensureGroup&&await this.mapProvider.ensureGroup(this.groupId,this.visible,{basemapid:this.basemapid}),await(this.mapProvider?.setGroupVisible(this.groupId,this.visible)),await(this.mapProvider?.setBaseLayer(this.groupId,this.basemapid))))}async connectedCallback(){e(r+o.COMPONENT_CONNECTED_CALLBACK);const s=this.el.closest("v-map");await customElements.whenDefined("v-map");const t=s;if(!0===await(s?.isMapProviderReady?.())){const t=s?.__vMapProvider??null;await this.init(t)}t?.addEventListener(n.MapProviderReady,(async s=>{e(`${r}map provider ready`);const t=s.detail;await this.init(t.mapProvider)})),t?.addEventListener(n.MapProviderWillShutdown,(async()=>{e(`${r}map provider shutting down`),this.mapProvider=null}))}async componentWillLoad(){e(r+o.COMPONENT_WILL_LOAD)}async componentDidLoad(){e(r+o.COMPONENT_DID_LOAD)}async componentWillRender(){e(r+o.COMPONENT_WILL_RENDER)}async getGroupId(){return this.groupId}render(){return i("slot",{key:"584a5816d8f73071bf257e3f70a4c2baea2d2f56"})}static get watchers(){return{visible:[{onVisibleChanged:0}],basemapid:[{onBaseMapIdChanged:0}]}}static get style(){return":host{display:none;}"}},[769,"v-map-layergroup",{visible:[516],opacity:[514],basemapid:[513],getGroupId:[64]},void 0,{visible:[{onVisibleChanged:0}],basemapid:[{onBaseMapIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["v-map-layergroup"].forEach((t=>{"v-map-layergroup"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}h();export{l as V,h as d}

package/dist/components/v-map-style.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VMapStyle extends Components.VMapStyle, HTMLElement {}
+export const VMapStyle: {
+    prototype: VMapStyle;
+    new (): VMapStyle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/v-map-style.js

@@ -0,0 +1 @@
+import{V as s,d as o}from"./v-map-style2.js";const t=s,a=o;export{t as VMapStyle,a as defineCustomElement}