leaflet-html 0.1.1 → 0.1.2

package/dist/leaflet-html.js

@@ -0,0 +1,2 @@
+const t=()=>{document.querySelectorAll("[data-leaflet-html]").forEach(t=>{const{center:e,zoom:a}=t.dataset,o=L.map(t).setView(JSON.parse(e),parseInt(a));t.querySelectorAll("[data-control-layers]").forEach(t=>{const e={};t.querySelectorAll("[data-tile-layer]").forEach(t=>{const{show:a,urlTemplate:r,attribution:s,maxZoom:n,name:l}=t.dataset;e[l]=L.tileLayer(r,{maxZoom:n,attribution:s}),null!=a&&e[l].addTo(o)});const a={};t.querySelectorAll("[data-layer-group]").forEach(t=>{const{name:e}=t.dataset,r=[];new MutationObserver(function(t){const r=a[e];t.forEach(t=>{t.addedNodes.forEach(t=>{const{latLng:e}=t.dataset,a=L.marker(JSON.parse(e));r.addLayer(a),o.addLayer(a)}),t.removedNodes.forEach(t=>{const{_leafletId:e}=t.dataset,a=r.getLayer(e);r.removeLayer(a),o.removeLayer(a)})})}).observe(t,{childList:!0}),t.querySelectorAll("[data-marker]").forEach(t=>{const{latLng:e}=t.dataset,{opacity:a="1.0"}=t.dataset,s={opacity:parseFloat(a)};console.log(s);const n=L.marker(JSON.parse(e),s).addTo(o);t.dataset._leafletId=L.stamp(n);const l=new MutationObserver(function(t){t.forEach(t=>{const{latLng:e}=t.target.dataset;n.setLatLng(JSON.parse(e))})});l.observe(t,{attributes:!0,attributeFilter:["data-lat-lng"]}),t.querySelectorAll("[data-popup]").forEach(t=>{const{content:e}=t.dataset;n.bindPopup(e),new MutationObserver(function(){n.getPopup().setContent(t.dataset.content)}).observe(t,{attributes:!0,attributeFilter:["data-content"]})}),r.push(n)}),a[e]=L.layerGroup(r)}),L.control.layers(e,a).addTo(o)})})};export{t as default};
+//# sourceMappingURL=leaflet-html.js.map

