@maptiler/geocoding-control 2.1.6 → 3.0.0-rc.1

package/svelte/MapLibreBasedGeocodingControl.js

@@ -1,210 +0,0 @@
-import GeocodingControlComponent from "./GeocodingControl.svelte";
-import { createMapLibreGlMapController, } from "./maplibregl-controller";
-export { createMapLibreGlMapController, } from "./maplibregl-controller";
-export function crateClasses(Evented, maplibreGl, getExtraProps) {
-    // NOTE We can't use Maplibre `Event` - see https://github.com/maplibre/maplibre-gl-js/issues/5015
-    class Event {
-        type;
-        target;
-        constructor(target, type) {
-            this.type = type;
-            this.target = target;
-        }
-    }
-    class SelectEvent extends Event {
-        feature;
-        constructor(target, details) {
-            super(target, "select");
-            Object.assign(this, details);
-        }
-    }
-    class FeaturesListedEvent extends Event {
-        features;
-        constructor(target, features) {
-            super(target, "featureslisted");
-            this.features = features;
-        }
-    }
-    class FeaturesMarkedEvent extends Event {
-        features;
-        constructor(target, features) {
-            super(target, "featuresmarked");
-            this.features = features;
-        }
-    }
-    class OptionsVisibilityChangeEvent extends Event {
-        optionsVisible;
-        constructor(target, optionsVisible) {
-            super(target, "optionsvisibilitychange");
-            this.optionsVisible = optionsVisible;
-        }
-    }
-    class PickEvent extends Event {
-        feature;
-        constructor(target, feature) {
-            super(target, "pick");
-            this.feature = feature;
-        }
-    }
-    class QueryChangeEvent extends Event {
-        query;
-        constructor(target, query) {
-            super(target, "querychange");
-            this.query = query;
-        }
-    }
-    class ResponseEvent extends Event {
-        url;
-        featureCollection;
-        constructor(target, url, featureCollection) {
-            super(target, "response");
-            this.url = url;
-            this.featureCollection = featureCollection;
-        }
-    }
-    class ReverseToggleEvent extends Event {
-        reverse;
-        constructor(target, reverse) {
-            super(target, "reversetoggle");
-            this.reverse = reverse;
-        }
-    }
-    class MapLibreBasedGeocodingControl extends Evented {
-        #gc;
-        #options;
-        #container;
-        constructor(options = {}) {
-            super();
-            this.#options = options;
-        }
-        onAddInt(map) {
-            const div = document.createElement("div");
-            div.className =
-                "mapboxgl-ctrl-geocoder mapboxgl-ctrl maplibregl-ctrl-geocoder maplibregl-ctrl mapboxgl-ctrl-group";
-            const { marker, showResultMarkers, flyTo, fullGeometryStyle, ...restOptions } = this.#options;
-            const flyToOptions = typeof flyTo === "boolean" ? {} : flyTo;
-            const mapController = createMapLibreGlMapController(map, maplibreGl, marker, showResultMarkers, flyToOptions, flyToOptions, fullGeometryStyle);
-            const props = {
-                mapController,
-                flyTo: flyTo === undefined ? true : !!flyTo,
-                apiKey: "", // just to satisfy apiKey; TODO find a better solution
-                ...getExtraProps?.(map, div),
-                ...restOptions,
-            };
-            if (!props.apiKey) {
-                throw new Error("no apiKey provided");
-            }
-            this.#gc = new GeocodingControlComponent({ target: div, props });
-            this.#gc.$on("select", (event) => {
-                this.fire(new SelectEvent(this, event.detail));
-            });
-            this.#gc.$on("pick", (event) => {
-                this.fire(new PickEvent(this, event.detail.feature));
-            });
-            this.#gc.$on("featureslisted", (event) => {
-                this.fire(new FeaturesListedEvent(this, event.detail.features));
-            });
-            this.#gc.$on("featuresmarked", (event) => {
-                this.fire(new FeaturesMarkedEvent(this, event.detail.features));
-            });
-            this.#gc.$on("response", (event) => {
-                this.fire(new ResponseEvent(this, event.detail.url, event.detail.featureCollection));
-            });
-            this.#gc.$on("optionsvisibilitychange", (event) => {
-                this.fire(new OptionsVisibilityChangeEvent(this, event.detail.optionsVisible));
-            });
-            this.#gc.$on("reversetoggle", (event) => {
-                this.fire(new ReverseToggleEvent(this, event.detail.reverse));
-            });
-            this.#gc.$on("querychange", (event) => {
-                this.fire(new QueryChangeEvent(this, event.detail.query));
-            });
-            this.#container = div;
-            return div;
-        }
-        on(type, listener) {
-            return super.on(type, listener);
-        }
-        once(type, listener) {
-            return super.once(type, listener);
-        }
-        off(type, listener) {
-            return super.off(type, listener);
-        }
-        listens(type) {
-            return super.listens(type);
-        }
-        /**
-         * Update the control options.
-         *
-         * @param options options to update
-         */
-        setOptions(options) {
-            Object.assign(this.#options, options);
-            const { marker, showResultMarkers, flyTo, fullGeometryStyle, ...restOptions } = this.#options;
-            this.#gc?.$set(restOptions);
-        }
-        /**
-         * Set the content of search input box.
-         *
-         * @param value text to set
-         * @param submit perform the search
-         */
-        setQuery(value, submit = true) {
-            this.#gc?.setQuery(value, submit);
-        }
-        /**
-         * Clear geocoding search results from the map.
-         */
-        clearMap() {
-            this.#gc?.clearMap();
-        }
-        /**
-         * Clear search result list.
-         */
-        clearList() {
-            this.#gc?.clearList();
-        }
-        /**
-         * Set reverse geocoding mode.
-         *
-         * @param reverseActive reverse geocoding active
-         */
-        setReverseMode(reverseActive) {
-            this.#gc?.$set({ reverseActive });
-        }
-        /**
-         * Focus the search input box.
-         *
-         * @param options [FocusOptions](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-         */
-        focus(options) {
-            this.#gc?.focus(options);
-        }
-        /**
-         * Blur the search input box.
-         */
-        blur() {
-            this.#gc?.blur();
-        }
-        onRemove() {
-            this.#gc?.$destroy();
-            this.#gc = undefined;
-            this.#container?.parentNode?.removeChild(this.#container);
-        }
-    }
-    const events = {
-        SelectEvent,
-        FeaturesListedEvent,
-        FeaturesMarkedEvent,
-        OptionsVisibilityChangeEvent,
-        PickEvent,
-        QueryChangeEvent,
-        ResponseEvent,
-        ReverseToggleEvent,
-    };
-    return {
-        MapLibreBasedGeocodingControl,
-        events,
-    };
-}

