solid-map-gl 1.1.16 → 1.1.17

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import{template,createComponent,memo,effect,classList,insert}from"solid-js/web";import{useTransition,createSignal,createContext,useContext,onMount,onCleanup,createEffect,createUniqueId}from"solid-js";import mapboxgl from"mapbox-gl";const mapEvents=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onPreClick","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel","onWheel","onResize","onRemove","onTouchMove","onMoveStart","onMove","onMoveEnd","onDragStart","onDrag","onDragEnd","onZoomStart","onZoom","onZoomEnd","onRotateStart","onRotate","onRotatEnd","onPitchStart","onPitch","onPitchEnd","onBoxZoomStart","onBoxZoomEnd","onBoxZoomCancel","onWebglContextLost","onWebglContextRestored","onLoad","onRender","onIdle","onError","onData","onStyleData","onSourceData","onDataLoading","onStyleDataLoading","onSourceDataLoading","onStyleImageMissing"],layerEvents=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel"],_tmpl$$2=template("<section></section>",2),[pending,start]=useTransition(),[isInternal,setInternal]=createSignal(!1),MapContext=createContext(),useMap=()=>useContext(MapContext),MapGL=a=>{let n,t,o=(onMount(()=>{n=new mapboxgl.Map({...a.options,container:t,interactive:!!a.onViewportChange,bounds:a.viewport.bounds,center:a.viewport.center,zoom:a.viewport.zoom||null,pitch:a.viewport.pitch||null,bearing:a.viewport.bearing||null,fitBoundsOptions:{padding:a.viewport.padding}})}),onCleanup(()=>n.remove()),createEffect(()=>mapEvents.forEach(t=>{if(a[t]){const e=t.slice(2).toLowerCase(),o=e=>a[t](e);n.on(e,o),onCleanup(()=>n().off(e,o))}})),createEffect(()=>n.showTileBoundaries=a.showTileBoundaries),createEffect(()=>n.showTerrainWireframe=a.showTerrainWireframe),createEffect(()=>n.showPadding=a.showPadding),createEffect(()=>n.showCollisionBoxes=a.showCollisionBoxes),createEffect(()=>n.showOverdrawInspector=a.showOverdrawInspector),createEffect(()=>n.getCanvas().style.cursor=a.cursorStyle),createEffect(e=>{e!==a.options.style&&n.setStyle(a.options.style)},a.options.style),createEffect(e=>{e!==a.options.projection&&n.setProjection(a.options.projection)},a.options.projection),createEffect(()=>{const e=e=>{e.originalEvent&&(setInternal(!0),a.onViewportChange({center:n.getCenter(),zoom:n.getZoom(),pitch:n.getPitch(),bearing:n.getBearing(),padding:a.viewport.padding,bounds:a.viewport.bounds}))},t=e=>setInternal(!1);n.on("move",e).on("moveend",t),onCleanup(()=>n.off("move",e).off("moveend",t))}),createEffect(e=>(a.viewport.bounds!=e&&a.onViewportChange({...a.viewport,...n.cameraForBounds(a.viewport.bounds,{padding:a.viewport.padding})}),a.viewport.bounds),a.viewport.bounds),createEffect(()=>{if(!isInternal())switch(a.transitionType){case"easeTo":n.stop().easeTo(a.viewport);case"jumpTo":n.stop().jumpTo(a.viewport);default:n.stop().flyTo(a.viewport)}}),0);return createEffect(()=>{a.triggerResize&&(o=0,window.requestAnimationFrame(function e(){o<15&&(o++,window.requestAnimationFrame(e),start(()=>n.resize()))}))}),createComponent(MapContext.Provider,{value:()=>n,get children(){return[memo(()=>a.children),(()=>{const n=_tmpl$$2.cloneNode(!0),e=t;return"function"==typeof e?e(n):t=n,n.style.setProperty("height","100%"),n.style.setProperty("width","100%"),effect(e=>{var t=a.class||"",o=a.classList;return t!==e._v$&&(n.className=e._v$=t),e._v$2=classList(n,o,e._v$2),e},{_v$:void 0,_v$2:void 0}),n})()]}})},SourceContext=createContext(),useSource=()=>useContext(SourceContext),SourceComponent=t=>{const o=useMap();return t.id=t.id||createUniqueId(),onMount(async()=>{o().isStyleLoaded()||await o().once("styledata"),o().getSource(t.id)||o().addSource(t.id,t.source)}),onCleanup(()=>{o().getStyle().layers.forEach(e=>e.source===t.id&&o().removeLayer(e.id)),o().getSource(t.id)&&o().removeSource(t.id)}),createEffect(async()=>{("geojson"===t.source.type||t.source.data)&&o().style&&o().getSource(t.id)&&o().getSource(t.id).setData(t.source.data)}),createComponent(SourceContext.Provider,{get value(){return{id:t.id}},get children(){return t.children}})},diff=(n={},a={})=>{return[...new Set([...Object.keys(n),...Object.keys(a)])].reduce((e,t)=>{var o=n[t];return o!==a[t]&&e.push([t,o]),e},[])},Layer=n=>{const a=useMap(),t=useSource();return n.id=n.id||createUniqueId(),onMount(async()=>{a().isStyleLoaded()||await a().once("styledata"),a().getLayer(n.id)||a().addLayer(n.layer||{...n.style,id:n.id,source:t.id},n.beforeType?a().getStyle().layers.find(e=>e.type===n.beforeType).id:n.beforeId)}),onCleanup(()=>a().removeLayer(n.id)),createEffect(()=>layerEvents.forEach(t=>{if(n[t]){const e=t.slice(2).toLowerCase(),o=e=>n[t](e);a().on(e,n.id,o),onCleanup(()=>a().off(e,n.id,o))}})),createEffect(e=>{if(n.style&&a().style&&a().getSource(t.id)&&a().getLayer(n.id))return n.style.layout!==(null==e?void 0:e.layout)&&diff(n.style.layout,null==e?void 0:e.layout).forEach(([e,t])=>a().setLayoutProperty(n.id,e,t,{validate:!1})),n.style.paint!==(null==e?void 0:e.paint)&&diff(n.style.paint,null==e?void 0:e.paint).forEach(([e,t])=>a().setPaintProperty(n.id,e,t,{validate:!1})),n.style.minzoom===(null==e?void 0:e.minzoom)&&n.style.maxzoom===(null==e?void 0:e.maxzoom)||a().setLayerZoomRange(n.id,n.style.minzoom,n.style.maxzoom),n.style.filter!==(null==e?void 0:e.filter)&&a().setFilter(n.id,n.style.filter,{validate:!1}),n.style},n.style),createEffect(e=>{if(void 0!==n.visible&&n.visible!==e&&a().getSource(t.id)&&a().getLayer(n.id))return a().setLayoutProperty(n.id,"visibility",n.visible?"visible":"none",{validate:!1}),n.visible},n.visible),createEffect(async()=>{n.filter&&(a().isStyleLoaded()||await a().once("styledata"),a().setFilter(n.id,n.filter))}),createEffect(async()=>{n.featureState&&n.featureState.id&&(a().isStyleLoaded()||await a().once("styledata"),a().removeFeatureState({source:t.id,sourceLayer:n.style["source-layer"]}),a().setFeatureState({source:t.id,sourceLayer:n.style["source-layer"],id:n.featureState.id},n.featureState.state))}),n.children},Fog=e=>{const t=useMap();return onMount(async()=>{t().isStyleLoaded()||await t().once("styledata"),t().setFog(e.style)}),onCleanup(()=>t().setFog(null)),createEffect(async()=>{void 0!==e.visible&&(t().isStyleLoaded()||await t().once("styledata"),t().setFog(e.visible?e.style:null))}),e.children},Sky=e=>{const t=useMap(),o="_sky";return onMount(async()=>{t().isStyleLoaded()||await t().once("styledata"),t().getLayer(o)||t().addLayer({...e.style,id:o})}),onCleanup(()=>t().getLayer(o)&&t().removeLayer(o)),createEffect(async()=>{void 0!==e.visible&&(t().isStyleLoaded()||await t().once("styledata"),t().setLayoutProperty(o,"visibility",e.visible?"visible":"none"))}),e.children},Terrain=e=>{const t=useMap(),o=useSource();return onMount(async()=>{t().isStyleLoaded()||await t().once("styledata"),t().setTerrain({...e.style,source:o.id})}),onCleanup(()=>t().setTerrain(null)),createEffect(async()=>{void 0!==e.visible&&(t().isStyleLoaded()||await t().once("styledata"),t().setTerrain(e.visible?e.style:null))}),e.children},Control=t=>{const o=useMap(),[e,n]=createSignal(null);return onMount(()=>{var e=((e,t)=>{switch(e){case"navigation":return new mapboxgl.NavigationControl(t);case"scale":return new mapboxgl.ScaleControl(t);case"attribution":return new mapboxgl.AttributionControl(t);case"fullscreen":return new mapboxgl.FullscreenControl(t||{container:o().container});case"geolocate":return new mapboxgl.GeolocateControl(t)}})(t.type,t.options);e&&o().addControl(e,t.position),n(e)}),onCleanup(()=>o().removeControl(e())),t.children},_tmpl$$1=template("<div></div>",2),Marker=t=>{const o=useMap();let n=null;return onMount(async()=>{var e;n=new mapboxgl.Marker(t.options).setLngLat(t.lnglat).setPopup(t.children?(new mapboxgl.Popup).setDOMContent((e=_tmpl$$1.cloneNode(!0),insert(e,()=>t.children),e)):null).addTo(o())}),onCleanup(()=>n.remove()),createEffect(()=>n.setLngLat(t.lnglat)),[]},_tmpl$=template("<div></div>",2),Popup=t=>{const o=useMap();let n=null;return onMount(async()=>{var e;n=new mapboxgl.Popup(t.options).setLngLat(t.lnglat).setDOMContent((e=_tmpl$.cloneNode(!0),insert(e,()=>t.children),e)).addTo(o())}),onCleanup(()=>n.remove()),createEffect(()=>n.setLngLat(t.lnglat)),createEffect(()=>n.setDOMContent((()=>{var e=_tmpl$.cloneNode(!0);return insert(e,()=>t.children),e})())),[]},Image=o=>{const n=useMap();return onMount(async()=>{n().isStyleLoaded()||await n().once("styledata"),o.url?n().loadImage(o.url,(e,t)=>{if(e)throw e;n().hasImage(o.id)||n().addImage(o.id,t)}):n().hasImage(o.id)||n().addImage(o.id,o.image,o.options)}),onCleanup(()=>n().hasImage(o.id)&&n().removeImage(o.id)),createEffect(async()=>{o.image&&o.url||(o.url?n().loadImage(o.url,(e,t)=>{if(e)throw e;n().hasImage(o.id)||n().updateImage(o.id,t)}):n().style&&n().hasImage(o.id)&&n().updateImage(o.id,o.image))}),[]};export{Control,Fog,Image,Layer,Marker,Popup,Sky,SourceComponent as Source,Terrain,MapGL as default,useMap};
+import{template,createComponent,memo,effect,classList,insert}from"solid-js/web";import{useTransition,createSignal,createContext,useContext,onMount,onCleanup,createEffect,createUniqueId}from"solid-js";import mapboxgl from"mapbox-gl";const mapEvents=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onPreClick","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel","onWheel","onResize","onRemove","onTouchMove","onMoveStart","onMove","onMoveEnd","onDragStart","onDrag","onDragEnd","onZoomStart","onZoom","onZoomEnd","onRotateStart","onRotate","onRotatEnd","onPitchStart","onPitch","onPitchEnd","onBoxZoomStart","onBoxZoomEnd","onBoxZoomCancel","onWebglContextLost","onWebglContextRestored","onLoad","onRender","onIdle","onError","onData","onStyleData","onSourceData","onDataLoading","onStyleDataLoading","onSourceDataLoading","onStyleImageMissing"],layerEvents=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel"],_tmpl$$2=template("<section></section>",2),[pending,start]=useTransition(),[isInternal,setInternal]=createSignal(!1),MapContext=createContext(),useMap=()=>useContext(MapContext),MapGL=a=>{let n,t,o=(onMount(()=>{n=new mapboxgl.Map({...a.options,container:t,interactive:!!a.onViewportChange,bounds:a.viewport.bounds,center:a.viewport.center,zoom:a.viewport.zoom||null,pitch:a.viewport.pitch||null,bearing:a.viewport.bearing||null,fitBoundsOptions:{padding:a.viewport.padding}})}),onCleanup(()=>n.remove()),createEffect(()=>mapEvents.forEach(t=>{if(a[t]){const e=t.slice(2).toLowerCase(),o=e=>a[t](e);n.on(e,o),onCleanup(()=>n().off(e,o))}})),createEffect(()=>n.showTileBoundaries=a.showTileBoundaries),createEffect(()=>n.showTerrainWireframe=a.showTerrainWireframe),createEffect(()=>n.showPadding=a.showPadding),createEffect(()=>n.showCollisionBoxes=a.showCollisionBoxes),createEffect(()=>n.showOverdrawInspector=a.showOverdrawInspector),createEffect(()=>n.getCanvas().style.cursor=a.cursorStyle),createEffect(e=>{e!==a.options.style&&n.setStyle(a.options.style)},a.options.style),createEffect(e=>{e!==a.options.projection&&n.setProjection(a.options.projection)},a.options.projection),createEffect(()=>{const e=e=>{e.originalEvent&&(setInternal(!0),a.onViewportChange({center:n.getCenter(),zoom:n.getZoom(),pitch:n.getPitch(),bearing:n.getBearing(),padding:a.viewport.padding,bounds:a.viewport.bounds}))},t=e=>setInternal(!1);n.on("move",e).on("moveend",t),onCleanup(()=>n.off("move",e).off("moveend",t))}),createEffect(e=>(a.viewport.bounds!=e&&a.onViewportChange({...a.viewport,...n.cameraForBounds(a.viewport.bounds,{padding:a.viewport.padding})}),a.viewport.bounds),a.viewport.bounds),createEffect(()=>{var e={...a.viewport,padding:a.viewport.padding||0};switch(a.transitionType){case"easeTo":n.stop().easeTo(e);case"jumpTo":n.stop().jumpTo(e);default:n.stop().flyTo(e)}}),0);return createEffect(()=>{a.triggerResize&&(o=0,window.requestAnimationFrame(function e(){o<15&&(o++,window.requestAnimationFrame(e),start(()=>n.resize()))}))}),createComponent(MapContext.Provider,{value:()=>n,get children(){return[memo(()=>a.children),(()=>{const n=_tmpl$$2.cloneNode(!0),e=t;return"function"==typeof e?e(n):t=n,n.style.setProperty("height","100%"),n.style.setProperty("width","100%"),effect(e=>{var t=a.class||"",o=a.classList;return t!==e._v$&&(n.className=e._v$=t),e._v$2=classList(n,o,e._v$2),e},{_v$:void 0,_v$2:void 0}),n})()]}})},SourceContext=createContext(),useSource=()=>useContext(SourceContext),SourceComponent=t=>{const o=useMap();return t.id=t.id||createUniqueId(),onMount(async()=>{o().isStyleLoaded()||await o().once("styledata"),o().getSource(t.id)||o().addSource(t.id,t.source)}),onCleanup(()=>{o().getStyle().layers.forEach(e=>e.source===t.id&&o().removeLayer(e.id)),o().getSource(t.id)&&o().removeSource(t.id)}),createEffect(async()=>{("geojson"===t.source.type||t.source.data)&&o().style&&o().getSource(t.id)&&o().getSource(t.id).setData(t.source.data)}),createComponent(SourceContext.Provider,{get value(){return{id:t.id}},get children(){return t.children}})},diff=(n={},a={})=>{return[...new Set([...Object.keys(n),...Object.keys(a)])].reduce((e,t)=>{var o=n[t];return o!==a[t]&&e.push([t,o]),e},[])},Layer=n=>{const a=useMap(),t=useSource();return n.id=n.id||createUniqueId(),onMount(async()=>{a().isStyleLoaded()||await a().once("styledata"),a().getLayer(n.id)||a().addLayer(n.layer||{...n.style,id:n.id,source:t.id},n.beforeType?a().getStyle().layers.find(e=>e.type===n.beforeType).id:n.beforeId)}),onCleanup(()=>a().removeLayer(n.id)),createEffect(()=>layerEvents.forEach(t=>{if(n[t]){const e=t.slice(2).toLowerCase(),o=e=>n[t](e);a().on(e,n.id,o),onCleanup(()=>a().off(e,n.id,o))}})),createEffect(e=>{if(n.style&&a().style&&a().getSource(t.id)&&a().getLayer(n.id))return n.style.layout!==(null==e?void 0:e.layout)&&diff(n.style.layout,null==e?void 0:e.layout).forEach(([e,t])=>a().setLayoutProperty(n.id,e,t,{validate:!1})),n.style.paint!==(null==e?void 0:e.paint)&&diff(n.style.paint,null==e?void 0:e.paint).forEach(([e,t])=>a().setPaintProperty(n.id,e,t,{validate:!1})),n.style.minzoom===(null==e?void 0:e.minzoom)&&n.style.maxzoom===(null==e?void 0:e.maxzoom)||a().setLayerZoomRange(n.id,n.style.minzoom,n.style.maxzoom),n.style.filter!==(null==e?void 0:e.filter)&&a().setFilter(n.id,n.style.filter,{validate:!1}),n.style},n.style),createEffect(e=>{if(void 0!==n.visible&&n.visible!==e&&a().getSource(t.id)&&a().getLayer(n.id))return a().setLayoutProperty(n.id,"visibility",n.visible?"visible":"none",{validate:!1}),n.visible},n.visible),createEffect(async()=>{n.filter&&(a().isStyleLoaded()||await a().once("styledata"),a().setFilter(n.id,n.filter))}),createEffect(async()=>{n.featureState&&n.featureState.id&&(a().isStyleLoaded()||await a().once("styledata"),a().removeFeatureState({source:t.id,sourceLayer:n.style["source-layer"]}),a().setFeatureState({source:t.id,sourceLayer:n.style["source-layer"],id:n.featureState.id},n.featureState.state))}),n.children},Fog=e=>{const t=useMap();return onMount(async()=>{t().isStyleLoaded()||await t().once("styledata"),t().setFog(e.style)}),onCleanup(()=>t().setFog(null)),createEffect(async()=>{void 0!==e.visible&&(t().isStyleLoaded()||await t().once("styledata"),t().setFog(e.visible?e.style:null))}),e.children},Sky=e=>{const t=useMap(),o="_sky";return onMount(async()=>{t().isStyleLoaded()||await t().once("styledata"),t().getLayer(o)||t().addLayer({...e.style,id:o})}),onCleanup(()=>t().getLayer(o)&&t().removeLayer(o)),createEffect(async()=>{void 0!==e.visible&&(t().isStyleLoaded()||await t().once("styledata"),t().setLayoutProperty(o,"visibility",e.visible?"visible":"none"))}),e.children},Terrain=e=>{const t=useMap(),o=useSource();return onMount(async()=>{t().isStyleLoaded()||await t().once("styledata"),t().setTerrain({...e.style,source:o.id})}),onCleanup(()=>t().setTerrain(null)),createEffect(async()=>{void 0!==e.visible&&(t().isStyleLoaded()||await t().once("styledata"),t().setTerrain(e.visible?e.style:null))}),e.children},Control=t=>{const o=useMap(),[e,n]=createSignal(null);return onMount(()=>{var e=((e,t)=>{switch(e){case"navigation":return new mapboxgl.NavigationControl(t);case"scale":return new mapboxgl.ScaleControl(t);case"attribution":return new mapboxgl.AttributionControl(t);case"fullscreen":return new mapboxgl.FullscreenControl(t||{container:o().container});case"geolocate":return new mapboxgl.GeolocateControl(t)}})(t.type,t.options);e&&o().addControl(e,t.position),n(e)}),onCleanup(()=>o().removeControl(e())),t.children},_tmpl$$1=template("<div></div>",2),Marker=t=>{const o=useMap();let n=null;return onMount(async()=>{var e;n=new mapboxgl.Marker(t.options).setLngLat(t.lnglat).setPopup(t.children?(new mapboxgl.Popup).setDOMContent((e=_tmpl$$1.cloneNode(!0),insert(e,()=>t.children),e)):null).addTo(o())}),onCleanup(()=>n.remove()),createEffect(()=>n.setLngLat(t.lnglat)),[]},_tmpl$=template("<div></div>",2),Popup=t=>{const o=useMap();let n=null;return onMount(async()=>{var e;n=new mapboxgl.Popup(t.options).setLngLat(t.lnglat).setDOMContent((e=_tmpl$.cloneNode(!0),insert(e,()=>t.children),e)).addTo(o())}),onCleanup(()=>n.remove()),createEffect(()=>n.setLngLat(t.lnglat)),createEffect(()=>n.setDOMContent((()=>{var e=_tmpl$.cloneNode(!0);return insert(e,()=>t.children),e})())),[]},Image=o=>{const n=useMap();return onMount(async()=>{n().isStyleLoaded()||await n().once("styledata"),o.url?n().loadImage(o.url,(e,t)=>{if(e)throw e;n().hasImage(o.id)||n().addImage(o.id,t)}):n().hasImage(o.id)||n().addImage(o.id,o.image,o.options)}),onCleanup(()=>n().hasImage(o.id)&&n().removeImage(o.id)),createEffect(async()=>{o.image&&o.url||(o.url?n().loadImage(o.url,(e,t)=>{if(e)throw e;n().hasImage(o.id)||n().updateImage(o.id,t)}):n().style&&n().hasImage(o.id)&&n().updateImage(o.id,o.image))}),[]};export{Control,Fog,Image,Layer,Marker,Popup,Sky,SourceComponent as Source,Terrain,MapGL as default,useMap};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Fog/index.tsx","../../src/components/Sky/index.tsx","../../src/components/Terrain/index.tsx","../../src/components/Control/index.tsx","../../src/components/Marker/index.tsx","../../src/components/Popup/index.tsx","../../src/components/Image/index.tsx"],"sourcesContent":["const mapEvents: string[] = [\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseOver',\n  'onMouseOut',\n  'onMouseMove',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onPreClick',\n  'onClick',\n  'onDblClick',\n  'onContextMenu',\n  'onTouchStart',\n  'onTouchEnd',\n  'onTouchCancel',\n  'onWheel',\n  'onResize',\n  'onRemove',\n  'onTouchMove',\n  'onMoveStart',\n  'onMove',\n  'onMoveEnd',\n  'onDragStart',\n  'onDrag',\n  'onDragEnd',\n  'onZoomStart',\n  'onZoom',\n  'onZoomEnd',\n  'onRotateStart',\n  'onRotate',\n  'onRotatEnd',\n  'onPitchStart',\n  'onPitch',\n  'onPitchEnd',\n  'onBoxZoomStart',\n  'onBoxZoomEnd',\n  'onBoxZoomCancel',\n  'onWebglContextLost',\n  'onWebglContextRestored',\n  'onLoad',\n  'onRender',\n  'onIdle',\n  'onError',\n  'onData',\n  'onStyleData',\n  'onSourceData',\n  'onDataLoading',\n  'onStyleDataLoading',\n  'onSourceDataLoading',\n  'onStyleImageMissing',\n]\n\nconst layerEvents: string[] = [\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseOver',\n  'onMouseOut',\n  'onMouseMove',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onClick',\n  'onDblClick',\n  'onContextMenu',\n  'onTouchStart',\n  'onTouchEnd',\n  'onTouchCancel',\n]\n\nexport { mapEvents, layerEvents }\n","import {\n  createSignal,\n  createEffect,\n  onMount,\n  onCleanup,\n  createContext,\n  useContext,\n  Component,\n  useTransition,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport mapboxgl from 'mapbox-gl'\nimport 'mapbox-gl/dist/mapbox-gl.css'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type MapboxOptions from 'mapbox-gl/src/ui/map'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\nimport type { LngLatBounds } from 'mapbox-gl/src/geo/lng_lat_bounds.js'\nimport type { PaddingOptions } from 'mapbox-gl/src/geo/edge_insets.js'\n\nexport type Viewport = {\n  center?: LngLatLike\n  bounds?: LngLatBounds\n  zoom?: number\n  pitch?: number\n  bearing?: number\n  padding?: PaddingOptions\n}\n\nconst [pending, start] = useTransition()\nconst [isInternal, setInternal] = createSignal(false)\n\nconst MapContext = createContext<MapboxMap>()\nconst useMap = () => useContext(MapContext)\n\nconst MapGL: Component<{\n  class?: string\n  classList?: {\n    [k: string]: boolean | undefined\n  }\n  viewport?: Viewport\n  options?: MapboxOptions\n  children?: Element | Element[]\n  triggerResize?: boolean\n  transitionType?: 'flyTo' | 'easeTo' | 'jumpTo'\n  onViewportChange?: (viewport: Viewport) => void\n  showTileBoundaries?: boolean\n  showTerrainWireframe?: boolean\n  showPadding?: boolean\n  showCollisionBoxes?: boolean\n  showOverdrawInspector?: boolean\n  repaint?: boolean\n  cursorStyle?: string\n}> = props => {\n  let map: MapboxMap\n  let mapRef: HTMLDivElement\n\n  onMount(() => {\n    map = new mapboxgl.Map({\n      ...props.options,\n      container: mapRef,\n      interactive: !!props.onViewportChange,\n      bounds: props.viewport.bounds,\n      center: props.viewport.center,\n      zoom: props.viewport.zoom || null,\n      pitch: props.viewport.pitch || null,\n      bearing: props.viewport.bearing || null,\n      fitBoundsOptions: { padding: props.viewport.padding },\n    } as MapboxOptions)\n  })\n\n  onCleanup(() => map.remove())\n\n  // Hook up events\n  createEffect(() =>\n    mapEvents.forEach(item => {\n      if (props[item]) {\n        const event = item.slice(2).toLowerCase()\n        const callback = e => props[item](e)\n        map.on(event, callback)\n        onCleanup(() => map().off(event, callback))\n      }\n    })\n  )\n\n  // Update debug features\n  createEffect(() => (map.showTileBoundaries = props.showTileBoundaries))\n  createEffect(() => (map.showTerrainWireframe = props.showTerrainWireframe))\n  createEffect(() => (map.showPadding = props.showPadding))\n  createEffect(() => (map.showCollisionBoxes = props.showCollisionBoxes))\n  createEffect(() => (map.showOverdrawInspector = props.showOverdrawInspector))\n  createEffect(() => (map.getCanvas().style.cursor = props.cursorStyle))\n\n  // Update map style\n  createEffect(prev => {\n    prev !== props.options.style && map.setStyle(props.options.style)\n  }, props.options.style)\n\n  // Update projection\n  createEffect(prev => {\n    prev !== props.options.projection &&\n      map.setProjection(props.options.projection)\n  }, props.options.projection)\n\n  // Hook up viewport events\n  createEffect(() => {\n    const callback = event => {\n      if (event.originalEvent) {\n        setInternal(true)\n        props.onViewportChange({\n          center: map.getCenter(),\n          zoom: map.getZoom(),\n          pitch: map.getPitch(),\n          bearing: map.getBearing(),\n          padding: props.viewport.padding,\n          bounds: props.viewport.bounds,\n        })\n      }\n    }\n    const callEnd = event => setInternal(false)\n\n    map.on('move', callback).on('moveend', callEnd)\n    onCleanup(() => map.off('move', callback).off('moveend', callEnd))\n  })\n\n  // Update boundaries\n  createEffect(prev => {\n    if (props.viewport.bounds != prev)\n      props.onViewportChange({\n        ...props.viewport,\n        ...map.cameraForBounds(props.viewport.bounds, {\n          padding: props.viewport.padding,\n        }),\n      })\n    return props.viewport.bounds\n  }, props.viewport.bounds)\n\n  // Update Viewport\n  createEffect(() => {\n    if (isInternal()) return\n    switch (props.transitionType) {\n      case 'easeTo':\n        map.stop().easeTo(props.viewport)\n      case 'jumpTo':\n        map.stop().jumpTo(props.viewport)\n      default:\n        map.stop().flyTo(props.viewport)\n    }\n  })\n\n  let index = 0\n\n  createEffect(() => {\n    if (props.triggerResize) {\n      index = 0\n      window.requestAnimationFrame(function loop() {\n        if (index < 15) {\n          index++\n          window.requestAnimationFrame(loop)\n          start(() => map.resize())\n        }\n      })\n    }\n  })\n\n  return (\n    <MapContext.Provider value={() => map}>\n      {props.children}\n      <section\n        ref={mapRef}\n        class={props.class || ''}\n        classList={props.classList}\n        style={{ height: '100%', width: '100%' }}></section>\n    </MapContext.Provider>\n  )\n}\n\nexport { MapGL as default, useMap }\n","import {\n  onMount,\n  onCleanup,\n  createEffect,\n  Component,\n  createContext,\n  useContext,\n  createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  Source,\n  SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\nconst SourceContext = createContext<Source>()\n\nconst useSource = (): Source => useContext(SourceContext)\n\nconst SourceComponent: Component<{\n  id?: string\n  source: SourceSpecification\n}> = props => {\n  const map: MapboxMap = useMap()\n  props.id = props.id || createUniqueId()\n  // Add Source\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    !map().getSource(props.id) && map().addSource(props.id, props.source)\n  })\n\n  // Remove Source\n  onCleanup(() => {\n    map()\n      .getStyle()\n      .layers.forEach(\n        layer => layer.source === props.id && map().removeLayer(layer.id)\n      )\n    map().getSource(props.id) && map().removeSource(props.id)\n  })\n\n  // Update GeoJSON Data\n  createEffect(async () => {\n    if (props.source.type !== 'geojson' && !props.source.data) return\n\n    map().style &&\n      map().getSource(props.id) &&\n      map().getSource(props.id).setData(props.source.data)\n  })\n\n  return (\n    <SourceContext.Provider value={{ id: props.id }}>\n      {props.children}\n    </SourceContext.Provider>\n  )\n}\n\nexport { SourceComponent as default, useSource }\n","import {\n  onMount,\n  onCleanup,\n  createEffect,\n  Component,\n  createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSource } from '../Source'\nimport { layerEvents } from '../../events'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  FilterSpecification,\n  StyleSpecification,\n  SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\nimport type { CustomLayerInterface } from 'mapbox-gl/src/style/style_layer/custom_style_layer'\n\nconst diff = (\n  newProps: StyleSpecification = {},\n  prevProps: StyleSpecification = {}\n) => {\n  const keys = new Set([...Object.keys(newProps), ...Object.keys(prevProps)])\n  return [...keys].reduce((acc, key: string) => {\n    const value = newProps[key]\n    if (value !== prevProps[key]) {\n      acc.push([key, value])\n    }\n    return acc\n  }, [])\n}\n\nconst Layer: Component<{\n  id?: string\n  style?: StyleSpecification\n  layer?: CustomLayerInterface\n  filter?: FilterSpecification\n  visible?: boolean\n  sourceId?: string\n  beforeType?:\n    | 'background'\n    | 'fill'\n    | 'line'\n    | 'symbol'\n    | 'raster'\n    | 'circle'\n    | 'fill-extrusion'\n    | 'heatmap'\n    | 'hillshade'\n    | 'sky'\n  beforeId?: string\n  featureState?: { id: number | string; state: object }\n}> = props => {\n  const map: MapboxMap = useMap()\n  const source: SourceSpecification = useSource()\n  props.id = props.id || createUniqueId()\n  // Add Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n\n    if (map().getLayer(props.id)) return\n\n    map().addLayer(\n      props.layer || {\n        ...props.style,\n        id: props.id,\n        source: source.id,\n      },\n      props.beforeType\n        ? map()\n            .getStyle()\n            .layers.find(l => l.type === props.beforeType).id\n        : props.beforeId\n    )\n  })\n\n  onCleanup(() => map().removeLayer(props.id))\n\n  // Hook up events\n  createEffect(() =>\n    layerEvents.forEach(item => {\n      if (props[item]) {\n        const event = item.slice(2).toLowerCase()\n        const callback = e => props[item](e)\n        map().on(event, props.id, callback)\n        onCleanup(() => map().off(event, props.id, callback))\n      }\n    })\n  )\n\n  // Update Style\n  createEffect((prev: StyleSpecification) => {\n    if (\n      !props.style ||\n      !map().style ||\n      !map().getSource(source.id) ||\n      !map().getLayer(props.id)\n    )\n      return\n\n    if (props.style.layout !== prev?.layout)\n      diff(props.style.layout, prev?.layout).forEach(([key, value]) =>\n        map().setLayoutProperty(props.id, key, value, { validate: false })\n      )\n\n    if (props.style.paint !== prev?.paint)\n      diff(props.style.paint, prev?.paint).forEach(([key, value]) =>\n        map().setPaintProperty(props.id, key, value, { validate: false })\n      )\n\n    if (\n      props.style.minzoom !== prev?.minzoom ||\n      props.style.maxzoom !== prev?.maxzoom\n    )\n      map().setLayerZoomRange(\n        props.id,\n        props.style.minzoom,\n        props.style.maxzoom\n      )\n\n    if (props.style.filter !== prev?.filter)\n      map().setFilter(props.id, props.style.filter, { validate: false })\n\n    return props.style\n  }, props.style)\n\n  // Update Visibility\n  createEffect((prev: boolean) => {\n    if (\n      props.visible === undefined ||\n      props.visible === prev ||\n      !map().getSource(source.id) ||\n      !map().getLayer(props.id)\n    )\n      return\n\n    map().setLayoutProperty(\n      props.id,\n      'visibility',\n      props.visible ? 'visible' : 'none',\n      { validate: false }\n    )\n    return props.visible\n  }, props.visible)\n\n  // Update Filter\n  createEffect(async () => {\n    if (!props.filter) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setFilter(props.id, props.filter)\n  })\n\n  // Update Feature State\n  createEffect(async () => {\n    if (!props.featureState || !props.featureState.id) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n\n    map().removeFeatureState({\n      source: source.id,\n      sourceLayer: props.style['source-layer'],\n    })\n    map().setFeatureState(\n      {\n        source: source.id,\n        sourceLayer: props.style['source-layer'],\n        id: props.featureState.id,\n      },\n      props.featureState.state\n    )\n  })\n\n  return props.children\n}\n\nexport default Layer\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nconst Fog: Component<{\n  style: FogSpecification\n  visible?: boolean\n}> = props => {\n  const map: MapboxMap = useMap()\n  // Add Fog Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setFog(props.style)\n  })\n  // Remove Fog Layer\n  onCleanup(() => map().setFog(null))\n\n  // Update Visibility\n  createEffect(async () => {\n    if (props.visible === undefined) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setFog(props.visible ? props.style : null)\n  })\n\n  return props.children\n}\n\nexport default Fog\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nconst Sky: Component<{\n  style: StyleSpecification\n  visible?: boolean\n}> = props => {\n  const map: MapboxMap = useMap()\n  const layerId = '_sky'\n  // Add Sky Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    !map().getLayer(layerId) && map().addLayer({ ...props.style, id: layerId })\n  })\n\n  // Remove Sky Layer\n  onCleanup(() => map().getLayer(layerId) && map().removeLayer(layerId))\n\n  // Update Visibility\n  createEffect(async () => {\n    if (props.visible === undefined) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setLayoutProperty(\n      layerId,\n      'visibility',\n      props.visible ? 'visible' : 'none'\n    )\n  })\n\n  return props.children\n}\n\nexport default Sky\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSource } from '../Source'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  TerrainSpecification,\n  SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\nconst Terrain: Component<{\n  style: TerrainSpecification\n  visible?: boolean\n}> = props => {\n  const map: MapboxMap = useMap()\n  const source: SourceSpecification = useSource()\n\n  // Add Terrain Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setTerrain({ ...props.style, source: source.id })\n  })\n\n  // Remove Terrain Layer\n  onCleanup(() => map().setTerrain(null))\n\n  // Update Visibility\n  createEffect(async () => {\n    if (props.visible === undefined) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setTerrain(props.visible ? props.style : null)\n  })\n\n  return props.children\n}\n\nexport default Terrain\n","import { onMount, onCleanup, createSignal, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { Options as AttributionOptions } from 'mapbox-gl/src/ui/control/attribution_control'\nimport type { Options as FullscreenOptions } from 'mapbox-gl/src/ui/control/fullscreen_control'\nimport type { Options as GeolocateOptions } from 'mapbox-gl/src/ui/control/geolocate_control'\nimport type { Options as NavigationOptions } from 'mapbox-gl/src/ui/control/navigation_control'\nimport type { Options as ScaleOptions } from 'mapbox-gl/src/ui/control/scale_control'\n\nconst Control: Component<{\n  type:\n    | 'navigation'\n    | 'scale'\n    | 'attribution'\n    | 'fullscreen'\n    | 'geolocate'\n    | 'language'\n    | 'traffic'\n  options?:\n    | NavigationOptions\n    | ScaleOptions\n    | AttributionOptions\n    | FullscreenOptions\n    | GeolocateOptions\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n}> = props => {\n  const map: MapboxMap = useMap()\n  const [control, setControl] = createSignal(null)\n\n  const getControl = (type, options) => {\n    switch (type) {\n      case 'navigation':\n        return new mapboxgl.NavigationControl(options)\n      case 'scale':\n        return new mapboxgl.ScaleControl(options)\n      case 'attribution':\n        return new mapboxgl.AttributionControl(options)\n      case 'fullscreen':\n        return new mapboxgl.FullscreenControl(\n          options || { container: map().container }\n        )\n      case 'geolocate':\n        return new mapboxgl.GeolocateControl(options)\n      // case 'language':\n      //   try {\n      //     const MapboxLanguage = require('@mapbox/mapbox-gl-language').default\n      //     return new MapboxLanguage(options)\n      //   } catch (e) {}\n      // case 'traffic':\n      //   try {\n      //     const MapboxTraffic = require('@mapbox/mapbox-gl-traffic').default\n      //     require('@mapbox/mapbox-gl-traffic/mapbox-gl-traffic.css')\n      //     return new MapboxTraffic(options)\n      //   } catch (e) {}\n    }\n  }\n\n  // Add Control\n  onMount(() => {\n    const control = getControl(props.type, props.options)\n    control && map().addControl(control, props.position)\n    setControl(control)\n  })\n\n  onCleanup(() => map().removeControl(control()))\n\n  return props.children\n}\n\nexport default Control\n","import { onMount, onCleanup, createEffect, Component, children } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { MarkerSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nconst Marker: Component<{\n  options?: MarkerSpecification\n  lnglat: LngLatLike\n}> = props => {\n  const map: MapboxMap = useMap()\n  let marker = null\n\n  // Add Marker\n  onMount(async () => {\n    marker = new mapboxgl.Marker(props.options)\n      .setLngLat(props.lnglat)\n      .setPopup(\n        props.children\n          ? new mapboxgl.Popup().setDOMContent(<div>{props.children}</div>)\n          : null\n      )\n      .addTo(map())\n  })\n  // Remove Marker\n  onCleanup(() => marker.remove())\n\n  // Update Position\n  createEffect(() => marker.setLngLat(props.lnglat))\n\n  return <></>\n}\n\nexport default Marker\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { PopupSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nconst Popup: Component<{\n  options?: PopupSpecification\n  lnglat: LngLatLike\n}> = props => {\n  const map: MapboxMap = useMap()\n  let popup = null\n\n  // Add Popup\n  onMount(async () => {\n    popup = new mapboxgl.Popup(props.options)\n      .setLngLat(props.lnglat)\n      .setDOMContent(<div>{props.children}</div>)\n      .addTo(map())\n  })\n  // Remove Popup\n  onCleanup(() => popup.remove())\n\n  // Update Position\n  createEffect(() => popup.setLngLat(props.lnglat))\n\n  // Update Content\n  createEffect(() => popup.setDOMContent(<div>{props.children}</div>))\n\n  return <></>\n}\n\nexport default Popup\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  StyleImageInterface,\n  StyleImageMetadata,\n} from 'mapbox-gl/src/style/style_image'\n\nconst Image: Component<{\n  id: string\n  url?: string\n  image?:\n    | HTMLImageElement\n    | ImageBitmap\n    | ImageData\n    | { width: number; height: number; data: Uint8Array | Uint8ClampedArray }\n    | StyleImageInterface\n  options?: StyleImageMetadata\n}> = props => {\n  const map: MapboxMap = useMap()\n  // Add Image\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    if (props.url) {\n      map().loadImage(props.url, (error, image) => {\n        if (error) throw error\n        !map().hasImage(props.id) && map().addImage(props.id, image)\n      })\n    } else {\n      !map().hasImage(props.id) &&\n        map().addImage(props.id, props.image, props.options)\n    }\n  })\n  // Remove Image\n  onCleanup(() => map().hasImage(props.id) && map().removeImage(props.id))\n\n  // Update Image\n  createEffect(async () => {\n    if (props.image && props.url) return\n\n    if (props.url) {\n      map().loadImage(props.url, (error, image) => {\n        if (error) throw error\n        !map().hasImage(props.id) && map().updateImage(props.id, image)\n      })\n    } else {\n      map().style &&\n        map().hasImage(props.id) &&\n        map().updateImage(props.id, props.image)\n    }\n  })\n\n  return <></>\n}\n\nexport default Image\n"],"names":["mapEvents","layerEvents","pending","start","useTransition","isInternal","setInternal","createSignal","MapContext","createContext","useMap","useContext","MapGL","props","map","mapRef","index","onMount","mapboxgl","Map","options","container","interactive","onViewportChange","bounds","viewport","center","zoom","pitch","bearing","fitBoundsOptions","padding","onCleanup","remove","createEffect","forEach","item","event","slice","toLowerCase","callback","e","on","off","showTileBoundaries","showTerrainWireframe","showPadding","showCollisionBoxes","showOverdrawInspector","getCanvas","style","cursor","cursorStyle","prev","setStyle","projection","setProjection","originalEvent","getCenter","getZoom","getPitch","getBearing","callEnd","cameraForBounds","transitionType","stop","easeTo","jumpTo","flyTo","triggerResize","window","requestAnimationFrame","loop","resize","Provider","value","children","class","classList","SourceContext","useSource","SourceComponent","id","createUniqueId","async","isStyleLoaded","once","getSource","addSource","source","getStyle","layers","layer","removeLayer","removeSource","type","data","setData","diff","newProps","prevProps","Set","Object","keys","reduce","acc","key","push","Layer","getLayer","addLayer","beforeType","find","l","beforeId","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","filter","setFilter","undefined","visible","featureState","removeFeatureState","sourceLayer","setFeatureState","state","Fog","setFog","Sky","layerId","Terrain","setTerrain","Control","control","setControl","NavigationControl","ScaleControl","AttributionControl","FullscreenControl","GeolocateControl","getControl","addControl","position","removeControl","Marker","marker","setLngLat","lnglat","setPopup","Popup","setDOMContent","addTo","popup","Image","url","loadImage","error","image","hasImage","addImage","removeImage","updateImage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Fog/index.tsx","../../src/components/Sky/index.tsx","../../src/components/Terrain/index.tsx","../../src/components/Control/index.tsx","../../src/components/Marker/index.tsx","../../src/components/Popup/index.tsx","../../src/components/Image/index.tsx"],"sourcesContent":["const mapEvents: string[] = [\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseOver',\n  'onMouseOut',\n  'onMouseMove',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onPreClick',\n  'onClick',\n  'onDblClick',\n  'onContextMenu',\n  'onTouchStart',\n  'onTouchEnd',\n  'onTouchCancel',\n  'onWheel',\n  'onResize',\n  'onRemove',\n  'onTouchMove',\n  'onMoveStart',\n  'onMove',\n  'onMoveEnd',\n  'onDragStart',\n  'onDrag',\n  'onDragEnd',\n  'onZoomStart',\n  'onZoom',\n  'onZoomEnd',\n  'onRotateStart',\n  'onRotate',\n  'onRotatEnd',\n  'onPitchStart',\n  'onPitch',\n  'onPitchEnd',\n  'onBoxZoomStart',\n  'onBoxZoomEnd',\n  'onBoxZoomCancel',\n  'onWebglContextLost',\n  'onWebglContextRestored',\n  'onLoad',\n  'onRender',\n  'onIdle',\n  'onError',\n  'onData',\n  'onStyleData',\n  'onSourceData',\n  'onDataLoading',\n  'onStyleDataLoading',\n  'onSourceDataLoading',\n  'onStyleImageMissing',\n]\n\nconst layerEvents: string[] = [\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseOver',\n  'onMouseOut',\n  'onMouseMove',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onClick',\n  'onDblClick',\n  'onContextMenu',\n  'onTouchStart',\n  'onTouchEnd',\n  'onTouchCancel',\n]\n\nexport { mapEvents, layerEvents }\n","import {\n  createSignal,\n  createEffect,\n  onMount,\n  onCleanup,\n  createContext,\n  useContext,\n  Component,\n  useTransition,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport mapboxgl from 'mapbox-gl'\nimport 'mapbox-gl/dist/mapbox-gl.css'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type MapboxOptions from 'mapbox-gl/src/ui/map'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\nimport type { LngLatBounds } from 'mapbox-gl/src/geo/lng_lat_bounds.js'\nimport type { PaddingOptions } from 'mapbox-gl/src/geo/edge_insets.js'\n\nexport type Viewport = {\n  center?: LngLatLike\n  bounds?: LngLatBounds\n  zoom?: number\n  pitch?: number\n  bearing?: number\n  padding?: PaddingOptions\n}\n\nconst [pending, start] = useTransition()\nconst [isInternal, setInternal] = createSignal(false)\n\nconst MapContext = createContext<MapboxMap>()\nconst useMap = () => useContext(MapContext)\n\nconst MapGL: Component<{\n  class?: string\n  classList?: {\n    [k: string]: boolean | undefined\n  }\n  viewport?: Viewport\n  options?: MapboxOptions\n  children?: Element | Element[]\n  triggerResize?: boolean\n  transitionType?: 'flyTo' | 'easeTo' | 'jumpTo'\n  onViewportChange?: (viewport: Viewport) => void\n  showTileBoundaries?: boolean\n  showTerrainWireframe?: boolean\n  showPadding?: boolean\n  showCollisionBoxes?: boolean\n  showOverdrawInspector?: boolean\n  repaint?: boolean\n  cursorStyle?: string\n}> = props => {\n  let map: MapboxMap\n  let mapRef: HTMLDivElement\n\n  onMount(() => {\n    map = new mapboxgl.Map({\n      ...props.options,\n      container: mapRef,\n      interactive: !!props.onViewportChange,\n      bounds: props.viewport.bounds,\n      center: props.viewport.center,\n      zoom: props.viewport.zoom || null,\n      pitch: props.viewport.pitch || null,\n      bearing: props.viewport.bearing || null,\n      fitBoundsOptions: { padding: props.viewport.padding },\n    } as MapboxOptions)\n  })\n\n  onCleanup(() => map.remove())\n\n  // Hook up events\n  createEffect(() =>\n    mapEvents.forEach(item => {\n      if (props[item]) {\n        const event = item.slice(2).toLowerCase()\n        const callback = e => props[item](e)\n        map.on(event, callback)\n        onCleanup(() => map().off(event, callback))\n      }\n    })\n  )\n\n  // Update debug features\n  createEffect(() => (map.showTileBoundaries = props.showTileBoundaries))\n  createEffect(() => (map.showTerrainWireframe = props.showTerrainWireframe))\n  createEffect(() => (map.showPadding = props.showPadding))\n  createEffect(() => (map.showCollisionBoxes = props.showCollisionBoxes))\n  createEffect(() => (map.showOverdrawInspector = props.showOverdrawInspector))\n  createEffect(() => (map.getCanvas().style.cursor = props.cursorStyle))\n\n  // Update map style\n  createEffect(prev => {\n    prev !== props.options.style && map.setStyle(props.options.style)\n  }, props.options.style)\n\n  // Update projection\n  createEffect(prev => {\n    prev !== props.options.projection &&\n      map.setProjection(props.options.projection)\n  }, props.options.projection)\n\n  // Hook up viewport events\n  createEffect(() => {\n    const callback = event => {\n      if (event.originalEvent) {\n        setInternal(true)\n        props.onViewportChange({\n          center: map.getCenter(),\n          zoom: map.getZoom(),\n          pitch: map.getPitch(),\n          bearing: map.getBearing(),\n          padding: props.viewport.padding,\n          bounds: props.viewport.bounds,\n        })\n      }\n    }\n    const callEnd = event => setInternal(false)\n\n    map.on('move', callback).on('moveend', callEnd)\n    onCleanup(() => map.off('move', callback).off('moveend', callEnd))\n  })\n\n  // Update boundaries\n  createEffect(prev => {\n    if (props.viewport.bounds != prev)\n      props.onViewportChange({\n        ...props.viewport,\n        ...map.cameraForBounds(props.viewport.bounds, {\n          padding: props.viewport.padding,\n        }),\n      })\n    return props.viewport.bounds\n  }, props.viewport.bounds)\n\n  // Update Viewport\n  createEffect(() => {\n    // if (isInternal()) return\n    const viewport = { ...props.viewport, padding: props.viewport.padding || 0 }\n    switch (props.transitionType) {\n      case 'easeTo':\n        map.stop().easeTo(viewport)\n      case 'jumpTo':\n        map.stop().jumpTo(viewport)\n      default:\n        map.stop().flyTo(viewport)\n    }\n  })\n\n  let index = 0\n\n  createEffect(() => {\n    if (props.triggerResize) {\n      index = 0\n      window.requestAnimationFrame(function loop() {\n        if (index < 15) {\n          index++\n          window.requestAnimationFrame(loop)\n          start(() => map.resize())\n        }\n      })\n    }\n  })\n\n  return (\n    <MapContext.Provider value={() => map}>\n      {props.children}\n      <section\n        ref={mapRef}\n        class={props.class || ''}\n        classList={props.classList}\n        style={{ height: '100%', width: '100%' }}></section>\n    </MapContext.Provider>\n  )\n}\n\nexport { MapGL as default, useMap }\n","import {\n  onMount,\n  onCleanup,\n  createEffect,\n  Component,\n  createContext,\n  useContext,\n  createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  Source,\n  SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\nconst SourceContext = createContext<Source>()\n\nconst useSource = (): Source => useContext(SourceContext)\n\nconst SourceComponent: Component<{\n  id?: string\n  source: SourceSpecification\n}> = props => {\n  const map: MapboxMap = useMap()\n  props.id = props.id || createUniqueId()\n  // Add Source\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    !map().getSource(props.id) && map().addSource(props.id, props.source)\n  })\n\n  // Remove Source\n  onCleanup(() => {\n    map()\n      .getStyle()\n      .layers.forEach(\n        layer => layer.source === props.id && map().removeLayer(layer.id)\n      )\n    map().getSource(props.id) && map().removeSource(props.id)\n  })\n\n  // Update GeoJSON Data\n  createEffect(async () => {\n    if (props.source.type !== 'geojson' && !props.source.data) return\n\n    map().style &&\n      map().getSource(props.id) &&\n      map().getSource(props.id).setData(props.source.data)\n  })\n\n  return (\n    <SourceContext.Provider value={{ id: props.id }}>\n      {props.children}\n    </SourceContext.Provider>\n  )\n}\n\nexport { SourceComponent as default, useSource }\n","import {\n  onMount,\n  onCleanup,\n  createEffect,\n  Component,\n  createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSource } from '../Source'\nimport { layerEvents } from '../../events'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  FilterSpecification,\n  StyleSpecification,\n  SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\nimport type { CustomLayerInterface } from 'mapbox-gl/src/style/style_layer/custom_style_layer'\n\nconst diff = (\n  newProps: StyleSpecification = {},\n  prevProps: StyleSpecification = {}\n) => {\n  const keys = new Set([...Object.keys(newProps), ...Object.keys(prevProps)])\n  return [...keys].reduce((acc, key: string) => {\n    const value = newProps[key]\n    if (value !== prevProps[key]) {\n      acc.push([key, value])\n    }\n    return acc\n  }, [])\n}\n\nconst Layer: Component<{\n  id?: string\n  style?: StyleSpecification\n  layer?: CustomLayerInterface\n  filter?: FilterSpecification\n  visible?: boolean\n  sourceId?: string\n  beforeType?:\n    | 'background'\n    | 'fill'\n    | 'line'\n    | 'symbol'\n    | 'raster'\n    | 'circle'\n    | 'fill-extrusion'\n    | 'heatmap'\n    | 'hillshade'\n    | 'sky'\n  beforeId?: string\n  featureState?: { id: number | string; state: object }\n}> = props => {\n  const map: MapboxMap = useMap()\n  const source: SourceSpecification = useSource()\n  props.id = props.id || createUniqueId()\n  // Add Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n\n    if (map().getLayer(props.id)) return\n\n    map().addLayer(\n      props.layer || {\n        ...props.style,\n        id: props.id,\n        source: source.id,\n      },\n      props.beforeType\n        ? map()\n            .getStyle()\n            .layers.find(l => l.type === props.beforeType).id\n        : props.beforeId\n    )\n  })\n\n  onCleanup(() => map().removeLayer(props.id))\n\n  // Hook up events\n  createEffect(() =>\n    layerEvents.forEach(item => {\n      if (props[item]) {\n        const event = item.slice(2).toLowerCase()\n        const callback = e => props[item](e)\n        map().on(event, props.id, callback)\n        onCleanup(() => map().off(event, props.id, callback))\n      }\n    })\n  )\n\n  // Update Style\n  createEffect((prev: StyleSpecification) => {\n    if (\n      !props.style ||\n      !map().style ||\n      !map().getSource(source.id) ||\n      !map().getLayer(props.id)\n    )\n      return\n\n    if (props.style.layout !== prev?.layout)\n      diff(props.style.layout, prev?.layout).forEach(([key, value]) =>\n        map().setLayoutProperty(props.id, key, value, { validate: false })\n      )\n\n    if (props.style.paint !== prev?.paint)\n      diff(props.style.paint, prev?.paint).forEach(([key, value]) =>\n        map().setPaintProperty(props.id, key, value, { validate: false })\n      )\n\n    if (\n      props.style.minzoom !== prev?.minzoom ||\n      props.style.maxzoom !== prev?.maxzoom\n    )\n      map().setLayerZoomRange(\n        props.id,\n        props.style.minzoom,\n        props.style.maxzoom\n      )\n\n    if (props.style.filter !== prev?.filter)\n      map().setFilter(props.id, props.style.filter, { validate: false })\n\n    return props.style\n  }, props.style)\n\n  // Update Visibility\n  createEffect((prev: boolean) => {\n    if (\n      props.visible === undefined ||\n      props.visible === prev ||\n      !map().getSource(source.id) ||\n      !map().getLayer(props.id)\n    )\n      return\n\n    map().setLayoutProperty(\n      props.id,\n      'visibility',\n      props.visible ? 'visible' : 'none',\n      { validate: false }\n    )\n    return props.visible\n  }, props.visible)\n\n  // Update Filter\n  createEffect(async () => {\n    if (!props.filter) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setFilter(props.id, props.filter)\n  })\n\n  // Update Feature State\n  createEffect(async () => {\n    if (!props.featureState || !props.featureState.id) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n\n    map().removeFeatureState({\n      source: source.id,\n      sourceLayer: props.style['source-layer'],\n    })\n    map().setFeatureState(\n      {\n        source: source.id,\n        sourceLayer: props.style['source-layer'],\n        id: props.featureState.id,\n      },\n      props.featureState.state\n    )\n  })\n\n  return props.children\n}\n\nexport default Layer\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nconst Fog: Component<{\n  style: FogSpecification\n  visible?: boolean\n}> = props => {\n  const map: MapboxMap = useMap()\n  // Add Fog Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setFog(props.style)\n  })\n  // Remove Fog Layer\n  onCleanup(() => map().setFog(null))\n\n  // Update Visibility\n  createEffect(async () => {\n    if (props.visible === undefined) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setFog(props.visible ? props.style : null)\n  })\n\n  return props.children\n}\n\nexport default Fog\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nconst Sky: Component<{\n  style: StyleSpecification\n  visible?: boolean\n}> = props => {\n  const map: MapboxMap = useMap()\n  const layerId = '_sky'\n  // Add Sky Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    !map().getLayer(layerId) && map().addLayer({ ...props.style, id: layerId })\n  })\n\n  // Remove Sky Layer\n  onCleanup(() => map().getLayer(layerId) && map().removeLayer(layerId))\n\n  // Update Visibility\n  createEffect(async () => {\n    if (props.visible === undefined) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setLayoutProperty(\n      layerId,\n      'visibility',\n      props.visible ? 'visible' : 'none'\n    )\n  })\n\n  return props.children\n}\n\nexport default Sky\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSource } from '../Source'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  TerrainSpecification,\n  SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\nconst Terrain: Component<{\n  style: TerrainSpecification\n  visible?: boolean\n}> = props => {\n  const map: MapboxMap = useMap()\n  const source: SourceSpecification = useSource()\n\n  // Add Terrain Layer\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setTerrain({ ...props.style, source: source.id })\n  })\n\n  // Remove Terrain Layer\n  onCleanup(() => map().setTerrain(null))\n\n  // Update Visibility\n  createEffect(async () => {\n    if (props.visible === undefined) return\n\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    map().setTerrain(props.visible ? props.style : null)\n  })\n\n  return props.children\n}\n\nexport default Terrain\n","import { onMount, onCleanup, createSignal, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { Options as AttributionOptions } from 'mapbox-gl/src/ui/control/attribution_control'\nimport type { Options as FullscreenOptions } from 'mapbox-gl/src/ui/control/fullscreen_control'\nimport type { Options as GeolocateOptions } from 'mapbox-gl/src/ui/control/geolocate_control'\nimport type { Options as NavigationOptions } from 'mapbox-gl/src/ui/control/navigation_control'\nimport type { Options as ScaleOptions } from 'mapbox-gl/src/ui/control/scale_control'\n\nconst Control: Component<{\n  type:\n    | 'navigation'\n    | 'scale'\n    | 'attribution'\n    | 'fullscreen'\n    | 'geolocate'\n    | 'language'\n    | 'traffic'\n  options?:\n    | NavigationOptions\n    | ScaleOptions\n    | AttributionOptions\n    | FullscreenOptions\n    | GeolocateOptions\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n}> = props => {\n  const map: MapboxMap = useMap()\n  const [control, setControl] = createSignal(null)\n\n  const getControl = (type, options) => {\n    switch (type) {\n      case 'navigation':\n        return new mapboxgl.NavigationControl(options)\n      case 'scale':\n        return new mapboxgl.ScaleControl(options)\n      case 'attribution':\n        return new mapboxgl.AttributionControl(options)\n      case 'fullscreen':\n        return new mapboxgl.FullscreenControl(\n          options || { container: map().container }\n        )\n      case 'geolocate':\n        return new mapboxgl.GeolocateControl(options)\n      // case 'language':\n      //   try {\n      //     const MapboxLanguage = require('@mapbox/mapbox-gl-language').default\n      //     return new MapboxLanguage(options)\n      //   } catch (e) {}\n      // case 'traffic':\n      //   try {\n      //     const MapboxTraffic = require('@mapbox/mapbox-gl-traffic').default\n      //     require('@mapbox/mapbox-gl-traffic/mapbox-gl-traffic.css')\n      //     return new MapboxTraffic(options)\n      //   } catch (e) {}\n    }\n  }\n\n  // Add Control\n  onMount(() => {\n    const control = getControl(props.type, props.options)\n    control && map().addControl(control, props.position)\n    setControl(control)\n  })\n\n  onCleanup(() => map().removeControl(control()))\n\n  return props.children\n}\n\nexport default Control\n","import { onMount, onCleanup, createEffect, Component, children } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { MarkerSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nconst Marker: Component<{\n  options?: MarkerSpecification\n  lnglat: LngLatLike\n}> = props => {\n  const map: MapboxMap = useMap()\n  let marker = null\n\n  // Add Marker\n  onMount(async () => {\n    marker = new mapboxgl.Marker(props.options)\n      .setLngLat(props.lnglat)\n      .setPopup(\n        props.children\n          ? new mapboxgl.Popup().setDOMContent(<div>{props.children}</div>)\n          : null\n      )\n      .addTo(map())\n  })\n  // Remove Marker\n  onCleanup(() => marker.remove())\n\n  // Update Position\n  createEffect(() => marker.setLngLat(props.lnglat))\n\n  return <></>\n}\n\nexport default Marker\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { PopupSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nconst Popup: Component<{\n  options?: PopupSpecification\n  lnglat: LngLatLike\n}> = props => {\n  const map: MapboxMap = useMap()\n  let popup = null\n\n  // Add Popup\n  onMount(async () => {\n    popup = new mapboxgl.Popup(props.options)\n      .setLngLat(props.lnglat)\n      .setDOMContent(<div>{props.children}</div>)\n      .addTo(map())\n  })\n  // Remove Popup\n  onCleanup(() => popup.remove())\n\n  // Update Position\n  createEffect(() => popup.setLngLat(props.lnglat))\n\n  // Update Content\n  createEffect(() => popup.setDOMContent(<div>{props.children}</div>))\n\n  return <></>\n}\n\nexport default Popup\n","import { onMount, onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n  StyleImageInterface,\n  StyleImageMetadata,\n} from 'mapbox-gl/src/style/style_image'\n\nconst Image: Component<{\n  id: string\n  url?: string\n  image?:\n    | HTMLImageElement\n    | ImageBitmap\n    | ImageData\n    | { width: number; height: number; data: Uint8Array | Uint8ClampedArray }\n    | StyleImageInterface\n  options?: StyleImageMetadata\n}> = props => {\n  const map: MapboxMap = useMap()\n  // Add Image\n  onMount(async () => {\n    !map().isStyleLoaded() && (await map().once('styledata'))\n    if (props.url) {\n      map().loadImage(props.url, (error, image) => {\n        if (error) throw error\n        !map().hasImage(props.id) && map().addImage(props.id, image)\n      })\n    } else {\n      !map().hasImage(props.id) &&\n        map().addImage(props.id, props.image, props.options)\n    }\n  })\n  // Remove Image\n  onCleanup(() => map().hasImage(props.id) && map().removeImage(props.id))\n\n  // Update Image\n  createEffect(async () => {\n    if (props.image && props.url) return\n\n    if (props.url) {\n      map().loadImage(props.url, (error, image) => {\n        if (error) throw error\n        !map().hasImage(props.id) && map().updateImage(props.id, image)\n      })\n    } else {\n      map().style &&\n        map().hasImage(props.id) &&\n        map().updateImage(props.id, props.image)\n    }\n  })\n\n  return <></>\n}\n\nexport default Image\n"],"names":["mapEvents","layerEvents","pending","start","useTransition","isInternal","setInternal","createSignal","MapContext","createContext","useMap","useContext","MapGL","props","map","mapRef","index","onMount","mapboxgl","Map","options","container","interactive","onViewportChange","bounds","viewport","center","zoom","pitch","bearing","fitBoundsOptions","padding","onCleanup","remove","createEffect","forEach","item","event","slice","toLowerCase","callback","e","on","off","showTileBoundaries","showTerrainWireframe","showPadding","showCollisionBoxes","showOverdrawInspector","getCanvas","style","cursor","cursorStyle","prev","setStyle","projection","setProjection","originalEvent","getCenter","getZoom","getPitch","getBearing","callEnd","cameraForBounds","transitionType","stop","easeTo","jumpTo","flyTo","triggerResize","window","requestAnimationFrame","loop","resize","Provider","value","children","class","classList","SourceContext","useSource","SourceComponent","id","createUniqueId","async","isStyleLoaded","once","getSource","addSource","source","getStyle","layers","layer","removeLayer","removeSource","type","data","setData","diff","newProps","prevProps","Set","Object","keys","reduce","acc","key","push","Layer","getLayer","addLayer","beforeType","find","l","beforeId","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","filter","setFilter","undefined","visible","featureState","removeFeatureState","sourceLayer","setFeatureState","state","Fog","setFog","Sky","layerId","Terrain","setTerrain","Control","control","setControl","NavigationControl","ScaleControl","AttributionControl","FullscreenControl","GeolocateControl","getControl","addControl","position","removeControl","Marker","marker","setLngLat","lnglat","setPopup","Popup","setDOMContent","addTo","popup","Image","url","loadImage","error","image","hasImage","addImage","removeImage","updateImage"],"mappings":"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"}

package/dist/source/components/MapGL/index.jsx

@@ -80,15 +80,15 @@ const MapGL = props => {
     }, props.viewport.bounds);
     // Update Viewport
     createEffect(() => {
-        if (isInternal())
-            return;
+        // if (isInternal()) return
+        const viewport = { ...props.viewport, padding: props.viewport.padding || 0 };
         switch (props.transitionType) {
             case 'easeTo':
-                map.stop().easeTo(props.viewport);
+                map.stop().easeTo(viewport);
             case 'jumpTo':
-                map.stop().jumpTo(props.viewport);
+                map.stop().jumpTo(viewport);
             default:
-                map.stop().flyTo(props.viewport);
+                map.stop().flyTo(viewport);
         }
     });
     let index = 0;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.16",
+  "version": "1.1.17",
   "name": "solid-map-gl",
   "description": "Solid Component Library for Mapbox GL JS",
   "info": "Solid Component Library for Mapbox GL JS. Mapbox GL JS is a JavaScript library that renders interactive maps from vector tiles and Mapbox styles using WebGL. This project is intended to be as close as possible to the Mapbox GL JS API.",