@maptiler/geocoding-control 2.1.7 → 3.0.0-rc.2

package/svelte/proximity.js

@@ -1,60 +0,0 @@
-let cachedLocation;
-export async function getProximity(mapController, proximity, ac) {
-    const centerAndZoom = mapController?.getCenterAndZoom();
-    for (const rule of proximity ?? []) {
-        if (centerAndZoom &&
-            ((rule.minZoom != undefined && rule.minZoom > centerAndZoom[0]) ||
-                (rule.maxZoom != undefined && rule.maxZoom < centerAndZoom[0]))) {
-            continue;
-        }
-        if (rule.type === "fixed") {
-            return rule.coordinates.join(",");
-        }
-        cg: if (rule.type === "client-geolocation") {
-            if (cachedLocation &&
-                rule.cachedLocationExpiry &&
-                cachedLocation.time + rule.cachedLocationExpiry > Date.now()) {
-                if (!cachedLocation.coords) {
-                    break cg;
-                }
-                return cachedLocation.coords;
-            }
-            let coords;
-            try {
-                coords = await new Promise((resolve, reject) => {
-                    ac.signal.addEventListener("abort", () => {
-                        reject(Error("aborted"));
-                    });
-                    navigator.geolocation.getCurrentPosition((pos) => {
-                        resolve([pos.coords.longitude, pos.coords.latitude]
-                            .map((c) => c.toFixed(6))
-                            .join(","));
-                    }, (err) => {
-                        reject(err);
-                    }, rule);
-                });
-                return coords;
-            }
-            catch {
-                // ignore
-            }
-            finally {
-                if (rule.cachedLocationExpiry) {
-                    cachedLocation = {
-                        time: Date.now(),
-                        coords,
-                    };
-                }
-            }
-            if (ac.signal.aborted) {
-                return;
-            }
-        }
-        if (rule.type === "server-geolocation") {
-            return "ip";
-        }
-        if (centerAndZoom && rule.type === "map-center") {
-            return centerAndZoom[1].toFixed(6) + "," + centerAndZoom[2].toFixed(6);
-        }
-    }
-}

package/svelte/react.d.ts

@@ -1,45 +0,0 @@
-import type { ControlOptions, DispatcherTypeCC, MapController } from "./types";
-type EventNames = keyof DispatcherTypeCC;
-type EventHandlerFnName<T extends EventNames> = `on${Capitalize<T>}`;
-type CallbackProperties<T> = {
-    [K in keyof T as EventHandlerFnName<Extract<K, EventNames>>]?: (event: T[K]) => void;
-};
-type MapControllerProp = {
-    mapController?: MapController;
-};
-export type Props = ControlOptions & CallbackProperties<DispatcherTypeCC> & MapControllerProp;
-export type Methods = {
-    /**
-     * Blur the search input box.
-     */
-    blur(): void;
-    /**
-     * Focus the search input box.
-     *
-     * @param options [FocusOptions](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * Set the content of search input box.
-     *
-     * @param value text to set
-     * @param submit perform the search
-     */
-    setQuery(value: string, submit?: boolean): void;
-    /**
-     * Clear geocoding search results from the map.
-     */
-    clearMap(): void;
-    /**
-     * Clear search result list.
-     */
-    clearList(): void;
-    /**
-     * Set reverse geocoding mode.
-     *
-     * @param reverseActive reverse geocoding active
-     */
-    setReverseMode(reverseActive: boolean): void;
-};
-declare const ReactGeocodingControl: import("react").ForwardRefExoticComponent<ControlOptions & CallbackProperties<DispatcherTypeCC> & MapControllerProp & import("react").RefAttributes<Methods>>;
-export { ReactGeocodingControl as GeocodingControl };

package/svelte/react.js

@@ -1,106 +0,0 @@
-import { createElement, forwardRef, useEffect, useImperativeHandle, useRef, } from "react";
-import GeocodingControl from "./GeocodingControl.svelte";
-const eventNames = [
-    "featuresListed",
-    "featuresMarked",
-    "optionsVisibilityChange",
-    "pick",
-    "queryChange",
-    "response",
-    "reverseToggle",
-    "select",
-];
-const propertyNames = [
-    "adjustUrlQuery",
-    "adjustUrl",
-    "apiKey",
-    "apiUrl",
-    "bbox",
-    "class",
-    "clearButtonTitle",
-    "clearListOnPick",
-    "clearOnBlur",
-    "collapsed",
-    "country",
-    "debounceSearch",
-    "enableReverse",
-    "errorMessage",
-    "excludeTypes",
-    "reverseGeocodingExcludeTypes",
-    "exhaustiveReverseGeocoding",
-    "fetchParameters",
-    "filter",
-    "flyToSelected",
-    "fuzzyMatch",
-    "iconsBaseUrl",
-    "keepListOpen",
-    "language",
-    "limit",
-    "reverseGeocodingLimit",
-    "mapController",
-    "markerOnSelected",
-    "minLength",
-    "noResultsMessage",
-    "pickedResultStyle",
-    "placeholder",
-    "proximity",
-    "reverseActive",
-    "reverseButtonTitle",
-    "selectFirst",
-    "showPlaceType",
-    "showResultsWhileTyping",
-    "types",
-    "reverseGeocodingTypes",
-    "zoom",
-];
-function getEventFnName(name) {
-    return ("on" +
-        name[0].toUpperCase() +
-        name.slice(1));
-}
-const ReactGeocodingControl = forwardRef(function ReactGeocodingControl(props, ref) {
-    const divRef = useRef(undefined);
-    const controlRef = useRef(undefined);
-    const options = { ...props };
-    for (const eventName of eventNames) {
-        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
-        delete options[getEventFnName(eventName)];
-    }
-    useEffect(() => {
-        if (!divRef.current) {
-            throw new Error();
-        }
-        const control = new GeocodingControl({
-            target: divRef.current,
-            props: options,
-        });
-        controlRef.current = control;
-        return () => control.$destroy();
-    }, []);
-    // watch change on every option
-    for (const propName of propertyNames) {
-        useEffect(() => {
-            if (controlRef.current && props[propName] !== undefined) {
-                controlRef.current.$set({ [propName]: props[propName] });
-            }
-        }, [props[propName]]);
-    }
-    // attach event handlers
-    for (const eventName of eventNames) {
-        const eventHandlerFn = props[getEventFnName(eventName)];
-        useEffect(() => eventHandlerFn &&
-            controlRef.current?.$on(eventName.toLowerCase(), (e) => {
-                eventHandlerFn(e.detail);
-            }), [eventHandlerFn]);
-    }
-    useImperativeHandle(ref, () => ({
-        setQuery: (value, submit = true) => controlRef.current?.setQuery(value, submit),
-        clearMap: () => controlRef.current?.clearMap(),
-        clearList: () => controlRef.current?.clearList(),
-        focus: (options) => controlRef.current?.focus(options),
-        blur: () => controlRef.current?.blur(),
-        setReverseMode: (reverseActive) => controlRef.current?.$set({ reverseActive }),
-    }));
-    return createElement("div", { ref: divRef });
-});
-export { ReactGeocodingControl as GeocodingControl };

