leaflet-html 0.2.2 → 0.3.1

package/dist/leaflet-html.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaflet-html.modern.js","sources":["../src/events.js","../src/l-base-layers.js","../src/l-control-layers.js","../src/l-layer-group.js","../src/l-map.js","../src/l-marker.js","../src/l-overlay-layers.js","../src/l-popup.js","../src/l-tile-layer.js","../src/l-lat-lng-bounds.js","../src/l-image-overlay.js","../src/l-video-overlay.js","../src/l-geojson.js","../src/l-icon.js","../src/index.js"],"sourcesContent":["export const mapAddTo = \"map:addTo\";\nexport const popupAdd = \"popup:add\";\nexport const layerRemove = \"layer:remove\";\n","import { mapAddTo } from \"./events.js\";\n\nclass LBaseLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"base\";\n    });\n  }\n}\n\nexport default LBaseLayers;\n","import { mapAddTo } from \"./events.js\";\n\nclass LControlLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const base = {};\n    const overlay = {};\n    const control = L.control.layers(base, overlay);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      const { type, name, layer } = ev.detail;\n      if (type === \"overlay\") {\n        control.addOverlay(layer, name);\n      } else if (type === \"base\") {\n        control.addBaseLayer(layer, name);\n      }\n      ev.preventDefault();\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: control,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LControlLayers;\n","import { mapAddTo } from \"./events.js\";\n\nclass LLayerGroup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const group = L.layerGroup();\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: group,\n        name,\n      },\n    });\n    this.dispatchEvent(event);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.stopPropagation();\n      group.addLayer(ev.detail.layer);\n    });\n\n    const observer = new MutationObserver(function (mutations) {\n      mutations.forEach((mutation) => {\n        mutation.removedNodes.forEach((node) => {\n          const leafletId = node.getAttribute(\"leaflet-id\");\n          const layer = group.getLayer(leafletId);\n          group.removeLayer(layer);\n        });\n      });\n    });\n    observer.observe(this, { childList: true });\n  }\n}\n\nexport default LLayerGroup;\n","// @ts-check\nimport { layerRemove, mapAddTo } from \"./events.js\";\n\nclass LMap extends HTMLElement {\n  constructor() {\n    super();\n\n    this.map = null;\n    this.addEventListener(\"map:bounds\", (ev) => {\n      const { bounds, method } = ev.detail;\n      this.map[method](bounds);\n    });\n  }\n\n  connectedCallback() {\n    this.map = L.map(this);\n    const center = this.getAttribute(\"center\");\n    const zoom = this.getAttribute(\"zoom\");\n    if (center !== null && zoom !== null) {\n      this.map.setView(JSON.parse(center), parseInt(zoom));\n    }\n    this.addEventListener(mapAddTo, (ev) => {\n      const layer = ev.detail.layer;\n      layer.addTo(this.map);\n    });\n\n    this.addEventListener(layerRemove, (ev) => {\n      this.map.remove(ev.detail.layer);\n    });\n  }\n}\n\nexport default LMap;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\nimport { mapAddTo, popupAdd } from \"./events.js\";\n\nclass LMarker extends HTMLElement {\n  static observedAttributes = [\"lat-lng\", \"opacity\", \"icon\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n    this.addEventListener(\"icon:add\", (ev) => {\n      ev.stopPropagation();\n      this.layer.setIcon(ev.detail.icon);\n    });\n  }\n\n  connectedCallback() {\n    const latLng = JSON.parse(this.getAttribute(\"lat-lng\"));\n    const opacity = parseFloat(this.getAttribute(\"opacity\") || \"1.0\");\n    this.layer = L.marker(latLng, { opacity });\n    if (this.hasAttribute(\"icon\")) {\n      const icon = L.icon(JSON.parse(this.getAttribute(\"icon\")));\n      this.layer.setIcon(icon);\n    }\n\n    this.setAttribute(\"leaflet-id\", L.stamp(this.layer));\n\n    this.addEventListener(popupAdd, (ev) => {\n      const { content } = ev.detail;\n      this.layer.bindPopup(content);\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: this.layer,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"lat-lng\") {\n        this.layer.setLatLng(JSON.parse(newValue));\n      }\n      if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n      if (name === \"icon\") {\n        this.layer.setIcon(L.icon(JSON.parse(newValue)));\n      }\n    }\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-marker\", LMarker);\n  });\n\n  it(\"default icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = new L.Icon.Default();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"adds an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute before appendChild\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"foo.png\" }));\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"foo.png\" });\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"changes an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute after appendChild\n    document.body.appendChild(el);\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"bar.png\" }));\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"bar.png\" });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LMarker;\n","import { mapAddTo } from \"./events.js\";\n\nclass LOverlayLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"overlay\";\n    });\n  }\n}\n\nexport default LOverlayLayers;\n","import { popupAdd } from \"./events.js\";\n\nclass LPopup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const content = this.getAttribute(\"content\");\n    const event = new CustomEvent(popupAdd, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        content,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LPopup;\n","import { mapAddTo } from \"./events.js\";\n\nclass LTileLayer extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const urlTemplate = this.getAttribute(\"url-template\");\n    const attribution = this.getAttribute(\"attribution\");\n    const options = { attribution };\n    const layer = L.tileLayer(urlTemplate, options);\n    const event = new CustomEvent(mapAddTo, {\n      detail: { name, layer },\n      bubbles: true,\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LTileLayer;\n","class LLatLngBounds extends HTMLElement {\n  static observedAttributes = [\"bounds\"];\n\n  constructor() {\n    super();\n  }\n\n  attributeChangedCallback(_name, _oldValue, newValue) {\n    const event = new CustomEvent(\"map:bounds\", {\n      bubbles: true,\n      detail: {\n        bounds: JSON.parse(newValue),\n        method: this.getAttribute(\"method\") || \"fitBounds\",\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LLatLngBounds;\n","import { mapAddTo } from \"./events.js\";\n\nclass LImageOverlay extends HTMLElement {\n  static observedAttributes = [\"url\", \"bounds\", \"opacity\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n  }\n\n  connectedCallback() {\n    const url = this.getAttribute(\"url\");\n    const bounds = JSON.parse(this.getAttribute(\"bounds\"));\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n    };\n    this.layer = L.imageOverlay(url, bounds, options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer: this.layer,\n        },\n      }),\n    );\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"url\") {\n        this.layer.setUrl(newValue);\n      } else if (name === \"bounds\") {\n        this.layer.setBounds(JSON.parse(newValue));\n      } else if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n    }\n  }\n}\n\nexport default LImageOverlay;\n","import { mapAddTo } from \"./events.js\";\n\nclass LVideoOverlay extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const url = JSON.parse(this.getAttribute(\"url\"));\n    const bounds = JSON.parse(this.getAttribute(\"bounds\"));\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n      autoplay: true,\n      muted: true,\n      playsInline: true,\n    };\n    const layer = L.videoOverlay(url, bounds, options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer,\n        },\n      }),\n    );\n  }\n}\n\nexport default LVideoOverlay;\n","import { mapAddTo } from \"./events.js\";\n\nclass LGeoJSON extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const layer = L.geoJSON(JSON.parse(this.getAttribute(\"geojson\")));\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          layer,\n        },\n      }),\n    );\n  }\n}\n\nexport default LGeoJSON;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\n\nconst camelCase = (kebab) => kebab.replace(/-./g, (x) => x[1].toUpperCase());\n\nclass LIcon extends HTMLElement {\n  constructor() {\n    super();\n    this.icon = null;\n  }\n\n  connectedCallback() {\n    const options = {};\n\n    // Strings\n    let keys = [\n      \"icon-url\",\n      \"icon-retina-url\",\n      \"shadow-url\",\n      \"shadow-retina-url\",\n      \"class-name\",\n    ];\n    keys.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = this.getAttribute(key);\n      }\n    });\n\n    // Points\n    let points = [\n      \"icon-anchor\",\n      \"icon-size\",\n      \"shadow-anchor\",\n      \"shadow-size\",\n      \"tooltip-anchor\",\n      \"popup-anchor\",\n    ];\n    points.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = JSON.parse(this.getAttribute(key));\n      }\n    });\n\n    if (this.hasAttribute(\"cross-origin\")) {\n      options.crossOrigin = this.getAttribute(\"cross-origin\") === \"true\";\n    }\n    this.icon = L.icon(options);\n\n    const event = new CustomEvent(\"icon:add\", {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        icon: this.icon,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-icon\", LIcon);\n  });\n\n  it(\"default\", () => {\n    const el = document.createElement(\"l-icon\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"emits icon:add event\", async () => {\n    const el = document.createElement(\"l-icon\");\n    let promise = new Promise((resolve) => {\n      el.addEventListener(\"icon:add\", (ev) => {\n        resolve(ev.detail.icon);\n      });\n    });\n    document.body.appendChild(el);\n    let actual = await promise;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"options\", () => {\n    const el = document.createElement(\"l-icon\");\n    el.setAttribute(\"icon-url\", \"url.png\");\n    el.setAttribute(\"icon-retina-url\", \"retina.png\");\n    el.setAttribute(\"icon-size\", \"[0, 0]\");\n    el.setAttribute(\"icon-anchor\", \"[0, 0]\");\n    el.setAttribute(\"popup-anchor\", \"[0, 0]\");\n    el.setAttribute(\"tooltip-anchor\", \"[0, 0]\");\n    el.setAttribute(\"shadow-url\", \"urlShadow.png\");\n    el.setAttribute(\"shadow-retina-url\", \"retinaShadow.png\");\n    el.setAttribute(\"shadow-size\", \"[0, 0]\");\n    el.setAttribute(\"shadow-anchor\", \"[0, 0]\");\n    el.setAttribute(\"class-name\", \"foo\");\n    el.setAttribute(\"cross-origin\", \"true\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon({\n      iconUrl: \"url.png\",\n      iconRetinaUrl: \"retina.png\",\n      iconSize: [0, 0],\n      iconAnchor: [0, 0],\n      popupAnchor: [0, 0],\n      tooltipAnchor: [0, 0],\n      shadowUrl: \"urlShadow.png\",\n      shadowRetinaUrl: \"retinaShadow.png\",\n      shadowSize: [0, 0],\n      shadowAnchor: [0, 0],\n      className: \"foo\",\n      crossOrigin: true,\n    });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LIcon;\n","// @ts-check\nimport LBaseLayers from \"./l-base-layers.js\";\nimport LControlLayers from \"./l-control-layers.js\";\nimport LLayerGroup from \"./l-layer-group.js\";\nimport LMap from \"./l-map.js\";\nimport LMarker from \"./l-marker.js\";\nimport LOverlayLayers from \"./l-overlay-layers.js\";\nimport LPopup from \"./l-popup.js\";\nimport LTileLayer from \"./l-tile-layer.js\";\nimport LLatLngBounds from \"./l-lat-lng-bounds.js\";\nimport LImageOverlay from \"./l-image-overlay.js\";\nimport LVideoOverlay from \"./l-video-overlay.js\";\nimport LGeoJSON from \"./l-geojson.js\";\nimport LIcon from \"./l-icon.js\";\n\nconst init = (() => {\n  // Custom elements (order of definition is important)\n  customElements.define(\"l-map\", LMap);\n  customElements.define(\"l-control-layers\", LControlLayers);\n  customElements.define(\"l-base-layers\", LBaseLayers);\n  customElements.define(\"l-overlay-layers\", LOverlayLayers);\n  customElements.define(\"l-layer-group\", LLayerGroup);\n  customElements.define(\"l-tile-layer\", LTileLayer);\n  customElements.define(\"l-marker\", LMarker);\n  customElements.define(\"l-popup\", LPopup);\n  customElements.define(\"l-lat-lng-bounds\", LLatLngBounds);\n  customElements.define(\"l-image-overlay\", LImageOverlay);\n  customElements.define(\"l-video-overlay\", LVideoOverlay);\n  customElements.define(\"l-geojson\", LGeoJSON);\n  customElements.define(\"l-icon\", LIcon);\n})();\n\nexport default init;\n"],"names":["mapAddTo","popupAdd","LBaseLayers","HTMLElement","constructor","super","connectedCallback","this","addEventListener","ev","detail","LControlLayers","control","L","layers","type","name","layer","addOverlay","addBaseLayer","preventDefault","event","CustomEvent","cancelable","bubbles","dispatchEvent","LLayerGroup","getAttribute","group","layerGroup","stopPropagation","addLayer","MutationObserver","mutations","forEach","mutation","removedNodes","node","leafletId","getLayer","removeLayer","observe","childList","LMap","map","bounds","method","center","zoom","setView","JSON","parse","parseInt","addTo","remove","LMarker","setIcon","icon","latLng","opacity","parseFloat","marker","hasAttribute","setAttribute","stamp","content","bindPopup","attributeChangedCallback","_oldValue","newValue","setLatLng","setOpacity","observedAttributes","vitest","it","expect","beforeAll","customElements","define","el","document","createElement","body","appendChild","actual","getIcon","expected","Icon","Default","toEqual","stringify","iconUrl","LOverlayLayers","LPopup","LTileLayer","urlTemplate","attribution","tileLayer","LLatLngBounds","_name","LImageOverlay","url","options","alt","imageOverlay","setUrl","setBounds","LVideoOverlay","autoplay","muted","playsInline","videoOverlay","LGeoJSON","geoJSON","camelCase","kebab","replace","x","toUpperCase","LIcon","key","crossOrigin","async","promise","Promise","resolve","iconRetinaUrl","iconSize","iconAnchor","popupAnchor","tooltipAnchor","shadowUrl","shadowRetinaUrl","shadowSize","shadowAnchor","className","init"],"mappings":"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"}
+{"version":3,"file":"leaflet-html.modern.js","sources":["../src/events.js","../src/l-base-layers.js","../src/l-control-layers.js","../src/l-layer-group.js","../src/l-tile-layer.js","../src/l-map.js","../src/l-marker.js","../src/l-overlay-layers.js","../src/l-popup.js","../src/l-lat-lng-bounds.js","../src/l-image-overlay.js","../src/l-video-overlay.js","../src/l-geojson.js","../src/l-icon.js","../src/index.js"],"sourcesContent":["export const mapAddTo = \"map:addTo\";\nexport const popupAdd = \"popup:add\";\nexport const layerRemove = \"layer:remove\";\n","// @ts-check\nimport { mapAddTo } from \"./events.js\";\n\nclass LBaseLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"base\";\n    });\n  }\n}\n\nexport default LBaseLayers;\n","// @ts-check\n/** @typedef {import(\"leaflet\").Layer} Layer */\nimport { control } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LControlLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    /** @type {{ [key: string]: Layer }} */\n    const base = {};\n    /** @type {{ [key: string]: Layer }} */\n    const overlay = {};\n    const controlLayers = control.layers(base, overlay);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      const { type, name, layer } = ev.detail;\n      if (type === \"overlay\") {\n        controlLayers.addOverlay(layer, name);\n      } else if (type === \"base\") {\n        controlLayers.addBaseLayer(layer, name);\n      }\n      ev.preventDefault();\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: controlLayers,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LControlLayers;\n","// @ts-check\nimport { layerGroup } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LLayerGroup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const group = layerGroup();\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: group,\n        name,\n      },\n    });\n    this.dispatchEvent(event);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.stopPropagation();\n      group.addLayer(ev.detail.layer);\n    });\n\n    const observer = new MutationObserver(function (mutations) {\n      mutations.forEach((mutation) => {\n        mutation.removedNodes.forEach((node) => {\n          if (node instanceof HTMLElement) {\n            const leafletId = node.getAttribute(\"leaflet-id\");\n            if (leafletId !== null) {\n              const layer = group.getLayer(parseInt(leafletId));\n              if (typeof layer !== \"undefined\") {\n                group.removeLayer(layer);\n              }\n            }\n          }\n        });\n      });\n    });\n    observer.observe(this, { childList: true });\n  }\n}\n\nexport default LLayerGroup;\n","// @ts-check\nimport { tileLayer } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LTileLayer extends HTMLElement {\n  constructor() {\n    super();\n    this.layer = null\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const urlTemplate = this.getAttribute(\"url-template\");\n    if (urlTemplate === null) {\n      return;\n    }\n    const options = {};\n    const key = \"attribution\";\n    if (this.hasAttribute(key)) {\n      options[key] = this.getAttribute(key);\n    }\n    this.layer = tileLayer(urlTemplate, options);\n    const event = new CustomEvent(mapAddTo, {\n      detail: { name, layer: this.layer },\n      bubbles: true,\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LTileLayer;\n","// @ts-check\nimport * as L from \"leaflet\";\nimport { layerRemove, mapAddTo } from \"./events.js\";\nimport LTileLayer from \"./l-tile-layer.js\";\n\nclass LMap extends HTMLElement {\n  constructor() {\n    super();\n\n    this.map = null;\n    this.addEventListener(\"map:bounds\", (ev) => {\n      const { bounds, method } = ev.detail;\n      if (this.map !== null) {\n        this.map[method](bounds);\n      }\n    });\n\n    // Observe removed l-tile-layers\n    const observer = new MutationObserver(function(mutations) {\n      mutations.forEach((mutation) => {\n        mutation.removedNodes.forEach((node) => {\n          if (node instanceof LTileLayer) {\n            this.map.removeLayer(node.layer)\n          }\n        })\n      })\n    })\n    observer.observe(this, { childList: true })\n  }\n\n  connectedCallback() {\n    this.map = L.map(this);\n    const center = this.getAttribute(\"center\");\n    const zoom = this.getAttribute(\"zoom\");\n    if (center !== null && zoom !== null) {\n      this.map.setView(JSON.parse(center), parseInt(zoom));\n    }\n    this.addEventListener(mapAddTo, (ev) => {\n      const layer = ev.detail.layer;\n      layer.addTo(this.map);\n    });\n\n    this.addEventListener(layerRemove, (ev) => {\n      if (this.map !== null) {\n        this.map.removeLayer(ev.detail.layer);\n      }\n    });\n  }\n}\n\nexport default LMap;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\nimport { mapAddTo, popupAdd } from \"./events.js\";\n\nclass LMarker extends HTMLElement {\n  static observedAttributes = [\"lat-lng\", \"opacity\", \"icon\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n    this.addEventListener(\"icon:add\", (ev) => {\n      ev.stopPropagation();\n      this.layer.setIcon(ev.detail.icon);\n    });\n  }\n\n  connectedCallback() {\n    const latLng = JSON.parse(this.getAttribute(\"lat-lng\"));\n    const opacity = parseFloat(this.getAttribute(\"opacity\") || \"1.0\");\n    this.layer = L.marker(latLng, { opacity });\n    if (this.hasAttribute(\"icon\")) {\n      const icon = L.icon(JSON.parse(this.getAttribute(\"icon\")));\n      this.layer.setIcon(icon);\n    }\n\n    this.setAttribute(\"leaflet-id\", L.stamp(this.layer));\n\n    this.addEventListener(popupAdd, (ev) => {\n      const { content } = ev.detail;\n      this.layer.bindPopup(content);\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: this.layer,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"lat-lng\") {\n        this.layer.setLatLng(JSON.parse(newValue));\n      }\n      if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n      if (name === \"icon\") {\n        this.layer.setIcon(L.icon(JSON.parse(newValue)));\n      }\n    }\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-marker\", LMarker);\n  });\n\n  it(\"default icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = new L.Icon.Default();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"adds an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute before appendChild\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"foo.png\" }));\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"foo.png\" });\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"changes an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute after appendChild\n    document.body.appendChild(el);\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"bar.png\" }));\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"bar.png\" });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LMarker;\n","// @ts-check\nimport { mapAddTo } from \"./events.js\";\n\nclass LOverlayLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"overlay\";\n    });\n  }\n}\n\nexport default LOverlayLayers;\n","// @ts-check\nimport { popupAdd } from \"./events.js\";\n\nclass LPopup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const content = this.getAttribute(\"content\");\n    const event = new CustomEvent(popupAdd, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        content,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LPopup;\n","// @ts-check\nclass LLatLngBounds extends HTMLElement {\n  static observedAttributes = [\"bounds\"];\n\n  constructor() {\n    super();\n  }\n\n  attributeChangedCallback(_name, _oldValue, newValue) {\n    const event = new CustomEvent(\"map:bounds\", {\n      bubbles: true,\n      detail: {\n        bounds: JSON.parse(newValue),\n        method: this.getAttribute(\"method\") || \"fitBounds\",\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LLatLngBounds;\n","// @ts-check\nimport { imageOverlay } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LImageOverlay extends HTMLElement {\n  static observedAttributes = [\"url\", \"bounds\", \"opacity\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n  }\n\n  connectedCallback() {\n    const url = this.getAttribute(\"url\");\n    if (url === null) {\n      console.warn(\"attribute 'url' not set\");\n      return;\n    }\n    let bounds = this.getAttribute(\"bounds\");\n    if (bounds === null) {\n      console.warn(\"attribute 'bounds' not set\");\n      return;\n    }\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n    };\n    this.layer = imageOverlay(url, JSON.parse(bounds), options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer: this.layer,\n        },\n      }),\n    );\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"url\") {\n        this.layer.setUrl(newValue);\n      } else if (name === \"bounds\") {\n        this.layer.setBounds(JSON.parse(newValue));\n      } else if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n    }\n  }\n}\n\nexport default LImageOverlay;\n","// @ts-check\nimport { videoOverlay } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LVideoOverlay extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const url = JSON.parse(this.getAttribute(\"url\"));\n    const bounds = JSON.parse(this.getAttribute(\"bounds\"));\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n      autoplay: true,\n      muted: true,\n      playsInline: true,\n    };\n    const layer = videoOverlay(url, bounds, options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer,\n        },\n      }),\n    );\n  }\n}\n\nexport default LVideoOverlay;\n","// @ts-check\nimport { geoJSON } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LGeoJSON extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const value = this.getAttribute(\"geojson\");\n    if (value !== null) {\n      const layer = geoJSON(JSON.parse(value));\n      this.dispatchEvent(\n        new CustomEvent(mapAddTo, {\n          bubbles: true,\n          cancelable: true,\n          detail: {\n            layer,\n          },\n        }),\n      );\n    }\n  }\n}\n\nexport default LGeoJSON;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\n\nconst camelCase = (kebab) => kebab.replace(/-./g, (x) => x[1].toUpperCase());\n\nclass LIcon extends HTMLElement {\n  constructor() {\n    super();\n    this.icon = null;\n  }\n\n  connectedCallback() {\n    const options = {};\n\n    // Strings\n    let keys = [\n      \"icon-url\",\n      \"icon-retina-url\",\n      \"shadow-url\",\n      \"shadow-retina-url\",\n      \"class-name\",\n    ];\n    keys.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = this.getAttribute(key);\n      }\n    });\n\n    // Points\n    let points = [\n      \"icon-anchor\",\n      \"icon-size\",\n      \"shadow-anchor\",\n      \"shadow-size\",\n      \"tooltip-anchor\",\n      \"popup-anchor\",\n    ];\n    points.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = JSON.parse(this.getAttribute(key));\n      }\n    });\n\n    if (this.hasAttribute(\"cross-origin\")) {\n      options.crossOrigin = this.getAttribute(\"cross-origin\") === \"true\";\n    }\n    this.icon = L.icon(options);\n\n    const event = new CustomEvent(\"icon:add\", {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        icon: this.icon,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-icon\", LIcon);\n  });\n\n  it(\"default\", () => {\n    const el = document.createElement(\"l-icon\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"emits icon:add event\", async () => {\n    const el = document.createElement(\"l-icon\");\n    let promise = new Promise((resolve) => {\n      el.addEventListener(\"icon:add\", (ev) => {\n        resolve(ev.detail.icon);\n      });\n    });\n    document.body.appendChild(el);\n    let actual = await promise;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"options\", () => {\n    const el = document.createElement(\"l-icon\");\n    el.setAttribute(\"icon-url\", \"url.png\");\n    el.setAttribute(\"icon-retina-url\", \"retina.png\");\n    el.setAttribute(\"icon-size\", \"[0, 0]\");\n    el.setAttribute(\"icon-anchor\", \"[0, 0]\");\n    el.setAttribute(\"popup-anchor\", \"[0, 0]\");\n    el.setAttribute(\"tooltip-anchor\", \"[0, 0]\");\n    el.setAttribute(\"shadow-url\", \"urlShadow.png\");\n    el.setAttribute(\"shadow-retina-url\", \"retinaShadow.png\");\n    el.setAttribute(\"shadow-size\", \"[0, 0]\");\n    el.setAttribute(\"shadow-anchor\", \"[0, 0]\");\n    el.setAttribute(\"class-name\", \"foo\");\n    el.setAttribute(\"cross-origin\", \"true\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon({\n      iconUrl: \"url.png\",\n      iconRetinaUrl: \"retina.png\",\n      iconSize: [0, 0],\n      iconAnchor: [0, 0],\n      popupAnchor: [0, 0],\n      tooltipAnchor: [0, 0],\n      shadowUrl: \"urlShadow.png\",\n      shadowRetinaUrl: \"retinaShadow.png\",\n      shadowSize: [0, 0],\n      shadowAnchor: [0, 0],\n      className: \"foo\",\n      crossOrigin: true,\n    });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LIcon;\n","// @ts-check\nimport LBaseLayers from \"./l-base-layers.js\";\nimport LControlLayers from \"./l-control-layers.js\";\nimport LLayerGroup from \"./l-layer-group.js\";\nimport LMap from \"./l-map.js\";\nimport LMarker from \"./l-marker.js\";\nimport LOverlayLayers from \"./l-overlay-layers.js\";\nimport LPopup from \"./l-popup.js\";\nimport LTileLayer from \"./l-tile-layer.js\";\nimport LLatLngBounds from \"./l-lat-lng-bounds.js\";\nimport LImageOverlay from \"./l-image-overlay.js\";\nimport LVideoOverlay from \"./l-video-overlay.js\";\nimport LGeoJSON from \"./l-geojson.js\";\nimport LIcon from \"./l-icon.js\";\n\nconst init = (() => {\n  // Custom elements (order of definition is important)\n  customElements.define(\"l-map\", LMap);\n  customElements.define(\"l-control-layers\", LControlLayers);\n  customElements.define(\"l-base-layers\", LBaseLayers);\n  customElements.define(\"l-overlay-layers\", LOverlayLayers);\n  customElements.define(\"l-layer-group\", LLayerGroup);\n  customElements.define(\"l-tile-layer\", LTileLayer);\n  customElements.define(\"l-marker\", LMarker);\n  customElements.define(\"l-popup\", LPopup);\n  customElements.define(\"l-lat-lng-bounds\", LLatLngBounds);\n  customElements.define(\"l-image-overlay\", LImageOverlay);\n  customElements.define(\"l-video-overlay\", LVideoOverlay);\n  customElements.define(\"l-geojson\", LGeoJSON);\n  customElements.define(\"l-icon\", LIcon);\n})();\n\nexport default init;\n"],"names":["mapAddTo","popupAdd","LBaseLayers","HTMLElement","constructor","super","connectedCallback","this","addEventListener","ev","detail","LControlLayers","controlLayers","control","layers","type","name","layer","addOverlay","addBaseLayer","preventDefault","event","CustomEvent","cancelable","bubbles","dispatchEvent","LLayerGroup","getAttribute","group","layerGroup","stopPropagation","addLayer","MutationObserver","mutations","forEach","mutation","removedNodes","node","leafletId","getLayer","parseInt","removeLayer","observe","childList","LTileLayer","urlTemplate","options","key","hasAttribute","tileLayer","LMap","map","bounds","method","L","center","zoom","setView","JSON","parse","addTo","LMarker","setIcon","icon","latLng","opacity","parseFloat","marker","setAttribute","stamp","content","bindPopup","attributeChangedCallback","_oldValue","newValue","setLatLng","setOpacity","observedAttributes","vitest","it","expect","beforeAll","customElements","define","el","document","createElement","body","appendChild","actual","getIcon","expected","Icon","Default","toEqual","stringify","iconUrl","LOverlayLayers","LPopup","LLatLngBounds","_name","LImageOverlay","url","console","warn","alt","imageOverlay","setUrl","setBounds","LVideoOverlay","autoplay","muted","playsInline","videoOverlay","LGeoJSON","value","geoJSON","camelCase","kebab","replace","x","toUpperCase","LIcon","crossOrigin","async","promise","Promise","resolve","iconRetinaUrl","iconSize","iconAnchor","popupAnchor","tooltipAnchor","shadowUrl","shadowRetinaUrl","shadowSize","shadowAnchor","className","init"],"mappings":"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"}

