UNPKG

@mapbox-vue3/env-layers

Version:

Mapbox Vue3 Component Library Env Layers

2 lines (1 loc) 1.34 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),s=require("@deck.gl/mapbox"),p=require("@mapbox-web/deck-gl-extension"),c=require("@mapbox-vue3/core"),u=require("./wind-layer.js"),l={class:"mb-wind-layer"},m={name:"MbWindLayer"},w=a.defineComponent({...m,props:u.windLayerProps,setup(o){const e=o;let i;const d=()=>{const n=r(),t={id:e.id,image:e.image,windMin:e.windMin,windMax:e.windMax,windRange:e.windRange,windOrigin:e.windOrigin,windRes:e.windRes,particlesNumber:e.particlesNumber,fadeOpacity:e.fadeOpacity,speedFactor:e.speedFactor,dropRate:e.dropRate,dropRateBump:e.dropRateBump,rampColors:e.rampColors,opacity:e.opacity,visible:e.visible};i=new s.MapboxLayer(Object.assign({type:p.WindLayer},t)),n.addLayer(i)},{getMapboxInstance:r}=c.useMapCreated(d);return a.watch(()=>e,()=>{i&&i.setProps({image:e.image,windMin:e.windMin,windMax:e.windMax,windRange:e.windRange,windOrigin:e.windOrigin,windRes:e.windRes,particlesNumber:e.particlesNumber,fadeOpacity:e.fadeOpacity,speedFactor:e.speedFactor,dropRate:e.dropRate,dropRateBump:e.dropRateBump,rampColors:e.rampColors,opacity:e.opacity,visible:e.visible})},{deep:!0}),a.onBeforeUnmount(()=>{const n=r();i&&n.removeLayer(e.id)}),(n,t)=>(a.openBlock(),a.createElementBlock("i",l))}});exports.default=w;