@f-ewald/components 0.1.0

package/dist/address-autocomplete.d.ts

@@ -0,0 +1,75 @@
+import { LitElement, type PropertyValues } from "lit";
+/** A picked address suggestion. */
+export interface AddressSuggestion {
+    address: string;
+    lat: number;
+    lng: number;
+}
+/**
+ * Form-associated text input with a suggestion dropdown. Works as a
+ * drop-in replacement for a plain `<input name="address">`: consumers keep
+ * reading `new FormData(form).get("address")` and calling `form.reset()`
+ * unchanged.
+ *
+ * Supports two suggestion sources:
+ * - **API** (default): fetches from `endpoint`, a Mapbox Geocoding v6-shaped
+ *   forward-geocode URL, debounced as the user types.
+ * - **Local array**: set `suggestions` to a fixed `AddressSuggestion[]` and
+ *   the component filters it client-side instead of making any network
+ *   request. Useful for small/fixed address lists, offline use, or tests.
+ *   Takes priority over `endpoint` whenever it's non-null.
+ *
+ * @element address-autocomplete
+ * @fires address-select - A suggestion was picked; detail: AddressSuggestion.
+ */
+export declare class AddressAutocomplete extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    static styles: import("lit").CSSResult[];
+    /** Current input value; also the form-associated value submitted with the form. */
+    value: string;
+    /** Placeholder text shown when the input is empty. */
+    placeholder: string;
+    /** Marks the input as required for native form validation. */
+    required: boolean;
+    /** Mapbox `types` param, e.g. "address" or "address,poi". */
+    types: string;
+    /** Geocoding endpoint URL. Defaults to the Mapbox Geocoding v6 forward URL. */
+    endpoint: string;
+    /** Mapbox access token. Required for requests to succeed. */
+    accessToken: string;
+    /** Optional bounding box bias, comma-separated `west,south,east,north`. */
+    bbox: string;
+    /** Optional proximity bias, comma-separated `lng,lat`. */
+    proximity: string;
+    /** Debounce delay (ms) before firing a geocode request after typing. */
+    debounce: number;
+    /** Minimum query length before suggestions are fetched. */
+    minLength: number;
+    /**
+     * Fixed candidate list to filter locally instead of fetching from
+     * `endpoint`. When set (non-null), no network request is ever made —
+     * this takes priority over the API mode.
+     */
+    suggestions: AddressSuggestion[] | null;
+    private _suggestions;
+    private _open;
+    private _activeIndex;
+    /** Last-picked suggestion, or null once the input diverges from it. */
+    get selectedSuggestion(): AddressSuggestion | null;
+    protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    /** Resets to empty on `form.reset()`, per the form-associated custom element contract. */
+    formResetCallback(): void;
+    private onInput;
+    private onKeydown;
+    private onBlur;
+    private renderSuggestions;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "address-autocomplete": AddressAutocomplete;
+    }
+}
+//# sourceMappingURL=address-autocomplete.d.ts.map

package/dist/address-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-autocomplete.d.ts","sourceRoot":"","sources":["../src/address-autocomplete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,mCAAmC;AACnC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAOD;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,mBAAoB,SAAQ,UAAU;;IACjD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,4BA0CpB;IAEF,mFAAmF;IACvE,KAAK,SAAM;IACvB,sDAAsD;IAC1C,WAAW,SAAM;IAC7B,8DAA8D;IACjC,QAAQ,UAAS;IAC9C,6DAA6D;IACjD,KAAK,SAAa;IAC9B,+EAA+E;IACnE,QAAQ,EAAE,MAAM,CAAsD;IAClF,6DAA6D;IACpB,WAAW,SAAM;IAC1D,2EAA2E;IAC/D,IAAI,SAAM;IACtB,0DAA0D;IAC9C,SAAS,SAAM;IAC3B,wEAAwE;IAC5C,QAAQ,SAAO;IAC3C,2DAA2D;IACN,SAAS,SAAK;IACnE;;;;OAIG;IAC6B,WAAW,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAQ;IAEtE,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAM;IAOnC,uEAAuE;IACvE,IAAI,kBAAkB,IAAI,iBAAiB,GAAG,IAAI,CAGjD;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,QAEjD;IAEQ,oBAAoB,SAI5B;IAED,0FAA0F;IAC1F,iBAAiB,SAKhB;IAED,OAAO,CAAC,OAAO;IAmEf,OAAO,CAAC,SAAS;IA2BjB,OAAO,CAAC,MAAM;IAkBd,OAAO,CAAC,iBAAiB;IAoBhB,MAAM,yCAgBd;CACF;AAcD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,mBAAmB,CAAC;KAC7C;CACF"}