package/dist/leaflet-html.umd.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("leaflet")):"function"==typeof define&&define.amd?define(["leaflet"],e):(t||self).leafletHtml=e(t.leaflet)}(this,function(t){function e(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}}),e.default=t,e}var n=/*#__PURE__*/e(t);function r(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(r=function(){return!!t})()}function i(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,o(t,e)}function a(t){return a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},a(t)}function o(t,e){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},o(t,e)}function l(t){var e="function"==typeof Map?new Map:void 0;return l=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(r())return Reflect.construct.apply(null,arguments);var i=[null];i.push.apply(i,e);var a=new(t.bind.apply(t,i));return n&&o(a,n.prototype),a}(t,arguments,a(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),o(n,t)},l(t)}var u="map:addTo",c="popup:add",s=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){this.addEventListener(u,function(t){t.detail.type="base"})},e}(/*#__PURE__*/l(HTMLElement)),p=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=L.control.layers({},{});this.addEventListener(u,function(e){var n=e.detail,r=n.type,i=n.name,a=n.layer;"overlay"===r?t.addOverlay(a,i):"base"===r&&t.addBaseLayer(a,i),e.preventDefault()});var e=new CustomEvent(u,{cancelable:!0,bubbles:!0,detail:{layer:t}});this.dispatchEvent(e)},e}(/*#__PURE__*/l(HTMLElement)),d=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=this.getAttribute("name"),e=L.layerGroup(),n=new CustomEvent(u,{cancelable:!0,bubbles:!0,detail:{layer:e,name:t}});this.dispatchEvent(n),this.addEventListener(u,function(t){t.stopPropagation(),e.addLayer(t.detail.layer)}),new MutationObserver(function(t){t.forEach(function(t){t.removedNodes.forEach(function(t){var n=t.getAttribute("leaflet-id"),r=e.getLayer(n);e.removeLayer(r)})})}).observe(this,{childList:!0})},e}(/*#__PURE__*/l(HTMLElement)),f=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).map=null,e.addEventListener("map:bounds",function(t){var n=t.detail;e.map[n.method](n.bounds)}),e}return i(e,t),e.prototype.connectedCallback=function(){var t=this;this.map=L.map(this);var e=this.getAttribute("center"),n=this.getAttribute("zoom");null!==e&&null!==n&&this.map.setView(JSON.parse(e),parseInt(n)),this.addEventListener(u,function(e){e.detail.layer.addTo(t.map)}),this.addEventListener("layer:remove",function(e){t.map.remove(e.detail.layer)})},e}(/*#__PURE__*/l(HTMLElement)),h=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).layer=null,e.addEventListener("icon:add",function(t){t.stopPropagation(),e.layer.setIcon(t.detail.icon)}),e}i(e,t);var r=e.prototype;return r.connectedCallback=function(){var t=this,e=JSON.parse(this.getAttribute("lat-lng")),r=parseFloat(this.getAttribute("opacity")||"1.0");if(this.layer=n.marker(e,{opacity:r}),this.hasAttribute("icon")){var i=n.icon(JSON.parse(this.getAttribute("icon")));this.layer.setIcon(i)}this.setAttribute("leaflet-id",n.stamp(this.layer)),this.addEventListener(c,function(e){t.layer.bindPopup(e.detail.content)});var a=new CustomEvent(u,{cancelable:!0,bubbles:!0,detail:{layer:this.layer}});this.dispatchEvent(a)},r.attributeChangedCallback=function(t,e,r){null!==this.layer&&("lat-lng"===t&&this.layer.setLatLng(JSON.parse(r)),"opacity"===t&&this.layer.setOpacity(parseFloat(r)),"icon"===t&&this.layer.setIcon(n.icon(JSON.parse(r))))},e}(/*#__PURE__*/l(HTMLElement));h.observedAttributes=["lat-lng","opacity","icon"];var b=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){this.addEventListener(u,function(t){t.detail.type="overlay"})},e}(/*#__PURE__*/l(HTMLElement)),y=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=this.getAttribute("content"),e=new CustomEvent(c,{cancelable:!0,bubbles:!0,detail:{content:t}});this.dispatchEvent(e)},e}(/*#__PURE__*/l(HTMLElement)),v=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=this.getAttribute("name"),e=this.getAttribute("url-template"),n=this.getAttribute("attribution"),r=L.tileLayer(e,{attribution:n}),i=new CustomEvent(u,{detail:{name:t,layer:r},bubbles:!0});this.dispatchEvent(i)},e}(/*#__PURE__*/l(HTMLElement)),m=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.attributeChangedCallback=function(t,e,n){var r=new CustomEvent("map:bounds",{bubbles:!0,detail:{bounds:JSON.parse(n),method:this.getAttribute("method")||"fitBounds"}});this.dispatchEvent(r)},e}(/*#__PURE__*/l(HTMLElement));m.observedAttributes=["bounds"];var E=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).layer=null,e}i(e,t);var n=e.prototype;return n.connectedCallback=function(){var t=this.getAttribute("url"),e=JSON.parse(this.getAttribute("bounds")),n={opacity:parseFloat(this.getAttribute("opacity")||"1.0"),alt:this.getAttribute("alt")||""};this.layer=L.imageOverlay(t,e,n),this.dispatchEvent(new CustomEvent(u,{cancelable:!0,bubbles:!0,detail:{layer:this.layer}}))},n.attributeChangedCallback=function(t,e,n){null!==this.layer&&("url"===t?this.layer.setUrl(n):"bounds"===t?this.layer.setBounds(JSON.parse(n)):"opacity"===t&&this.layer.setOpacity(parseFloat(n)))},e}(/*#__PURE__*/l(HTMLElement));E.observedAttributes=["url","bounds","opacity"];var g=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=JSON.parse(this.getAttribute("url")),e=JSON.parse(this.getAttribute("bounds")),n={opacity:parseFloat(this.getAttribute("opacity")||"1.0"),alt:this.getAttribute("alt")||"",autoplay:!0,muted:!0,playsInline:!0},r=L.videoOverlay(t,e,n);this.dispatchEvent(new CustomEvent(u,{cancelable:!0,bubbles:!0,detail:{layer:r}}))},e}(/*#__PURE__*/l(HTMLElement)),O=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=L.geoJSON(JSON.parse(this.getAttribute("geojson")));this.dispatchEvent(new CustomEvent(u,{bubbles:!0,cancelable:!0,detail:{layer:t}}))},e}(/*#__PURE__*/l(HTMLElement)),A=function(t){return t.replace(/-./g,function(t){return t[1].toUpperCase()})},C=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).icon=null,e}return i(e,t),e.prototype.connectedCallback=function(){var t=this,e={};["icon-url","icon-retina-url","shadow-url","shadow-retina-url","class-name"].forEach(function(n){t.hasAttribute(n)&&(e[A(n)]=t.getAttribute(n))}),["icon-anchor","icon-size","shadow-anchor","shadow-size","tooltip-anchor","popup-anchor"].forEach(function(n){t.hasAttribute(n)&&(e[A(n)]=JSON.parse(t.getAttribute(n)))}),this.hasAttribute("cross-origin")&&(e.crossOrigin="true"===this.getAttribute("cross-origin")),this.icon=n.icon(e);var r=new CustomEvent("icon:add",{cancelable:!0,bubbles:!0,detail:{icon:this.icon}});this.dispatchEvent(r)},e}(/*#__PURE__*/l(HTMLElement));return customElements.define("l-map",f),customElements.define("l-control-layers",p),customElements.define("l-base-layers",s),customElements.define("l-overlay-layers",b),customElements.define("l-layer-group",d),customElements.define("l-tile-layer",v),customElements.define("l-marker",h),customElements.define("l-popup",y),customElements.define("l-lat-lng-bounds",m),customElements.define("l-image-overlay",E),customElements.define("l-video-overlay",g),customElements.define("l-geojson",O),void customElements.define("l-icon",C)});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("leaflet")):"function"==typeof define&&define.amd?define(["leaflet"],e):(t||self).leafletHtml=e(t.leaflet)}(this,function(t){function e(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}}),e.default=t,e}var n=/*#__PURE__*/e(t);function r(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(r=function(){return!!t})()}function i(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,o(t,e)}function a(t){return a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},a(t)}function o(t,e){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},o(t,e)}function l(t){var e="function"==typeof Map?new Map:void 0;return l=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(r())return Reflect.construct.apply(null,arguments);var i=[null];i.push.apply(i,e);var a=new(t.bind.apply(t,i));return n&&o(a,n.prototype),a}(t,arguments,a(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),o(n,t)},l(t)}var s="map:addTo",u="popup:add",c=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){this.addEventListener(s,function(t){t.detail.type="base"})},e}(/*#__PURE__*/l(HTMLElement)),p=/*#__PURE__*/function(e){function n(){return e.call(this)||this}return i(n,e),n.prototype.connectedCallback=function(){var e=t.control.layers({},{});this.addEventListener(s,function(t){var n=t.detail,r=n.type,i=n.name,a=n.layer;"overlay"===r?e.addOverlay(a,i):"base"===r&&e.addBaseLayer(a,i),t.preventDefault()});var n=new CustomEvent(s,{cancelable:!0,bubbles:!0,detail:{layer:e}});this.dispatchEvent(n)},n}(/*#__PURE__*/l(HTMLElement)),f=/*#__PURE__*/function(e){function n(){return e.call(this)||this}return i(n,e),n.prototype.connectedCallback=function(){var e=this.getAttribute("name"),n=t.layerGroup(),r=new CustomEvent(s,{cancelable:!0,bubbles:!0,detail:{layer:n,name:e}});this.dispatchEvent(r),this.addEventListener(s,function(t){t.stopPropagation(),n.addLayer(t.detail.layer)}),new MutationObserver(function(t){t.forEach(function(t){t.removedNodes.forEach(function(t){if(t instanceof HTMLElement){var e=t.getAttribute("leaflet-id");if(null!==e){var r=n.getLayer(parseInt(e));void 0!==r&&n.removeLayer(r)}}})})}).observe(this,{childList:!0})},n}(/*#__PURE__*/l(HTMLElement)),d=/*#__PURE__*/function(e){function n(){var t;return(t=e.call(this)||this).layer=null,t}return i(n,e),n.prototype.connectedCallback=function(){var e=this.getAttribute("name"),n=this.getAttribute("url-template");if(null!==n){var r={},i="attribution";this.hasAttribute(i)&&(r[i]=this.getAttribute(i)),this.layer=t.tileLayer(n,r);var a=new CustomEvent(s,{detail:{name:e,layer:this.layer},bubbles:!0});this.dispatchEvent(a)}},n}(/*#__PURE__*/l(HTMLElement)),h=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).map=null,e.addEventListener("map:bounds",function(t){var n=t.detail;null!==e.map&&e.map[n.method](n.bounds)}),new MutationObserver(function(t){var e=this;t.forEach(function(t){t.removedNodes.forEach(function(t){t instanceof d&&e.map.removeLayer(t.layer)})})}).observe(e,{childList:!0}),e}return i(e,t),e.prototype.connectedCallback=function(){var t=this;this.map=n.map(this);var e=this.getAttribute("center"),r=this.getAttribute("zoom");null!==e&&null!==r&&this.map.setView(JSON.parse(e),parseInt(r)),this.addEventListener(s,function(e){e.detail.layer.addTo(t.map)}),this.addEventListener("layer:remove",function(e){null!==t.map&&t.map.removeLayer(e.detail.layer)})},e}(/*#__PURE__*/l(HTMLElement)),b=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).layer=null,e.addEventListener("icon:add",function(t){t.stopPropagation(),e.layer.setIcon(t.detail.icon)}),e}i(e,t);var r=e.prototype;return r.connectedCallback=function(){var t=this,e=JSON.parse(this.getAttribute("lat-lng")),r=parseFloat(this.getAttribute("opacity")||"1.0");if(this.layer=n.marker(e,{opacity:r}),this.hasAttribute("icon")){var i=n.icon(JSON.parse(this.getAttribute("icon")));this.layer.setIcon(i)}this.setAttribute("leaflet-id",n.stamp(this.layer)),this.addEventListener(u,function(e){t.layer.bindPopup(e.detail.content)});var a=new CustomEvent(s,{cancelable:!0,bubbles:!0,detail:{layer:this.layer}});this.dispatchEvent(a)},r.attributeChangedCallback=function(t,e,r){null!==this.layer&&("lat-lng"===t&&this.layer.setLatLng(JSON.parse(r)),"opacity"===t&&this.layer.setOpacity(parseFloat(r)),"icon"===t&&this.layer.setIcon(n.icon(JSON.parse(r))))},e}(/*#__PURE__*/l(HTMLElement));b.observedAttributes=["lat-lng","opacity","icon"];var y=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){this.addEventListener(s,function(t){t.detail.type="overlay"})},e}(/*#__PURE__*/l(HTMLElement)),v=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.connectedCallback=function(){var t=this.getAttribute("content"),e=new CustomEvent(u,{cancelable:!0,bubbles:!0,detail:{content:t}});this.dispatchEvent(e)},e}(/*#__PURE__*/l(HTMLElement)),m=/*#__PURE__*/function(t){function e(){return t.call(this)||this}return i(e,t),e.prototype.attributeChangedCallback=function(t,e,n){var r=new CustomEvent("map:bounds",{bubbles:!0,detail:{bounds:JSON.parse(n),method:this.getAttribute("method")||"fitBounds"}});this.dispatchEvent(r)},e}(/*#__PURE__*/l(HTMLElement));m.observedAttributes=["bounds"];var E=/*#__PURE__*/function(e){function n(){var t;return(t=e.call(this)||this).layer=null,t}i(n,e);var r=n.prototype;return r.connectedCallback=function(){var e=this.getAttribute("url");if(null!==e){var n=this.getAttribute("bounds");if(null!==n){var r={opacity:parseFloat(this.getAttribute("opacity")||"1.0"),alt:this.getAttribute("alt")||""};this.layer=t.imageOverlay(e,JSON.parse(n),r),this.dispatchEvent(new CustomEvent(s,{cancelable:!0,bubbles:!0,detail:{layer:this.layer}}))}else console.warn("attribute 'bounds' not set")}else console.warn("attribute 'url' not set")},r.attributeChangedCallback=function(t,e,n){null!==this.layer&&("url"===t?this.layer.setUrl(n):"bounds"===t?this.layer.setBounds(JSON.parse(n)):"opacity"===t&&this.layer.setOpacity(parseFloat(n)))},n}(/*#__PURE__*/l(HTMLElement));E.observedAttributes=["url","bounds","opacity"];var g=/*#__PURE__*/function(e){function n(){return e.call(this)||this}return i(n,e),n.prototype.connectedCallback=function(){var e=JSON.parse(this.getAttribute("url")),n=JSON.parse(this.getAttribute("bounds")),r={opacity:parseFloat(this.getAttribute("opacity")||"1.0"),alt:this.getAttribute("alt")||"",autoplay:!0,muted:!0,playsInline:!0},i=t.videoOverlay(e,n,r);this.dispatchEvent(new CustomEvent(s,{cancelable:!0,bubbles:!0,detail:{layer:i}}))},n}(/*#__PURE__*/l(HTMLElement)),O=/*#__PURE__*/function(e){function n(){return e.call(this)||this}return i(n,e),n.prototype.connectedCallback=function(){var e=this.getAttribute("geojson");if(null!==e){var n=t.geoJSON(JSON.parse(e));this.dispatchEvent(new CustomEvent(s,{bubbles:!0,cancelable:!0,detail:{layer:n}}))}},n}(/*#__PURE__*/l(HTMLElement)),L=function(t){return t.replace(/-./g,function(t){return t[1].toUpperCase()})},A=/*#__PURE__*/function(t){function e(){var e;return(e=t.call(this)||this).icon=null,e}return i(e,t),e.prototype.connectedCallback=function(){var t=this,e={};["icon-url","icon-retina-url","shadow-url","shadow-retina-url","class-name"].forEach(function(n){t.hasAttribute(n)&&(e[L(n)]=t.getAttribute(n))}),["icon-anchor","icon-size","shadow-anchor","shadow-size","tooltip-anchor","popup-anchor"].forEach(function(n){t.hasAttribute(n)&&(e[L(n)]=JSON.parse(t.getAttribute(n)))}),this.hasAttribute("cross-origin")&&(e.crossOrigin="true"===this.getAttribute("cross-origin")),this.icon=n.icon(e);var r=new CustomEvent("icon:add",{cancelable:!0,bubbles:!0,detail:{icon:this.icon}});this.dispatchEvent(r)},e}(/*#__PURE__*/l(HTMLElement));return customElements.define("l-map",h),customElements.define("l-control-layers",p),customElements.define("l-base-layers",c),customElements.define("l-overlay-layers",y),customElements.define("l-layer-group",f),customElements.define("l-tile-layer",d),customElements.define("l-marker",b),customElements.define("l-popup",v),customElements.define("l-lat-lng-bounds",m),customElements.define("l-image-overlay",E),customElements.define("l-video-overlay",g),customElements.define("l-geojson",O),void customElements.define("l-icon",A)});
 //# sourceMappingURL=leaflet-html.umd.js.map