package/svelte/MarkerIcon.svelte

@@ -1,71 +0,0 @@
-<script>export let displayIn;
-</script>
-
-<svg
-  width={displayIn === "list" ? 20 : undefined}
-  viewBox="0 0 70 85"
-  fill="none"
-  class:in-map={displayIn !== "list"}
-  class:list-icon={displayIn === "list"}
->
-  <path
-    stroke-width="4"
-    d="M 5,33.103579 C 5,17.607779 18.457,5 35,5 C 51.543,5 65,17.607779 65,33.103579 C 65,56.388679 40.4668,76.048179 36.6112,79.137779 C 36.3714,79.329879 36.2116,79.457979 36.1427,79.518879 C 35.8203,79.800879 35.4102,79.942779 35,79.942779 C 34.5899,79.942779 34.1797,79.800879 33.8575,79.518879 C 33.7886,79.457979 33.6289,79.330079 33.3893,79.138079 C 29.5346,76.049279 5,56.389379 5,33.103579 Z M 35.0001,49.386379 C 43.1917,49.386379 49.8323,42.646079 49.8323,34.331379 C 49.8323,26.016779 43.1917,19.276479 35.0001,19.276479 C 26.8085,19.276479 20.1679,26.016779 20.1679,34.331379 C 20.1679,42.646079 26.8085,49.386379 35.0001,49.386379 Z"
-  />
-</svg>
-
-<style>
-  svg {
-    display: block;
-    fill: #6b7c93;
-    stroke: #6b7c93;
-  }
-
-  .list-icon {
-    grid-row: 1/3;
-    align-self: center;
-    margin: 8px;
-  }
-
-  .in-map {
-    height: 30px;
-  }
-
-  :global(.maplibregl-canvas-container .marker-selected) {
-    z-index: 1;
-  }
-
-  :global(.maplibregl-canvas-container) svg path,
-  :global(.leaflet-map-pane) svg path {
-    fill: #3170fe;
-    stroke: #3170fe;
-  }
-
-  :global(.marker-selected) svg path {
-    fill: #98b7ff;
-    stroke: #3170fe;
-  }
-
-  :global(.marker-reverse) svg path {
-    fill: silver;
-    stroke: gray;
-  }
-
-  :global(.marker-interactive) {
-    cursor: pointer !important;
-  }
-
-  /* :global(.marker-fuzzy) svg path {
-    fill: silver;
-    stroke: gray;
-  }
-
-  :global(.marker-fuzzy.marker-selected) svg path {
-    fill: #ddd;
-    stroke: silver;
-  } */
-
-  :global(.maptiler-gc-popup > .maplibregl-popup-content) {
-    padding: 2px 8px;
-  }
-</style>

