@radiofrance/svelte-leaflet 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/Polygon.svelte

@@ -0,0 +1,26 @@
+<script>import { createEventDispatcher, getContext, onDestroy, onMount } from "svelte";
+import { bindEvents, polygonEvents } from "./index.js";
+export let latlngs;
+export let options = {};
+export let instance = void 0;
+let map = getContext("map")();
+const dispatch = createEventDispatcher();
+$: update(latlngs, options);
+function update(latlngs2, options2) {
+    if (instance) {
+        instance.setLatLngs(latlngs2);
+        instance.setStyle(options2);
+    }
+}
+onMount(async () => {
+    const L = window.L;
+    instance = new L.Polygon(latlngs, options);
+    bindEvents(instance, dispatch, polygonEvents);
+    instance.addTo(map);
+});
+onDestroy(() => {
+    instance?.remove();
+});
+</script>
+
+<slot />

package/dist/Polygon.svelte.d.ts

@@ -0,0 +1,35 @@
+import { SvelteComponent } from "svelte";
+import type { Polygon as LeafletPolygon, PolylineOptions, LatLngExpression } from 'leaflet';
+declare const __propDef: {
+    props: {
+        latlngs: LatLngExpression[];
+        options?: PolylineOptions | undefined;
+        instance?: LeafletPolygon | undefined;
+    };
+    events: {
+        click: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        dblclick: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        mousedown: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        mouseup: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        mouseover: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        mouseout: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        contextmenu: CustomEvent<import("leaflet").LeafletMouseEvent>;
+        popupopen: CustomEvent<import("leaflet").PopupEvent>;
+        popupclose: CustomEvent<import("leaflet").PopupEvent>;
+        tooltipopen: CustomEvent<import("leaflet").TooltipEvent>;
+        tooltipclose: CustomEvent<import("leaflet").TooltipEvent>;
+        add: CustomEvent<import("leaflet").LeafletEvent>;
+        remove: CustomEvent<import("leaflet").LeafletEvent>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PolygonProps = typeof __propDef.props;
+export type PolygonEvents = typeof __propDef.events;
+export type PolygonSlots = typeof __propDef.slots;
+export default class Polygon extends SvelteComponent<PolygonProps, PolygonEvents, PolygonSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { default as MarkerClusterGroup } from './MarkerClusterGroup.svelte';
 export { default as Polyline } from './Polyline.svelte';
 export { default as Popup } from './Popup.svelte';
 export { default as Circle } from './Circle.svelte';
+export { default as Polygon } from './Polygon.svelte';
 export type { Marker as LeafletMarker } from './Marker.svelte';
 export type { Circle as LeafletCircle, CircleOptions, DragEndEvent, ErrorEvent, LatLngExpression, LatLngLiteral, LatLngTuple, LayerEvent, LayersControlEvent, LeafletEvent, LeafletKeyboardEvent, LeafletMouseEvent, LocationEvent, Map as LeafletMap, MapOptions, MarkerOptions, PathOptions, PopupEvent, PopupOptions, ResizeEvent, TooltipEvent } from 'leaflet';
 export declare function bindEvents(instance: Evented, dispatch: EventDispatcher<Record<string, unknown>>, events: readonly string[]): void;
@@ -20,6 +21,7 @@ export declare const layerGroupEvents: readonly ["layeradd", "layerremove"];
 export declare const layersControlEvents: readonly ["baselayerchange", "overlayadd", "overlayremove"];
 declare const leafletEvents: readonly ["load", "move", "moveend", "movestart", "unload", "viewreset", "zoom", "zoomend", "zoomlevelschange", "zoomstart"];
 export declare const mapStateChangeEvents: readonly ["load", "move", "moveend", "movestart", "unload", "viewreset", "zoom", "zoomend", "zoomlevelschange", "zoomstart", "resize"];
+export declare const polygonEvents: readonly ["tooltipopen", "tooltipclose", "add", "remove", "popupopen", "popupclose", "click", "dblclick", "mousedown", "mouseup", "mouseover", "mouseout", "contextmenu"];
 type LeafletEventTypes = {
     resize: ResizeEvent;
     locationerror: ErrorEvent;

package/dist/index.js

@@ -5,6 +5,7 @@ export { default as MarkerClusterGroup } from './MarkerClusterGroup.svelte';
 export { default as Polyline } from './Polyline.svelte';
 export { default as Popup } from './Popup.svelte';
 export { default as Circle } from './Circle.svelte';
+export { default as Polygon } from './Polygon.svelte';
 export function bindEvents(instance, dispatch, events) {
     events.forEach((event) => {
         instance.on(event, (e) => dispatch(event, e));
@@ -55,3 +56,9 @@ const leafletEvents = [
     'zoomstart'
 ];
 export const mapStateChangeEvents = [...leafletEvents, 'resize'];
+export const polygonEvents = [
+    ...tooltipEvents,
+    ...layerEvents,
+    ...popupEvents,
+    ...interactiveLayerEvents
+];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@radiofrance/svelte-leaflet",
-	"version": "0.1.0-alpha.13",
+	"version": "0.1.0-alpha.15",
 	"description": "A library that wraps leaflet classes in domless/renderless svelte components.",
 	"keywords": [
 		"svelte",