package/dist/address-autocomplete.js

@@ -0,0 +1,342 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { tokens } from "./tokens.js";
+/**
+ * Form-associated text input with a suggestion dropdown. Works as a
+ * drop-in replacement for a plain `<input name="address">`: consumers keep
+ * reading `new FormData(form).get("address")` and calling `form.reset()`
+ * unchanged.
+ *
+ * Supports two suggestion sources:
+ * - **API** (default): fetches from `endpoint`, a Mapbox Geocoding v6-shaped
+ *   forward-geocode URL, debounced as the user types.
+ * - **Local array**: set `suggestions` to a fixed `AddressSuggestion[]` and
+ *   the component filters it client-side instead of making any network
+ *   request. Useful for small/fixed address lists, offline use, or tests.
+ *   Takes priority over `endpoint` whenever it's non-null.
+ *
+ * @element address-autocomplete
+ * @fires address-select - A suggestion was picked; detail: AddressSuggestion.
+ */
+let AddressAutocomplete = class AddressAutocomplete extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Current input value; also the form-associated value submitted with the form. */
+        this.value = "";
+        /** Placeholder text shown when the input is empty. */
+        this.placeholder = "";
+        /** Marks the input as required for native form validation. */
+        this.required = false;
+        /** Mapbox `types` param, e.g. "address" or "address,poi". */
+        this.types = "address";
+        /** Geocoding endpoint URL. Defaults to the Mapbox Geocoding v6 forward URL. */
+        this.endpoint = "https://api.mapbox.com/search/geocode/v6/forward";
+        /** Mapbox access token. Required for requests to succeed. */
+        this.accessToken = "";
+        /** Optional bounding box bias, comma-separated `west,south,east,north`. */
+        this.bbox = "";
+        /** Optional proximity bias, comma-separated `lng,lat`. */
+        this.proximity = "";
+        /** Debounce delay (ms) before firing a geocode request after typing. */
+        this.debounce = 300;
+        /** Minimum query length before suggestions are fetched. */
+        this.minLength = 3;
+        /**
+         * Fixed candidate list to filter locally instead of fetching from
+         * `endpoint`. When set (non-null), no network request is ever made —
+         * this takes priority over the API mode.
+         */
+        this.suggestions = null;
+        this._suggestions = [];
+        this._open = false;
+        this._activeIndex = -1;
+        this.#internals = this.attachInternals();
+        this.#lastPicked = null;
+        this.#debounceTimer = null;
+        this.#abortController = null;
+    }
+    static { this.formAssociated = true; }
+    static { this.styles = [
+        tokens,
+        css `
+      :host {
+        display: block;
+        position: relative;
+      }
+      input {
+        font-family: var(--ui-font, ui-sans-serif, system-ui, sans-serif);
+        font-size: var(--ui-font-size-sm, 0.75rem);
+        padding: 0.35rem 0.5rem;
+        border: 1px solid var(--ui-border, #e2e8f0);
+        border-radius: var(--ui-radius-sm, 0.25rem);
+        width: 100%;
+        box-sizing: border-box;
+      }
+      .suggestions {
+        position: absolute;
+        top: 100%;
+        left: 0;
+        right: 0;
+        z-index: 10;
+        max-height: 40vh;
+        overflow-y: auto;
+        margin: 2px 0 0;
+        padding: 4px 0;
+        list-style: none;
+        background: var(--ui-surface, #fff);
+        border: 1px solid var(--ui-border, #e2e8f0);
+        border-radius: var(--ui-radius-sm, 0.25rem);
+        box-shadow: var(--ui-shadow, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));
+      }
+      .suggestion {
+        padding: 0.4rem 0.6rem;
+        font-size: var(--ui-font-size-sm, 0.75rem);
+        cursor: pointer;
+      }
+      .suggestion.active,
+      .suggestion:hover {
+        background: var(--ui-surface-muted, #f8fafc);
+      }
+    `,
+    ]; }
+    #internals;
+    #lastPicked;
+    #debounceTimer;
+    #abortController;
+    /** Last-picked suggestion, or null once the input diverges from it. */
+    get selectedSuggestion() {
+        if (this.#lastPicked && this.#lastPicked.address === this.value)
+            return this.#lastPicked;
+        return null;
+    }
+    updated(changed) {
+        if (changed.has("value"))
+            this.#internals.setFormValue(this.value);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.#debounceTimer)
+            clearTimeout(this.#debounceTimer);
+        this.#abortController?.abort();
+    }
+    /** Resets to empty on `form.reset()`, per the form-associated custom element contract. */
+    formResetCallback() {
+        this.value = "";
+        this._suggestions = [];
+        this._open = false;
+        this.#lastPicked = null;
+    }
+    onInput(e) {
+        this.value = e.target.value;
+        this.#lastPicked = null;
+        this.#scheduleFetch(this.value);
+    }
+    #scheduleFetch(query) {
+        if (this.#debounceTimer)
+            clearTimeout(this.#debounceTimer);
+        if (query.trim().length < this.minLength) {
+            this._suggestions = [];
+            this._open = false;
+            return;
+        }
+        if (this.suggestions) {
+            // Local mode: filtering is synchronous and cheap, but keep the same
+            // debounce as the API mode so the UX doesn't shift between sources.
+            this.#debounceTimer = setTimeout(() => this.#filterLocalSuggestions(query), this.debounce);
+            return;
+        }
+        this.#debounceTimer = setTimeout(() => void this.#fetchSuggestions(query), this.debounce);
+    }
+    /** Filters the locally-supplied `suggestions` list for `query`, case-insensitively. */
+    #filterLocalSuggestions(query) {
+        const needle = query.trim().toLowerCase();
+        this._suggestions = (this.suggestions ?? [])
+            .filter((s) => s.address.toLowerCase().includes(needle))
+            .slice(0, 5);
+        this._activeIndex = -1;
+        this._open = this._suggestions.length > 0;
+    }
+    /** Fetches suggestions for `query`, cancelling any request still in flight. */
+    async #fetchSuggestions(query) {
+        this.#abortController?.abort();
+        const controller = new AbortController();
+        this.#abortController = controller;
+        try {
+            const res = await fetch(this.#buildUrl(query), { signal: controller.signal });
+            if (!res.ok)
+                throw new Error(`geocode request failed: ${res.status}`);
+            const body = (await res.json());
+            this._suggestions = parseFeatures(body.features ?? []);
+            this._activeIndex = -1;
+            this._open = this._suggestions.length > 0;
+        }
+        catch {
+            // Aborted (superseded by newer keystroke) or a network failure while
+            // typing — fail silently and just close the list.
+            if (!controller.signal.aborted) {
+                this._suggestions = [];
+                this._open = false;
+            }
+        }
+    }
+    #buildUrl(query) {
+        const params = new URLSearchParams({
+            q: query,
+            access_token: this.accessToken,
+            autocomplete: "true",
+            limit: "5",
+            types: this.types,
+        });
+        if (this.bbox)
+            params.set("bbox", this.bbox);
+        if (this.proximity)
+            params.set("proximity", this.proximity);
+        return `${this.endpoint}?${params.toString()}`;
+    }
+    onKeydown(e) {
+        if (e.key === "ArrowDown")
+            this.#moveActive(1, e);
+        else if (e.key === "ArrowUp")
+            this.#moveActive(-1, e);
+        else if (e.key === "Enter")
+            this.#handleEnter(e);
+        else if (e.key === "Escape")
+            this.#handleEscape(e);
+    }
+    #moveActive(delta, e) {
+        if (!this._open || this._suggestions.length === 0)
+            return;
+        e.preventDefault();
+        const n = this._suggestions.length;
+        this._activeIndex = (this._activeIndex + delta + n) % n;
+    }
+    #handleEnter(e) {
+        if (!this._open)
+            return; // closed list: let the form submit normally
+        e.preventDefault();
+        const pick = this._suggestions[this._activeIndex] ?? this._suggestions[0];
+        if (pick)
+            this.#selectSuggestion(pick);
+    }
+    #handleEscape(e) {
+        if (!this._open)
+            return;
+        e.preventDefault();
+        this._open = false;
+    }
+    onBlur() {
+        this._open = false;
+    }
+    #selectSuggestion(s) {
+        this.value = s.address;
+        this.#lastPicked = s;
+        this._open = false;
+        this._suggestions = [];
+        this.dispatchEvent(new CustomEvent("address-select", { detail: s, bubbles: true, composed: true }));
+    }
+    /** Selects on mousedown (not click) so it wins over the input's blur, which closes the list. */
+    #onSuggestionMousedown(e, s) {
+        e.preventDefault();
+        this.#selectSuggestion(s);
+    }
+    renderSuggestions() {
+        if (!this._open || this._suggestions.length === 0)
+            return nothing;
+        return html `
+      <ul class="suggestions" role="listbox">
+        ${this._suggestions.map((s, i) => html `
+            <li
+              role="option"
+              aria-selected=${i === this._activeIndex}
+              class="suggestion ${i === this._activeIndex ? "active" : ""}"
+              @mousedown=${(e) => this.#onSuggestionMousedown(e, s)}
+            >
+              ${s.address}
+            </li>
+          `)}
+      </ul>
+    `;
+    }
+    render() {
+        return html `
+      <div role="combobox" aria-expanded=${this._open} aria-haspopup="listbox">
+        <input
+          type="text"
+          .value=${this.value}
+          placeholder=${this.placeholder}
+          ?required=${this.required}
+          autocomplete="off"
+          @input=${this.onInput}
+          @keydown=${this.onKeydown}
+          @blur=${this.onBlur}
+        />
+        ${this.renderSuggestions()}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], AddressAutocomplete.prototype, "value", void 0);
+__decorate([
+    property()
+], AddressAutocomplete.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean })
+], AddressAutocomplete.prototype, "required", void 0);
+__decorate([
+    property()
+], AddressAutocomplete.prototype, "types", void 0);
+__decorate([
+    property()
+], AddressAutocomplete.prototype, "endpoint", void 0);
+__decorate([
+    property({ attribute: "access-token" })
+], AddressAutocomplete.prototype, "accessToken", void 0);
+__decorate([
+    property()
+], AddressAutocomplete.prototype, "bbox", void 0);
+__decorate([
+    property()
+], AddressAutocomplete.prototype, "proximity", void 0);
+__decorate([
+    property({ type: Number })
+], AddressAutocomplete.prototype, "debounce", void 0);
+__decorate([
+    property({ type: Number, attribute: "min-length" })
+], AddressAutocomplete.prototype, "minLength", void 0);
+__decorate([
+    property({ attribute: false })
+], AddressAutocomplete.prototype, "suggestions", void 0);
+__decorate([
+    state()
+], AddressAutocomplete.prototype, "_suggestions", void 0);
+__decorate([
+    state()
+], AddressAutocomplete.prototype, "_open", void 0);
+__decorate([
+    state()
+], AddressAutocomplete.prototype, "_activeIndex", void 0);
+AddressAutocomplete = __decorate([
+    customElement("address-autocomplete")
+], AddressAutocomplete);
+export { AddressAutocomplete };
+/** Maps Mapbox v6 forward-geocode features to suggestions, skipping ones without a full_address. */
+function parseFeatures(features) {
+    const suggestions = [];
+    for (const f of features) {
+        const address = f.properties?.full_address;
+        if (!address)
+            continue;
+        const [lng, lat] = f.geometry.coordinates;
+        suggestions.push({ address, lng, lat });
+    }
+    return suggestions;
+}
+//# sourceMappingURL=address-autocomplete.js.map

package/dist/address-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-autocomplete.js","sourceRoot":"","sources":["../src/address-autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html, nothing, type PropertyValues } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { tokens } from \"./tokens.js\";\n\n/** A picked address suggestion. */\nexport interface AddressSuggestion {\n  address: string;\n  lat: number;\n  lng: number;\n}\n\ninterface MapboxGeocodeFeature {\n  properties?: { full_address?: string };\n  geometry: { coordinates: [number, number] };\n}\n\n/**\n * Form-associated text input with a suggestion dropdown. Works as a\n * drop-in replacement for a plain `<input name=\"address\">`: consumers keep\n * reading `new FormData(form).get(\"address\")` and calling `form.reset()`\n * unchanged.\n *\n * Supports two suggestion sources:\n * - **API** (default): fetches from `endpoint`, a Mapbox Geocoding v6-shaped\n *   forward-geocode URL, debounced as the user types.\n * - **Local array**: set `suggestions` to a fixed `AddressSuggestion[]` and\n *   the component filters it client-side instead of making any network\n *   request. Useful for small/fixed address lists, offline use, or tests.\n *   Takes priority over `endpoint` whenever it's non-null.\n *\n * @element address-autocomplete\n * @fires address-select - A suggestion was picked; detail: AddressSuggestion.\n */\n@customElement(\"address-autocomplete\")\nexport class AddressAutocomplete extends LitElement {\n  static formAssociated = true;\n\n  static override styles = [\n    tokens,\n    css`\n      :host {\n        display: block;\n        position: relative;\n      }\n      input {\n        font-family: var(--ui-font, ui-sans-serif, system-ui, sans-serif);\n        font-size: var(--ui-font-size-sm, 0.75rem);\n        padding: 0.35rem 0.5rem;\n        border: 1px solid var(--ui-border, #e2e8f0);\n        border-radius: var(--ui-radius-sm, 0.25rem);\n        width: 100%;\n        box-sizing: border-box;\n      }\n      .suggestions {\n        position: absolute;\n        top: 100%;\n        left: 0;\n        right: 0;\n        z-index: 10;\n        max-height: 40vh;\n        overflow-y: auto;\n        margin: 2px 0 0;\n        padding: 4px 0;\n        list-style: none;\n        background: var(--ui-surface, #fff);\n        border: 1px solid var(--ui-border, #e2e8f0);\n        border-radius: var(--ui-radius-sm, 0.25rem);\n        box-shadow: var(--ui-shadow, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));\n      }\n      .suggestion {\n        padding: 0.4rem 0.6rem;\n        font-size: var(--ui-font-size-sm, 0.75rem);\n        cursor: pointer;\n      }\n      .suggestion.active,\n      .suggestion:hover {\n        background: var(--ui-surface-muted, #f8fafc);\n      }\n    `,\n  ];\n\n  /** Current input value; also the form-associated value submitted with the form. */\n  @property() value = \"\";\n  /** Placeholder text shown when the input is empty. */\n  @property() placeholder = \"\";\n  /** Marks the input as required for native form validation. */\n  @property({ type: Boolean }) required = false;\n  /** Mapbox `types` param, e.g. \"address\" or \"address,poi\". */\n  @property() types = \"address\";\n  /** Geocoding endpoint URL. Defaults to the Mapbox Geocoding v6 forward URL. */\n  @property() endpoint: string = \"https://api.mapbox.com/search/geocode/v6/forward\";\n  /** Mapbox access token. Required for requests to succeed. */\n  @property({ attribute: \"access-token\" }) accessToken = \"\";\n  /** Optional bounding box bias, comma-separated `west,south,east,north`. */\n  @property() bbox = \"\";\n  /** Optional proximity bias, comma-separated `lng,lat`. */\n  @property() proximity = \"\";\n  /** Debounce delay (ms) before firing a geocode request after typing. */\n  @property({ type: Number }) debounce = 300;\n  /** Minimum query length before suggestions are fetched. */\n  @property({ type: Number, attribute: \"min-length\" }) minLength = 3;\n  /**\n   * Fixed candidate list to filter locally instead of fetching from\n   * `endpoint`. When set (non-null), no network request is ever made —\n   * this takes priority over the API mode.\n   */\n  @property({ attribute: false }) suggestions: AddressSuggestion[] | null = null;\n\n  @state() private _suggestions: AddressSuggestion[] = [];\n  @state() private _open = false;\n  @state() private _activeIndex = -1;\n\n  #internals = this.attachInternals();\n  #lastPicked: AddressSuggestion | null = null;\n  #debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  #abortController: AbortController | null = null;\n\n  /** Last-picked suggestion, or null once the input diverges from it. */\n  get selectedSuggestion(): AddressSuggestion | null {\n    if (this.#lastPicked && this.#lastPicked.address === this.value) return this.#lastPicked;\n    return null;\n  }\n\n  protected override updated(changed: PropertyValues) {\n    if (changed.has(\"value\")) this.#internals.setFormValue(this.value);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n    this.#abortController?.abort();\n  }\n\n  /** Resets to empty on `form.reset()`, per the form-associated custom element contract. */\n  formResetCallback() {\n    this.value = \"\";\n    this._suggestions = [];\n    this._open = false;\n    this.#lastPicked = null;\n  }\n\n  private onInput(e: InputEvent) {\n    this.value = (e.target as HTMLInputElement).value;\n    this.#lastPicked = null;\n    this.#scheduleFetch(this.value);\n  }\n\n  #scheduleFetch(query: string) {\n    if (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n    if (query.trim().length < this.minLength) {\n      this._suggestions = [];\n      this._open = false;\n      return;\n    }\n    if (this.suggestions) {\n      // Local mode: filtering is synchronous and cheap, but keep the same\n      // debounce as the API mode so the UX doesn't shift between sources.\n      this.#debounceTimer = setTimeout(() => this.#filterLocalSuggestions(query), this.debounce);\n      return;\n    }\n    this.#debounceTimer = setTimeout(() => void this.#fetchSuggestions(query), this.debounce);\n  }\n\n  /** Filters the locally-supplied `suggestions` list for `query`, case-insensitively. */\n  #filterLocalSuggestions(query: string) {\n    const needle = query.trim().toLowerCase();\n    this._suggestions = (this.suggestions ?? [])\n      .filter((s) => s.address.toLowerCase().includes(needle))\n      .slice(0, 5);\n    this._activeIndex = -1;\n    this._open = this._suggestions.length > 0;\n  }\n\n  /** Fetches suggestions for `query`, cancelling any request still in flight. */\n  async #fetchSuggestions(query: string) {\n    this.#abortController?.abort();\n    const controller = new AbortController();\n    this.#abortController = controller;\n    try {\n      const res = await fetch(this.#buildUrl(query), { signal: controller.signal });\n      if (!res.ok) throw new Error(`geocode request failed: ${res.status}`);\n      const body = (await res.json()) as { features?: MapboxGeocodeFeature[] };\n      this._suggestions = parseFeatures(body.features ?? []);\n      this._activeIndex = -1;\n      this._open = this._suggestions.length > 0;\n    } catch {\n      // Aborted (superseded by newer keystroke) or a network failure while\n      // typing — fail silently and just close the list.\n      if (!controller.signal.aborted) {\n        this._suggestions = [];\n        this._open = false;\n      }\n    }\n  }\n\n  #buildUrl(query: string): string {\n    const params = new URLSearchParams({\n      q: query,\n      access_token: this.accessToken,\n      autocomplete: \"true\",\n      limit: \"5\",\n      types: this.types,\n    });\n    if (this.bbox) params.set(\"bbox\", this.bbox);\n    if (this.proximity) params.set(\"proximity\", this.proximity);\n    return `${this.endpoint}?${params.toString()}`;\n  }\n\n  private onKeydown(e: KeyboardEvent) {\n    if (e.key === \"ArrowDown\") this.#moveActive(1, e);\n    else if (e.key === \"ArrowUp\") this.#moveActive(-1, e);\n    else if (e.key === \"Enter\") this.#handleEnter(e);\n    else if (e.key === \"Escape\") this.#handleEscape(e);\n  }\n\n  #moveActive(delta: number, e: KeyboardEvent) {\n    if (!this._open || this._suggestions.length === 0) return;\n    e.preventDefault();\n    const n = this._suggestions.length;\n    this._activeIndex = (this._activeIndex + delta + n) % n;\n  }\n\n  #handleEnter(e: KeyboardEvent) {\n    if (!this._open) return; // closed list: let the form submit normally\n    e.preventDefault();\n    const pick = this._suggestions[this._activeIndex] ?? this._suggestions[0];\n    if (pick) this.#selectSuggestion(pick);\n  }\n\n  #handleEscape(e: KeyboardEvent) {\n    if (!this._open) return;\n    e.preventDefault();\n    this._open = false;\n  }\n\n  private onBlur() {\n    this._open = false;\n  }\n\n  #selectSuggestion(s: AddressSuggestion) {\n    this.value = s.address;\n    this.#lastPicked = s;\n    this._open = false;\n    this._suggestions = [];\n    this.dispatchEvent(new CustomEvent<AddressSuggestion>(\"address-select\", { detail: s, bubbles: true, composed: true }));\n  }\n\n  /** Selects on mousedown (not click) so it wins over the input's blur, which closes the list. */\n  #onSuggestionMousedown(e: MouseEvent, s: AddressSuggestion) {\n    e.preventDefault();\n    this.#selectSuggestion(s);\n  }\n\n  private renderSuggestions() {\n    if (!this._open || this._suggestions.length === 0) return nothing;\n    return html`\n      <ul class=\"suggestions\" role=\"listbox\">\n        ${this._suggestions.map(\n          (s, i) => html`\n            <li\n              role=\"option\"\n              aria-selected=${i === this._activeIndex}\n              class=\"suggestion ${i === this._activeIndex ? \"active\" : \"\"}\"\n              @mousedown=${(e: MouseEvent) => this.#onSuggestionMousedown(e, s)}\n            >\n              ${s.address}\n            </li>\n          `,\n        )}\n      </ul>\n    `;\n  }\n\n  override render() {\n    return html`\n      <div role=\"combobox\" aria-expanded=${this._open} aria-haspopup=\"listbox\">\n        <input\n          type=\"text\"\n          .value=${this.value}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          autocomplete=\"off\"\n          @input=${this.onInput}\n          @keydown=${this.onKeydown}\n          @blur=${this.onBlur}\n        />\n        ${this.renderSuggestions()}\n      </div>\n    `;\n  }\n}\n\n/** Maps Mapbox v6 forward-geocode features to suggestions, skipping ones without a full_address. */\nfunction parseFeatures(features: MapboxGeocodeFeature[]): AddressSuggestion[] {\n  const suggestions: AddressSuggestion[] = [];\n  for (const f of features) {\n    const address = f.properties?.full_address;\n    if (!address) continue;\n    const [lng, lat] = f.geometry.coordinates;\n    suggestions.push({ address, lng, lat });\n  }\n  return suggestions;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"address-autocomplete\": AddressAutocomplete;\n  }\n}\n"]}