package/svelte/MarkerIcon.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        displayIn: "list" | "leaflet" | "maplibre";
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type MarkerIconProps = typeof __propDef.props;
-export type MarkerIconEvents = typeof __propDef.events;
-export type MarkerIconSlots = typeof __propDef.slots;
-export default class MarkerIcon extends SvelteComponent<MarkerIconProps, MarkerIconEvents, MarkerIconSlots> {
-}
-export {};

package/svelte/ReverseGeocodingIcon.svelte

@@ -1,12 +0,0 @@
-<svg viewBox="0 0 60.006 21.412" width="14" height="20">
-  <path
-    d="M30.003-26.765C13.46-26.765 0-14.158 0 1.337c0 23.286 24.535 42.952 28.39 46.04.24.192.402.316.471.376.323.282.732.424 1.142.424.41 0 .82-.142 1.142-.424.068-.06.231-.183.471-.376 3.856-3.09 28.39-22.754 28.39-46.04 0-15.495-13.46-28.102-30.003-28.102Zm1.757 12.469c4.38 0 7.858 1.052 10.431 3.158 2.595 2.105 3.89 4.913 3.89 8.422 0 2.34-.53 4.362-1.593 6.063-1.063 1.702-3.086 3.616-6.063 5.742-2.042 1.51-3.337 2.659-3.89 3.446-.532.787-.8 1.82-.8 3.096v1.914h-8.449V15.18c0-2.041.434-3.815 1.306-5.325.872-1.51 2.467-3.118 4.785-4.82 2.233-1.594 3.7-2.89 4.402-3.889a5.582 5.582 0 0 0 1.087-3.35c0-1.382-.51-2.435-1.531-3.158-1.02-.723-2.45-1.087-4.28-1.087-3.19 0-6.826 1.047-10.91 3.131l-3.472-6.986c4.742-2.659 9.77-3.992 15.087-3.992Zm-1.88 37.324c1.765 0 3.124.472 4.08 1.408.98.936 1.47 2.276 1.47 4.02 0 1.68-.49 3.007-1.47 3.985-.977.957-2.336 1.435-4.08 1.435-1.787 0-3.171-.465-4.15-1.4-.978-.958-1.47-2.298-1.47-4.02 0-1.787.48-3.14 1.436-4.054.957-.915 2.355-1.374 4.184-1.374Z"
-  />
-</svg>
-
-<style>
-  svg {
-    display: block;
-    fill: var(--color-icon-button);
-  }
-</style>

package/svelte/ReverseGeocodingIcon.svelte.d.ts

@@ -1,25 +0,0 @@
-/** @typedef {typeof __propDef.props}  ReverseGeocodingIconProps */
-/** @typedef {typeof __propDef.events}  ReverseGeocodingIconEvents */
-/** @typedef {typeof __propDef.slots}  ReverseGeocodingIconSlots */
-export default class ReverseGeocodingIcon extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ReverseGeocodingIconProps = typeof __propDef.props;
-export type ReverseGeocodingIconEvents = typeof __propDef.events;
-export type ReverseGeocodingIconSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};