package/dist/leaflet-html.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaflet-html.umd.js","sources":["../src/events.js","../src/l-base-layers.js","../src/l-control-layers.js","../src/l-layer-group.js","../src/l-map.js","../src/l-marker.js","../src/l-overlay-layers.js","../src/l-popup.js","../src/l-tile-layer.js","../src/l-lat-lng-bounds.js","../src/l-image-overlay.js","../src/l-video-overlay.js","../src/l-geojson.js","../src/l-icon.js","../src/index.js"],"sourcesContent":["export const mapAddTo = \"map:addTo\";\nexport const popupAdd = \"popup:add\";\nexport const layerRemove = \"layer:remove\";\n","import { mapAddTo } from \"./events.js\";\n\nclass LBaseLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"base\";\n    });\n  }\n}\n\nexport default LBaseLayers;\n","import { mapAddTo } from \"./events.js\";\n\nclass LControlLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const base = {};\n    const overlay = {};\n    const control = L.control.layers(base, overlay);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      const { type, name, layer } = ev.detail;\n      if (type === \"overlay\") {\n        control.addOverlay(layer, name);\n      } else if (type === \"base\") {\n        control.addBaseLayer(layer, name);\n      }\n      ev.preventDefault();\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: control,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LControlLayers;\n","import { mapAddTo } from \"./events.js\";\n\nclass LLayerGroup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const group = L.layerGroup();\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: group,\n        name,\n      },\n    });\n    this.dispatchEvent(event);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.stopPropagation();\n      group.addLayer(ev.detail.layer);\n    });\n\n    const observer = new MutationObserver(function (mutations) {\n      mutations.forEach((mutation) => {\n        mutation.removedNodes.forEach((node) => {\n          const leafletId = node.getAttribute(\"leaflet-id\");\n          const layer = group.getLayer(leafletId);\n          group.removeLayer(layer);\n        });\n      });\n    });\n    observer.observe(this, { childList: true });\n  }\n}\n\nexport default LLayerGroup;\n","// @ts-check\nimport { layerRemove, mapAddTo } from \"./events.js\";\n\nclass LMap extends HTMLElement {\n  constructor() {\n    super();\n\n    this.map = null;\n    this.addEventListener(\"map:bounds\", (ev) => {\n      const { bounds, method } = ev.detail;\n      this.map[method](bounds);\n    });\n  }\n\n  connectedCallback() {\n    this.map = L.map(this);\n    const center = this.getAttribute(\"center\");\n    const zoom = this.getAttribute(\"zoom\");\n    if (center !== null && zoom !== null) {\n      this.map.setView(JSON.parse(center), parseInt(zoom));\n    }\n    this.addEventListener(mapAddTo, (ev) => {\n      const layer = ev.detail.layer;\n      layer.addTo(this.map);\n    });\n\n    this.addEventListener(layerRemove, (ev) => {\n      this.map.remove(ev.detail.layer);\n    });\n  }\n}\n\nexport default LMap;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\nimport { mapAddTo, popupAdd } from \"./events.js\";\n\nclass LMarker extends HTMLElement {\n  static observedAttributes = [\"lat-lng\", \"opacity\", \"icon\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n    this.addEventListener(\"icon:add\", (ev) => {\n      ev.stopPropagation();\n      this.layer.setIcon(ev.detail.icon);\n    });\n  }\n\n  connectedCallback() {\n    const latLng = JSON.parse(this.getAttribute(\"lat-lng\"));\n    const opacity = parseFloat(this.getAttribute(\"opacity\") || \"1.0\");\n    this.layer = L.marker(latLng, { opacity });\n    if (this.hasAttribute(\"icon\")) {\n      const icon = L.icon(JSON.parse(this.getAttribute(\"icon\")));\n      this.layer.setIcon(icon);\n    }\n\n    this.setAttribute(\"leaflet-id\", L.stamp(this.layer));\n\n    this.addEventListener(popupAdd, (ev) => {\n      const { content } = ev.detail;\n      this.layer.bindPopup(content);\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: this.layer,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"lat-lng\") {\n        this.layer.setLatLng(JSON.parse(newValue));\n      }\n      if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n      if (name === \"icon\") {\n        this.layer.setIcon(L.icon(JSON.parse(newValue)));\n      }\n    }\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-marker\", LMarker);\n  });\n\n  it(\"default icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = new L.Icon.Default();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"adds an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute before appendChild\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"foo.png\" }));\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"foo.png\" });\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"changes an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute after appendChild\n    document.body.appendChild(el);\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"bar.png\" }));\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"bar.png\" });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LMarker;\n","import { mapAddTo } from \"./events.js\";\n\nclass LOverlayLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"overlay\";\n    });\n  }\n}\n\nexport default LOverlayLayers;\n","import { popupAdd } from \"./events.js\";\n\nclass LPopup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const content = this.getAttribute(\"content\");\n    const event = new CustomEvent(popupAdd, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        content,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LPopup;\n","import { mapAddTo } from \"./events.js\";\n\nclass LTileLayer extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const urlTemplate = this.getAttribute(\"url-template\");\n    const attribution = this.getAttribute(\"attribution\");\n    const options = { attribution };\n    const layer = L.tileLayer(urlTemplate, options);\n    const event = new CustomEvent(mapAddTo, {\n      detail: { name, layer },\n      bubbles: true,\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LTileLayer;\n","class LLatLngBounds extends HTMLElement {\n  static observedAttributes = [\"bounds\"];\n\n  constructor() {\n    super();\n  }\n\n  attributeChangedCallback(_name, _oldValue, newValue) {\n    const event = new CustomEvent(\"map:bounds\", {\n      bubbles: true,\n      detail: {\n        bounds: JSON.parse(newValue),\n        method: this.getAttribute(\"method\") || \"fitBounds\",\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LLatLngBounds;\n","import { mapAddTo } from \"./events.js\";\n\nclass LImageOverlay extends HTMLElement {\n  static observedAttributes = [\"url\", \"bounds\", \"opacity\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n  }\n\n  connectedCallback() {\n    const url = this.getAttribute(\"url\");\n    const bounds = JSON.parse(this.getAttribute(\"bounds\"));\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n    };\n    this.layer = L.imageOverlay(url, bounds, options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer: this.layer,\n        },\n      }),\n    );\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"url\") {\n        this.layer.setUrl(newValue);\n      } else if (name === \"bounds\") {\n        this.layer.setBounds(JSON.parse(newValue));\n      } else if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n    }\n  }\n}\n\nexport default LImageOverlay;\n","import { mapAddTo } from \"./events.js\";\n\nclass LVideoOverlay extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const url = JSON.parse(this.getAttribute(\"url\"));\n    const bounds = JSON.parse(this.getAttribute(\"bounds\"));\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n      autoplay: true,\n      muted: true,\n      playsInline: true,\n    };\n    const layer = L.videoOverlay(url, bounds, options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer,\n        },\n      }),\n    );\n  }\n}\n\nexport default LVideoOverlay;\n","import { mapAddTo } from \"./events.js\";\n\nclass LGeoJSON extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const layer = L.geoJSON(JSON.parse(this.getAttribute(\"geojson\")));\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          layer,\n        },\n      }),\n    );\n  }\n}\n\nexport default LGeoJSON;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\n\nconst camelCase = (kebab) => kebab.replace(/-./g, (x) => x[1].toUpperCase());\n\nclass LIcon extends HTMLElement {\n  constructor() {\n    super();\n    this.icon = null;\n  }\n\n  connectedCallback() {\n    const options = {};\n\n    // Strings\n    let keys = [\n      \"icon-url\",\n      \"icon-retina-url\",\n      \"shadow-url\",\n      \"shadow-retina-url\",\n      \"class-name\",\n    ];\n    keys.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = this.getAttribute(key);\n      }\n    });\n\n    // Points\n    let points = [\n      \"icon-anchor\",\n      \"icon-size\",\n      \"shadow-anchor\",\n      \"shadow-size\",\n      \"tooltip-anchor\",\n      \"popup-anchor\",\n    ];\n    points.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = JSON.parse(this.getAttribute(key));\n      }\n    });\n\n    if (this.hasAttribute(\"cross-origin\")) {\n      options.crossOrigin = this.getAttribute(\"cross-origin\") === \"true\";\n    }\n    this.icon = L.icon(options);\n\n    const event = new CustomEvent(\"icon:add\", {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        icon: this.icon,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-icon\", LIcon);\n  });\n\n  it(\"default\", () => {\n    const el = document.createElement(\"l-icon\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"emits icon:add event\", async () => {\n    const el = document.createElement(\"l-icon\");\n    let promise = new Promise((resolve) => {\n      el.addEventListener(\"icon:add\", (ev) => {\n        resolve(ev.detail.icon);\n      });\n    });\n    document.body.appendChild(el);\n    let actual = await promise;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"options\", () => {\n    const el = document.createElement(\"l-icon\");\n    el.setAttribute(\"icon-url\", \"url.png\");\n    el.setAttribute(\"icon-retina-url\", \"retina.png\");\n    el.setAttribute(\"icon-size\", \"[0, 0]\");\n    el.setAttribute(\"icon-anchor\", \"[0, 0]\");\n    el.setAttribute(\"popup-anchor\", \"[0, 0]\");\n    el.setAttribute(\"tooltip-anchor\", \"[0, 0]\");\n    el.setAttribute(\"shadow-url\", \"urlShadow.png\");\n    el.setAttribute(\"shadow-retina-url\", \"retinaShadow.png\");\n    el.setAttribute(\"shadow-size\", \"[0, 0]\");\n    el.setAttribute(\"shadow-anchor\", \"[0, 0]\");\n    el.setAttribute(\"class-name\", \"foo\");\n    el.setAttribute(\"cross-origin\", \"true\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon({\n      iconUrl: \"url.png\",\n      iconRetinaUrl: \"retina.png\",\n      iconSize: [0, 0],\n      iconAnchor: [0, 0],\n      popupAnchor: [0, 0],\n      tooltipAnchor: [0, 0],\n      shadowUrl: \"urlShadow.png\",\n      shadowRetinaUrl: \"retinaShadow.png\",\n      shadowSize: [0, 0],\n      shadowAnchor: [0, 0],\n      className: \"foo\",\n      crossOrigin: true,\n    });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LIcon;\n","// @ts-check\nimport LBaseLayers from \"./l-base-layers.js\";\nimport LControlLayers from \"./l-control-layers.js\";\nimport LLayerGroup from \"./l-layer-group.js\";\nimport LMap from \"./l-map.js\";\nimport LMarker from \"./l-marker.js\";\nimport LOverlayLayers from \"./l-overlay-layers.js\";\nimport LPopup from \"./l-popup.js\";\nimport LTileLayer from \"./l-tile-layer.js\";\nimport LLatLngBounds from \"./l-lat-lng-bounds.js\";\nimport LImageOverlay from \"./l-image-overlay.js\";\nimport LVideoOverlay from \"./l-video-overlay.js\";\nimport LGeoJSON from \"./l-geojson.js\";\nimport LIcon from \"./l-icon.js\";\n\nconst init = (() => {\n  // Custom elements (order of definition is important)\n  customElements.define(\"l-map\", LMap);\n  customElements.define(\"l-control-layers\", LControlLayers);\n  customElements.define(\"l-base-layers\", LBaseLayers);\n  customElements.define(\"l-overlay-layers\", LOverlayLayers);\n  customElements.define(\"l-layer-group\", LLayerGroup);\n  customElements.define(\"l-tile-layer\", LTileLayer);\n  customElements.define(\"l-marker\", LMarker);\n  customElements.define(\"l-popup\", LPopup);\n  customElements.define(\"l-lat-lng-bounds\", LLatLngBounds);\n  customElements.define(\"l-image-overlay\", LImageOverlay);\n  customElements.define(\"l-video-overlay\", LVideoOverlay);\n  customElements.define(\"l-geojson\", LGeoJSON);\n  customElements.define(\"l-icon\", LIcon);\n})();\n\nexport default init;\n"],"names":["mapAddTo","popupAdd","LBaseLayers","_HTMLElement","call","this","_inheritsLoose","prototype","connectedCallback","addEventListener","ev","detail","_wrapNativeSuper","HTMLElement","LControlLayers","control","L","layers","_ev$detail","type","name","layer","addOverlay","addBaseLayer","preventDefault","event","CustomEvent","cancelable","bubbles","dispatchEvent","LLayerGroup","getAttribute","group","layerGroup","stopPropagation","addLayer","MutationObserver","mutations","forEach","mutation","removedNodes","node","leafletId","getLayer","removeLayer","observe","childList","LMap","_this","map","method","bounds","_this2","center","zoom","setView","JSON","parse","parseInt","addTo","remove","LMarker","setIcon","icon","_proto","latLng","opacity","parseFloat","marker","hasAttribute","setAttribute","stamp","bindPopup","content","attributeChangedCallback","_oldValue","newValue","setLatLng","setOpacity","observedAttributes","LOverlayLayers","LPopup","LTileLayer","urlTemplate","attribution","tileLayer","LLatLngBounds","_name","LImageOverlay","url","options","alt","imageOverlay","setUrl","setBounds","LVideoOverlay","autoplay","muted","playsInline","videoOverlay","LGeoJSON","geoJSON","camelCase","kebab","replace","x","toUpperCase","LIcon","key","crossOrigin","customElements","define"],"mappings":"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"}
+{"version":3,"file":"leaflet-html.umd.js","sources":["../src/events.js","../src/l-base-layers.js","../src/l-control-layers.js","../src/l-layer-group.js","../src/l-tile-layer.js","../src/l-map.js","../src/l-marker.js","../src/l-overlay-layers.js","../src/l-popup.js","../src/l-lat-lng-bounds.js","../src/l-image-overlay.js","../src/l-video-overlay.js","../src/l-geojson.js","../src/l-icon.js","../src/index.js"],"sourcesContent":["export const mapAddTo = \"map:addTo\";\nexport const popupAdd = \"popup:add\";\nexport const layerRemove = \"layer:remove\";\n","// @ts-check\nimport { mapAddTo } from \"./events.js\";\n\nclass LBaseLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"base\";\n    });\n  }\n}\n\nexport default LBaseLayers;\n","// @ts-check\n/** @typedef {import(\"leaflet\").Layer} Layer */\nimport { control } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LControlLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    /** @type {{ [key: string]: Layer }} */\n    const base = {};\n    /** @type {{ [key: string]: Layer }} */\n    const overlay = {};\n    const controlLayers = control.layers(base, overlay);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      const { type, name, layer } = ev.detail;\n      if (type === \"overlay\") {\n        controlLayers.addOverlay(layer, name);\n      } else if (type === \"base\") {\n        controlLayers.addBaseLayer(layer, name);\n      }\n      ev.preventDefault();\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: controlLayers,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LControlLayers;\n","// @ts-check\nimport { layerGroup } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LLayerGroup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const group = layerGroup();\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: group,\n        name,\n      },\n    });\n    this.dispatchEvent(event);\n\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.stopPropagation();\n      group.addLayer(ev.detail.layer);\n    });\n\n    const observer = new MutationObserver(function (mutations) {\n      mutations.forEach((mutation) => {\n        mutation.removedNodes.forEach((node) => {\n          if (node instanceof HTMLElement) {\n            const leafletId = node.getAttribute(\"leaflet-id\");\n            if (leafletId !== null) {\n              const layer = group.getLayer(parseInt(leafletId));\n              if (typeof layer !== \"undefined\") {\n                group.removeLayer(layer);\n              }\n            }\n          }\n        });\n      });\n    });\n    observer.observe(this, { childList: true });\n  }\n}\n\nexport default LLayerGroup;\n","// @ts-check\nimport { tileLayer } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LTileLayer extends HTMLElement {\n  constructor() {\n    super();\n    this.layer = null\n  }\n\n  connectedCallback() {\n    const name = this.getAttribute(\"name\");\n    const urlTemplate = this.getAttribute(\"url-template\");\n    if (urlTemplate === null) {\n      return;\n    }\n    const options = {};\n    const key = \"attribution\";\n    if (this.hasAttribute(key)) {\n      options[key] = this.getAttribute(key);\n    }\n    this.layer = tileLayer(urlTemplate, options);\n    const event = new CustomEvent(mapAddTo, {\n      detail: { name, layer: this.layer },\n      bubbles: true,\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LTileLayer;\n","// @ts-check\nimport * as L from \"leaflet\";\nimport { layerRemove, mapAddTo } from \"./events.js\";\nimport LTileLayer from \"./l-tile-layer.js\";\n\nclass LMap extends HTMLElement {\n  constructor() {\n    super();\n\n    this.map = null;\n    this.addEventListener(\"map:bounds\", (ev) => {\n      const { bounds, method } = ev.detail;\n      if (this.map !== null) {\n        this.map[method](bounds);\n      }\n    });\n\n    // Observe removed l-tile-layers\n    const observer = new MutationObserver(function(mutations) {\n      mutations.forEach((mutation) => {\n        mutation.removedNodes.forEach((node) => {\n          if (node instanceof LTileLayer) {\n            this.map.removeLayer(node.layer)\n          }\n        })\n      })\n    })\n    observer.observe(this, { childList: true })\n  }\n\n  connectedCallback() {\n    this.map = L.map(this);\n    const center = this.getAttribute(\"center\");\n    const zoom = this.getAttribute(\"zoom\");\n    if (center !== null && zoom !== null) {\n      this.map.setView(JSON.parse(center), parseInt(zoom));\n    }\n    this.addEventListener(mapAddTo, (ev) => {\n      const layer = ev.detail.layer;\n      layer.addTo(this.map);\n    });\n\n    this.addEventListener(layerRemove, (ev) => {\n      if (this.map !== null) {\n        this.map.removeLayer(ev.detail.layer);\n      }\n    });\n  }\n}\n\nexport default LMap;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\nimport { mapAddTo, popupAdd } from \"./events.js\";\n\nclass LMarker extends HTMLElement {\n  static observedAttributes = [\"lat-lng\", \"opacity\", \"icon\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n    this.addEventListener(\"icon:add\", (ev) => {\n      ev.stopPropagation();\n      this.layer.setIcon(ev.detail.icon);\n    });\n  }\n\n  connectedCallback() {\n    const latLng = JSON.parse(this.getAttribute(\"lat-lng\"));\n    const opacity = parseFloat(this.getAttribute(\"opacity\") || \"1.0\");\n    this.layer = L.marker(latLng, { opacity });\n    if (this.hasAttribute(\"icon\")) {\n      const icon = L.icon(JSON.parse(this.getAttribute(\"icon\")));\n      this.layer.setIcon(icon);\n    }\n\n    this.setAttribute(\"leaflet-id\", L.stamp(this.layer));\n\n    this.addEventListener(popupAdd, (ev) => {\n      const { content } = ev.detail;\n      this.layer.bindPopup(content);\n    });\n\n    const event = new CustomEvent(mapAddTo, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        layer: this.layer,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"lat-lng\") {\n        this.layer.setLatLng(JSON.parse(newValue));\n      }\n      if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n      if (name === \"icon\") {\n        this.layer.setIcon(L.icon(JSON.parse(newValue)));\n      }\n    }\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-marker\", LMarker);\n  });\n\n  it(\"default icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = new L.Icon.Default();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"adds an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute before appendChild\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"foo.png\" }));\n    document.body.appendChild(el);\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"foo.png\" });\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"changes an icon\", () => {\n    const el = document.createElement(\"l-marker\");\n    // Set attribute after appendChild\n    document.body.appendChild(el);\n    el.setAttribute(\"icon\", JSON.stringify({ iconUrl: \"bar.png\" }));\n    let actual = el.layer.getIcon();\n    let expected = L.icon({ iconUrl: \"bar.png\" });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LMarker;\n","// @ts-check\nimport { mapAddTo } from \"./events.js\";\n\nclass LOverlayLayers extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.addEventListener(mapAddTo, (ev) => {\n      ev.detail[\"type\"] = \"overlay\";\n    });\n  }\n}\n\nexport default LOverlayLayers;\n","// @ts-check\nimport { popupAdd } from \"./events.js\";\n\nclass LPopup extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const content = this.getAttribute(\"content\");\n    const event = new CustomEvent(popupAdd, {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        content,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LPopup;\n","// @ts-check\nclass LLatLngBounds extends HTMLElement {\n  static observedAttributes = [\"bounds\"];\n\n  constructor() {\n    super();\n  }\n\n  attributeChangedCallback(_name, _oldValue, newValue) {\n    const event = new CustomEvent(\"map:bounds\", {\n      bubbles: true,\n      detail: {\n        bounds: JSON.parse(newValue),\n        method: this.getAttribute(\"method\") || \"fitBounds\",\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nexport default LLatLngBounds;\n","// @ts-check\nimport { imageOverlay } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LImageOverlay extends HTMLElement {\n  static observedAttributes = [\"url\", \"bounds\", \"opacity\"];\n\n  constructor() {\n    super();\n    this.layer = null;\n  }\n\n  connectedCallback() {\n    const url = this.getAttribute(\"url\");\n    if (url === null) {\n      console.warn(\"attribute 'url' not set\");\n      return;\n    }\n    let bounds = this.getAttribute(\"bounds\");\n    if (bounds === null) {\n      console.warn(\"attribute 'bounds' not set\");\n      return;\n    }\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n    };\n    this.layer = imageOverlay(url, JSON.parse(bounds), options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer: this.layer,\n        },\n      }),\n    );\n  }\n\n  attributeChangedCallback(name, _oldValue, newValue) {\n    if (this.layer !== null) {\n      if (name === \"url\") {\n        this.layer.setUrl(newValue);\n      } else if (name === \"bounds\") {\n        this.layer.setBounds(JSON.parse(newValue));\n      } else if (name === \"opacity\") {\n        this.layer.setOpacity(parseFloat(newValue));\n      }\n    }\n  }\n}\n\nexport default LImageOverlay;\n","// @ts-check\nimport { videoOverlay } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LVideoOverlay extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const url = JSON.parse(this.getAttribute(\"url\"));\n    const bounds = JSON.parse(this.getAttribute(\"bounds\"));\n    const options = {\n      opacity: parseFloat(this.getAttribute(\"opacity\") || \"1.0\"),\n      alt: this.getAttribute(\"alt\") || \"\",\n      autoplay: true,\n      muted: true,\n      playsInline: true,\n    };\n    const layer = videoOverlay(url, bounds, options);\n    this.dispatchEvent(\n      new CustomEvent(mapAddTo, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          layer,\n        },\n      }),\n    );\n  }\n}\n\nexport default LVideoOverlay;\n","// @ts-check\nimport { geoJSON } from \"leaflet\";\nimport { mapAddTo } from \"./events.js\";\n\nclass LGeoJSON extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    const value = this.getAttribute(\"geojson\");\n    if (value !== null) {\n      const layer = geoJSON(JSON.parse(value));\n      this.dispatchEvent(\n        new CustomEvent(mapAddTo, {\n          bubbles: true,\n          cancelable: true,\n          detail: {\n            layer,\n          },\n        }),\n      );\n    }\n  }\n}\n\nexport default LGeoJSON;\n","// @vitest-environment happy-dom\nimport * as L from \"leaflet\";\n\nconst camelCase = (kebab) => kebab.replace(/-./g, (x) => x[1].toUpperCase());\n\nclass LIcon extends HTMLElement {\n  constructor() {\n    super();\n    this.icon = null;\n  }\n\n  connectedCallback() {\n    const options = {};\n\n    // Strings\n    let keys = [\n      \"icon-url\",\n      \"icon-retina-url\",\n      \"shadow-url\",\n      \"shadow-retina-url\",\n      \"class-name\",\n    ];\n    keys.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = this.getAttribute(key);\n      }\n    });\n\n    // Points\n    let points = [\n      \"icon-anchor\",\n      \"icon-size\",\n      \"shadow-anchor\",\n      \"shadow-size\",\n      \"tooltip-anchor\",\n      \"popup-anchor\",\n    ];\n    points.forEach((key) => {\n      if (this.hasAttribute(key)) {\n        options[camelCase(key)] = JSON.parse(this.getAttribute(key));\n      }\n    });\n\n    if (this.hasAttribute(\"cross-origin\")) {\n      options.crossOrigin = this.getAttribute(\"cross-origin\") === \"true\";\n    }\n    this.icon = L.icon(options);\n\n    const event = new CustomEvent(\"icon:add\", {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        icon: this.icon,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\nif (import.meta.vitest) {\n  const { it, expect, beforeAll } = import.meta.vitest;\n\n  beforeAll(() => {\n    customElements.define(\"l-icon\", LIcon);\n  });\n\n  it(\"default\", () => {\n    const el = document.createElement(\"l-icon\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"emits icon:add event\", async () => {\n    const el = document.createElement(\"l-icon\");\n    let promise = new Promise((resolve) => {\n      el.addEventListener(\"icon:add\", (ev) => {\n        resolve(ev.detail.icon);\n      });\n    });\n    document.body.appendChild(el);\n    let actual = await promise;\n    let expected = L.icon();\n    expect(actual).toEqual(expected);\n  });\n\n  it(\"options\", () => {\n    const el = document.createElement(\"l-icon\");\n    el.setAttribute(\"icon-url\", \"url.png\");\n    el.setAttribute(\"icon-retina-url\", \"retina.png\");\n    el.setAttribute(\"icon-size\", \"[0, 0]\");\n    el.setAttribute(\"icon-anchor\", \"[0, 0]\");\n    el.setAttribute(\"popup-anchor\", \"[0, 0]\");\n    el.setAttribute(\"tooltip-anchor\", \"[0, 0]\");\n    el.setAttribute(\"shadow-url\", \"urlShadow.png\");\n    el.setAttribute(\"shadow-retina-url\", \"retinaShadow.png\");\n    el.setAttribute(\"shadow-size\", \"[0, 0]\");\n    el.setAttribute(\"shadow-anchor\", \"[0, 0]\");\n    el.setAttribute(\"class-name\", \"foo\");\n    el.setAttribute(\"cross-origin\", \"true\");\n    document.body.appendChild(el);\n\n    let actual = el.icon;\n    let expected = L.icon({\n      iconUrl: \"url.png\",\n      iconRetinaUrl: \"retina.png\",\n      iconSize: [0, 0],\n      iconAnchor: [0, 0],\n      popupAnchor: [0, 0],\n      tooltipAnchor: [0, 0],\n      shadowUrl: \"urlShadow.png\",\n      shadowRetinaUrl: \"retinaShadow.png\",\n      shadowSize: [0, 0],\n      shadowAnchor: [0, 0],\n      className: \"foo\",\n      crossOrigin: true,\n    });\n    expect(actual).toEqual(expected);\n  });\n}\n\nexport default LIcon;\n","// @ts-check\nimport LBaseLayers from \"./l-base-layers.js\";\nimport LControlLayers from \"./l-control-layers.js\";\nimport LLayerGroup from \"./l-layer-group.js\";\nimport LMap from \"./l-map.js\";\nimport LMarker from \"./l-marker.js\";\nimport LOverlayLayers from \"./l-overlay-layers.js\";\nimport LPopup from \"./l-popup.js\";\nimport LTileLayer from \"./l-tile-layer.js\";\nimport LLatLngBounds from \"./l-lat-lng-bounds.js\";\nimport LImageOverlay from \"./l-image-overlay.js\";\nimport LVideoOverlay from \"./l-video-overlay.js\";\nimport LGeoJSON from \"./l-geojson.js\";\nimport LIcon from \"./l-icon.js\";\n\nconst init = (() => {\n  // Custom elements (order of definition is important)\n  customElements.define(\"l-map\", LMap);\n  customElements.define(\"l-control-layers\", LControlLayers);\n  customElements.define(\"l-base-layers\", LBaseLayers);\n  customElements.define(\"l-overlay-layers\", LOverlayLayers);\n  customElements.define(\"l-layer-group\", LLayerGroup);\n  customElements.define(\"l-tile-layer\", LTileLayer);\n  customElements.define(\"l-marker\", LMarker);\n  customElements.define(\"l-popup\", LPopup);\n  customElements.define(\"l-lat-lng-bounds\", LLatLngBounds);\n  customElements.define(\"l-image-overlay\", LImageOverlay);\n  customElements.define(\"l-video-overlay\", LVideoOverlay);\n  customElements.define(\"l-geojson\", LGeoJSON);\n  customElements.define(\"l-icon\", LIcon);\n})();\n\nexport default init;\n"],"names":["mapAddTo","popupAdd","LBaseLayers","_HTMLElement","call","this","_inheritsLoose","prototype","connectedCallback","addEventListener","ev","detail","_wrapNativeSuper","HTMLElement","LControlLayers","controlLayers","control","layers","_ev$detail","type","name","layer","addOverlay","addBaseLayer","preventDefault","event","CustomEvent","cancelable","bubbles","dispatchEvent","LLayerGroup","getAttribute","group","layerGroup","stopPropagation","addLayer","MutationObserver","mutations","forEach","mutation","removedNodes","node","leafletId","getLayer","parseInt","removeLayer","observe","childList","LTileLayer","_this","urlTemplate","options","key","hasAttribute","tileLayer","LMap","map","method","bounds","_this2","_this3","L","center","zoom","setView","JSON","parse","addTo","LMarker","setIcon","icon","_proto","latLng","opacity","parseFloat","marker","setAttribute","stamp","bindPopup","content","attributeChangedCallback","_oldValue","newValue","setLatLng","setOpacity","observedAttributes","LOverlayLayers","LPopup","LLatLngBounds","_name","LImageOverlay","url","alt","imageOverlay","console","warn","setUrl","setBounds","LVideoOverlay","autoplay","muted","playsInline","videoOverlay","LGeoJSON","value","geoJSON","camelCase","kebab","replace","x","toUpperCase","LIcon","crossOrigin","customElements","define"],"mappings":"guDAAaA,EAAW,YACXC,EAAW,YCElBC,eAAWC,SAAAA,GACf,SAAAD,IAAc,OACZC,EAAAC,KAAAC,OAAOA,IACT,CAMC,OANAC,EAAAJ,EAAAC,GAAAD,EAAAK,UAEDC,kBAAA,WACEH,KAAKI,iBAAiBT,EAAU,SAACU,GAC/BA,EAAGC,OAAa,KAAI,MACtB,EACF,EAACT,CAAA,CATcC,cASdS,EATuBC,cCEpBC,eAAc,SAAAX,GAClB,SAAAW,IAAc,OACZX,EAAAC,KAAMC,WACR,CA2BC,OA3BAC,EAAAQ,EAAAX,GAAAW,EAAAP,UAEDC,kBAAA,WAEE,IAGMO,EAAgBC,UAAQC,OAHjB,CAAA,EAEG,CAAE,GAGlBZ,KAAKI,iBAAiBT,EAAU,SAACU,GAC/B,IAAAQ,EAA8BR,EAAGC,OAAzBQ,EAAID,EAAJC,KAAMC,EAAIF,EAAJE,KAAMC,EAAKH,EAALG,MACP,YAATF,EACFJ,EAAcO,WAAWD,EAAOD,GACd,SAATD,GACTJ,EAAcQ,aAAaF,EAAOD,GAEpCV,EAAGc,gBACL,GAEA,IAAMC,EAAQ,IAAIC,YAAY1B,EAAU,CACtC2B,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACNU,MAAON,KAGXV,KAAKwB,cAAcJ,EACrB,EAACX,CAAA,CA9BiB,cA8BjBF,EA9B0BC,cCDvBiB,eAAW,SAAA3B,GACf,SAAA2B,IAAc,OACZ3B,EAAAC,KAAMC,OACRA,IAAA,CAoCC,OApCAC,EAAAwB,EAAA3B,GAAA2B,EAAAvB,UAEDC,kBAAA,WACE,IAAMY,EAAOf,KAAK0B,aAAa,QACzBC,EAAQC,EAAUA,aAClBR,EAAQ,IAAIC,YAAY1B,EAAU,CACtC2B,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACNU,MAAOW,EACPZ,KAAAA,KAGJf,KAAKwB,cAAcJ,GAEnBpB,KAAKI,iBAAiBT,EAAU,SAACU,GAC/BA,EAAGwB,kBACHF,EAAMG,SAASzB,EAAGC,OAAOU,MAC3B,GAEiB,IAAIe,iBAAiB,SAAUC,GAC9CA,EAAUC,QAAQ,SAACC,GACjBA,EAASC,aAAaF,QAAQ,SAACG,GAC7B,GAAIA,aAAgB5B,YAAa,CAC/B,IAAM6B,EAAYD,EAAKV,aAAa,cACpC,GAAkB,OAAdW,EAAoB,CACtB,IAAMrB,EAAQW,EAAMW,SAASC,SAASF,SACjB,IAAVrB,GACTW,EAAMa,YAAYxB,EAEtB,CACF,CACF,EACF,EACF,GACSyB,QAAQzC,KAAM,CAAE0C,WAAW,GACtC,EAACjB,CAAA,CAvCc,cAuCdlB,EAvCuBC,cCApBmC,eAAU7C,SAAAA,GACd,SAAA6C,IAAcC,IAAAA,SACZA,EAAA9C,EAAAC,KAAMC,aACDgB,MAAQ,KAAI4B,CACnB,CAmBCD,OAnBA1C,EAAA0C,EAAA7C,GAAA6C,EAAAzC,UAEDC,kBAAA,WACE,IAAMY,EAAOf,KAAK0B,aAAa,QACzBmB,EAAc7C,KAAK0B,aAAa,gBACtC,GAAoB,OAAhBmB,EAAJ,CAGA,IAAMC,EAAU,CAAA,EACVC,EAAM,cACR/C,KAAKgD,aAAaD,KACpBD,EAAQC,GAAO/C,KAAK0B,aAAaqB,IAEnC/C,KAAKgB,MAAQiC,EAAAA,UAAUJ,EAAaC,GACpC,IAAM1B,EAAQ,IAAIC,YAAY1B,EAAU,CACtCW,OAAQ,CAAES,KAAAA,EAAMC,MAAOhB,KAAKgB,OAC5BO,SAAS,IAEXvB,KAAKwB,cAAcJ,EAXnB,CAYF,EAACuB,CAAA,CAvBa7C,cAuBbS,EAvBsBC,cCCnB0C,eAAI,SAAApD,GACR,SAAAoD,IAAcN,IAAAA,SACZA,EAAA9C,EAAAC,YAAOC,MAEFmD,IAAM,KACXP,EAAKxC,iBAAiB,aAAc,SAACC,GACnC,IAAAQ,EAA2BR,EAAGC,OACb,OAAbsC,EAAKO,KACPP,EAAKO,IAFetC,EAANuC,QAAFvC,EAANwC,OAIV,GAGiB,IAAItB,iBAAiB,SAASC,GAAW,IAAAsB,EACxDtB,KAAAA,EAAUC,QAAQ,SAACC,GACjBA,EAASC,aAAaF,QAAQ,SAACG,GACzBA,aAAgBO,GAClBW,EAAKH,IAAIX,YAAYJ,EAAKpB,MAE9B,EACF,EACF,GACSyB,QAAOG,EAAO,CAAEF,WAAW,IAAOE,CAC7C,CAmBCM,OAnBAjD,EAAAiD,EAAApD,GAAAoD,EAAAhD,UAEDC,kBAAA,WAAoB,IAAAoD,EAAAvD,KAClBA,KAAKmD,IAAMK,EAAEL,IAAInD,MACjB,IAAMyD,EAASzD,KAAK0B,aAAa,UAC3BgC,EAAO1D,KAAK0B,aAAa,QAChB,OAAX+B,GAA4B,OAATC,GACrB1D,KAAKmD,IAAIQ,QAAQC,KAAKC,MAAMJ,GAASlB,SAASmB,IAEhD1D,KAAKI,iBAAiBT,EAAU,SAACU,GACjBA,EAAGC,OAAOU,MAClB8C,MAAMP,EAAKJ,IACnB,GAEAnD,KAAKI,iBLxCkB,eKwCY,SAACC,GACjB,OAAbkD,EAAKJ,KACPI,EAAKJ,IAAIX,YAAYnC,EAAGC,OAAOU,MAEnC,EACF,EAACkC,CAAA,CA1CO,cA0CP3C,EA1CgBC,cCDbuD,eAAOjE,SAAAA,GAGX,SAAAiE,IAAc,IAAAnB,EAMT,OALHA,EAAA9C,EAAAC,YAAOC,MACFgB,MAAQ,KACb4B,EAAKxC,iBAAiB,WAAY,SAACC,GACjCA,EAAGwB,kBACHe,EAAK5B,MAAMgD,QAAQ3D,EAAGC,OAAO2D,KAC/B,GAAGrB,CACL,CAAC3C,EAAA8D,EAAAjE,GAAAoE,IAAAA,EAAAH,EAAA7D,UAwCA6D,OAxCAG,EAED/D,kBAAA,eAAoBmD,EAAAtD,KACZmE,EAASP,KAAKC,MAAM7D,KAAK0B,aAAa,YACtC0C,EAAUC,WAAWrE,KAAK0B,aAAa,YAAc,OAE3D,GADA1B,KAAKgB,MAAQwC,EAAEc,OAAOH,EAAQ,CAAEC,QAAAA,IAC5BpE,KAAKgD,aAAa,QAAS,CAC7B,IAAMiB,EAAOT,EAAES,KAAKL,KAAKC,MAAM7D,KAAK0B,aAAa,UACjD1B,KAAKgB,MAAMgD,QAAQC,EACrB,CAEAjE,KAAKuE,aAAa,aAAcf,EAAEgB,MAAMxE,KAAKgB,QAE7ChB,KAAKI,iBAAiBR,EAAU,SAACS,GAE/BiD,EAAKtC,MAAMyD,UADSpE,EAAGC,OAAfoE,QAEV,GAEA,IAAMtD,EAAQ,IAAIC,YAAY1B,EAAU,CACtC2B,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACNU,MAAOhB,KAAKgB,SAGhBhB,KAAKwB,cAAcJ,EACrB,EAAC8C,EAEDS,yBAAA,SAAyB5D,EAAM6D,EAAWC,GACrB,OAAf7E,KAAKgB,QACM,YAATD,GACFf,KAAKgB,MAAM8D,UAAUlB,KAAKC,MAAMgB,IAErB,YAAT9D,GACFf,KAAKgB,MAAM+D,WAAWV,WAAWQ,IAEtB,SAAT9D,GACFf,KAAKgB,MAAMgD,QAAQR,EAAES,KAAKL,KAAKC,MAAMgB,KAG3C,EAACd,CAAA,CAlDUjE,cAkDVS,EAlDmBC,cAAhBuD,EACGiB,mBAAqB,CAAC,UAAW,UAAW,QCJd,IAEjCC,eAAcnF,SAAAA,GAClB,SAAAmF,IAAc,OACZnF,EAAAC,KAAAC,OAAOA,IACT,CAMC,OANAC,EAAAgF,EAAAnF,GAAAmF,EAAA/E,UAEDC,kBAAA,WACEH,KAAKI,iBAAiBT,EAAU,SAACU,GAC/BA,EAAGC,OAAa,KAAI,SACtB,EACF,EAAC2E,CAAA,CATiBnF,cASjBS,EAT0BC,cCAvB0E,wBAAMpF,GACV,SAAAoF,WACEpF,EAAAC,KAAAC,OAAOA,IACT,CAYC,OAZAC,EAAAiF,EAAApF,GAAAoF,EAAAhF,UAEDC,kBAAA,WACE,IAAMuE,EAAU1E,KAAK0B,aAAa,WAC5BN,EAAQ,IAAIC,YAAYzB,EAAU,CACtC0B,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACNoE,QAAAA,KAGJ1E,KAAKwB,cAAcJ,EACrB,EAAC8D,CAAA,eAAA3E,EAfkBC,cCFf2E,wBAAarF,GAGjB,SAAAqF,IACE,OAAArF,EAAAC,KAAMC,OACRA,IAAA,CAWC,OAXAC,EAAAkF,EAAArF,GAAAqF,EAAAjF,UAEDyE,yBAAA,SAAyBS,EAAOR,EAAWC,GACzC,IAAMzD,EAAQ,IAAIC,YAAY,aAAc,CAC1CE,SAAS,EACTjB,OAAQ,CACN+C,OAAQO,KAAKC,MAAMgB,GACnBzB,OAAQpD,KAAK0B,aAAa,WAAa,eAG3C1B,KAAKwB,cAAcJ,EACrB,EAAC+D,CAAA,eAAA5E,EAhByBC,cAAtB2E,EACGH,mBAAqB,CAAC,UCAQ,IAEjCK,eAAa,SAAAvF,GAGjB,SAAAuF,IAAczC,IAAAA,EAEM,OADlBA,EAAA9C,EAAAC,KAAAC,OAAOA,MACFgB,MAAQ,KAAK4B,CACpB,CAAC3C,EAAAoF,EAAAvF,GAAAoE,IAAAA,EAAAmB,EAAAnF,UAuCA,OAvCAgE,EAED/D,kBAAA,WACE,IAAMmF,EAAMtF,KAAK0B,aAAa,OAC9B,GAAY,OAAR4D,EAAJ,CAIA,IAAIjC,EAASrD,KAAK0B,aAAa,UAC/B,GAAe,OAAX2B,EAAJ,CAIA,IAAMP,EAAU,CACdsB,QAASC,WAAWrE,KAAK0B,aAAa,YAAc,OACpD6D,IAAKvF,KAAK0B,aAAa,QAAU,IAEnC1B,KAAKgB,MAAQwE,eAAaF,EAAK1B,KAAKC,MAAMR,GAASP,GACnD9C,KAAKwB,cACH,IAAIH,YAAY1B,EAAU,CACxB2B,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACNU,MAAOhB,KAAKgB,SAXlB,MAFEyE,QAAQC,KAAK,6BAHf,MAFED,QAAQC,KAAK,0BAsBjB,EAACxB,EAEDS,yBAAA,SAAyB5D,EAAM6D,EAAWC,GACrB,OAAf7E,KAAKgB,QACM,QAATD,EACFf,KAAKgB,MAAM2E,OAAOd,GACA,WAAT9D,EACTf,KAAKgB,MAAM4E,UAAUhC,KAAKC,MAAMgB,IACd,YAAT9D,GACTf,KAAKgB,MAAM+D,WAAWV,WAAWQ,IAGvC,EAACQ,CAAA,CA7CgB,cA6ChB9E,EA7CyBC,cAAtB6E,EACGL,mBAAqB,CAAC,MAAO,SAAU,WCHT,IAEjCa,eAAa/F,SAAAA,GACjB,SAAA+F,IACE,OAAA/F,EAAAC,KAAMC,WACR,CAsBC6F,OAtBA5F,EAAA4F,EAAA/F,GAAA+F,EAAA3F,UAEDC,kBAAA,WACE,IAAMmF,EAAM1B,KAAKC,MAAM7D,KAAK0B,aAAa,QACnC2B,EAASO,KAAKC,MAAM7D,KAAK0B,aAAa,WACtCoB,EAAU,CACdsB,QAASC,WAAWrE,KAAK0B,aAAa,YAAc,OACpD6D,IAAKvF,KAAK0B,aAAa,QAAU,GACjCoE,UAAU,EACVC,OAAO,EACPC,aAAa,GAEThF,EAAQiF,EAAAA,aAAaX,EAAKjC,EAAQP,GACxC9C,KAAKwB,cACH,IAAIH,YAAY1B,EAAU,CACxB2B,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACNU,MAAAA,KAIR,EAAC6E,CAAA,CAzBgB/F,cAyBhBS,EAzByBC,cCAtB0F,eAAQ,SAAApG,GACZ,SAAAoG,IACE,OAAApG,EAAAC,KAAAC,OAAOA,IACT,CAgBC,OAhBAC,EAAAiG,EAAApG,GAAAoG,EAAAhG,UAEDC,kBAAA,WACE,IAAMgG,EAAQnG,KAAK0B,aAAa,WAChC,GAAc,OAAVyE,EAAgB,CAClB,IAAMnF,EAAQoF,EAAAA,QAAQxC,KAAKC,MAAMsC,IACjCnG,KAAKwB,cACH,IAAIH,YAAY1B,EAAU,CACxB4B,SAAS,EACTD,YAAY,EACZhB,OAAQ,CACNU,MAAAA,KAIR,CACF,EAACkF,CAAA,CAnBW,cAmBX3F,EAnBoBC,cCDjB6F,EAAY,SAACC,GAAU,OAAAA,EAAMC,QAAQ,MAAO,SAACC,UAAMA,EAAE,GAAGC,aAAa,EAAC,EAEtEC,wBAAK5G,GACT,SAAA4G,IAAc9D,IAAAA,EAEK,OADjBA,EAAA9C,EAAAC,YAAOC,MACFiE,KAAO,KAAKrB,CACnB,CA+CC8D,OA/CAzG,EAAAyG,EAAA5G,GAAA4G,EAAAxG,UAEDC,kBAAA,WAAoB,IAAAmD,EAClBtD,KAAM8C,EAAU,CAAA,EAGL,CACT,WACA,kBACA,aACA,oBACA,cAEGb,QAAQ,SAACc,GACRO,EAAKN,aAAaD,KACpBD,EAAQuD,EAAUtD,IAAQO,EAAK5B,aAAaqB,GAEhD,GAGa,CACX,cACA,YACA,gBACA,cACA,iBACA,gBAEKd,QAAQ,SAACc,GACVO,EAAKN,aAAaD,KACpBD,EAAQuD,EAAUtD,IAAQa,KAAKC,MAAMP,EAAK5B,aAAaqB,IAE3D,GAEI/C,KAAKgD,aAAa,kBACpBF,EAAQ6D,YAAoD,SAAtC3G,KAAK0B,aAAa,iBAE1C1B,KAAKiE,KAAOT,EAAES,KAAKnB,GAEnB,IAAM1B,EAAQ,IAAIC,YAAY,WAAY,CACxCC,YAAY,EACZC,SAAS,EACTjB,OAAQ,CACN2D,KAAMjE,KAAKiE,QAGfjE,KAAKwB,cAAcJ,EACrB,EAACsF,CAAA,eAAAnG,EAnDiBC,qBCYlBoG,eAAeC,OAAO,QAAS3D,GAC/B0D,eAAeC,OAAO,mBAAoBpG,GAC1CmG,eAAeC,OAAO,gBAAiBhH,GACvC+G,eAAeC,OAAO,mBAAoB5B,GAC1C2B,eAAeC,OAAO,gBAAiBpF,GACvCmF,eAAeC,OAAO,eAAgBlE,GACtCiE,eAAeC,OAAO,WAAY9C,GAClC6C,eAAeC,OAAO,UAAW3B,GACjC0B,eAAeC,OAAO,mBAAoB1B,GAC1CyB,eAAeC,OAAO,kBAAmBxB,GACzCuB,eAAeC,OAAO,kBAAmBhB,GACzCe,eAAeC,OAAO,YAAaX,QACnCU,eAAeC,OAAO,SAAUH"}