package/dist/animate-confetti.d.ts

@@ -0,0 +1,53 @@
+import { LitElement } from "lit";
+/**
+ * Fullscreen confetti animation overlay, rendered on a fixed-position canvas.
+ * Starts automatically on first render and stops after `duration` ms.
+ *
+ * @element animate-confetti
+ */
+export declare class AnimateConfetti extends LitElement {
+    /** How long the confetti streams before stopping, in ms. */
+    duration: number;
+    private maxParticleCount;
+    private particleSpeed;
+    private particles;
+    private streamingConfetti;
+    private colors;
+    private waveAngle;
+    private animationTimer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    static styles: import("lit").CSSResult;
+    /**
+     * @returns The canvas element
+     */
+    private get _canvas();
+    /**
+     * Resize canvas to browser size.
+     */
+    private _handleResize;
+    /**
+     * Start confetti once shadow dom has been rendered for the first time.
+     */
+    protected firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private startConfetti;
+    private runAnimation;
+    /**
+     * Stop confetti and clean up after reasonable time.
+     */
+    private stopConfetti;
+    /**
+     * Removes any associated particle data from internal storage to regain memory.
+     */
+    private _cleanup;
+    private updateParticles;
+    private drawParticles;
+    private resetParticle;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "animate-confetti": AnimateConfetti;
+    }
+}
+//# sourceMappingURL=animate-confetti.d.ts.map

package/dist/animate-confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate-confetti.d.ts","sourceRoot":"","sources":["../src/animate-confetti.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAa5C;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,4DAA4D;IAE5D,QAAQ,EAAE,MAAM,CAAQ;IAExB,OAAO,CAAC,gBAAgB,CAAO;IAC/B,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,MAAM,CAaZ;IACF,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,cAAc,CAAC,CAAS;IAEvB,iBAAiB,SAGzB;IAEQ,oBAAoB,SAI5B;IAED,OAAgB,MAAM,0BASpB;IAEF;;OAEG;IACH,OAAO,KAAK,OAAO,GAElB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF;;OAEG;IACH,UAAmB,YAAY,IAAI,IAAI,CAKtC;IAEQ,MAAM,yCAEd;IAED,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,YAAY,CAUlB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY;IAKpB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,aAAa;CAUtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,eAAe,CAAC;KACrC;CACF"}