package/dist/leaflet-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaflet-html.js","sources":["../src/index.js"],"sourcesContent":["const init = () => {\n  // Render Leaflet API calls\n  document.querySelectorAll(\"[data-leaflet-html]\").forEach((el) => {\n    const { center, zoom } = el.dataset\n    const map = L.map(el).setView(JSON.parse(center), parseInt(zoom))\n\n    // L.control.layers\n    el.querySelectorAll(\"[data-control-layers]\").forEach((el) => {\n      const baseMaps = {}\n    \n      // L.tileLayers\n      el.querySelectorAll(\"[data-tile-layer]\").forEach((tileEl) => {\n        const { show, urlTemplate, attribution, maxZoom, name } = tileEl.dataset\n        baseMaps[name] = L.tileLayer(urlTemplate, { maxZoom, attribution });\n        if (show != null) {\n          baseMaps[name].addTo(map)\n        }\n      })\n\n      const overlayMaps = {}\n      // L.layerGroup\n      el.querySelectorAll(\"[data-layer-group]\").forEach((el) => {\n        const { name } = el.dataset\n        const layers = []\n\n        const observer = new MutationObserver(function(mutations) {\n          const group = overlayMaps[name]\n\n          mutations.forEach(mutation => {\n            mutation.addedNodes.forEach(node => {\n              const { latLng } = node.dataset // MutationObserver needed\n              const layer = L.marker(JSON.parse(latLng))\n              group.addLayer(layer)\n              map.addLayer(layer)\n            })\n\n            mutation.removedNodes.forEach(node => {\n              const { _leafletId } = node.dataset\n              const layer = group.getLayer(_leafletId)\n              group.removeLayer(layer)\n\n              map.removeLayer(layer)\n            })\n          })\n        })\n        observer.observe(el, { childList: true })\n\n        // L.marker\n        el.querySelectorAll(\"[data-marker]\").forEach((el) => {\n          const { latLng } = el.dataset\n          const { opacity = \"1.0\" } = el.dataset\n          const options = { opacity: parseFloat(opacity) }\n          console.log(options)\n          const marker = L.marker(JSON.parse(latLng), options).addTo(map)\n          el.dataset._leafletId = L.stamp(marker) // Save ID for later\n\n          const observer = new MutationObserver(function(mutations) {\n              mutations.forEach((mutation) => {\n                const { latLng } = mutation.target.dataset\n                marker.setLatLng(JSON.parse(latLng))\n              })\n          })\n          observer.observe(el, { attributes: true, attributeFilter: [\"data-lat-lng\"] })\n\n          // marker.bindPopup\n          el.querySelectorAll(\"[data-popup]\").forEach((el) => {\n            const { content } = el.dataset\n            marker.bindPopup(content)\n            const observer = new MutationObserver(function() {\n              marker.getPopup().setContent(el.dataset.content)\n            })\n            observer.observe(el, { attributes: true, attributeFilter: [\"data-content\"] })\n          })\n\n          layers.push(marker)\n        })\n\n        overlayMaps[name] = L.layerGroup(layers)\n      })\n\n      L.control.layers(baseMaps, overlayMaps).addTo(map)\n    })\n  })\n}\n\nexport default init\n"],"names":["init","document","querySelectorAll","forEach","el","center","zoom","dataset","map","L","setView","JSON","parse","parseInt","baseMaps","tileEl","show","urlTemplate","attribution","maxZoom","name","tileLayer","addTo","overlayMaps","layers","MutationObserver","mutations","group","mutation","addedNodes","node","latLng","layer","marker","addLayer","removedNodes","_leafletId","getLayer","removeLayer","observe","childList","opacity","options","parseFloat","console","log","stamp","observer","target","setLatLng","attributes","attributeFilter","content","bindPopup","getPopup","setContent","push","layerGroup","control"],"mappings":"AAAM,MAAAA,EAAOA,KAEXC,SAASC,iBAAiB,uBAAuBC,QAASC,IACxD,MAAMC,OAAEA,EAAMC,KAAEA,GAASF,EAAGG,QACtBC,EAAMC,EAAED,IAAIJ,GAAIM,QAAQC,KAAKC,MAAMP,GAASQ,SAASP,IAG3DF,EAAGF,iBAAiB,yBAAyBC,QAASC,IACpD,MAAMU,EAAW,CAAE,EAGnBV,EAAGF,iBAAiB,qBAAqBC,QAASY,IAChD,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,YAAEA,EAAWC,QAAEA,EAAOC,KAAEA,GAASL,EAAOR,QACjEO,EAASM,GAAQX,EAAEY,UAAUJ,EAAa,CAAEE,UAASD,gBACzC,MAARF,GACFF,EAASM,GAAME,MAAMd,EACvB,GAGF,MAAMe,EAAc,CAAE,EAEtBnB,EAAGF,iBAAiB,sBAAsBC,QAASC,IACjD,MAAMgB,KAAEA,GAAShB,EAAGG,QACdiB,EAAS,GAEE,IAAIC,iBAAiB,SAASC,GAC7C,MAAMC,EAAQJ,EAAYH,GAE1BM,EAAUvB,QAAQyB,IAChBA,EAASC,WAAW1B,QAAQ2B,IAC1B,MAAMC,OAAEA,GAAWD,EAAKvB,QAClByB,EAAQvB,EAAEwB,OAAOtB,KAAKC,MAAMmB,IAClCJ,EAAMO,SAASF,GACfxB,EAAI0B,SAASF,EAAK,GAGpBJ,EAASO,aAAahC,QAAQ2B,IAC5B,MAAMM,WAAEA,GAAeN,EAAKvB,QACtByB,EAAQL,EAAMU,SAASD,GAC7BT,EAAMW,YAAYN,GAElBxB,EAAI8B,YAAYN,EAClB,EACF,EACF,GACSO,QAAQnC,EAAI,CAAEoC,WAAW,IAGlCpC,EAAGF,iBAAiB,iBAAiBC,QAASC,IAC5C,MAAM2B,OAAEA,GAAW3B,EAAGG,SAChBkC,QAAEA,EAAU,OAAUrC,EAAGG,QACzBmC,EAAU,CAAED,QAASE,WAAWF,IACtCG,QAAQC,IAAIH,GACZ,MAAMT,EAASxB,EAAEwB,OAAOtB,KAAKC,MAAMmB,GAASW,GAASpB,MAAMd,GAC3DJ,EAAGG,QAAQ6B,WAAa3B,EAAEqC,MAAMb,GAEhC,MAAMc,EAAW,IAAItB,iBAAiB,SAASC,GAC3CA,EAAUvB,QAASyB,IACjB,MAAMG,OAAEA,GAAWH,EAASoB,OAAOzC,QACnC0B,EAAOgB,UAAUtC,KAAKC,MAAMmB,GAAO,EAEzC,GACAgB,EAASR,QAAQnC,EAAI,CAAE8C,YAAY,EAAMC,gBAAiB,CAAC,kBAG3D/C,EAAGF,iBAAiB,gBAAgBC,QAASC,IAC3C,MAAMgD,QAAEA,GAAYhD,EAAGG,QACvB0B,EAAOoB,UAAUD,GACA,IAAI3B,iBAAiB,WACpCQ,EAAOqB,WAAWC,WAAWnD,EAAGG,QAAQ6C,QAC1C,GACSb,QAAQnC,EAAI,CAAE8C,YAAY,EAAMC,gBAAiB,CAAC,iBAC7D,GAEA3B,EAAOgC,KAAKvB,EACd,GAEAV,EAAYH,GAAQX,EAAEgD,WAAWjC,EAAM,GAGzCf,EAAEiD,QAAQlC,OAAOV,EAAUS,GAAaD,MAAMd,EAAG,EAClD,EAEL"}

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "leaflet-html",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Leaflet expressed in HTML",
   "source": "src/index.js",
   "main": "./dist/leaflet-html.js",
+  "exports": {
+    "default": "./dist/leaflet-html.js"
+  },
   "module": "./dist/leaflet-html.esm.js",
   "author": "andrewgryan",
   "repository": {