package/docs/content/articles/basic.md

@@ -46,11 +46,6 @@ the standard Leaflet assets should be included.
   integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
   crossorigin=""
 />
-<script
-  src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-  integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-  crossorigin=""
-></script>
 ...
 </head>
 ```
@@ -62,19 +57,19 @@ To get started quickly, use the CDN version available on **unpkg**.
 
 ```html
 <script type="importmap">
-{
-  "imports": {
-    "leaflet": "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+  {
+    "imports": {
+      "leaflet": "https://unpkg.com/leaflet@1.9.4/dist/leaflet-src.esm.js",
+      "leaflet-html": "https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
+    }
   }
-}
 </script>
 ```
 
 ```html
-<script
-  type="module"
-  src="https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
-></script>
+<script type="module">
+  import "leaflet-html";
+</script>
 ```
 
 The `@latest` keyword should keep your site up to date during development.

package/docs/content/articles/htmx.md

@@ -0,0 +1,67 @@
++++
+title = "Working with HTMX"
++++
+
+To add HTMX to a project.
+Add a script tag to pull the library into your page.
+
+```html
+<script src="https://unpkg.com/htmx.org@1.9.12"></script>
+<!-- have a button POST a click via AJAX -->
+<button hx-get="/clicked" hx-swap="outerHTML">
+  Click Me
+</button>
+```
+
+<script src="https://unpkg.com/htmx.org@1.9.12"></script>
+<button hx-get={{ url(path="htmx/clicked.html") }} hx-swap="outerHTML">
+  Click Me
+</button>
+
+## Use with Leaflet-HTML
+
+The principles that govern HTMX development also hold for Leaflet-HTML.
+A button that requests HTML to replace part of the document should update the map.
+
+```html
+<l-map center="[55,-5]" zoom="4">
+  <l-tile-layer
+    url-template="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
+  ></l-tile-layer>
+</l-map>
+
+<button hx-get="/tile-osm.html" hx-target="l-tile-layer" hx-swap="outerHTML">
+  OSM
+</button>
+<button hx-get="/tile-voyager.html" hx-target="l-tile-layer" hx-swap="outerHTML">
+  Voyager
+</button>
+<button hx-get="/tile-esri.html" hx-target="l-tile-layer" hx-swap="outerHTML">
+  ESRI
+</button>
+```
+
+<l-map center="[55,-5]" zoom="4">
+  <l-tile-layer
+    url-template="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
+  ></l-tile-layer>
+</l-map>
+
+<button hx-get={{ url(path='htmx/tile-osm.html') }} hx-target="l-tile-layer" hx-swap="outerHTML">
+  OSM
+</button>
+<button hx-get={{ url(path='htmx/tile-voyager.html') }} hx-target="l-tile-layer" hx-swap="outerHTML">
+  Voyager
+</button>
+<button hx-get={{ url(path='htmx/tile-esri.html') }} hx-target="l-tile-layer" hx-swap="outerHTML">
+  ESRI
+</button>
+
+The above approach works by triggering the change handlers in the `<l-tile-layer>` custom element.
+The additional HTML tags generated by Leaflet are also inside the `<l-map>` tag.
+Care should be taken to not `hx-swap` the tags governed by Leaflet.
+
+All Leaflet-HTML tags, e.g. `<l-marker>`, `<l-icon>`, etc. can be swapped however you like.
+It is just the contents of `<l-map>` that needs careful consideration.
+
+A more elegant mechanism in the future will make it clear which part of the document is controlled by Leaflet.

package/docs/content/articles/icons.md

@@ -17,9 +17,15 @@ This is a more HTML centered approach.
 The above JSON approach may be suitable in cases where the icon data is available in a data structure.
 
 ```html
