npm - solid-map-gl - Versions diffs - 1.3.5 → 1.3.8 - Mend

solid-map-gl 1.3.5 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/esm/index.js +1 -1
package/dist/esm/index.js.map +1 -1
package/dist/source/components/Layer/index.jsx +1 -1
package/dist/source/components/MapGL/index.jsx +15 -5
package/dist/source/components/Source/index.jsx +1 -1
package/dist/types/components/Atmosphere/index.d.ts +1 -1
package/dist/types/components/Terrain/index.d.ts +1 -1
package/package.json +2 -2

package/dist/esm/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{effect,setAttribute,className,classList,style,createComponent,memo,insert,template}from"solid-js/web";import{createContext,useContext,createUniqueId,createSignal,onMount,createEffect,onCleanup,untrack}from"solid-js";import mapboxgl,{MercatorCoordinate}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"],mapBase="mapbox://styles/mapbox",gitBase="https://raw.githubusercontent.com/",gishub="https://raw.githubusercontent.com/GIShub4/map-styles/main/",vectorStyleList={mb:{light:mapBase+"/light-v10",dark:mapBase+"/dark-v10",street:mapBase+"/streets-v11",outdoor:mapBase+"/outdoors-v11",sat:mapBase+"/satellite-v9",sat_street:mapBase+"/satellite-streets-v11",nav:mapBase+"/navigation-guidance-day-v4",nav_night:mapBase+"/navigation-guidance-night-v4",basic:mapBase+"/cjf4m44iw0uza2spb3q0a7s41",monochrome:mapBase+"/cjv6rzz4j3m4b1fqcchuxclhb",leshine:mapBase+"/cjcunv5ae262f2sm9tfwg8i0w",icecream:mapBase+"/cj7t3i5yj0unt2rmt3y4b5e32",cali:mapBase+"/cjerxnqt3cgvp2rmyuxbeqme7",northstar:mapBase+"/cj44mfrt20f082snokim4ungi",mineral:mapBase+"/cjtep62gq54l21frr1whf27ak",moonlight:mapBase+"/cj3kbeqzo00022smj7akz3o1e",frank:mapBase+"-map-design/ckshxkppe0gge18nz20i0nrwq",minimo:mapBase+"-map-design/cksjc2nsq1bg117pnekb655h1",decimal:mapBase+"-map-design/ck4014y110wt61ctt07egsel6",standard:mapBase+"-map-design/ckr0svm3922ki18qntevm857n",blueprint:mapBase+"-map-design/cks97e1e37nsd17nzg7p0308g",bubble:mapBase+"-map-design/cksysy2nl62zp17quosctdtcc",pencil:mapBase+"-map-design/cks9iema71es417mlrft4go2k",swiss_ski:gitBase+"mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json",vintage:gitBase+"mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json",whaam:gitBase+"mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json",neon:gitBase+"NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json",camoflauge:gitBase+"jingsam/mapbox-gl-styles/master/Camouflage.json",emerald:gitBase+"jingsam/mapbox-gl-styles/master/Emerald.json",runner:gitBase+"jingsam/mapbox-gl-styles/master/Runner.json",x_ray:gitBase+"jingsam/mapbox-gl-styles/master/X-ray.json"},esri:{blueprint:gishub+"esri:blueprint.json",charted_territory:gishub+"esri:charted-territory.json",colored_pencil:gishub+"esri:colored-pencil.json",community:gishub+"esri:community.json",mid_century:gishub+"esri:mid-century.json",modern_antique:gishub+"esri:modern-antique.json",nat_geo:gishub+"esri:national-geographic.json",newspaper:gishub+"esri:newspaper.json",open_street_map:gishub+"esri:open-street-map.json",light_gray_canvas:gishub+"esri:light-gray-canvas.json",dark_gray_canvas:gishub+"esri:dark-gray-canvas.json",human_geo_light:gishub+"esri:human-geography-light.json",human_geo_dark:gishub+"esri:human-geography-dark.json",world_navigation:gishub+"esri:world-navigation.json",world_street:gishub+"esri:world-street.json",world_street_night:gishub+"esri:world-street-night.json",world_terrain:gishub+"esri:world-terrain.json",world_terrain_hybrid:gishub+"esri:world-terrain-hybrid.json",world_topographic:gishub+"esri:world-topographic.json",chromium:gishub+"esri:chromium.json",dreamcatcher:gishub+"esri:dreamcatcher.json",seahaven:gishub+"esri:seahaven.json",sangria:gishub+"esri:sangria.json",mercurial:gishub+"esri:mercurial.json",imagery:gishub+"esri:imagery.json",imagery_hybrid:gishub+"esri:imagery-hybrid.json",firefly:gishub+"esri:firefly.json",firefly_hybrid:gishub+"esri:firefly-hybrid.json",oceans:gishub+"esri:oceans.json"}},carto="https://{s}.basemaps.cartocdn.com/rastertiles/",stamen="https://stamen-tiles-{s}.a.ssl.fastly.net/",tf="https://{s}.tile.thunderforest.com/",rasterStyleList={osm:{org:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",human:"https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",cycle:"https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",topo:"https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",_copy:'<a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap</a>'},carto:{voyager:carto+"voyager_labels_under/{z}/{x}/{y}{r}.png",positron:carto+"light_all/{z}/{x}/{y}{r}.png",dark:carto+"dark_all/{z}/{x}/{y}{r}.png",_copy:'<a href="https://carto.com/attribution" target="_blank">&copy; Carto</a>'},stamen:{toner:stamen+"toner/{z}/{x}/{y}{r}.png",toner_lite:stamen+"toner-lite/{z}/{x}/{y}{r}.png",watercolor:stamen+"watercolor/{z}/{x}/{y}.png",terrain:stamen+"terrain/{z}/{x}/{y}{r}.png",_copy:'<a href="https://stamen.com/privacy-policy" target="_blank">&copy; Stamen Design</a>'},tf:{cycle:tf+"cycle/{z}/{x}/{y}{r}.png?apikey={apikey}",trans:tf+"transport/{z}/{x}/{y}{r}.png?apikey={apikey}",trans_dark:tf+"transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}",landscape:tf+"landscape/{z}/{x}/{y}{r}.png?apikey={apikey}",outdoors:tf+"outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}",neighbourhood:tf+"neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}",spinal:tf+"spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}",pioneer:tf+"pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}",atlas:tf+"atlas/{z}/{x}/{y}{r}.png?apikey={apikey}",mobile:tf+"mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}",_copy:'<a href="https://thunderforest.com/privacy" target="_blank">&copy; Thunderforest</a>'}},_tmpl$$2=template("<div></div>",2),MapContext=createContext(),useMap=()=>useContext(MapContext),MapGL=n=>{n.id=n.id||createUniqueId();const[e,a]=createSignal(),[r,i]=createSignal("flyTo"),[s,l]=createSignal(window.matchMedia("(prefers-color-scheme: dark)").matches||document.body.classList.contains("dark")),c=(e,t)=>n.debug&&console.debug(e+": %c"+t,"color: #00F"),p=(()=>{const s=_tmpl$$2.cloneNode(!0);return effect(e=>{var t=n.id,o=n?.class,a=n?.classList,r={position:"absolute",inset:0,...n.style};return t!==e._v$&&setAttribute(s,"id",e._v$=t),o!==e._v$2&&className(s,e._v$2=o),e._v$3=classList(s,a,e._v$3),e._v$4=style(s,r,e._v$4),e},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),s})(),u=(e,t)=>{const o=s()&&t||e;return"string"==typeof o||o instanceof String?o.split(":").reduce((e,t)=>e[t],vectorStyleList)||o:o||{version:8,sources:{},layers:[]}};return onMount(()=>{const s=new mapboxgl.Map({...n.options,style:u(n.options.style,n.darkStyle),container:p,interactive:!!n.onViewportChange,bounds:n.viewport?.bounds,center:n.viewport?.center,zoom:n.viewport?.zoom||null,pitch:n.viewport?.pitch||null,bearing:n.viewport?.bearing||null,fitBoundsOptions:{padding:n.viewport?.padding}}),e=(s.debug=n.debug,s.once("load").then(()=>a(s)),new ResizeObserver(()=>s.resize())),t=(createEffect(()=>n.disableResize?e.disconnect():e.observe(p)),window.matchMedia("(prefers-color-scheme: dark)")),o=(t.addEventListener("change",()=>l(t.matches)),new MutationObserver(()=>l(document.body.classList.contains("dark"))));o.observe(document.body,{attributes:!0}),createEffect(()=>mapEvents.forEach(t=>{if(n[t]){const e=t.slice(2).toLowerCase(),o=e=>n[t](e);s.on(e,o),onCleanup(()=>s.off(e,o))}})),createEffect(()=>{s.showTileBoundaries=n.showTileBoundaries,s.showTerrainWireframe=n.showTerrainWireframe,s.showPadding=n.showPadding,s.showCollisionBoxes=n.showCollisionBoxes,s.showOverdrawInspector=n.showOverdrawInspector}),createEffect(e=>{if(n.cursorStyle!==e)return c("Update Cursor to",n.cursorStyle),s.getCanvas().style.cursor=n.cursorStyle,n.cursorStyle}),createEffect(e=>{if(n.transitionType!==e)return c("Update Transition to",n.transitionType),i(n.transitionType),n.transitionType}),createEffect(e=>{if(n.options?.projection!==e)return c("Update Projection to",n.options?.projection.name),s.setProjection(n.options?.projection),n.options?.projection}),createEffect(e=>{var a=u(n.options?.style,n.darkStyle);if(a!==e){let t=[],o={};if(c("Update Mapstyle to",a),s.isStyleLoaded()){const r=s.getStyle();t=r.layers.filter(e=>e.id.startsWith("cl-")),o=Object.keys(r.sources).filter(e=>e.startsWith("cl-")).reduce((e,t)=>({...e,[t]:r.sources[t]}),{})}return s.setStyle(a),s.once("styledata",()=>{var e=s.getStyle();s.setStyle({...e,sources:{...e.sources,...o},layers:[...e.layers,...t]})}),a}},n.options?.style),createEffect(()=>{const t={id:null,center:s.getCenter(),zoom:s.getZoom(),pitch:s.getPitch(),bearing:s.getBearing(),padding:n.viewport?.padding,bounds:n.viewport?.bounds},e=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange({...t,id:n.id}),i("jumpTo")},o=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange(t),i(n.transitionType)};s.on("move",e).on("moveend",o),onCleanup(()=>s.off("move",e).off("moveend",o))}),createEffect(e=>(n.viewport?.bounds!=e&&n.onViewportChange({...n.viewport,...s.cameraForBounds(n.viewport?.bounds,{padding:n.viewport?.padding})}),n.viewport?.bounds),n.viewport?.bounds),createEffect(()=>{if(n.id!==n.viewport?.id){var e={...n.viewport,padding:n.viewport?.padding||0};switch(untrack(r)){case"easeTo":s.stop().easeTo(e);case"jumpTo":s.stop().jumpTo(e);default:s.stop().flyTo(e)}}})}),createComponent(MapContext.Provider,{value:e,get children(){return[memo(()=>memo(()=>!!e(),!0)()&&(()=>{const e=_tmpl$$2.cloneNode(!0);return e.style.setProperty("position","absolute"),e.style.setProperty("z-index","10"),insert(e,()=>n.children),e})()),p]}})},SourceContext=createContext(),useSourceId=()=>useContext(SourceContext),Source=o=>{const a=useMap(),r=(o.id=o.id||createUniqueId(),e=>{const t=e.split(":").reduce((e,t)=>e&&e[t],rasterStyleList);return t?{...o.source,url:"",tiles:[t.replace("{apikey}",o.source.apikey).replace("{r}",1<window.devicePixelRatio?"@2x":"")],attribution:rasterStyleList[e.split(":")[0]]._copy}:o.source});return createEffect(()=>{const t=r(o.source.url);t.tiles&&(t.tiles=["a","b","c"].map(e=>t.tiles[0].replace("{s}",e))),a().getSource(o.id)||a().addSource(o.id,t)}),onCleanup(()=>{a().getStyle().layers.forEach(e=>e.source===o.id&&a().removeLayer(e.id)),a().getSource(o.id)&&a().removeSource(o.id)}),createEffect(()=>{const e=a().getSource(o.id);if(e&&("geojson"===o.source.type&&o.source.data&&e.setData(o.source.data),"image"===o.source.type&&(o.source.url||o.source.coordinates)&&e.updateImage(o.source.url,o.source.coordinates),"vector"===o.source.type&&(o.source.url||o.source.tiles)&&(o.source.url?e.setUrl(o.source.url):e.setTiles(o.source.tiles)),"raster"===o.source.type&&(o.source.url||o.source.tiles))){const t=r(o.source.url);t.tiles&&(t.tiles=["a","b","c"].map(e=>t.tiles[0].replace("{s}",e))),e._tileJSONRequest?.cancel(),e.url=t.url,e.scheme=t.scheme,e._options={...e._options,...t},a().style._sourceCaches["other:"+o.id]?.clearTiles(),e.load()}}),createComponent(SourceContext.Provider,{get value(){return o.id},get children(){return o.children}})},diff=(a={},r={})=>{return[...new Set([...Object.keys(a),...Object.keys(r)])].reduce((e,t)=>{var o=a[t];return o!==r[t]&&e.push([t,o]),e},[])},Layer=a=>{const r=useMap(),t=useSourceId();return a.id=a.id||createUniqueId(),createEffect(()=>{r().getLayer(a.id)||r().addLayer(a.customLayer||{...a.style,id:a.id,source:t,metadata:{smg:{beforeType:a.beforeType,beforeId:a.beforeId}}},a.beforeType?r()?.getStyle().layers.find(e=>e.type===a.beforeType).id:a.beforeId)}),onCleanup(()=>r().getLayer(a.id)&&r().removeLayer(a.id)),createEffect(()=>layerEvents.forEach(t=>{if(a[t]){const e=t.slice(2).toLowerCase(),o=e=>a[t](e);r()?.on(e,a.id,o),onCleanup(()=>r()?.off(e,a.id,o))}})),createEffect(e=>{if(a.style&&r().style&&r().getSource(t)&&r().getLayer(a.id))return a.style.layout!==e?.layout&&diff(a.style.layout,e?.layout).forEach(([e,t])=>r().setLayoutProperty(a.id,e,t,{validate:!1})),a.style.paint!==e?.paint&&diff(a.style.paint,e?.paint).forEach(([e,t])=>r().setPaintProperty(a.id,e,t,{validate:!1})),a.style.minzoom===e?.minzoom&&a.style.maxzoom===e?.maxzoom||r().setLayerZoomRange(a.id,a.style.minzoom,a.style.maxzoom),a.style.filter!==e?.filter&&r().setFilter(a.id,a.style.filter,{validate:!1}),a.style},a.style),createEffect(e=>{if(void 0!==a.visible&&a.visible!==e&&r().getSource(t)&&r().getLayer(a.id))return r().setLayoutProperty(a.id,"visibility",a.visible?"visible":"none",{validate:!1}),a.visible},a.visible),createEffect(async()=>{a.filter&&(r().isStyleLoaded()||await r().once("styledata"),r().setFilter(a.id,a.filter))}),createEffect(async()=>{a.featureState&&a.featureState.id&&(r().isStyleLoaded()||await r().once("styledata"),r().removeFeatureState({source:t,sourceLayer:a.style["source-layer"]}),r().setFeatureState({source:t,sourceLayer:a.style["source-layer"],id:a.featureState.id},a.featureState.state))}),a.children},Atmosphere=e=>{const t=useMap();return createEffect(()=>{t().setFog(e.style||{})}),onCleanup(()=>t().setFog(null)),createEffect(()=>{void 0!==e.visible&&t().setFog(e.visible?e.style||{}:null)}),e.children},Terrain=e=>{const t=useMap();let o=useSourceId();return createEffect(()=>{o||(o=createUniqueId(),t().addSource(o,{type:"raster-dem",url:"mapbox://mapbox.terrain-rgb",tileSize:512,maxzoom:14})),t().setTerrain({exaggeration:e.exaggeration||1,source:o})}),onCleanup(()=>t().setTerrain(null)),createEffect(()=>{void 0!==e.visible&&t().setTerrain(e.visible?{exaggeration:e.exaggeration||1,source:o}:null)}),e.children},Control=o=>{const t=useMap(),[e,a]=createSignal(null);return createEffect(()=>{var e=((e,t)=>{if(o.custom)return new o.custom(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"geolocate":return new mapboxgl.GeolocateControl(t);case"fullscreen":return new mapboxgl.FullscreenControl;default:throw new Error("Unknown control type: "+e)}})(o.type,o.options);e&&t()?.addControl(e,o.position),a(e)}),onCleanup(()=>t().removeControl(e())),o.children},_tmpl$$1=template("<div></div>",2),Marker=t=>{const o=useMap();let a=null;return createEffect(()=>{var e;a=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(()=>a.remove()),createEffect(()=>a&&a.setLngLat(t.lngLat)),[]},_tmpl$=template("<div></div>",2),Popup=t=>{const o=useMap();let a=null;return createEffect(()=>{var e;a=new mapboxgl.Popup(t.options).setLngLat(t.lngLat).setDOMContent((e=_tmpl$.cloneNode(!0),insert(e,()=>t.children),e)).addTo(o())}),onCleanup(()=>a.remove()),createEffect(()=>a&&a.setLngLat(t.lngLat)),createEffect(()=>a&&a.setDOMContent((()=>{var e=_tmpl$.cloneNode(!0);return insert(e,()=>t.children),e})())),[]},Image=o=>{const a=useMap();return createEffect(()=>{o.url?a().loadImage(o.url,(e,t)=>!a().hasImage(o.id)&&a().addImage(o.id,t)):a().hasImage(o.id)||a().addImage(o.id,o.image,o.options)}),onCleanup(()=>a().hasImage(o.id)&&a().removeImage(o.id)),createEffect(async()=>{o.image&&o.url||(o.url?a().loadImage(o.url,(e,t)=>{if(e)throw e;a().hasImage(o.id)||a().updateImage(o.id,t)}):a().style&&a().hasImage(o.id)&&a().updateImage(o.id,o.image))}),[]},lerp=(o,a,r)=>o.map((e,t)=>(1-r)*o[t]+r*a[t]),slerp=(o,a,r)=>{return o.map((e,t)=>Math.sin(.075*(1-r))/Math.sin(.075)*o[t]+Math.sin(.075*r)/Math.sin(.075)*a[t])},easeQuad={in:e=>e*e,out:e=>1-(1-e)*(1-e),inOut:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2},Camera=n=>{const i=useMap();let l=.1,c=!1;const p=e=>{n.animate&&window.requestAnimationFrame(p);var t=[n.translate.start,n.translate.end,n.translate.easing?easeQuad[n.translate.easing](l):l],t=("line"===n.translate.type?lerp:slerp)(...t);{var[[t,o,a],r]=[t,n.translate.target];const s=i().getFreeCameraOptions();s.position=MercatorCoordinate.fromLngLat([t,o],a),s.lookAtPoint(r),i().setFreeCameraOptions(s)}!n.translate.loop&&(1<l||l<0)&&(c=!c),l=c?l-.001:l+.001};return createEffect(async()=>{n.animate&&window.requestAnimationFrame(p)}),n.children};export{Atmosphere,Camera,Control,Image,Layer,Marker,Popup,Source,Terrain,MapGL as default,useMap,useSourceId};
+import{effect,setAttribute,className,classList,style,createComponent,memo,insert,template}from"solid-js/web";import{createContext,useContext,createUniqueId,createSignal,onMount,createEffect,onCleanup,untrack}from"solid-js";import mapboxgl,{MercatorCoordinate}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"],mapBase="mapbox://styles/mapbox",gitBase="https://raw.githubusercontent.com/",gishub="https://raw.githubusercontent.com/GIShub4/map-styles/main/",vectorStyleList={mb:{light:mapBase+"/light-v10",dark:mapBase+"/dark-v10",street:mapBase+"/streets-v11",outdoor:mapBase+"/outdoors-v11",sat:mapBase+"/satellite-v9",sat_street:mapBase+"/satellite-streets-v11",nav:mapBase+"/navigation-guidance-day-v4",nav_night:mapBase+"/navigation-guidance-night-v4",basic:mapBase+"/cjf4m44iw0uza2spb3q0a7s41",monochrome:mapBase+"/cjv6rzz4j3m4b1fqcchuxclhb",leshine:mapBase+"/cjcunv5ae262f2sm9tfwg8i0w",icecream:mapBase+"/cj7t3i5yj0unt2rmt3y4b5e32",cali:mapBase+"/cjerxnqt3cgvp2rmyuxbeqme7",northstar:mapBase+"/cj44mfrt20f082snokim4ungi",mineral:mapBase+"/cjtep62gq54l21frr1whf27ak",moonlight:mapBase+"/cj3kbeqzo00022smj7akz3o1e",frank:mapBase+"-map-design/ckshxkppe0gge18nz20i0nrwq",minimo:mapBase+"-map-design/cksjc2nsq1bg117pnekb655h1",decimal:mapBase+"-map-design/ck4014y110wt61ctt07egsel6",standard:mapBase+"-map-design/ckr0svm3922ki18qntevm857n",blueprint:mapBase+"-map-design/cks97e1e37nsd17nzg7p0308g",bubble:mapBase+"-map-design/cksysy2nl62zp17quosctdtcc",pencil:mapBase+"-map-design/cks9iema71es417mlrft4go2k",swiss_ski:gitBase+"mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json",vintage:gitBase+"mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json",whaam:gitBase+"mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json",neon:gitBase+"NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json",camoflauge:gitBase+"jingsam/mapbox-gl-styles/master/Camouflage.json",emerald:gitBase+"jingsam/mapbox-gl-styles/master/Emerald.json",runner:gitBase+"jingsam/mapbox-gl-styles/master/Runner.json",x_ray:gitBase+"jingsam/mapbox-gl-styles/master/X-ray.json"},esri:{blueprint:gishub+"esri:blueprint.json",charted_territory:gishub+"esri:charted-territory.json",colored_pencil:gishub+"esri:colored-pencil.json",community:gishub+"esri:community.json",mid_century:gishub+"esri:mid-century.json",modern_antique:gishub+"esri:modern-antique.json",nat_geo:gishub+"esri:national-geographic.json",newspaper:gishub+"esri:newspaper.json",open_street_map:gishub+"esri:open-street-map.json",light_gray_canvas:gishub+"esri:light-gray-canvas.json",dark_gray_canvas:gishub+"esri:dark-gray-canvas.json",human_geo_light:gishub+"esri:human-geography-light.json",human_geo_dark:gishub+"esri:human-geography-dark.json",world_navigation:gishub+"esri:world-navigation.json",world_street:gishub+"esri:world-street.json",world_street_night:gishub+"esri:world-street-night.json",world_terrain:gishub+"esri:world-terrain.json",world_terrain_hybrid:gishub+"esri:world-terrain-hybrid.json",world_topographic:gishub+"esri:world-topographic.json",chromium:gishub+"esri:chromium.json",dreamcatcher:gishub+"esri:dreamcatcher.json",seahaven:gishub+"esri:seahaven.json",sangria:gishub+"esri:sangria.json",mercurial:gishub+"esri:mercurial.json",imagery:gishub+"esri:imagery.json",imagery_hybrid:gishub+"esri:imagery-hybrid.json",firefly:gishub+"esri:firefly.json",firefly_hybrid:gishub+"esri:firefly-hybrid.json",oceans:gishub+"esri:oceans.json"}},carto="https://{s}.basemaps.cartocdn.com/rastertiles/",stamen="https://stamen-tiles-{s}.a.ssl.fastly.net/",tf="https://{s}.tile.thunderforest.com/",rasterStyleList={osm:{org:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",human:"https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",cycle:"https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",topo:"https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",_copy:'<a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap</a>'},carto:{voyager:carto+"voyager_labels_under/{z}/{x}/{y}{r}.png",positron:carto+"light_all/{z}/{x}/{y}{r}.png",dark:carto+"dark_all/{z}/{x}/{y}{r}.png",_copy:'<a href="https://carto.com/attribution" target="_blank">&copy; Carto</a>'},stamen:{toner:stamen+"toner/{z}/{x}/{y}{r}.png",toner_lite:stamen+"toner-lite/{z}/{x}/{y}{r}.png",watercolor:stamen+"watercolor/{z}/{x}/{y}.png",terrain:stamen+"terrain/{z}/{x}/{y}{r}.png",_copy:'<a href="https://stamen.com/privacy-policy" target="_blank">&copy; Stamen Design</a>'},tf:{cycle:tf+"cycle/{z}/{x}/{y}{r}.png?apikey={apikey}",trans:tf+"transport/{z}/{x}/{y}{r}.png?apikey={apikey}",trans_dark:tf+"transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}",landscape:tf+"landscape/{z}/{x}/{y}{r}.png?apikey={apikey}",outdoors:tf+"outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}",neighbourhood:tf+"neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}",spinal:tf+"spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}",pioneer:tf+"pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}",atlas:tf+"atlas/{z}/{x}/{y}{r}.png?apikey={apikey}",mobile:tf+"mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}",_copy:'<a href="https://thunderforest.com/privacy" target="_blank">&copy; Thunderforest</a>'}},_tmpl$$2=template("<div></div>",2),MapContext=createContext(),useMap=()=>useContext(MapContext),MapGL=n=>{n.id=n.id||createUniqueId();const[e,a]=createSignal(),[r,i]=createSignal("flyTo"),[s,c]=createSignal(window.matchMedia("(prefers-color-scheme: dark)").matches||document.body.classList.contains("dark")),l=(e,t)=>n.debug&&console.debug(e+": %c"+t,"color: #00F"),p=(()=>{const s=_tmpl$$2.cloneNode(!0);return effect(e=>{var t=n.id,o=n?.class,a=n?.classList,r={position:"absolute",inset:0,...n.style};return t!==e._v$&&setAttribute(s,"id",e._v$=t),o!==e._v$2&&className(s,e._v$2=o),e._v$3=classList(s,a,e._v$3),e._v$4=style(s,r,e._v$4),e},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),s})(),u=(e,t)=>{const o=s()&&t||e;return"string"==typeof o||o instanceof String?o?.split(":").reduce((e,t)=>e&&e[t],vectorStyleList)||o:o||{version:8,sources:{},layers:[]}};return onMount(()=>{const s=new mapboxgl.Map({...n.options,style:u(n.options.style,n.darkStyle),container:p,interactive:!!n.onViewportChange,bounds:n.viewport?.bounds,center:n.viewport?.center,zoom:n.viewport?.zoom||null,pitch:n.viewport?.pitch||null,bearing:n.viewport?.bearing||null,fitBoundsOptions:{padding:n.viewport?.padding}}),e=(s.debug=n.debug,s.once("load").then(()=>a(s)),new ResizeObserver(()=>s.resize())),t=(createEffect(()=>n.disableResize?e.disconnect():e.observe(p)),window.matchMedia("(prefers-color-scheme: dark)")),o=(t.addEventListener("change",()=>c(t.matches)),new MutationObserver(()=>c(document.body.classList.contains("dark"))));o.observe(document.body,{attributes:!0}),createEffect(()=>mapEvents.forEach(e=>{const o=n[e];if(o){const a=e.slice(2).toLowerCase();if("function"==typeof o){const t=e=>o(e);s.on(a,t),onCleanup(()=>s.off(a,t))}else Object.keys(o).forEach(t=>{const e=e=>o[t](e);s.on(a,t,e),onCleanup(()=>s.off(a,t,e))})}})),createEffect(()=>{s.showTileBoundaries=n.showTileBoundaries,s.showTerrainWireframe=n.showTerrainWireframe,s.showPadding=n.showPadding,s.showCollisionBoxes=n.showCollisionBoxes,s.showOverdrawInspector=n.showOverdrawInspector}),createEffect(e=>{if(n.cursorStyle!==e)return l("Update Cursor to",n.cursorStyle),s.getCanvas().style.cursor=n.cursorStyle,n.cursorStyle}),createEffect(e=>{if(n.transitionType!==e)return l("Update Transition to",n.transitionType),i(n.transitionType),n.transitionType}),createEffect(e=>{if(n.options?.projection!==e)return l("Update Projection to",n.options?.projection.name),s.setProjection(n.options?.projection),n.options?.projection}),createEffect(e=>{var a=u(n.options?.style,n.darkStyle);if(a!==e){let t=[],o={};if(l("Update Mapstyle to",a),s.isStyleLoaded()){const r=s.getStyle();t=r.layers.filter(e=>e.id.startsWith("cl-")),o=Object.keys(r.sources).filter(e=>e.startsWith("cl-")).reduce((e,t)=>({...e,[t]:r.sources[t]}),{})}return s.setStyle(a),s.once("styledata",()=>{var e=s.getStyle();s.setStyle({...e,sources:{...e.sources,...o},layers:[...e.layers,...t]})}),a}},n.options?.style),createEffect(()=>{const t={id:null,center:s.getCenter(),zoom:s.getZoom(),pitch:s.getPitch(),bearing:s.getBearing(),padding:n.viewport?.padding,bounds:n.viewport?.bounds},e=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange({...t,id:n.id}),i("jumpTo")},o=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange(t),i(n.transitionType)};s.on("move",e).on("moveend",o),onCleanup(()=>s.off("move",e).off("moveend",o))}),createEffect(e=>(n.viewport?.bounds!=e&&n.onViewportChange({...n.viewport,...s.cameraForBounds(n.viewport?.bounds,{padding:n.viewport?.padding})}),n.viewport?.bounds),n.viewport?.bounds),createEffect(()=>{if(n.id!==n.viewport?.id){var e={...n.viewport,padding:n.viewport?.padding||0};switch(untrack(r)){case"easeTo":s.stop().easeTo(e);case"jumpTo":s.stop().jumpTo(e);default:s.stop().flyTo(e)}}})}),createComponent(MapContext.Provider,{value:e,get children(){return[memo(()=>memo(()=>!!e(),!0)()&&(()=>{const e=_tmpl$$2.cloneNode(!0);return e.style.setProperty("position","absolute"),e.style.setProperty("z-index","10"),insert(e,()=>n.children),e})()),p]}})},SourceContext=createContext(),useSourceId=()=>useContext(SourceContext),Source=o=>{const a=useMap(),r=(o.id=o.id||createUniqueId(),e=>{const t=e?.split(":").reduce((e,t)=>e&&e[t],rasterStyleList);return t?{...o.source,url:"",tiles:[t.replace("{apikey}",o.source.apikey).replace("{r}",1<window.devicePixelRatio?"@2x":"")],attribution:rasterStyleList[e.split(":")[0]]._copy}:o.source});return createEffect(()=>{const t=r(o.source.url);t.tiles&&(t.tiles=["a","b","c"].map(e=>t.tiles[0].replace("{s}",e))),a().getSource(o.id)||a().addSource(o.id,t)}),onCleanup(()=>{a().getStyle().layers.forEach(e=>e.source===o.id&&a().removeLayer(e.id)),a().getSource(o.id)&&a().removeSource(o.id)}),createEffect(()=>{const e=a().getSource(o.id);if(e&&("geojson"===o.source.type&&o.source.data&&e.setData(o.source.data),"image"===o.source.type&&(o.source.url||o.source.coordinates)&&e.updateImage(o.source.url,o.source.coordinates),"vector"===o.source.type&&(o.source.url||o.source.tiles)&&(o.source.url?e.setUrl(o.source.url):e.setTiles(o.source.tiles)),"raster"===o.source.type&&(o.source.url||o.source.tiles))){const t=r(o.source.url);t.tiles&&(t.tiles=["a","b","c"].map(e=>t.tiles[0].replace("{s}",e))),e._tileJSONRequest?.cancel(),e.url=t.url,e.scheme=t.scheme,e._options={...e._options,...t},a().style._sourceCaches["other:"+o.id]?.clearTiles(),e.load()}}),createComponent(SourceContext.Provider,{get value(){return o.id},get children(){return o.children}})},diff=(a={},r={})=>{return[...new Set([...Object.keys(a),...Object.keys(r)])].reduce((e,t)=>{var o=a[t];return o!==r[t]&&e.push([t,o]),e},[])},Layer=a=>{const r=useMap(),t=useSourceId();return a.id=a.id||createUniqueId(),createEffect(()=>{r().getLayer(a.id)||r().addLayer(a.customLayer||{...a.style,id:a.id,source:t,metadata:{smg:{beforeType:a.beforeType,beforeId:a.beforeId}}},a.beforeType?r()?.getStyle().layers.find(e=>e.type===a.beforeType)?.id:a.beforeId)}),onCleanup(()=>r().getLayer(a.id)&&r().removeLayer(a.id)),createEffect(()=>layerEvents.forEach(t=>{if(a[t]){const e=t.slice(2).toLowerCase(),o=e=>a[t](e);r()?.on(e,a.id,o),onCleanup(()=>r()?.off(e,a.id,o))}})),createEffect(e=>{if(a.style&&r().style&&r().getSource(t)&&r().getLayer(a.id))return a.style.layout!==e?.layout&&diff(a.style.layout,e?.layout).forEach(([e,t])=>r().setLayoutProperty(a.id,e,t,{validate:!1})),a.style.paint!==e?.paint&&diff(a.style.paint,e?.paint).forEach(([e,t])=>r().setPaintProperty(a.id,e,t,{validate:!1})),a.style.minzoom===e?.minzoom&&a.style.maxzoom===e?.maxzoom||r().setLayerZoomRange(a.id,a.style.minzoom,a.style.maxzoom),a.style.filter!==e?.filter&&r().setFilter(a.id,a.style.filter,{validate:!1}),a.style},a.style),createEffect(e=>{if(void 0!==a.visible&&a.visible!==e&&r().getSource(t)&&r().getLayer(a.id))return r().setLayoutProperty(a.id,"visibility",a.visible?"visible":"none",{validate:!1}),a.visible},a.visible),createEffect(async()=>{a.filter&&(r().isStyleLoaded()||await r().once("styledata"),r().setFilter(a.id,a.filter))}),createEffect(async()=>{a.featureState&&a.featureState.id&&(r().isStyleLoaded()||await r().once("styledata"),r().removeFeatureState({source:t,sourceLayer:a.style["source-layer"]}),r().setFeatureState({source:t,sourceLayer:a.style["source-layer"],id:a.featureState.id},a.featureState.state))}),a.children},Atmosphere=e=>{const t=useMap();return createEffect(()=>{t().setFog(e.style||{})}),onCleanup(()=>t().setFog(null)),createEffect(()=>{void 0!==e.visible&&t().setFog(e.visible?e.style||{}:null)}),e.children},Terrain=e=>{const t=useMap();let o=useSourceId();return createEffect(()=>{o||(o=createUniqueId(),t().addSource(o,{type:"raster-dem",url:"mapbox://mapbox.terrain-rgb",tileSize:512,maxzoom:14})),t().setTerrain({exaggeration:e.exaggeration||1,source:o})}),onCleanup(()=>t().setTerrain(null)),createEffect(()=>{void 0!==e.visible&&t().setTerrain(e.visible?{exaggeration:e.exaggeration||1,source:o}:null)}),e.children},Control=o=>{const t=useMap(),[e,a]=createSignal(null);return createEffect(()=>{var e=((e,t)=>{if(o.custom)return new o.custom(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"geolocate":return new mapboxgl.GeolocateControl(t);case"fullscreen":return new mapboxgl.FullscreenControl;default:throw new Error("Unknown control type: "+e)}})(o.type,o.options);e&&t()?.addControl(e,o.position),a(e)}),onCleanup(()=>t().removeControl(e())),o.children},_tmpl$$1=template("<div></div>",2),Marker=t=>{const o=useMap();let a=null;return createEffect(()=>{var e;a=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(()=>a.remove()),createEffect(()=>a&&a.setLngLat(t.lngLat)),[]},_tmpl$=template("<div></div>",2),Popup=t=>{const o=useMap();let a=null;return createEffect(()=>{var e;a=new mapboxgl.Popup(t.options).setLngLat(t.lngLat).setDOMContent((e=_tmpl$.cloneNode(!0),insert(e,()=>t.children),e)).addTo(o())}),onCleanup(()=>a.remove()),createEffect(()=>a&&a.setLngLat(t.lngLat)),createEffect(()=>a&&a.setDOMContent((()=>{var e=_tmpl$.cloneNode(!0);return insert(e,()=>t.children),e})())),[]},Image=o=>{const a=useMap();return createEffect(()=>{o.url?a().loadImage(o.url,(e,t)=>!a().hasImage(o.id)&&a().addImage(o.id,t)):a().hasImage(o.id)||a().addImage(o.id,o.image,o.options)}),onCleanup(()=>a().hasImage(o.id)&&a().removeImage(o.id)),createEffect(async()=>{o.image&&o.url||(o.url?a().loadImage(o.url,(e,t)=>{if(e)throw e;a().hasImage(o.id)||a().updateImage(o.id,t)}):a().style&&a().hasImage(o.id)&&a().updateImage(o.id,o.image))}),[]},lerp=(o,a,r)=>o.map((e,t)=>(1-r)*o[t]+r*a[t]),slerp=(o,a,r)=>{return o.map((e,t)=>Math.sin(.075*(1-r))/Math.sin(.075)*o[t]+Math.sin(.075*r)/Math.sin(.075)*a[t])},easeQuad={in:e=>e*e,out:e=>1-(1-e)*(1-e),inOut:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2},Camera=n=>{const i=useMap();let c=.1,l=!1;const p=e=>{n.animate&&window.requestAnimationFrame(p);var t=[n.translate.start,n.translate.end,n.translate.easing?easeQuad[n.translate.easing](c):c],t=("line"===n.translate.type?lerp:slerp)(...t);{var[[t,o,a],r]=[t,n.translate.target];const s=i().getFreeCameraOptions();s.position=MercatorCoordinate.fromLngLat([t,o],a),s.lookAtPoint(r),i().setFreeCameraOptions(s)}!n.translate.loop&&(1<c||c<0)&&(l=!l),c=l?c-.001:c+.001};return createEffect(async()=>{n.animate&&window.requestAnimationFrame(p)}),n.children};export{Atmosphere,Camera,Control,Image,Layer,Marker,Popup,Source,Terrain,MapGL as default,useMap,useSourceId};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/mapStyles.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Atmosphere/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","../../src/components/Camera/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","const mapBase = 'mapbox://styles/mapbox'\nconst gitBase = 'https://raw.githubusercontent.com/'\nconst gishub = 'https://raw.githubusercontent.com/GIShub4/map-styles/main/'\n\nexport const vectorStyleList = {\n mb: {\n light: `${mapBase}/light-v10`,\n dark: `${mapBase}/dark-v10`,\n street: `${mapBase}/streets-v11`,\n outdoor: `${mapBase}/outdoors-v11`,\n sat: `${mapBase}/satellite-v9`,\n sat_street: `${mapBase}/satellite-streets-v11`,\n nav: `${mapBase}/navigation-guidance-day-v4`,\n nav_night: `${mapBase}/navigation-guidance-night-v4`,\n basic: `${mapBase}/cjf4m44iw0uza2spb3q0a7s41`,\n monochrome: `${mapBase}/cjv6rzz4j3m4b1fqcchuxclhb`,\n leshine: `${mapBase}/cjcunv5ae262f2sm9tfwg8i0w`,\n icecream: `${mapBase}/cj7t3i5yj0unt2rmt3y4b5e32`,\n cali: `${mapBase}/cjerxnqt3cgvp2rmyuxbeqme7`,\n northstar: `${mapBase}/cj44mfrt20f082snokim4ungi`,\n mineral: `${mapBase}/cjtep62gq54l21frr1whf27ak`,\n moonlight: `${mapBase}/cj3kbeqzo00022smj7akz3o1e`,\n frank: `${mapBase}-map-design/ckshxkppe0gge18nz20i0nrwq`,\n minimo: `${mapBase}-map-design/cksjc2nsq1bg117pnekb655h1`,\n decimal: `${mapBase}-map-design/ck4014y110wt61ctt07egsel6`,\n standard: `${mapBase}-map-design/ckr0svm3922ki18qntevm857n`,\n blueprint: `${mapBase}-map-design/cks97e1e37nsd17nzg7p0308g`,\n bubble: `${mapBase}-map-design/cksysy2nl62zp17quosctdtcc`,\n pencil: `${mapBase}-map-design/cks9iema71es417mlrft4go2k`,\n swiss_ski: `${gitBase}mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,\n vintage: `${gitBase}mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,\n whaam: `${gitBase}mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,\n neon: `${gitBase}NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,\n camoflauge: `${gitBase}jingsam/mapbox-gl-styles/master/Camouflage.json`,\n emerald: `${gitBase}jingsam/mapbox-gl-styles/master/Emerald.json`,\n runner: `${gitBase}jingsam/mapbox-gl-styles/master/Runner.json`,\n x_ray: `${gitBase}jingsam/mapbox-gl-styles/master/X-ray.json`,\n },\n esri: {\n blueprint: `${gishub}esri:blueprint.json`,\n charted_territory: `${gishub}esri:charted-territory.json`,\n colored_pencil: `${gishub}esri:colored-pencil.json`,\n community: `${gishub}esri:community.json`,\n mid_century: `${gishub}esri:mid-century.json`,\n modern_antique: `${gishub}esri:modern-antique.json`,\n nat_geo: `${gishub}esri:national-geographic.json`,\n newspaper: `${gishub}esri:newspaper.json`,\n open_street_map: `${gishub}esri:open-street-map.json`,\n light_gray_canvas: `${gishub}esri:light-gray-canvas.json`,\n dark_gray_canvas: `${gishub}esri:dark-gray-canvas.json`,\n human_geo_light: `${gishub}esri:human-geography-light.json`,\n human_geo_dark: `${gishub}esri:human-geography-dark.json`,\n world_navigation: `${gishub}esri:world-navigation.json`,\n world_street: `${gishub}esri:world-street.json`,\n world_street_night: `${gishub}esri:world-street-night.json`,\n world_terrain: `${gishub}esri:world-terrain.json`,\n world_terrain_hybrid: `${gishub}esri:world-terrain-hybrid.json`,\n world_topographic: `${gishub}esri:world-topographic.json`,\n chromium: `${gishub}esri:chromium.json`,\n dreamcatcher: `${gishub}esri:dreamcatcher.json`,\n seahaven: `${gishub}esri:seahaven.json`,\n sangria: `${gishub}esri:sangria.json`,\n mercurial: `${gishub}esri:mercurial.json`,\n imagery: `${gishub}esri:imagery.json`,\n imagery_hybrid: `${gishub}esri:imagery-hybrid.json`,\n firefly: `${gishub}esri:firefly.json`,\n firefly_hybrid: `${gishub}esri:firefly-hybrid.json`,\n oceans: `${gishub}esri:oceans.json`,\n },\n}\nconst carto = 'https://{s}.basemaps.cartocdn.com/rastertiles/'\nconst stamen = 'https://stamen-tiles-{s}.a.ssl.fastly.net/'\nconst tf = 'https://{s}.tile.thunderforest.com/'\n\nexport const rasterStyleList = {\n osm: {\n org: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n human: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',\n cycle: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',\n topo: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',\n _copy:\n '<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">© OpenStreetMap</a>',\n },\n carto: {\n voyager: `${carto}voyager_labels_under/{z}/{x}/{y}{r}.png`,\n positron: `${carto}light_all/{z}/{x}/{y}{r}.png`,\n dark: `${carto}dark_all/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://carto.com/attribution\" target=\"_blank\">© Carto</a>',\n },\n stamen: {\n toner: `${stamen}toner/{z}/{x}/{y}{r}.png`,\n toner_lite: `${stamen}toner-lite/{z}/{x}/{y}{r}.png`,\n watercolor: `${stamen}watercolor/{z}/{x}/{y}.png`,\n terrain: `${stamen}terrain/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://stamen.com/privacy-policy\" target=\"_blank\">© Stamen Design</a>',\n },\n tf: {\n cycle: `${tf}cycle/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans: `${tf}transport/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans_dark: `${tf}transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n landscape: `${tf}landscape/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n outdoors: `${tf}outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n neighbourhood: `${tf}neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n spinal: `${tf}spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n pioneer: `${tf}pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n atlas: `${tf}atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n mobile: `${tf}mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n _copy:\n '<a href=\"https://thunderforest.com/privacy\" target=\"_blank\">© Thunderforest</a>',\n },\n}\n","import {\n createSignal,\n createEffect,\n onMount,\n onCleanup,\n createContext,\n useContext,\n Component,\n createUniqueId,\n untrack,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport { vectorStyleList } from '../../mapStyles'\nimport mapboxgl from 'mapbox-gl'\nimport 'mapbox-gl/dist/mapbox-gl.css'\nimport type { MapboxMap, 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'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { JSX } from 'solid-js'\n\nexport type Viewport = {\n id?: string\n center?: LngLatLike\n bounds?: LngLatBounds\n zoom?: number\n pitch?: number\n bearing?: number\n padding?: PaddingOptions\n}\n\nconst MapContext = createContext<MapboxMap>()\n/** Provides the Mapbox Map Object /\nexport const useMap = (): MapboxMap => useContext(MapContext)\n\n/* Creates a new Map Container /\nexport const MapGL: Component<{\n id?: string\n /* Map Container CSS Style /\n style?: JSX.CSSProperties\n /* Map Container CSS Class /\n class?: string\n /* SolidJS Class List for Map Container /\n classList?: {\n [k: string]: boolean \| undefined\n }\n /* Current Map View /\n viewport?: Viewport\n /* Mapbox Options\n * @see https://docs.mapbox.com/mapbox-gl-js/api/map/#map-parameters\n /\n options?: MapboxOptions\n /* Type for pan, move and zoom transitions /\n transitionType?: 'flyTo' \| 'easeTo' \| 'jumpTo'\n /* Event listener for Viewport updates /\n onViewportChange?: (viewport: Viewport) => void\n /* Displays Map Tile Borders /\n showTileBoundaries?: boolean\n /* Displays Wireframe if Terrain is visible /\n showTerrainWireframe?: boolean\n /* Displays Borders if Padding is set /\n showPadding?: boolean\n /* Displays Label Collision Boxes /\n showCollisionBoxes?: boolean\n /* Displays all feature outlines even if normally not drawn by style rules /\n showOverdrawInspector?: boolean\n /* Mouse Cursor Style /\n cursorStyle?: string\n //* Dark Map Style /\n darkStyle?: StyleSpecification \| string\n //* Disable automatic map resize /\n disableResize?: boolean\n //* Debug Mode /\n debug?: boolean\n ref?: HTMLDivElement\n /* Children within the Map Container /\n children?: any\n}> = props => {\n props.id = props.id \|\| createUniqueId()\n\n const [mapRoot, setMapRoot] = createSignal<MapboxMap>()\n const [transitionType, setTransitionType] = createSignal('flyTo')\n const [darkMode, setDarkMode] = createSignal(\n window.matchMedia('(prefers-color-scheme: dark)').matches \|\|\n document.body.classList.contains('dark')\n )\n\n const debug = (text, value) =>\n props.debug && console.debug(`${text}: %c${value}`, 'color: #00F')\n\n const mapRef = (\n <div\n id={props.id}\n class={props?.class}\n classList={props?.classList}\n style={{ position: 'absolute', inset: 0, ...props.style }}\n />\n )\n\n const getStyle = (light, dark) => {\n const style = darkMode() ? dark \|\| light : light\n return typeof style === 'string' \|\| style instanceof String\n ? style.split(':').reduce((p, c) => p[c], vectorStyleList) \|\| style\n : style \|\| { version: 8, sources: {}, layers: [] }\n }\n\n onMount(() => {\n const map: MapboxMap = new mapboxgl.Map({\n ...props.options,\n style: getStyle(props.options.style, props.darkStyle),\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 map.debug = props.debug\n // map.container = containerRef\n\n map.once('load').then(() => setMapRoot(map))\n\n // onCleanup(() => map.remove())\n\n // Listen to map container size changes\n const resizeObserver = new ResizeObserver(() => map.resize())\n createEffect(() =>\n props.disableResize\n ? resizeObserver.disconnect()\n : resizeObserver.observe(mapRef as Element)\n )\n\n // Listen to dark theme changes\n const darkTheme = window.matchMedia('(prefers-color-scheme: dark)')\n darkTheme.addEventListener('change', () => setDarkMode(darkTheme.matches))\n\n const bodyClassObserver = new MutationObserver(() =>\n setDarkMode(document.body.classList.contains('dark'))\n )\n bodyClassObserver.observe(document.body, { attributes: true })\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(() => {\n map.showTileBoundaries = props.showTileBoundaries\n map.showTerrainWireframe = props.showTerrainWireframe\n map.showPadding = props.showPadding\n map.showCollisionBoxes = props.showCollisionBoxes\n map.showOverdrawInspector = props.showOverdrawInspector\n })\n\n // Update cursor\n createEffect(prev => {\n if (props.cursorStyle === prev) return\n debug('Update Cursor to', props.cursorStyle)\n map.getCanvas().style.cursor = props.cursorStyle\n return props.cursorStyle\n })\n\n //Update transition type\n createEffect(prev => {\n if (props.transitionType === prev) return\n debug('Update Transition to', props.transitionType)\n setTransitionType(props.transitionType)\n return props.transitionType\n })\n\n // Update projection\n createEffect(prev => {\n if (props.options?.projection === prev) return\n debug('Update Projection to', props.options?.projection.name)\n map.setProjection(props.options?.projection)\n return props.options?.projection\n })\n\n // Update map style\n createEffect(prev => {\n const style = getStyle(props.options?.style, props.darkStyle)\n if (style === prev) return\n let oldLayers = []\n let oldSources = {}\n debug('Update Mapstyle to', style)\n if (map.isStyleLoaded()) {\n const oldStyle = map.getStyle()\n oldLayers = oldStyle.layers.filter(l => l.id.startsWith('cl-'))\n oldSources = Object.keys(oldStyle.sources)\n .filter(s => s.startsWith('cl-'))\n .reduce((obj, key) => ({ ...obj, [key]: oldStyle.sources[key] }), {})\n }\n map.setStyle(style)\n map.once('styledata', () => {\n const newStyle = map.getStyle()\n map.setStyle({\n ...newStyle,\n sources: { ...newStyle.sources, ...oldSources },\n layers: [...newStyle.layers, ...oldLayers],\n })\n })\n return style\n }, props.options?.style)\n\n // Hook up viewport events\n createEffect(() => {\n const viewport = {\n id: null,\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 const callMove = event => {\n if (event.originalEvent)\n props.onViewportChange &&\n props.onViewportChange({ ...viewport, id: props.id })\n setTransitionType('jumpTo')\n }\n\n const callEnd = event => {\n if (event.originalEvent)\n props.onViewportChange && props.onViewportChange(viewport)\n setTransitionType(props.transitionType)\n }\n\n map.on('move', callMove).on('moveend', callEnd)\n onCleanup(() => map.off('move', callMove).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 (props.id === props.viewport?.id) return\n const viewport = {\n ...props.viewport,\n padding: props.viewport?.padding \|\| 0,\n }\n switch (untrack(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\n return (\n <MapContext.Provider value={mapRoot}>\n {mapRoot() && (\n <div style={{ position: 'absolute', 'z-index': 10 }}>\n {props.children}\n </div>\n )}\n {mapRef}\n </MapContext.Provider>\n )\n}\n","import {\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 { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport { rasterStyleList } from '../../mapStyles'\n\nconst SourceContext = createContext<string>()\nexport const useSourceId = (): string => useContext(SourceContext)\n\nexport const Source: Component<{\n /* @optional Source ID for referencing non nexted Layers /\n id?: string\n /* @see https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/ /\n source: SourceSpecification\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n props.id = props.id \|\| createUniqueId()\n\n const lookup = url => {\n const source = url.split(':').reduce((p, c) => p && p[c], rasterStyleList)\n return source\n ? {\n ...props.source,\n url: '',\n tiles: [\n source\n .replace('{apikey}', props.source.apikey)\n .replace('{r}', window.devicePixelRatio > 1 ? '@2x' : ''),\n ],\n attribution: rasterStyleList[url.split(':')[0]]._copy,\n }\n : props.source\n }\n\n // Add Source\n createEffect(() => {\n const source = lookup(props.source.url)\n source.tiles &&\n (source.tiles = ['a', 'b', 'c'].map(i =>\n source.tiles[0].replace('{s}', i)\n ))\n !map().getSource(props.id) && map().addSource(props.id, 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\n createEffect(() => {\n const source = map().getSource(props.id)\n if (!source) return\n\n // Update GeoJSON Data\n if (props.source.type === 'geojson' && props.source.data)\n source.setData(props.source.data)\n\n // Update Image URL\n if (\n props.source.type === 'image' &&\n (props.source.url \|\| props.source.coordinates)\n )\n source.updateImage(props.source.url, props.source.coordinates)\n\n // Update Vector URL or Tiles\n if (\n props.source.type === 'vector' &&\n (props.source.url \|\| props.source.tiles)\n )\n props.source.url\n ? source.setUrl(props.source.url)\n : source.setTiles(props.source.tiles)\n\n // Update Raster URL or Tiles\n if (\n props.source.type === 'raster' &&\n (props.source.url \|\| props.source.tiles)\n ) {\n const src = lookup(props.source.url)\n src.tiles &&\n (src.tiles = ['a', 'b', 'c'].map(i => src.tiles[0].replace('{s}', i)))\n source._tileJSONRequest?.cancel()\n source.url = src.url\n source.scheme = src.scheme\n source._options = { ...source._options, ...src }\n map().style._sourceCaches[`other:${props.id}`]?.clearTiles()\n source.load()\n }\n })\n\n return (\n <SourceContext.Provider value={props.id}>\n {props.children}\n </SourceContext.Provider>\n )\n}\n","import { onCleanup, createEffect, Component, createUniqueId } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport { layerEvents } from '../../events'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n FilterSpecification,\n StyleSpecification,\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\nexport const Layer: Component<{\n id?: string\n style?: StyleSpecification\n customLayer?: 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 children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const sourceId: string = useSourceId()\n props.id = props.id \|\| createUniqueId()\n\n // Add Layer\n createEffect(() => {\n !map().getLayer(props.id) &&\n map().addLayer(\n props.customLayer \|\| {\n ...props.style,\n id: props.id,\n source: sourceId,\n metadata: {\n smg: { beforeType: props.beforeType, beforeId: props.beforeId },\n },\n },\n props.beforeType\n ? map()\n ?.getStyle()\n .layers.find(l => l.type === props.beforeType).id\n : props.beforeId\n )\n })\n\n //Remove Layer\n onCleanup(() => map().getLayer(props.id) && 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(sourceId) \|\|\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(sourceId) \|\|\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: sourceId,\n sourceLayer: props.style['source-layer'],\n })\n map().setFeatureState(\n {\n source: sourceId,\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","import { 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\nexport const Atmosphere: Component<{\n style: FogSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n // Add Atmosphere Layer\n createEffect(() => {\n map().setFog(props.style \|\| {})\n })\n\n // Remove Atmosphere Layer\n onCleanup(() => map().setFog(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setFog(props.visible ? props.style \|\| {} : null)\n })\n\n return props.children\n}\n","import { onCleanup, createEffect, Component, createUniqueId } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Terrain: Component<{\n exaggeration: number\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let sourceId: SourceSpecification = useSourceId()\n\n // Add Terrain Layer\n createEffect(() => {\n if (!sourceId) {\n sourceId = createUniqueId()\n map().addSource(sourceId, {\n type: 'raster-dem',\n url: 'mapbox://mapbox.terrain-rgb',\n tileSize: 512,\n maxzoom: 14,\n })\n }\n map().setTerrain({\n exaggeration: props.exaggeration \|\| 1,\n source: sourceId,\n })\n })\n\n // Remove Terrain Layer\n onCleanup(() => map().setTerrain(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setTerrain(\n props.visible\n ? { exaggeration: props.exaggeration \|\| 1, source: sourceId }\n : null\n )\n })\n\n return props.children\n}\n","import { createEffect, 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\nexport const Control: Component<{\n type: 'navigation' \| 'scale' \| 'attribution' \| 'fullscreen' \| 'geolocate'\n options?:\n \| NavigationOptions\n \| ScaleOptions\n \| AttributionOptions\n \| FullscreenOptions\n \| GeolocateOptions\n \| object\n custom?: any\n position?: 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const [control, setControl] = createSignal(null)\n\n const getControl = (type, options) => {\n if (props.custom) return new props.custom(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 'geolocate':\n return new mapboxgl.GeolocateControl(options)\n case 'fullscreen':\n return new mapboxgl.FullscreenControl()\n // options \|\| { container: map().container }\n default:\n throw new Error(`Unknown control type: ${type}`)\n }\n }\n\n // Add Control\n createEffect(() => {\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","import { 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 { MarkerSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nexport const Marker: Component<{\n options?: MarkerSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let marker = null\n\n // Add Marker\n createEffect(() => {\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 && marker.setLngLat(props.lngLat))\n\n return <></>\n}\n","import { 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\nexport const Popup: Component<{\n options?: PopupSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let popup = null\n\n // Add Popup\n createEffect(() => {\n popup = new mapboxgl.Popup(props.options)\n .setLngLat(props.lngLat)\n .setDOMContent(<div>{props.children}</div>)\n .addTo(map())\n })\n\n // Remove Popup\n onCleanup(() => popup.remove())\n\n // Update Position\n createEffect(() => popup && popup.setLngLat(props.lngLat))\n\n // Update Content\n createEffect(() => popup && popup.setDOMContent(<div>{props.children}</div>))\n\n return <></>\n}\n","import { 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\nexport const 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 createEffect(() => {\n if (props.url) {\n map().loadImage(\n props.url,\n (_, image) =>\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\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","import { createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type LngLatLike from 'mapbox-gl/src/geo/lng_lat.js'\nimport { MercatorCoordinate } from 'mapbox-gl'\n\n// linearly interpolate between two positions [x,y,z] based on time\nconst lerp = (a, b, t) => a.map((_, idx) => (1.0 - t) a[idx] + t * b[idx])\n\n// sphericaly interpolate between two positions [x,y,z] based on time\nconst slerp = (a, b, t) => {\n const omega = 0.075\n // TODO: Proper Calculation\n // a.map((_, idx) => a[idx] * b[idx]).reduce((m, n) => m + n)\n\n return a.map(\n (_, idx) =>\n (Math.sin((1 - t) * omega) / Math.sin(omega)) * a[idx] +\n (Math.sin(t * omega) / Math.sin(omega)) * b[idx]\n )\n}\n\n// calculations from: https://easings.net\nconst easeQuad = {\n in: (x: number): number => x * x,\n out: (x: number): number => 1 - (1 - x) * (1 - x),\n inOut: (x: number): number =>\n x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,\n}\n\nexport const Camera: Component<{\n animate: boolean\n translate?: {\n type?: 'line' \| 'sphere'\n start: [number, number, number]\n end: [number, number, number]\n target: LngLatLike\n targetEnd?: LngLatLike\n easing?: 'in' \| 'out' \| 'inOut'\n loop?: boolean\n duration: number\n }\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let animationTime = 0.1\n let isReverse = false\n\n const updateCameraPosition = ([lng, lat, alt], target) => {\n const camera = map().getFreeCameraOptions()\n camera.position = MercatorCoordinate.fromLngLat([lng, lat], alt)\n camera.lookAtPoint(target)\n map().setFreeCameraOptions(camera)\n }\n\n const frame = (time: number) => {\n props.animate && window.requestAnimationFrame(frame)\n const params = [\n props.translate.start,\n props.translate.end,\n props.translate.easing\n ? easeQuad[props.translate.easing](animationTime)\n : animationTime,\n ] as const\n const position =\n props.translate.type === 'line' ? lerp(...params) : slerp(...params)\n\n updateCameraPosition(position, props.translate.target)\n\n if (!props.translate.loop && (animationTime > 1.0 \|\| animationTime < 0.0))\n isReverse = !isReverse\n animationTime = isReverse ? animationTime - 0.001 : animationTime + 0.001\n }\n\n createEffect(async () => {\n props.animate && window.requestAnimationFrame(frame)\n })\n\n return props.children\n}\n"],"names":["mapEvents","layerEvents","mapBase","gitBase","gishub","vectorStyleList","mb","light","dark","street","outdoor","sat","sat_street","nav","nav_night","basic","monochrome","leshine","icecream","cali","northstar","mineral","moonlight","frank","minimo","decimal","standard","blueprint","bubble","pencil","swiss_ski","vintage","whaam","neon","camoflauge","emerald","runner","x_ray","esri","charted_territory","colored_pencil","community","mid_century","modern_antique","nat_geo","newspaper","open_street_map","light_gray_canvas","dark_gray_canvas","human_geo_light","human_geo_dark","world_navigation","world_street","world_street_night","world_terrain","world_terrain_hybrid","world_topographic","chromium","dreamcatcher","seahaven","sangria","mercurial","imagery","imagery_hybrid","firefly","firefly_hybrid","oceans","carto","stamen","tf","rasterStyleList","osm","org","human","cycle","topo","_copy","voyager","positron","toner","toner_lite","watercolor","terrain","trans","trans_dark","landscape","outdoors","neighbourhood","spinal","pioneer","atlas","mobile","MapContext","createContext","useMap","useContext","MapGL","props","id","createUniqueId","mapRoot","setMapRoot","createSignal","transitionType","setTransitionType","darkMode","setDarkMode","window","matchMedia","matches","document","body","classList","contains","debug","text","value","console","mapRef","_el$","_tmpl$","cloneNode","_$effect","_p$","class","_v$4","position","inset","style","_v$","_$setAttribute","_v$2","_$className","_v$3","_$classList","_$style","undefined","getStyle","String","split","reduce","p","c","version","sources","layers","onMount","map","mapboxgl","Map","options","darkStyle","container","interactive","onViewportChange","bounds","viewport","center","zoom","pitch","bearing","fitBoundsOptions","padding","resizeObserver","once","then","ResizeObserver","resize","darkTheme","createEffect","disableResize","disconnect","observe","bodyClassObserver","addEventListener","MutationObserver","attributes","forEach","item","event","slice","toLowerCase","callback","e","on","onCleanup","off","showTileBoundaries","showTerrainWireframe","showPadding","showCollisionBoxes","showOverdrawInspector","prev","cursorStyle","getCanvas","cursor","projection","name","setProjection","let","oldLayers","oldSources","isStyleLoaded","oldStyle","filter","l","startsWith","Object","keys","s","obj","key","setStyle","newStyle","getCenter","getZoom","getPitch","getBearing","callMove","originalEvent","callEnd","cameraForBounds","untrack","stop","easeTo","jumpTo","flyTo","_$createComponent","Provider","children","_$memo","_el$2","setProperty","_$insert","SourceContext","useSourceId","Source","lookup","url","source","tiles","replace","apikey","devicePixelRatio","attribution","i","getSource","addSource","layer","removeLayer","removeSource","type","data","setData","coordinates","updateImage","setUrl","setTiles","src","_tileJSONRequest","cancel","scheme","_options","_sourceCaches","clearTiles","load","diff","newProps","prevProps","Set","acc","push","Layer","sourceId","getLayer","addLayer","customLayer","metadata","smg","beforeType","beforeId","find","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","setFilter","visible","async","featureState","removeFeatureState","sourceLayer","setFeatureState","state","Atmosphere","setFog","Terrain","tileSize","setTerrain","exaggeration","Control","control","setControl","custom","NavigationControl","ScaleControl","AttributionControl","GeolocateControl","FullscreenControl","Error","getControl","addControl","removeControl","Marker","marker","setLngLat","lngLat","setPopup","Popup","setDOMContent","addTo","remove","popup","Image","loadImage","_","image","hasImage","addImage","removeImage","error","lerp","a","b","t","idx","slerp","Math","sin","easeQuad","in","x","out","inOut","pow","Camera","animationTime","isReverse","frame","time","animate","requestAnimationFrame","params","translate","start","end","easing","updateCameraPosition","lng","lat","alt","target","camera","getFreeCameraOptions","MercatorCoordinate","fromLngLat","lookAtPoint","setFreeCameraOptions","loop"],"mappings":"mRAAA,MAAMA,UAAsB,CAC1B,cACA,YACA,cACA,aACA,cACA,eACA,eACA,aACA,UACA,aACA,gBACA,eACA,aACA,gBACA,UACA,WACA,WACA,cACA,cACA,SACA,YACA,cACA,SACA,YACA,cACA,SACA,YACA,gBACA,WACA,aACA,eACA,UACA,aACA,iBACA,eACA,kBACA,qBACA,yBACA,SACA,WACA,SACA,UACA,SACA,cACA,eACA,gBACA,qBACA,sBACA,uBAGIC,YAAwB,CAC5B,cACA,YACA,cACA,aACA,cACA,eACA,eACA,UACA,aACA,gBACA,eACA,aACA,iBCjEIC,QAAU,yBACVC,QAAU,qCACVC,OAAS,6DAEFC,gBAAkB,CAC7BC,GAAI,CACFC,MAAUL,QAAF,aACRM,KAASN,QAAF,YACPO,OAAWP,QAAF,eACTQ,QAAYR,QAAF,gBACVS,IAAQT,QAAF,gBACNU,WAAeV,QAAF,yBACbW,IAAQX,QAAF,8BACNY,UAAcZ,QAAF,gCACZa,MAAUb,QAAF,6BACRc,WAAed,QAAF,6BACbe,QAAYf,QAAF,6BACVgB,SAAahB,QAAF,6BACXiB,KAASjB,QAAF,6BACPkB,UAAclB,QAAF,6BACZmB,QAAYnB,QAAF,6BACVoB,UAAcpB,QAAF,6BACZqB,MAAUrB,QAAF,wCACRsB,OAAWtB,QAAF,wCACTuB,QAAYvB,QAAF,wCACVwB,SAAaxB,QAAF,wCACXyB,UAAczB,QAAF,wCACZ0B,OAAW1B,QAAF,wCACT2B,OAAW3B,QAAF,wCACT4B,UAAc3B,QAAF,yEACZ4B,QAAY5B,QAAF,uEACV6B,MAAU7B,QAAF,qEACR8B,KAAS9B,QAAF,kEACP+B,WAAe/B,QAAF,kDACbgC,QAAYhC,QAAF,+CACViC,OAAWjC,QAAF,8CACTkC,MAAUlC,QAAF,8CAEVmC,KAAM,CACJX,UAAcvB,OAAF,sBACZmC,kBAAsBnC,OAAF,8BACpBoC,eAAmBpC,OAAF,2BACjBqC,UAAcrC,OAAF,sBACZsC,YAAgBtC,OAAF,wBACduC,eAAmBvC,OAAF,2BACjBwC,QAAYxC,OAAF,gCACVyC,UAAczC,OAAF,sBACZ0C,gBAAoB1C,OAAF,4BAClB2C,kBAAsB3C,OAAF,8BACpB4C,iBAAqB5C,OAAF,6BACnB6C,gBAAoB7C,OAAF,kCAClB8C,eAAmB9C,OAAF,iCACjB+C,iBAAqB/C,OAAF,6BACnBgD,aAAiBhD,OAAF,yBACfiD,mBAAuBjD,OAAF,+BACrBkD,cAAkBlD,OAAF,0BAChBmD,qBAAyBnD,OAAF,iCACvBoD,kBAAsBpD,OAAF,8BACpBqD,SAAarD,OAAF,qBACXsD,aAAiBtD,OAAF,yBACfuD,SAAavD,OAAF,qBACXwD,QAAYxD,OAAF,oBACVyD,UAAczD,OAAF,sBACZ0D,QAAY1D,OAAF,oBACV2D,eAAmB3D,OAAF,2BACjB4D,QAAY5D,OAAF,oBACV6D,eAAmB7D,OAAF,2BACjB8D,OAAW9D,OAAF,qBAGP+D,MAAQ,iDACRC,OAAS,6CACTC,GAAK,sCAEEC,gBAAkB,CAC7BC,IAAK,CACHC,IAAK,qDACLC,MAAO,wDACPC,MAAO,oEACPC,KAAM,mDACNC,MACE,8FAEJT,MAAO,CACLU,QAAYV,MAAF,0CACVW,SAAaX,MAAF,+BACX3D,KAAS2D,MAAF,8BACPS,MACE,4EAEJR,OAAQ,CACNW,MAAUX,OAAF,2BACRY,WAAeZ,OAAF,gCACba,WAAeb,OAAF,6BACbc,QAAYd,OAAF,6BACVQ,MACE,wFAEJP,GAAI,CACFK,MAAUL,GAAF,2CACRc,MAAUd,GAAF,+CACRe,WAAef,GAAF,oDACbgB,UAAchB,GAAF,+CACZiB,SAAajB,GAAF,8CACXkB,cAAkBlB,GAAF,mDAChBmB,OAAWnB,GAAF,gDACToB,QAAYpB,GAAF,6CACVqB,MAAUrB,GAAF,2CACRsB,OAAWtB,GAAF,kDACTO,MACE,4HC9EAgB,WAAaC,gBAENC,OAAS,IAAiBC,WAAWH,YAGrCI,MAyCRC,IACHA,EAAMC,GAAKD,EAAMC,IAAMC,iBAEvB,KAAM,CAACC,EAASC,GAAcC,eACxB,CAACC,EAAgBC,GAAqBF,aAAa,SACnD,CAACG,EAAUC,GAAeJ,aAC9BK,OAAOC,WAAW,gCAAgCC,SAChDC,SAASC,KAAKC,UAAUC,SAAS,SAG/BC,EAAQ,CAACC,EAAMC,IACnBnB,EAAMiB,OAASG,QAAQH,MAASC,EAAF,OAAaC,EAAS,eAEhDE,GAAM,KAAA,MAAAC,EAAAC,SAAAC,WAAA,GAAA,OAAAC,OAAAC,IAAA,IAEJ1B,EAAAA,EAAMC,GACHD,EAAAA,GAAO2B,MACH3B,EAAAA,GAAOe,UACXa,EAAA,CAAEC,SAAU,WAAYC,MAAO,KAAM9B,EAAM+B,OAL1C,OAAAC,IAAAN,EAAAM,KAAAC,aAAAX,EAAA,KAAAI,EAAAM,IAAAA,GAAAE,IAAAR,EAAAQ,MAAAC,UAAAb,EAAAI,EAAAQ,KAAAA,GAAAR,EAAAU,KAAAC,UAAAf,EAAAc,EAAAV,EAAAU,MAAAV,EAAAE,KAAAU,MAAAhB,EAAAM,EAAAF,EAAAE,MAAAF,GAAA,CAAAM,SAAAO,EAAAL,UAAAK,EAAAH,UAAAG,EAAAX,UAAAW,IAAAjB,GAAA,GASNkB,EAAW,CAAClI,EAAOC,KACvB,MAAMwH,EAAQvB,KAAajG,GAAgBD,EAC3C,MAAwB,iBAAVyH,GAAsBA,aAAiBU,OACjDV,EAAMW,MAAM,KAAKC,OAAO,CAACC,EAAGC,IAAMD,EAAEC,GAAIzI,kBAAoB2H,EAC5DA,GAAS,CAAEe,QAAS,EAAGC,QAAS,GAAIC,OAAQ,KA2KlD,OAxKAC,QAAQ,KACN,MAAMC,EAAiB,IAAIC,SAASC,IAAI,IACnCpD,EAAMqD,QACTtB,MAAOS,EAASxC,EAAMqD,QAAQtB,MAAO/B,EAAMsD,WAC3CC,UAAWlC,EACXmC,cAAexD,EAAMyD,iBACrBC,OAAQ1D,EAAM2D,UAAUD,OACxBE,OAAQ5D,EAAM2D,UAAUC,OACxBC,KAAM7D,EAAM2D,UAAUE,MAAQ,KAC9BC,MAAO9D,EAAM2D,UAAUG,OAAS,KAChCC,QAAS/D,EAAM2D,UAAUI,SAAW,KACpCC,iBAAkB,CAAEC,QAASjE,EAAM2D,UAAUM,WAWzCC,GARNhB,EAAIjC,MAAQjB,EAAMiB,MAGlBiC,EAAIiB,KAAK,QAAQC,KAAK,IAAMhE,EAAW8C,IAKhB,IAAImB,eAAe,IAAMnB,EAAIoB,WAQ9CC,GAPNC,aAAa,IACXxE,EAAMyE,cACFP,EAAeQ,aACfR,EAAeS,QAAQtD,IAIXX,OAAOC,WAAW,iCAG9BiE,GAFNL,EAAUM,iBAAiB,SAAU,IAAMpE,EAAY8D,EAAU3D,UAEvC,IAAIkE,iBAAiB,IAC7CrE,EAAYI,SAASC,KAAKC,UAAUC,SAAS,WAE/C4D,EAAkBD,QAAQ9D,SAASC,KAAM,CAAEiE,YAAY,IAGvDP,aAAa,IACXzK,UAAUiL,QAAQC,IAChB,GAAIjF,EAAMiF,GAAO,CACf,MAAMC,EAAQD,EAAKE,MAAM,GAAGC,cACtBC,EAAWC,GAAKtF,EAAMiF,GAAMK,GAClCpC,EAAIqC,GAAGL,EAAOG,GACdG,UAAU,IAAMtC,EAAIuC,IAAIP,EAAOG,QAMrCb,aAAa,KACXtB,EAAIwC,mBAAqB1F,EAAM0F,mBAC/BxC,EAAIyC,qBAAuB3F,EAAM2F,qBACjCzC,EAAI0C,YAAc5F,EAAM4F,YACxB1C,EAAI2C,mBAAqB7F,EAAM6F,mBAC/B3C,EAAI4C,sBAAwB9F,EAAM8F,wBAIpCtB,aAAauB,IACX,GAAI/F,EAAMgG,cAAgBD,EAG1B,OAFA9E,EAAM,mBAAoBjB,EAAMgG,aAChC9C,EAAI+C,YAAYlE,MAAMmE,OAASlG,EAAMgG,YAC9BhG,EAAMgG,cAIfxB,aAAauB,IACX,GAAI/F,EAAMM,iBAAmByF,EAG7B,OAFA9E,EAAM,uBAAwBjB,EAAMM,gBACpCC,EAAkBP,EAAMM,gBACjBN,EAAMM,iBAIfkE,aAAauB,IACX,GAAI/F,EAAMqD,SAAS8C,aAAeJ,EAGlC,OAFA9E,EAAM,uBAAwBjB,EAAMqD,SAAS8C,WAAWC,MACxDlD,EAAImD,cAAcrG,EAAMqD,SAAS8C,YAC1BnG,EAAMqD,SAAS8C,aAIxB3B,aAAauB,IACX,IAAMhE,EAAQS,EAASxC,EAAMqD,SAAStB,MAAO/B,EAAMsD,WACnD,GAAIvB,IAAUgE,EAAd,CACAO,IAAIC,EAAY,GACZC,EAAa,GAEjB,GADAvF,EAAM,qBAAsBc,GACxBmB,EAAIuD,gBAAiB,CACvB,MAAMC,EAAWxD,EAAIV,WACrB+D,EAAYG,EAAS1D,OAAO2D,OAAOC,GAAKA,EAAE3G,GAAG4G,WAAW,QACxDL,EAAaM,OAAOC,KAAKL,EAAS3D,SAC/B4D,OAAOK,GAAKA,EAAEH,WAAW,QACzBlE,OAAO,CAACsE,EAAKC,KAAS,IAAKD,GAAMC,GAAMR,EAAS3D,QAAQmE,KAAS,IAWtE,OATAhE,EAAIiE,SAASpF,GACbmB,EAAIiB,KAAK,YAAa,KACpB,IAAMiD,EAAWlE,EAAIV,WACrBU,EAAIiE,SAAS,IACRC,EACHrE,QAAS,IAAKqE,EAASrE,WAAYyD,GACnCxD,OAAQ,IAAIoE,EAASpE,UAAWuD,OAG7BxE,IACN/B,EAAMqD,SAAStB,OAGlByC,aAAa,KACX,MAAMb,EAAW,CACf1D,GAAI,KACJ2D,OAAQV,EAAImE,YACZxD,KAAMX,EAAIoE,UACVxD,MAAOZ,EAAIqE,WACXxD,QAASb,EAAIsE,aACbvD,QAASjE,EAAM2D,UAAUM,QACzBP,OAAQ1D,EAAM2D,UAAUD,QAGpB+D,EAAWvC,IACXA,EAAMwC,eACR1H,EAAMyD,kBACJzD,EAAMyD,iBAAiB,IAAKE,EAAU1D,GAAID,EAAMC,KACpDM,EAAkB,WAGdoH,EAAUzC,IACVA,EAAMwC,eACR1H,EAAMyD,kBAAoBzD,EAAMyD,iBAAiBE,GACnDpD,EAAkBP,EAAMM,iBAG1B4C,EAAIqC,GAAG,OAAQkC,GAAUlC,GAAG,UAAWoC,GACvCnC,UAAU,IAAMtC,EAAIuC,IAAI,OAAQgC,GAAUhC,IAAI,UAAWkC,MAI3DnD,aAAauB,IACP/F,EAAM2D,UAAUD,QAAUqC,GAC5B/F,EAAMyD,iBAAiB,IAClBzD,EAAM2D,YACNT,EAAI0E,gBAAgB5H,EAAM2D,UAAUD,OAAQ,CAC7CO,QAASjE,EAAM2D,UAAUM,YAGxBjE,EAAM2D,UAAUD,QACtB1D,EAAM2D,UAAUD,QAGnBc,aAAa,KACX,GAAIxE,EAAMC,KAAOD,EAAM2D,UAAU1D,GAAjC,CACA,IAAM0D,EAAW,IACZ3D,EAAM2D,SACTM,QAASjE,EAAM2D,UAAUM,SAAW,GAEtC,OAAQ4D,QAAQvH,IACd,IAAK,SACH4C,EAAI4E,OAAOC,OAAOpE,GACpB,IAAK,SACHT,EAAI4E,OAAOE,OAAOrE,GACpB,QACET,EAAI4E,OAAOG,MAAMtE,SAMtBuE,gBAAAvI,WAAWwI,SADd,CACuBhH,MAAOhB,EAD9BiI,eAAA,MAEK,CAAAC,KAAA,IAAAA,KAAA,MAAAlI,KAAA,EAAAkI,KAAA,KAAA,MAAAC,EAAA/G,SAAAC,WAAA,GAAA,OAAA8G,EAAAvG,MAAAwG,YAAA,WAAA,YAAAD,EAAAvG,MAAAwG,YAAA,UAAA,MAAAC,OAEIxI,EAAAA,IAAAA,EAAMoI,UAFVE,GAAA,IAKAjH,OC7QDoH,cAAgB7I,gBACT8I,YAAc,IAAc5I,WAAW2I,eAEvCE,OAMR3I,IACH,MAAMkD,EAAiBrD,SAGjB+I,GAFN5I,EAAMC,GAAKD,EAAMC,IAAMC,iBAER2I,IACb,MAAMC,EAASD,EAAInG,MAAM,KAAKC,OAAO,CAACC,EAAGC,IAAMD,GAAKA,EAAEC,GAAIxE,iBAC1D,OAAOyK,EACH,IACK9I,EAAM8I,OACTD,IAAK,GACLE,MAAO,CACLD,EACGE,QAAQ,WAAYhJ,EAAM8I,OAAOG,QACjCD,QAAQ,MAAiC,EAA1BtI,OAAOwI,iBAAuB,MAAQ,KAE1DC,YAAa9K,gBAAgBwK,EAAInG,MAAM,KAAK,IAAI/D,OAElDqB,EAAM8I,SAiEZ,OA7DAtE,aAAa,KACX,MAAMsE,EAASF,EAAO5I,EAAM8I,OAAOD,KACnCC,EAAOC,QACJD,EAAOC,MAAQ,CAAC,IAAK,IAAK,KAAK7F,IAAIkG,GAClCN,EAAOC,MAAM,GAAGC,QAAQ,MAAOI,KAElClG,IAAMmG,UAAUrJ,EAAMC,KAAOiD,IAAMoG,UAAUtJ,EAAMC,GAAI6I,KAI1DtD,UAAU,KACRtC,IACGV,WACAQ,OAAOgC,QACNuE,GAASA,EAAMT,SAAW9I,EAAMC,IAAMiD,IAAMsG,YAAYD,EAAMtJ,KAElEiD,IAAMmG,UAAUrJ,EAAMC,KAAOiD,IAAMuG,aAAazJ,EAAMC,MAIxDuE,aAAa,KACX,MAAMsE,EAAS5F,IAAMmG,UAAUrJ,EAAMC,IACrC,GAAK6I,IAGqB,YAAtB9I,EAAM8I,OAAOY,MAAsB1J,EAAM8I,OAAOa,MAClDb,EAAOc,QAAQ5J,EAAM8I,OAAOa,MAIN,UAAtB3J,EAAM8I,OAAOY,OACZ1J,EAAM8I,OAAOD,KAAO7I,EAAM8I,OAAOe,cAElCf,EAAOgB,YAAY9J,EAAM8I,OAAOD,IAAK7I,EAAM8I,OAAOe,aAI5B,WAAtB7J,EAAM8I,OAAOY,OACZ1J,EAAM8I,OAAOD,KAAO7I,EAAM8I,OAAOC,SAElC/I,EAAM8I,OAAOD,IACTC,EAAOiB,OAAO/J,EAAM8I,OAAOD,KAC3BC,EAAOkB,SAAShK,EAAM8I,OAAOC,QAIX,WAAtB/I,EAAM8I,OAAOY,OACZ1J,EAAM8I,OAAOD,KAAO7I,EAAM8I,OAAOC,QAClC,CACA,MAAMkB,EAAMrB,EAAO5I,EAAM8I,OAAOD,KAChCoB,EAAIlB,QACDkB,EAAIlB,MAAQ,CAAC,IAAK,IAAK,KAAK7F,IAAIkG,GAAKa,EAAIlB,MAAM,GAAGC,QAAQ,MAAOI,KACpEN,EAAOoB,kBAAkBC,SACzBrB,EAAOD,IAAMoB,EAAIpB,IACjBC,EAAOsB,OAASH,EAAIG,OACpBtB,EAAOuB,SAAW,IAAKvB,EAAOuB,YAAaJ,GAC3C/G,IAAMnB,MAAMuI,cAAe,SAAQtK,EAAMC,KAAOsK,aAChDzB,EAAO0B,UAKRtC,gBAAAO,cAAcN,SADjB,CAAAhH,YAAA,OACiCnB,EAAMC,IADvCmI,eAAA,OAEKpI,EAAMoI,aC/FPqC,KAAO,CACXC,EAA+B,GAC/BC,EAAgC,MAGhC,MAAO,IADM,IAAIC,IAAI,IAAI9D,OAAOC,KAAK2D,MAAc5D,OAAOC,KAAK4D,MAC9ChI,OAAO,CAACkI,EAAK3D,KAC5B,IAAM/F,EAAQuJ,EAASxD,GAIvB,OAHI/F,IAAUwJ,EAAUzD,IACtB2D,EAAIC,KAAK,CAAC5D,EAAK/F,IAEV0J,GACN,KAGQE,MAqBR/K,IACH,MAAMkD,EAAiBrD,SACjBmL,EAAmBtC,cAyHzB,OAxHA1I,EAAMC,GAAKD,EAAMC,IAAMC,iBAGvBsE,aAAa,KACVtB,IAAM+H,SAASjL,EAAMC,KACpBiD,IAAMgI,SACJlL,EAAMmL,aAAe,IAChBnL,EAAM+B,MACT9B,GAAID,EAAMC,GACV6I,OAAQkC,EACRI,SAAU,CACRC,IAAK,CAAEC,WAAYtL,EAAMsL,WAAYC,SAAUvL,EAAMuL,YAGzDvL,EAAMsL,WACFpI,KACIV,WACDQ,OAAOwI,KAAK5E,GAAKA,EAAE8C,OAAS1J,EAAMsL,YAAYrL,GACjDD,EAAMuL,YAKhB/F,UAAU,IAAMtC,IAAM+H,SAASjL,EAAMC,KAAOiD,IAAMsG,YAAYxJ,EAAMC,KAGpEuE,aAAa,IACXxK,YAAYgL,QAAQC,IAClB,GAAIjF,EAAMiF,GAAO,CACf,MAAMC,EAAQD,EAAKE,MAAM,GAAGC,cACtBC,EAAWC,GAAKtF,EAAMiF,GAAMK,GAClCpC,KAAOqC,GAAGL,EAAOlF,EAAMC,GAAIoF,GAC3BG,UAAU,IAAMtC,KAAOuC,IAAIP,EAAOlF,EAAMC,GAAIoF,QAMlDb,aAAcuB,IACZ,GACG/F,EAAM+B,OACNmB,IAAMnB,OACNmB,IAAMmG,UAAU2B,IAChB9H,IAAM+H,SAASjL,EAAMC,IA2BxB,OAvBID,EAAM+B,MAAM0J,SAAW1F,GAAM0F,QAC/BhB,KAAKzK,EAAM+B,MAAM0J,OAAQ1F,GAAM0F,QAAQzG,QAAQ,CAAA,CAAEkC,EAAK/F,KACpD+B,IAAMwI,kBAAkB1L,EAAMC,GAAIiH,EAAK/F,EAAO,CAAEwK,UAAU,KAG1D3L,EAAM+B,MAAM6J,QAAU7F,GAAM6F,OAC9BnB,KAAKzK,EAAM+B,MAAM6J,MAAO7F,GAAM6F,OAAO5G,QAAQ,CAAA,CAAEkC,EAAK/F,KAClD+B,IAAM2I,iBAAiB7L,EAAMC,GAAIiH,EAAK/F,EAAO,CAAEwK,UAAU,KAI3D3L,EAAM+B,MAAM+J,UAAY/F,GAAM+F,SAC9B9L,EAAM+B,MAAMgK,UAAYhG,GAAMgG,SAE9B7I,IAAM8I,kBACJhM,EAAMC,GACND,EAAM+B,MAAM+J,QACZ9L,EAAM+B,MAAMgK,SAGZ/L,EAAM+B,MAAM4E,SAAWZ,GAAMY,QAC/BzD,IAAM+I,UAAUjM,EAAMC,GAAID,EAAM+B,MAAM4E,OAAQ,CAAEgF,UAAU,IAErD3L,EAAM+B,OACZ/B,EAAM+B,OAGTyC,aAAcuB,IACZ,QACoBxD,IAAlBvC,EAAMkM,SACNlM,EAAMkM,UAAYnG,GACjB7C,IAAMmG,UAAU2B,IAChB9H,IAAM+H,SAASjL,EAAMC,IAUxB,OANAiD,IAAMwI,kBACJ1L,EAAMC,GACN,aACAD,EAAMkM,QAAU,UAAY,OAC5B,CAAEP,UAAU,IAEP3L,EAAMkM,SACZlM,EAAMkM,SAGT1H,aAAa2H,UACNnM,EAAM2G,SAEVzD,IAAMuD,uBAA0BvD,IAAMiB,KAAK,aAC5CjB,IAAM+I,UAAUjM,EAAMC,GAAID,EAAM2G,WAIlCnC,aAAa2H,UACNnM,EAAMoM,cAAiBpM,EAAMoM,aAAanM,KAE9CiD,IAAMuD,uBAA0BvD,IAAMiB,KAAK,aAE5CjB,IAAMmJ,mBAAmB,CACvBvD,OAAQkC,EACRsB,YAAatM,EAAM+B,MAAM,kBAE3BmB,IAAMqJ,gBACJ,CACEzD,OAAQkC,EACRsB,YAAatM,EAAM+B,MAAM,gBACzB9B,GAAID,EAAMoM,aAAanM,IAEzBD,EAAMoM,aAAaI,UAIhBxM,EAAMoI,UCpKFqE,WAIRzM,IACH,MAAMkD,EAAiBrD,SAevB,OAbA2E,aAAa,KACXtB,IAAMwJ,OAAO1M,EAAM+B,OAAS,MAI9ByD,UAAU,IAAMtC,IAAMwJ,OAAO,OAG7BlI,aAAa,UACOjC,IAAlBvC,EAAMkM,SACJhJ,IAAMwJ,OAAO1M,EAAMkM,QAAUlM,EAAM+B,OAAS,GAAK,QAG9C/B,EAAMoI,UCnBFuE,QAIR3M,IACH,MAAMkD,EAAiBrD,SACvByG,IAAI0E,EAAgCtC,cAgCpC,OA7BAlE,aAAa,KACNwG,IACHA,EAAW9K,iBACXgD,IAAMoG,UAAU0B,EAAU,CACxBtB,KAAM,aACNb,IAAK,8BACL+D,SAAU,IACVb,QAAS,MAGb7I,IAAM2J,WAAW,CACfC,aAAc9M,EAAM8M,cAAgB,EACpChE,OAAQkC,MAKZxF,UAAU,IAAMtC,IAAM2J,WAAW,OAGjCrI,aAAa,UACOjC,IAAlBvC,EAAMkM,SACJhJ,IAAM2J,WACJ7M,EAAMkM,QACF,CAAEY,aAAc9M,EAAM8M,cAAgB,EAAGhE,OAAQkC,GACjD,QAIHhL,EAAMoI,UClCF2E,QAYR/M,IACH,MAAMkD,EAAiBrD,SACjB,CAACmN,EAASC,GAAc5M,aAAa,MA8B3C,OARAmE,aAAa,KACX,IAAMwI,GArBW,CAACtD,EAAMrG,KACxB,GAAIrD,EAAMkN,OAAQ,OAAO,IAAIlN,EAAMkN,OAAO7J,GAC1C,OAAQqG,GACN,IAAK,aACH,OAAO,IAAIvG,SAASgK,kBAAkB9J,GACxC,IAAK,QACH,OAAO,IAAIF,SAASiK,aAAa/J,GACnC,IAAK,cACH,OAAO,IAAIF,SAASkK,mBAAmBhK,GACzC,IAAK,YACH,OAAO,IAAIF,SAASmK,iBAAiBjK,GACvC,IAAK,aACH,OAAO,IAAIF,SAASoK,kBAEtB,QACE,MAAM,IAAIC,MAAO,yBAAwB9D,KAM7B+D,CAAWzN,EAAM0J,KAAM1J,EAAMqD,SAC7C2J,GAAW9J,KAAOwK,WAAWV,EAAShN,EAAM6B,UAC5CoL,EAAWD,KAGbxH,UAAU,IAAMtC,IAAMyK,cAAcX,MAE7BhN,EAAMoI,6CC/CFwF,OAIR5N,IACH,MAAMkD,EAAiBrD,SACvByG,IAAIuH,EAAS,KAmBb,OAhBArJ,aAAa,KAKH,IAAAlD,EAJRuM,EAAS,IAAI1K,SAASyK,OAAO5N,EAAMqD,SAChCyK,UAAU9N,EAAM+N,QAChBC,SACChO,EAAMoI,UACF,IAAIjF,SAAS8K,OAAQC,eAArB5M,EAAAC,SAAAC,WAAA,GAAAgH,OAAyCxI,EAAAA,IAAAA,EAAMoI,UAA/C9G,IACA,MAEL6M,MAAMjL,OAGXsC,UAAU,IAAMqI,EAAOO,UAGvB5J,aAAa,IAAMqJ,GAAUA,EAAOC,UAAU9N,EAAM+N,SAEpD,qCCzBWE,MAIRjO,IACH,MAAMkD,EAAiBrD,SACvByG,IAAI+H,EAAQ,KAmBZ,OAhBA7J,aAAa,KACH,IAAAlD,EAAR+M,EAAQ,IAAIlL,SAAS8K,MAAMjO,EAAMqD,SAC9ByK,UAAU9N,EAAM+N,QAChBG,eAFK5M,EAAAC,OAAAC,WAAA,GAAAgH,OAEexI,EAAAA,IAAAA,EAAMoI,UAFrB9G,IAGL6M,MAAMjL,OAIXsC,UAAU,IAAM6I,EAAMD,UAGtB5J,aAAa,IAAM6J,GAASA,EAAMP,UAAU9N,EAAM+N,SAGlDvJ,aAAa,IAAM6J,GAASA,EAAMH,eAAN,KAAA,IAAA5F,EAAA/G,OAAAC,WAAA,GAAA,OAAAgH,OAA0BxI,EAAAA,IAAAA,EAAMoI,UAAhCE,GAAA,KAE5B,ICxBWgG,MAURtO,IACH,MAAMkD,EAAiBrD,SAkCvB,OAhCA2E,aAAa,KACPxE,EAAM6I,IACR3F,IAAMqL,UACJvO,EAAM6I,IACN,CAAC2F,EAAGC,KACDvL,IAAMwL,SAAS1O,EAAMC,KAAOiD,IAAMyL,SAAS3O,EAAMC,GAAIwO,IAGzDvL,IAAMwL,SAAS1O,EAAMC,KACpBiD,IAAMyL,SAAS3O,EAAMC,GAAID,EAAMyO,MAAOzO,EAAMqD,WAKlDmC,UAAU,IAAMtC,IAAMwL,SAAS1O,EAAMC,KAAOiD,IAAM0L,YAAY5O,EAAMC,KAGpEuE,aAAa2H,UACPnM,EAAMyO,OAASzO,EAAM6I,MAErB7I,EAAM6I,IACR3F,IAAMqL,UAAUvO,EAAM6I,IAAK,CAACgG,EAAOJ,KACjC,GAAII,EAAO,MAAMA,EAChB3L,IAAMwL,SAAS1O,EAAMC,KAAOiD,IAAM4G,YAAY9J,EAAMC,GAAIwO,KAG3DvL,IAAMnB,OACJmB,IAAMwL,SAAS1O,EAAMC,KACrBiD,IAAM4G,YAAY9J,EAAMC,GAAID,EAAMyO,UAIxC,IC9CIK,KAAO,CAACC,EAAGC,EAAGC,IAAMF,EAAE7L,IAAI,CAACsL,EAAGU,KAAS,EAAMD,GAAKF,EAAEG,GAAOD,EAAID,EAAEE,IAGjEC,MAAQ,CAACJ,EAAGC,EAAGC,KAKnB,OAAOF,EAAE7L,IACP,CAACsL,EAAGU,IACDE,KAAKC,IANI,MAMC,EAAIJ,IAAcG,KAAKC,IANxB,MAMsCN,EAAEG,GACjDE,KAAKC,IAPI,KAOAJ,GAAaG,KAAKC,IAPlB,MAOgCL,EAAEE,KAK5CI,SAAW,CACfC,GAAKC,GAAsBA,EAAIA,EAC/BC,IAAMD,GAAsB,GAAK,EAAIA,IAAM,EAAIA,GAC/CE,MAAQF,GACNA,EAAI,GAAM,EAAIA,EAAIA,EAAI,EAAIJ,KAAKO,KAAK,EAAIH,EAAI,EAAG,GAAK,GAG3CI,OAaR5P,IACH,MAAMkD,EAAiBrD,SACvByG,IAAIuJ,EAAgB,GAChBC,GAAY,EAEhB,MAOMC,EAASC,IACbhQ,EAAMiQ,SAAWvP,OAAOwP,sBAAsBH,GAC9C,IAAMI,EAAS,CACbnQ,EAAMoQ,UAAUC,MAChBrQ,EAAMoQ,UAAUE,IAChBtQ,EAAMoQ,UAAUG,OACZjB,SAAStP,EAAMoQ,UAAUG,QAAQV,GACjCA,GAEAhO,GACqB,SAAzB7B,EAAMoQ,UAAU1G,KAAkBoF,KAAkBK,UAAVgB,GAE5CK,CAAAA,GAAAA,CAnB4B,CAACC,EAAKC,EAAKC,GAAMC,GAmB7CJ,CAAqB3O,EAAU7B,EAAMoQ,UAAUQ,QAlB/C,MAAMC,EAAS3N,IAAM4N,uBACrBD,EAAOhP,SAAWkP,mBAAmBC,WAAW,CAACP,EAAKC,GAAMC,GAC5DE,EAAOI,YAAYL,GACnB1N,IAAMgO,qBAAqBL,IAiBtB7Q,EAAMoQ,UAAUe,OAAyB,EAAhBtB,GAAuBA,EAAgB,KACnEC,GAAaA,GACfD,EAAgBC,EAAYD,EAAgB,KAAQA,EAAgB,MAOtE,OAJArL,aAAa2H,UACXnM,EAAMiQ,SAAWvP,OAAOwP,sBAAsBH,KAGzC/P,EAAMoI"}
1	+ {"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/mapStyles.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Atmosphere/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","../../src/components/Camera/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","const mapBase = 'mapbox://styles/mapbox'\nconst gitBase = 'https://raw.githubusercontent.com/'\nconst gishub = 'https://raw.githubusercontent.com/GIShub4/map-styles/main/'\n\nexport const vectorStyleList = {\n mb: {\n light: `${mapBase}/light-v10`,\n dark: `${mapBase}/dark-v10`,\n street: `${mapBase}/streets-v11`,\n outdoor: `${mapBase}/outdoors-v11`,\n sat: `${mapBase}/satellite-v9`,\n sat_street: `${mapBase}/satellite-streets-v11`,\n nav: `${mapBase}/navigation-guidance-day-v4`,\n nav_night: `${mapBase}/navigation-guidance-night-v4`,\n basic: `${mapBase}/cjf4m44iw0uza2spb3q0a7s41`,\n monochrome: `${mapBase}/cjv6rzz4j3m4b1fqcchuxclhb`,\n leshine: `${mapBase}/cjcunv5ae262f2sm9tfwg8i0w`,\n icecream: `${mapBase}/cj7t3i5yj0unt2rmt3y4b5e32`,\n cali: `${mapBase}/cjerxnqt3cgvp2rmyuxbeqme7`,\n northstar: `${mapBase}/cj44mfrt20f082snokim4ungi`,\n mineral: `${mapBase}/cjtep62gq54l21frr1whf27ak`,\n moonlight: `${mapBase}/cj3kbeqzo00022smj7akz3o1e`,\n frank: `${mapBase}-map-design/ckshxkppe0gge18nz20i0nrwq`,\n minimo: `${mapBase}-map-design/cksjc2nsq1bg117pnekb655h1`,\n decimal: `${mapBase}-map-design/ck4014y110wt61ctt07egsel6`,\n standard: `${mapBase}-map-design/ckr0svm3922ki18qntevm857n`,\n blueprint: `${mapBase}-map-design/cks97e1e37nsd17nzg7p0308g`,\n bubble: `${mapBase}-map-design/cksysy2nl62zp17quosctdtcc`,\n pencil: `${mapBase}-map-design/cks9iema71es417mlrft4go2k`,\n swiss_ski: `${gitBase}mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,\n vintage: `${gitBase}mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,\n whaam: `${gitBase}mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,\n neon: `${gitBase}NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,\n camoflauge: `${gitBase}jingsam/mapbox-gl-styles/master/Camouflage.json`,\n emerald: `${gitBase}jingsam/mapbox-gl-styles/master/Emerald.json`,\n runner: `${gitBase}jingsam/mapbox-gl-styles/master/Runner.json`,\n x_ray: `${gitBase}jingsam/mapbox-gl-styles/master/X-ray.json`,\n },\n esri: {\n blueprint: `${gishub}esri:blueprint.json`,\n charted_territory: `${gishub}esri:charted-territory.json`,\n colored_pencil: `${gishub}esri:colored-pencil.json`,\n community: `${gishub}esri:community.json`,\n mid_century: `${gishub}esri:mid-century.json`,\n modern_antique: `${gishub}esri:modern-antique.json`,\n nat_geo: `${gishub}esri:national-geographic.json`,\n newspaper: `${gishub}esri:newspaper.json`,\n open_street_map: `${gishub}esri:open-street-map.json`,\n light_gray_canvas: `${gishub}esri:light-gray-canvas.json`,\n dark_gray_canvas: `${gishub}esri:dark-gray-canvas.json`,\n human_geo_light: `${gishub}esri:human-geography-light.json`,\n human_geo_dark: `${gishub}esri:human-geography-dark.json`,\n world_navigation: `${gishub}esri:world-navigation.json`,\n world_street: `${gishub}esri:world-street.json`,\n world_street_night: `${gishub}esri:world-street-night.json`,\n world_terrain: `${gishub}esri:world-terrain.json`,\n world_terrain_hybrid: `${gishub}esri:world-terrain-hybrid.json`,\n world_topographic: `${gishub}esri:world-topographic.json`,\n chromium: `${gishub}esri:chromium.json`,\n dreamcatcher: `${gishub}esri:dreamcatcher.json`,\n seahaven: `${gishub}esri:seahaven.json`,\n sangria: `${gishub}esri:sangria.json`,\n mercurial: `${gishub}esri:mercurial.json`,\n imagery: `${gishub}esri:imagery.json`,\n imagery_hybrid: `${gishub}esri:imagery-hybrid.json`,\n firefly: `${gishub}esri:firefly.json`,\n firefly_hybrid: `${gishub}esri:firefly-hybrid.json`,\n oceans: `${gishub}esri:oceans.json`,\n },\n}\nconst carto = 'https://{s}.basemaps.cartocdn.com/rastertiles/'\nconst stamen = 'https://stamen-tiles-{s}.a.ssl.fastly.net/'\nconst tf = 'https://{s}.tile.thunderforest.com/'\n\nexport const rasterStyleList = {\n osm: {\n org: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n human: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',\n cycle: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',\n topo: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',\n _copy:\n '<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">© OpenStreetMap</a>',\n },\n carto: {\n voyager: `${carto}voyager_labels_under/{z}/{x}/{y}{r}.png`,\n positron: `${carto}light_all/{z}/{x}/{y}{r}.png`,\n dark: `${carto}dark_all/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://carto.com/attribution\" target=\"_blank\">© Carto</a>',\n },\n stamen: {\n toner: `${stamen}toner/{z}/{x}/{y}{r}.png`,\n toner_lite: `${stamen}toner-lite/{z}/{x}/{y}{r}.png`,\n watercolor: `${stamen}watercolor/{z}/{x}/{y}.png`,\n terrain: `${stamen}terrain/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://stamen.com/privacy-policy\" target=\"_blank\">© Stamen Design</a>',\n },\n tf: {\n cycle: `${tf}cycle/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans: `${tf}transport/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans_dark: `${tf}transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n landscape: `${tf}landscape/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n outdoors: `${tf}outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n neighbourhood: `${tf}neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n spinal: `${tf}spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n pioneer: `${tf}pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n atlas: `${tf}atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n mobile: `${tf}mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n _copy:\n '<a href=\"https://thunderforest.com/privacy\" target=\"_blank\">© Thunderforest</a>',\n },\n}\n","import {\n createSignal,\n createEffect,\n onMount,\n onCleanup,\n createContext,\n useContext,\n Component,\n createUniqueId,\n untrack,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport { vectorStyleList } from '../../mapStyles'\nimport mapboxgl from 'mapbox-gl'\nimport 'mapbox-gl/dist/mapbox-gl.css'\nimport type { MapboxMap, 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'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { JSX } from 'solid-js'\n\nexport type Viewport = {\n id?: string\n center?: LngLatLike\n bounds?: LngLatBounds\n zoom?: number\n pitch?: number\n bearing?: number\n padding?: PaddingOptions\n}\n\nconst MapContext = createContext<MapboxMap>()\n/** Provides the Mapbox Map Object /\nexport const useMap = (): MapboxMap => useContext(MapContext)\n\n/* Creates a new Map Container /\nexport const MapGL: Component<{\n id?: string\n /* Map Container CSS Style /\n style?: JSX.CSSProperties\n /* Map Container CSS Class /\n class?: string\n /* SolidJS Class List for Map Container /\n classList?: {\n [k: string]: boolean \| undefined\n }\n /* Current Map View /\n viewport?: Viewport\n /* Mapbox Options\n * @see https://docs.mapbox.com/mapbox-gl-js/api/map/#map-parameters\n /\n options?: MapboxOptions\n /* Type for pan, move and zoom transitions /\n transitionType?: 'flyTo' \| 'easeTo' \| 'jumpTo'\n /* Event listener for Viewport updates /\n onViewportChange?: (viewport: Viewport) => void\n /* Displays Map Tile Borders /\n showTileBoundaries?: boolean\n /* Displays Wireframe if Terrain is visible /\n showTerrainWireframe?: boolean\n /* Displays Borders if Padding is set /\n showPadding?: boolean\n /* Displays Label Collision Boxes /\n showCollisionBoxes?: boolean\n /* Displays all feature outlines even if normally not drawn by style rules /\n showOverdrawInspector?: boolean\n /* Mouse Cursor Style /\n cursorStyle?: string\n //* Dark Map Style /\n darkStyle?: StyleSpecification \| string\n //* Disable automatic map resize /\n disableResize?: boolean\n //* Debug Mode /\n debug?: boolean\n ref?: HTMLDivElement\n /* Children within the Map Container /\n children?: any\n}> = props => {\n props.id = props.id \|\| createUniqueId()\n\n const [mapRoot, setMapRoot] = createSignal<MapboxMap>()\n const [transitionType, setTransitionType] = createSignal('flyTo')\n const [darkMode, setDarkMode] = createSignal(\n window.matchMedia('(prefers-color-scheme: dark)').matches \|\|\n document.body.classList.contains('dark')\n )\n\n const debug = (text, value) =>\n props.debug && console.debug(`${text}: %c${value}`, 'color: #00F')\n\n const mapRef = (\n <div\n id={props.id}\n class={props?.class}\n classList={props?.classList}\n style={{ position: 'absolute', inset: 0, ...props.style }}\n />\n )\n\n const getStyle = (light, dark) => {\n const style = darkMode() ? dark \|\| light : light\n return typeof style === 'string' \|\| style instanceof String\n ? style?.split(':').reduce((p, c) => p && p[c], vectorStyleList) \|\| style\n : style \|\| { version: 8, sources: {}, layers: [] }\n }\n\n onMount(() => {\n const map: MapboxMap = new mapboxgl.Map({\n ...props.options,\n style: getStyle(props.options.style, props.darkStyle),\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 map.debug = props.debug\n // map.container = containerRef\n\n map.once('load').then(() => setMapRoot(map))\n\n // onCleanup(() => map.remove())\n\n // Listen to map container size changes\n const resizeObserver = new ResizeObserver(() => map.resize())\n createEffect(() =>\n props.disableResize\n ? resizeObserver.disconnect()\n : resizeObserver.observe(mapRef as Element)\n )\n\n // Listen to dark theme changes\n const darkTheme = window.matchMedia('(prefers-color-scheme: dark)')\n darkTheme.addEventListener('change', () => setDarkMode(darkTheme.matches))\n\n const bodyClassObserver = new MutationObserver(() =>\n setDarkMode(document.body.classList.contains('dark'))\n )\n bodyClassObserver.observe(document.body, { attributes: true })\n\n // Hook up events\n createEffect(() =>\n mapEvents.forEach(item => {\n const prop = props[item]\n if (prop) {\n const event = item.slice(2).toLowerCase()\n if (typeof prop === 'function') {\n const callback = e => prop(e)\n map.on(event, callback)\n onCleanup(() => map.off(event, callback))\n } else {\n Object.keys(prop).forEach(layerId => {\n const callback = e => prop[layerId](e)\n map.on(event, layerId, callback)\n onCleanup(() => map.off(event, layerId, callback))\n })\n }\n }\n })\n )\n\n // Update debug features\n createEffect(() => {\n map.showTileBoundaries = props.showTileBoundaries\n map.showTerrainWireframe = props.showTerrainWireframe\n map.showPadding = props.showPadding\n map.showCollisionBoxes = props.showCollisionBoxes\n map.showOverdrawInspector = props.showOverdrawInspector\n })\n\n // Update cursor\n createEffect(prev => {\n if (props.cursorStyle === prev) return\n debug('Update Cursor to', props.cursorStyle)\n map.getCanvas().style.cursor = props.cursorStyle\n return props.cursorStyle\n })\n\n //Update transition type\n createEffect(prev => {\n if (props.transitionType === prev) return\n debug('Update Transition to', props.transitionType)\n setTransitionType(props.transitionType)\n return props.transitionType\n })\n\n // Update projection\n createEffect(prev => {\n if (props.options?.projection === prev) return\n debug('Update Projection to', props.options?.projection.name)\n map.setProjection(props.options?.projection)\n return props.options?.projection\n })\n\n // Update map style\n createEffect(prev => {\n const style = getStyle(props.options?.style, props.darkStyle)\n if (style === prev) return\n let oldLayers = []\n let oldSources = {}\n debug('Update Mapstyle to', style)\n if (map.isStyleLoaded()) {\n const oldStyle = map.getStyle()\n oldLayers = oldStyle.layers.filter(l => l.id.startsWith('cl-'))\n oldSources = Object.keys(oldStyle.sources)\n .filter(s => s.startsWith('cl-'))\n .reduce((obj, key) => ({ ...obj, [key]: oldStyle.sources[key] }), {})\n }\n map.setStyle(style)\n map.once('styledata', () => {\n const newStyle = map.getStyle()\n map.setStyle({\n ...newStyle,\n sources: { ...newStyle.sources, ...oldSources },\n layers: [...newStyle.layers, ...oldLayers],\n })\n })\n return style\n }, props.options?.style)\n\n // Hook up viewport events\n createEffect(() => {\n const viewport = {\n id: null,\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 const callMove = event => {\n if (event.originalEvent)\n props.onViewportChange &&\n props.onViewportChange({ ...viewport, id: props.id })\n setTransitionType('jumpTo')\n }\n\n const callEnd = event => {\n if (event.originalEvent)\n props.onViewportChange && props.onViewportChange(viewport)\n setTransitionType(props.transitionType)\n }\n\n map.on('move', callMove).on('moveend', callEnd)\n onCleanup(() => map.off('move', callMove).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 (props.id === props.viewport?.id) return\n const viewport = {\n ...props.viewport,\n padding: props.viewport?.padding \|\| 0,\n }\n switch (untrack(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\n return (\n <MapContext.Provider value={mapRoot}>\n {mapRoot() && (\n <div style={{ position: 'absolute', 'z-index': 10 }}>\n {props.children}\n </div>\n )}\n {mapRef}\n </MapContext.Provider>\n )\n}\n","import {\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 { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport { rasterStyleList } from '../../mapStyles'\n\nconst SourceContext = createContext<string>()\nexport const useSourceId = (): string => useContext(SourceContext)\n\nexport const Source: Component<{\n /* @optional Source ID for referencing non nexted Layers /\n id?: string\n /* @see https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/ /\n source: SourceSpecification\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n props.id = props.id \|\| createUniqueId()\n\n const lookup = url => {\n const source = url?.split(':').reduce((p, c) => p && p[c], rasterStyleList)\n return source\n ? {\n ...props.source,\n url: '',\n tiles: [\n source\n .replace('{apikey}', props.source.apikey)\n .replace('{r}', window.devicePixelRatio > 1 ? '@2x' : ''),\n ],\n attribution: rasterStyleList[url.split(':')[0]]._copy,\n }\n : props.source\n }\n\n // Add Source\n createEffect(() => {\n const source = lookup(props.source.url)\n source.tiles &&\n (source.tiles = ['a', 'b', 'c'].map(i =>\n source.tiles[0].replace('{s}', i)\n ))\n !map().getSource(props.id) && map().addSource(props.id, 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\n createEffect(() => {\n const source = map().getSource(props.id)\n if (!source) return\n\n // Update GeoJSON Data\n if (props.source.type === 'geojson' && props.source.data)\n source.setData(props.source.data)\n\n // Update Image URL\n if (\n props.source.type === 'image' &&\n (props.source.url \|\| props.source.coordinates)\n )\n source.updateImage(props.source.url, props.source.coordinates)\n\n // Update Vector URL or Tiles\n if (\n props.source.type === 'vector' &&\n (props.source.url \|\| props.source.tiles)\n )\n props.source.url\n ? source.setUrl(props.source.url)\n : source.setTiles(props.source.tiles)\n\n // Update Raster URL or Tiles\n if (\n props.source.type === 'raster' &&\n (props.source.url \|\| props.source.tiles)\n ) {\n const src = lookup(props.source.url)\n src.tiles &&\n (src.tiles = ['a', 'b', 'c'].map(i => src.tiles[0].replace('{s}', i)))\n source._tileJSONRequest?.cancel()\n source.url = src.url\n source.scheme = src.scheme\n source._options = { ...source._options, ...src }\n map().style._sourceCaches[`other:${props.id}`]?.clearTiles()\n source.load()\n }\n })\n\n return (\n <SourceContext.Provider value={props.id}>\n {props.children}\n </SourceContext.Provider>\n )\n}\n","import { onCleanup, createEffect, Component, createUniqueId } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport { layerEvents } from '../../events'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n FilterSpecification,\n StyleSpecification,\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\nexport const Layer: Component<{\n id?: string\n style?: StyleSpecification\n customLayer?: 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 children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const sourceId: string = useSourceId()\n props.id = props.id \|\| createUniqueId()\n\n // Add Layer\n createEffect(() => {\n !map().getLayer(props.id) &&\n map().addLayer(\n props.customLayer \|\| {\n ...props.style,\n id: props.id,\n source: sourceId,\n metadata: {\n smg: { beforeType: props.beforeType, beforeId: props.beforeId },\n },\n },\n props.beforeType\n ? map()\n ?.getStyle()\n .layers.find(l => l.type === props.beforeType)?.id\n : props.beforeId\n )\n })\n\n //Remove Layer\n onCleanup(() => map().getLayer(props.id) && 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(sourceId) \|\|\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(sourceId) \|\|\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: sourceId,\n sourceLayer: props.style['source-layer'],\n })\n map().setFeatureState(\n {\n source: sourceId,\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","import { 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\nexport const Atmosphere: Component<{\n style?: FogSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n // Add Atmosphere Layer\n createEffect(() => {\n map().setFog(props.style \|\| {})\n })\n\n // Remove Atmosphere Layer\n onCleanup(() => map().setFog(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setFog(props.visible ? props.style \|\| {} : null)\n })\n\n return props.children\n}\n","import { onCleanup, createEffect, Component, createUniqueId } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Terrain: Component<{\n exaggeration?: number\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let sourceId: SourceSpecification = useSourceId()\n\n // Add Terrain Layer\n createEffect(() => {\n if (!sourceId) {\n sourceId = createUniqueId()\n map().addSource(sourceId, {\n type: 'raster-dem',\n url: 'mapbox://mapbox.terrain-rgb',\n tileSize: 512,\n maxzoom: 14,\n })\n }\n map().setTerrain({\n exaggeration: props.exaggeration \|\| 1,\n source: sourceId,\n })\n })\n\n // Remove Terrain Layer\n onCleanup(() => map().setTerrain(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setTerrain(\n props.visible\n ? { exaggeration: props.exaggeration \|\| 1, source: sourceId }\n : null\n )\n })\n\n return props.children\n}\n","import { createEffect, 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\nexport const Control: Component<{\n type: 'navigation' \| 'scale' \| 'attribution' \| 'fullscreen' \| 'geolocate'\n options?:\n \| NavigationOptions\n \| ScaleOptions\n \| AttributionOptions\n \| FullscreenOptions\n \| GeolocateOptions\n \| object\n custom?: any\n position?: 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const [control, setControl] = createSignal(null)\n\n const getControl = (type, options) => {\n if (props.custom) return new props.custom(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 'geolocate':\n return new mapboxgl.GeolocateControl(options)\n case 'fullscreen':\n return new mapboxgl.FullscreenControl()\n // options \|\| { container: map().container }\n default:\n throw new Error(`Unknown control type: ${type}`)\n }\n }\n\n // Add Control\n createEffect(() => {\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","import { 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 { MarkerSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nexport const Marker: Component<{\n options?: MarkerSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let marker = null\n\n // Add Marker\n createEffect(() => {\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 && marker.setLngLat(props.lngLat))\n\n return <></>\n}\n","import { 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\nexport const Popup: Component<{\n options?: PopupSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let popup = null\n\n // Add Popup\n createEffect(() => {\n popup = new mapboxgl.Popup(props.options)\n .setLngLat(props.lngLat)\n .setDOMContent(<div>{props.children}</div>)\n .addTo(map())\n })\n\n // Remove Popup\n onCleanup(() => popup.remove())\n\n // Update Position\n createEffect(() => popup && popup.setLngLat(props.lngLat))\n\n // Update Content\n createEffect(() => popup && popup.setDOMContent(<div>{props.children}</div>))\n\n return <></>\n}\n","import { 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\nexport const 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 createEffect(() => {\n if (props.url) {\n map().loadImage(\n props.url,\n (_, image) =>\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\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","import { createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type LngLatLike from 'mapbox-gl/src/geo/lng_lat.js'\nimport { MercatorCoordinate } from 'mapbox-gl'\n\n// linearly interpolate between two positions [x,y,z] based on time\nconst lerp = (a, b, t) => a.map((_, idx) => (1.0 - t) a[idx] + t * b[idx])\n\n// sphericaly interpolate between two positions [x,y,z] based on time\nconst slerp = (a, b, t) => {\n const omega = 0.075\n // TODO: Proper Calculation\n // a.map((_, idx) => a[idx] * b[idx]).reduce((m, n) => m + n)\n\n return a.map(\n (_, idx) =>\n (Math.sin((1 - t) * omega) / Math.sin(omega)) * a[idx] +\n (Math.sin(t * omega) / Math.sin(omega)) * b[idx]\n )\n}\n\n// calculations from: https://easings.net\nconst easeQuad = {\n in: (x: number): number => x * x,\n out: (x: number): number => 1 - (1 - x) * (1 - x),\n inOut: (x: number): number =>\n x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,\n}\n\nexport const Camera: Component<{\n animate: boolean\n translate?: {\n type?: 'line' \| 'sphere'\n start: [number, number, number]\n end: [number, number, number]\n target: LngLatLike\n targetEnd?: LngLatLike\n easing?: 'in' \| 'out' \| 'inOut'\n loop?: boolean\n duration: number\n }\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let animationTime = 0.1\n let isReverse = false\n\n const updateCameraPosition = ([lng, lat, alt], target) => {\n const camera = map().getFreeCameraOptions()\n camera.position = MercatorCoordinate.fromLngLat([lng, lat], alt)\n camera.lookAtPoint(target)\n map().setFreeCameraOptions(camera)\n }\n\n const frame = (time: number) => {\n props.animate && window.requestAnimationFrame(frame)\n const params = [\n props.translate.start,\n props.translate.end,\n props.translate.easing\n ? easeQuad[props.translate.easing](animationTime)\n : animationTime,\n ] as const\n const position =\n props.translate.type === 'line' ? lerp(...params) : slerp(...params)\n\n updateCameraPosition(position, props.translate.target)\n\n if (!props.translate.loop && (animationTime > 1.0 \|\| animationTime < 0.0))\n isReverse = !isReverse\n animationTime = isReverse ? animationTime - 0.001 : animationTime + 0.001\n }\n\n createEffect(async () => {\n props.animate && window.requestAnimationFrame(frame)\n })\n\n return props.children\n}\n"],"names":["mapEvents","layerEvents","mapBase","gitBase","gishub","vectorStyleList","mb","light","dark","street","outdoor","sat","sat_street","nav","nav_night","basic","monochrome","leshine","icecream","cali","northstar","mineral","moonlight","frank","minimo","decimal","standard","blueprint","bubble","pencil","swiss_ski","vintage","whaam","neon","camoflauge","emerald","runner","x_ray","esri","charted_territory","colored_pencil","community","mid_century","modern_antique","nat_geo","newspaper","open_street_map","light_gray_canvas","dark_gray_canvas","human_geo_light","human_geo_dark","world_navigation","world_street","world_street_night","world_terrain","world_terrain_hybrid","world_topographic","chromium","dreamcatcher","seahaven","sangria","mercurial","imagery","imagery_hybrid","firefly","firefly_hybrid","oceans","carto","stamen","tf","rasterStyleList","osm","org","human","cycle","topo","_copy","voyager","positron","toner","toner_lite","watercolor","terrain","trans","trans_dark","landscape","outdoors","neighbourhood","spinal","pioneer","atlas","mobile","MapContext","createContext","useMap","useContext","MapGL","props","id","createUniqueId","mapRoot","setMapRoot","createSignal","transitionType","setTransitionType","darkMode","setDarkMode","window","matchMedia","matches","document","body","classList","contains","debug","text","value","console","mapRef","_el$","_tmpl$","cloneNode","_$effect","_p$","class","_v$4","position","inset","style","_v$","_$setAttribute","_v$2","_$className","_v$3","_$classList","_$style","undefined","getStyle","String","split","reduce","p","c","version","sources","layers","onMount","map","mapboxgl","Map","options","darkStyle","container","interactive","onViewportChange","bounds","viewport","center","zoom","pitch","bearing","fitBoundsOptions","padding","resizeObserver","once","then","ResizeObserver","resize","darkTheme","createEffect","disableResize","disconnect","observe","bodyClassObserver","addEventListener","MutationObserver","attributes","forEach","item","prop","event","slice","toLowerCase","callback","e","on","onCleanup","off","Object","keys","layerId","showTileBoundaries","showTerrainWireframe","showPadding","showCollisionBoxes","showOverdrawInspector","prev","cursorStyle","getCanvas","cursor","projection","name","setProjection","let","oldLayers","oldSources","isStyleLoaded","oldStyle","filter","l","startsWith","s","obj","key","setStyle","newStyle","getCenter","getZoom","getPitch","getBearing","callMove","originalEvent","callEnd","cameraForBounds","untrack","stop","easeTo","jumpTo","flyTo","_$createComponent","Provider","children","_$memo","_el$2","setProperty","_$insert","SourceContext","useSourceId","Source","lookup","url","source","tiles","replace","apikey","devicePixelRatio","attribution","i","getSource","addSource","layer","removeLayer","removeSource","type","data","setData","coordinates","updateImage","setUrl","setTiles","src","_tileJSONRequest","cancel","scheme","_options","_sourceCaches","clearTiles","load","diff","newProps","prevProps","Set","acc","push","Layer","sourceId","getLayer","addLayer","customLayer","metadata","smg","beforeType","beforeId","find","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","setFilter","visible","async","featureState","removeFeatureState","sourceLayer","setFeatureState","state","Atmosphere","setFog","Terrain","tileSize","setTerrain","exaggeration","Control","control","setControl","custom","NavigationControl","ScaleControl","AttributionControl","GeolocateControl","FullscreenControl","Error","getControl","addControl","removeControl","Marker","marker","setLngLat","lngLat","setPopup","Popup","setDOMContent","addTo","remove","popup","Image","loadImage","_","image","hasImage","addImage","removeImage","error","lerp","a","b","t","idx","slerp","Math","sin","easeQuad","in","x","out","inOut","pow","Camera","animationTime","isReverse","frame","time","animate","requestAnimationFrame","params","translate","start","end","easing","updateCameraPosition","lng","lat","alt","target","camera","getFreeCameraOptions","MercatorCoordinate","fromLngLat","lookAtPoint","setFreeCameraOptions","loop"],"mappings":"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"}

package/dist/source/components/Layer/index.jsx CHANGED Viewed

@@ -29,7 +29,7 @@ export const Layer = props => {
             }, props.beforeType
                 ? map()
                     ?.getStyle()
-                    .layers.find(l => l.type === props.beforeType).id
+                    .layers.find(l => l.type === props.beforeType)?.id
                 : props.beforeId);
     });
     //Remove Layer

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

@@ -18,7 +18,7 @@ export const MapGL = props => {
     const getStyle = (light, dark) => {
         const style = darkMode() ? dark || light : light;
         return typeof style === 'string' || style instanceof String
-            ? style.split(':').reduce((p, c) => p[c], vectorStyleList) || style
+            ? style?.split(':').reduce((p, c) => p && p[c], vectorStyleList) || style
             : style || { version: 8, sources: {}, layers: [] };
     };
     onMount(() => {
@@ -50,11 +50,21 @@ export const MapGL = props => {
         bodyClassObserver.observe(document.body, { attributes: true });
         // Hook up events
         createEffect(() => mapEvents.forEach(item => {
-            if (props[item]) {
+            const prop = props[item];
+            if (prop) {
                 const event = item.slice(2).toLowerCase();
-                const callback = e => props[item](e);
-                map.on(event, callback);
-                onCleanup(() => map.off(event, callback));
+                if (typeof prop === 'function') {
+                    const callback = e => prop(e);
+                    map.on(event, callback);
+                    onCleanup(() => map.off(event, callback));
+                }
+                else {
+                    Object.keys(prop).forEach(layerId => {
+                        const callback = e => prop[layerId](e);
+                        map.on(event, layerId, callback);
+                        onCleanup(() => map.off(event, layerId, callback));
+                    });
+                }
             }
         }));
         // Update debug features

package/dist/source/components/Source/index.jsx CHANGED Viewed

@@ -7,7 +7,7 @@ export const Source = props => {
     const map = useMap();
     props.id = props.id || createUniqueId();
     const lookup = url => {
-        const source = url.split(':').reduce((p, c) => p && p[c], rasterStyleList);
+        const source = url?.split(':').reduce((p, c) => p && p[c], rasterStyleList);
         return source
             ? {
                 ...props.source,

package/dist/types/components/Atmosphere/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Component } from 'solid-js';
 import type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js';
 export declare const Atmosphere: Component<{
-    style: FogSpecification;
+    style?: FogSpecification;
     visible?: boolean;
     children?: any;
 }>;

package/dist/types/components/Terrain/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Component } from 'solid-js';
 export declare const Terrain: Component<{
-    exaggeration: number;
+    exaggeration?: number;
     visible?: boolean;
     children?: any;
 }>;

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.5",
+  "version": "1.3.8",
   "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.",
@@ -61,7 +61,7 @@
     "typescript": "^4.7.4",
     "vite": "^3.0.4",
     "vite-plugin-solid": "^2.3.0",
-    "vitest": "^0.19.1"
+    "vitest": "^0.20.2"
   },
   "peerDependencies": {
     "mapbox-gl": "^2.9.2",