package/svelte/types.js

@@ -1 +0,0 @@
-export {};

package/svelte/vanilla.d.ts

@@ -1,61 +0,0 @@
-import type { ControlOptions, DispatcherType, MapController } from "./types";
-type Options = ControlOptions & {
-    mapController?: MapController;
-};
-interface GeocodingControlEvent<T> extends CustomEvent<T> {
-    readonly target: GeocodingControl;
-    readonly currentTarget: GeocodingControl;
-}
-type CustomEventListenerOrEventListenerObject<K extends keyof CustomEventMap> = ((evt: CustomEventMap[K]) => void) | {
-    handleEvent(object: CustomEventMap[K]): void;
-};
-type CustomEventMap = {
-    [T in keyof DispatcherType]: GeocodingControlEvent<DispatcherType[T]>;
-};
-export declare class GeocodingControl extends EventTarget {
-    #private;
-    constructor({ target, ...options }: Options & {
-        target: HTMLElement;
-    });
-    /**
-     * Update the control options.
-     *
-     * @param options options to update
-     */
-    setOptions(options: Partial<Options>): void;
-    /**
-     * Set the content of search input box.
-     *
-     * @param value text to set
-     * @param submit perform the search
-     */
-    setQuery(value: string, submit?: boolean): void;
-    /**
-     * Clear geocoding search results from the map.
-     */
-    clearMap(): void;
-    /**
-     * Clear search result list.
-     */
-    clearList(): void;
-    /**
-     * Set reverse geocoding mode.
-     *
-     * @param reverseActive reverse geocoding active
-     */
-    setReverseMode(reverseActive: boolean): void;
-    /**
-     * Focus the search input box.
-     *
-     * @param options [FocusOptions](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * Blur the search input box.
-     */
-    blur(): void;
-    addEventListener<K extends keyof CustomEventMap>(type: K, callback: CustomEventListenerOrEventListenerObject<K> | null, options?: AddEventListenerOptions | boolean): void;
-    removeEventListener<K extends keyof CustomEventMap>(type: K, callback: CustomEventListenerOrEventListenerObject<K> | null, options?: EventListenerOptions | boolean): void;
-    dispatchEvent<K extends keyof CustomEventMap>(event: CustomEventMap[K]): boolean;
-}
-export {};

package/svelte/vanilla.js

@@ -1,101 +0,0 @@
-import GeocodingControlComponent from "./GeocodingControl.svelte";
-const finalizationRegistry = new FinalizationRegistry((gc) => {
-    gc.$destroy();
-});
-export class GeocodingControl extends EventTarget {
-    #gc;
-    constructor({ target, ...options }) {
-        super();
-        this.#gc = new GeocodingControlComponent({
-            target,
-            props: options,
-        });
-        for (const eventName of [
-            "select",
-            "pick",
-            "featureslisted",
-            "featuresmarked",
-            "response",
-            "optionsvisibilitychange",
-            "reversetoggle",
-            "querychange",
-        ]) {
-            this.#gc.$on(eventName, (event) => {
-                // Use the new `emit` method for type-safe dispatching
-                this.#emit(eventName, event.detail);
-            });
-        }
-        this.#gc.$on("select", (event) => {
-            const geocodingEvent = new CustomEvent(event.type, {
-                detail: event.detail,
-            });
-            this.dispatchEvent(geocodingEvent);
-        });
-        finalizationRegistry.register(this, this.#gc);
-    }
-    /**
-     * Update the control options.
-     *
-     * @param options options to update
-     */
-    setOptions(options) {
-        this.#gc.$set(options);
-    }
-    /**
-     * 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();
-    }
-    addEventListener(type, callback, options) {
-        super.addEventListener(type, callback, options);
-    }
-    removeEventListener(type, callback, options) {
-        super.removeEventListener(type, callback, options);
-    }
-    dispatchEvent(event) {
-        return super.dispatchEvent(event);
-    }
-    #emit(type, detail) {
-        return super.dispatchEvent(new CustomEvent(type, {
-            detail,
-        }));
-    }
-}

package/svelte/vite-env.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="svelte" />
-/// <reference types="vite/client" />