-<l-marker lat-lng="[51.5, -0.09]">
-  <l-icon icon-url="icons/leaf-green.png"></l-icon>
-</l-marker>
+<l-marker lat-lng="[51.5, -0.09]"><l-icon
+    icon-url="/icons/leaf-green.png"
+    shadow-url="/icons/leaf-shadow.png"
+    icon-size="[38, 95]"
+    shadow-size="[50, 64]" 
+    icon-anchor="[22, 94]" 
+    shadow-anchor="[4, 62]" 
+    popup-anchor="[-3, -76]" 
+  ></l-icon>
 ```
 
 Both are supported, choose whichever is most convenient.
@@ -28,8 +34,14 @@ Both are supported, choose whichever is most convenient.
   <l-tile-layer
     url-template="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
   ></l-tile-layer>
-  <l-marker
-    lat-lng="[51.5, -0.09]"
-    icon='{"iconUrl": "icons/leaf-green.png"}'
-  ></l-marker>
+  <l-marker lat-lng="[51.5, -0.09]"><l-icon
+      icon-url={{ url(path='icons/leaf-green.png') }}
+      shadow-url={{ url(path='icons/leaf-shadow.png') }}
+      icon-size="[38, 95]"
+      shadow-size="[50, 64]" 
+      icon-anchor="[22, 94]" 
+      shadow-anchor="[4, 62]" 
+      popup-anchor="[-3, -76]" 
+    ></l-icon>
+  </l-marker>
 </l-map>

package/docs/static/htmx/clicked.html

@@ -0,0 +1 @@
+<h2>Hello, HTMX!</h2>

package/docs/static/htmx/tile-esri.html

@@ -0,0 +1,3 @@
+<l-tile-layer
+  url-template="https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}"
+></l-tile-layer>

package/docs/static/htmx/tile-osm.html

@@ -0,0 +1,4 @@
+<l-tile-layer
+  url-template="https://tile.openstreetmap.org/{z}/{x}/{y}.png"
+></l-tile-layer>
+  

package/docs/static/htmx/tile-voyager.html

@@ -0,0 +1,4 @@
+<l-tile-layer
+  url-template="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
+></l-tile-layer>
+  

package/docs/static/style.css

@@ -0,0 +1,48 @@
+@import "https://unpkg.com/open-props";
+
+l-map {
+  display: block;
+  block-size: 40ch;
+  isolation: isolate;
+  z-index: 1;
+}
+
+body {
+  font-family: system-ui;
+  line-height: 1.6;
+  margin: 0;
+  min-height: 100vh;
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+h1, h2, h3 {
+  font-weight: 100;
+}
+
+pre {
+  padding-inline: 0.75rem;
+  padding-block: 0.5rem;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+}
+
+main {
+  inline-size: min(90%, 80ch);
+  margin-inline: auto;
+  max-inline-size: 100vw;
+}
+
+footer {
+  margin-block-start: auto;
+  min-height: 15ch;
+  background-color: var(--gray-9);
+  padding: var(--size-3);
+
+  & .logo {
+    color: var(--gray-2);
+    font-size: var(--font-size-0);
+    letter-spacing: var(--font-letterspacing-5);
+  }
+}
+

package/docs/templates/base.html

@@ -4,57 +4,26 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <style>
-
-  l-map {
-    display: block;
-    block-size: 40ch;
-    isolation: isolate;
-    z-index: 1;
-  }
-
-  body {
-    font-family: system-ui;
-    line-height: 1.6;
-  }
-
-  h1, h2, h3 {
-    font-weight: 100;
-  }
-
-  pre {
-    padding-inline: 0.75rem;
-    padding-block: 0.5rem;
-    border-radius: 0.2rem;
-    overflow-x: auto;
-  }
-
-  main {
-    inline-size: min(90%, 80ch);
-    margin-inline: auto;
-  }
   </style>
+    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="/leaflet-html/style.css" />
     <link
       rel="stylesheet"
       href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
       integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
       crossorigin=""
     />
-    <script
-      src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-      crossorigin=""
-    ></script>
     <script type="importmap">
       {
         "imports": {
-          "leaflet": "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+          "leaflet": "https://unpkg.com/leaflet@1.9.4/dist/leaflet-src.esm.js",
+          "leaflet-html": "https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
         }
       }
     </script>
-    <script
-      type="module"
-      src="https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
-    ></script>
+    <script type="module">
+      import "leaflet-html";
+    </script>
 </head>
 <body>
 <nav>
@@ -62,5 +31,8 @@
   <a href="{{ get_url(path='@/articles/_index.md') }}">Articles</a>
 </nav>
 {% block content %}{% endblock %}
+<footer>
+  <div class="logo">Leaflet-HTML</div>
+</footer>
 </body>
 </html>

package/docs/templates/shortcodes/url.html

@@ -0,0 +1 @@
+{{ get_url(path=path) }}