leaflet-html 0.3.4 → 0.3.5

package/src/l-marker.js

@@ -1,95 +0,0 @@
-// @vitest-environment happy-dom
-import * as L from "leaflet";
-import { mapAddTo, popupAdd } from "./events.js";
-import LLayer from "./l-layer.js";
-
-class LMarker extends LLayer {
-  static observedAttributes = ["lat-lng", "opacity", "icon"];
-
-  constructor() {
-    super();
-    this.layer = null;
-    this.addEventListener("icon:add", (ev) => {
-      ev.stopPropagation();
-      this.layer.setIcon(ev.detail.icon);
-    });
-  }
-
-  connectedCallback() {
-    const latLng = JSON.parse(this.getAttribute("lat-lng"));
-    const opacity = parseFloat(this.getAttribute("opacity") || "1.0");
-    this.layer = L.marker(latLng, { opacity });
-    if (this.hasAttribute("icon")) {
-      const icon = L.icon(JSON.parse(this.getAttribute("icon")));
-      this.layer.setIcon(icon);
-    }
-
-    this.setAttribute("leaflet-id", L.stamp(this.layer));
-
-    this.addEventListener(popupAdd, (ev) => {
-      const { content } = ev.detail;
-      this.layer.bindPopup(content);
-    });
-
-    const event = new CustomEvent(mapAddTo, {
-      cancelable: true,
-      bubbles: true,
-      detail: {
-        layer: this.layer,
-      },
-    });
-    this.dispatchEvent(event);
-  }
-
-  attributeChangedCallback(name, _oldValue, newValue) {
-    if (this.layer !== null) {
-      if (name === "lat-lng") {
-        this.layer.setLatLng(JSON.parse(newValue));
-      }
-      if (name === "opacity") {
-        this.layer.setOpacity(parseFloat(newValue));
-      }
-      if (name === "icon") {
-        this.layer.setIcon(L.icon(JSON.parse(newValue)));
-      }
-    }
-  }
-}
-
-if (import.meta.vitest) {
-  const { it, expect, beforeAll } = import.meta.vitest;
-
-  beforeAll(() => {
-    customElements.define("l-marker", LMarker);
-  });
-
-  it("default icon", () => {
-    const el = document.createElement("l-marker");
-    document.body.appendChild(el);
-    let actual = el.layer.getIcon();
-    let expected = new L.Icon.Default();
-    expect(actual).toEqual(expected);
-  });
-
-  it("adds an icon", () => {
-    const el = document.createElement("l-marker");
-    // Set attribute before appendChild
-    el.setAttribute("icon", JSON.stringify({ iconUrl: "foo.png" }));
-    document.body.appendChild(el);
-    let actual = el.layer.getIcon();
-    let expected = L.icon({ iconUrl: "foo.png" });
-    expect(actual).toEqual(expected);
-  });
-
-  it("changes an icon", () => {
-    const el = document.createElement("l-marker");
-    // Set attribute after appendChild
-    document.body.appendChild(el);
-    el.setAttribute("icon", JSON.stringify({ iconUrl: "bar.png" }));
-    let actual = el.layer.getIcon();
-    let expected = L.icon({ iconUrl: "bar.png" });
-    expect(actual).toEqual(expected);
-  });
-}
-
-export default LMarker;

package/src/l-overlay-layers.js

@@ -1,16 +0,0 @@
-// @ts-check
-import { mapAddTo } from "./events.js";
-
-class LOverlayLayers extends HTMLElement {
-  constructor() {
-    super();
-  }
-
-  connectedCallback() {
-    this.addEventListener(mapAddTo, (ev) => {
-      ev.detail["type"] = "overlay";
-    });
-  }
-}
-
-export default LOverlayLayers;

package/src/l-popup.js

@@ -1,22 +0,0 @@
-// @ts-check
-import { popupAdd } from "./events.js";
-
-class LPopup extends HTMLElement {
-  constructor() {
-    super();
-  }
-
-  connectedCallback() {
-    const content = this.getAttribute("content");
-    const event = new CustomEvent(popupAdd, {
-      cancelable: true,
-      bubbles: true,
-      detail: {
-        content,
-      },
-    });
-    this.dispatchEvent(event);
-  }
-}
-
-export default LPopup;

package/src/l-tile-layer.js

@@ -1,32 +0,0 @@
-// @ts-check
-import { tileLayer } from "leaflet";
-import { mapAddTo } from "./events.js";
-import LLayer from "./l-layer.js";
-
-class LTileLayer extends LLayer {
-  constructor() {
-    super();
-    this.layer = null
-  }
-
-  connectedCallback() {
-    const name = this.getAttribute("name");
-    const urlTemplate = this.getAttribute("url-template");
-    if (urlTemplate === null) {
-      return;
-    }
-    const options = {};
-    const key = "attribution";
-    if (this.hasAttribute(key)) {
-      options[key] = this.getAttribute(key);
-    }
-    this.layer = tileLayer(urlTemplate, options);
-    const event = new CustomEvent(mapAddTo, {
-      detail: { name, layer: this.layer },
-      bubbles: true,
-    });
-    this.dispatchEvent(event);
-  }
-}
-
-export default LTileLayer;

package/src/l-video-overlay.js

@@ -1,34 +0,0 @@
-// @ts-check
-import { videoOverlay } from "leaflet";
-import { mapAddTo } from "./events.js";
-import LLayer from "./l-layer.js";
-
-class LVideoOverlay extends LLayer {
-  constructor() {
-    super();
-  }
-
-  connectedCallback() {
-    const url = JSON.parse(this.getAttribute("url"));
-    const bounds = JSON.parse(this.getAttribute("bounds"));
-    const options = {
-      opacity: parseFloat(this.getAttribute("opacity") || "1.0"),
-      alt: this.getAttribute("alt") || "",
-      autoplay: true,
-      muted: true,
-      playsInline: true,
-    };
-    const layer = videoOverlay(url, bounds, options);
-    this.dispatchEvent(
-      new CustomEvent(mapAddTo, {
-        cancelable: true,
-        bubbles: true,
-        detail: {
-          layer,
-        },
-      }),
-    );
-  }
-}
-
-export default LVideoOverlay;

package/vite.config.js

@@ -1,7 +0,0 @@
-import { defineConfig } from "vite";
-
-export default defineConfig({
-  test: {
-    includeSource: ["src/**/*.{js,ts}"],
-  },
-});