@npm9912/v-map 0.1.1 → 0.2.1

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

@@ -1 +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}
+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"./logger.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-wms2.js

@@ -1 +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}
+import{transformTag as t,proxyCustomElement as e,HTMLElement as a,createEvent as s}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"./logger.js";const h="v-map-layer-wms - ",o=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ready=s(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-xyz2.js

@@ -1 +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}
+import{transformTag as t,proxyCustomElement as s,HTMLElement as i,createEvent as e}from"@stencil/core/internal/client";import{l as a}from"./logger.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 i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ready=e(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-layergroup2.js

@@ -1 +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}
+import{transformTag as s,proxyCustomElement as t,HTMLElement as a,h as e}from"@stencil/core/internal/client";import{V as i}from"./events.js";import{l as n}from"./logger.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(){n(r+"onVisibleChanged"),this.mapProvider?.setGroupVisible&&await this.mapProvider.setGroupVisible(this.groupId,this.visible)}async onBaseMapIdChanged(){n(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(){n(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(i.MapProviderReady,(async s=>{n(`${r}map provider ready`);const t=s.detail;await this.init(t.mapProvider)})),t?.addEventListener(i.MapProviderWillShutdown,(async()=>{n(`${r}map provider shutting down`),this.mapProvider=null}))}async componentWillLoad(){n(r+o.COMPONENT_WILL_LOAD)}async componentDidLoad(){n(r+o.COMPONENT_DID_LOAD)}async componentWillRender(){n(r+o.COMPONENT_WILL_RENDER)}async getGroupId(){return this.groupId}render(){return e("slot",{key:"cffd8e9ece1377275f6d23503004eeffafa4cfcd"})}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 c(){"undefined"!=typeof customElements&&["v-map-layergroup"].forEach((t=>{"v-map-layergroup"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}c();export{l as V,c as d}