package/svelte/SearchIcon.svelte

@@ -1,26 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="13"
-  height="13"
-  viewBox="0 0 13 13"
->
-  <circle cx="4.789" cy="4.787" r="3.85" />
-  <path d="M12.063 12.063 7.635 7.635" />
-</svg>
-
-<style>
-  circle {
-    stroke-width: 1.875;
-    fill: none;
-  }
-
-  path {
-    stroke-width: 1.875;
-    stroke-linecap: round;
-  }
-
-  svg {
-    display: block;
-    stroke: var(--color-icon-button);
-  }
-</style>

package/svelte/SearchIcon.svelte.d.ts

@@ -1,25 +0,0 @@
-/** @typedef {typeof __propDef.props}  SearchIconProps */
-/** @typedef {typeof __propDef.events}  SearchIconEvents */
-/** @typedef {typeof __propDef.slots}  SearchIconSlots */
-export default class SearchIcon extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SearchIconProps = typeof __propDef.props;
-export type SearchIconEvents = typeof __propDef.events;
-export type SearchIconSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};

package/svelte/geo-coordinates-parser.t.d.ts

@@ -1,8 +0,0 @@
-declare module "geo-coordinates-parser" {
-    function convert(input: string, decimalPlaces: number): {
-        decimalLatitude: number;
-        decimalLongitude: number;
-        verbatimLatitude: string;
-        verbatimLongitude: string;
-    };
-}

package/svelte/geo-coordinates-parser.t.js

@@ -1 +0,0 @@
-"use strict";

package/svelte/geoUtils.d.ts

@@ -1,3 +0,0 @@
-import type { BBox } from "./types";
-export declare function wrapNum(x: number, range: [number, number], includeMax: boolean): number;
-export declare function unwrapBbox(bbox0: BBox): BBox;

package/svelte/geoUtils.js

@@ -1,18 +0,0 @@
-// taken from Leaflet
-export function wrapNum(x, range, includeMax) {
-    const max = range[1], min = range[0], d = max - min;
-    return x === max && includeMax ? x : ((((x - min) % d) + d) % d) + min;
-}
-export function unwrapBbox(bbox0) {
-    const bbox = [...bbox0];
-    if (bbox[2] < bbox[0]) {
-        if (Math.abs((bbox[0] + bbox[2] + 360) / 2) >
-            Math.abs((bbox[0] - 360 + bbox[2]) / 2)) {
-            bbox[0] -= 360;
-        }
-        else {
-            bbox[2] += 360;
-        }
-    }
-    return bbox;
-}

package/svelte/info.json

@@ -1 +0,0 @@
-{"name":"@maptiler/geocoding-control","version":"2.1.6"}

package/svelte/leaflet-controller.d.ts

@@ -1,12 +0,0 @@
-import * as L from "leaflet";
-import type { BBox, Feature, MapEvent, Position } from "./types";
-export declare function createLeafletMapController(map: L.Map, marker?: boolean | null | L.MarkerOptions | ((map: L.Map, feature?: Feature) => L.Marker | undefined | null), showResultMarkers?: boolean | null | L.MarkerOptions | ((map: L.Map, feature: Feature) => L.Marker | undefined | null), flyToOptions?: L.ZoomPanOptions | null, flyToBounds?: L.FitBoundsOptions | null, fullGeometryStyle?: null | boolean | L.PathOptions | L.StyleFunction): {
-    setEventHandler(handler: undefined | ((e: MapEvent) => void)): void;
-    flyTo(center: Position, zoom?: number): void;
-    fitBounds(bbox: BBox, padding: number, maxZoom?: number): void;
-    indicateReverse(reverse: boolean): void;
-    setReverseMarker(coordinates?: Position): void;
-    setFeatures(markedFeatures: Feature[] | undefined, picked: Feature | undefined, showPolygonMarker: boolean): void;
-    setSelectedMarker(index: number): void;
-    getCenterAndZoom(): [number, number, number];
-};