@f-ewald/components 1.0.0 → 1.0.3

package/dist/address-autocomplete.d.ts

@@ -32,6 +32,8 @@ export declare class AddressAutocomplete extends LitElement {
     placeholder: string;
     /** Marks the input as required for native form validation. */
     required: boolean;
+    /** Disables the input and closes its suggestion popup. */
+    disabled: boolean;
     /** Mapbox `types` param, e.g. "address" or "address,poi". */
     types: string;
     /** Geocoding endpoint URL. Defaults to the Mapbox Geocoding v6 forward URL. */
@@ -55,15 +57,21 @@ export declare class AddressAutocomplete extends LitElement {
     private _suggestions;
     private _open;
     private _activeIndex;
+    private _formDisabled;
     /** Last-picked suggestion, or null once the input diverges from it. */
     get selectedSuggestion(): AddressSuggestion | null;
+    protected willUpdate(changed: PropertyValues): void;
     protected updated(changed: PropertyValues): void;
     disconnectedCallback(): void;
     /** Resets to empty on `form.reset()`, per the form-associated custom element contract. */
     formResetCallback(): void;
+    /** Mirrors ancestor fieldset disabled state onto the native input. */
+    formDisabledCallback(disabled: boolean): void;
     private onInput;
     private onKeydown;
     private onBlur;
+    private onCompositionStart;
+    private onCompositionEnd;
     private renderSuggestions;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1 +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"}
+{"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;AAO1E,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,4BAoFpB;IAEF,mFAAmF;IACvE,KAAK,SAAM;IACvB,sDAAsD;IAC1C,WAAW,SAAM;IAC7B,8DAA8D;IACjC,QAAQ,UAAS;IAC9C,0DAA0D;IACd,QAAQ,UAAS;IAC7D,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;IAC1B,OAAO,CAAC,aAAa,CAAS;IAgBvC,uEAAuE;IACvE,IAAI,kBAAkB,IAAI,iBAAiB,GAAG,IAAI,CAGjD;IAED,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,QAQpD;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,QAEjD;IAEQ,oBAAoB,SAK5B;IAED,0FAA0F;IAC1F,iBAAiB,SAKhB;IAED,sEAAsE;IACtE,oBAAoB,CAAC,QAAQ,EAAE,OAAO,QAQrC;IAED,OAAO,CAAC,OAAO;IAuEf,OAAO,CAAC,SAAS;IAuCjB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,iBAAiB;IA0BhB,MAAM,yCA6Bd;CACF;AAcD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,mBAAmB,CAAC;KAC7C;CACF"}

package/dist/address-autocomplete.js

@@ -7,6 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { tokens } from "./tokens.js";
+import { submitWithDefaultButton } from "./utils/form.js";
+let instanceCount = 0;
 /**
  * Form-associated text input with a suggestion dropdown. Works as a
  * drop-in replacement for a plain `<input name="address">`: consumers keep
@@ -33,6 +35,8 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         this.placeholder = "";
         /** Marks the input as required for native form validation. */
         this.required = false;
+        /** Disables the input and closes its suggestion popup. */
+        this.disabled = false;
         /** Mapbox `types` param, e.g. "address" or "address,poi". */
         this.types = "address";
         /** Geocoding endpoint URL. Defaults to the Mapbox Geocoding v6 forward URL. */
@@ -56,10 +60,15 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         this._suggestions = [];
         this._open = false;
         this._activeIndex = -1;
+        this._formDisabled = false;
         this.#internals = this.attachInternals();
         this.#lastPicked = null;
         this.#debounceTimer = null;
         this.#abortController = null;
+        this.#isComposing = false;
+        this.#compositionJustEnded = false;
+        this.#compositionEndTimer = null;
+        this.#listboxId = `address-autocomplete-listbox-${++instanceCount}`;
     }
     static { this.formAssociated = true; }
     static { this.styles = [
@@ -70,14 +79,34 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         position: relative;
       }
       input {
-        font-family: var(--ui-font, ui-sans-serif, system-ui, sans-serif);
+        font-family: var(
+          --ui-font,
+          ui-sans-serif,
+          system-ui,
+          sans-serif,
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+          "Noto Color Emoji"
+        );
         font-size: var(--ui-font-size-sm, 0.75rem);
-        padding: 0.35rem 0.5rem;
+        color: var(--ui-text, #0f172a);
+        background: var(--ui-surface, #ffffff);
+        padding: 0.5rem;
         border: 1px solid var(--ui-border, #e2e8f0);
         border-radius: var(--ui-radius-sm, 0.25rem);
         width: 100%;
         box-sizing: border-box;
       }
+      input:disabled {
+        cursor: not-allowed;
+        opacity: 0.6;
+      }
+      input:focus-visible {
+        outline: none;
+        border-color: var(--ui-primary, #4f46e5);
+        box-shadow: var(--ui-focus-ring, 0 0 0 3px rgb(79 70 229 / 0.35));
+      }
       .suggestions {
         position: absolute;
         top: 100%;
@@ -86,16 +115,16 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         z-index: 10;
         max-height: 40vh;
         overflow-y: auto;
-        margin: 2px 0 0;
-        padding: 4px 0;
+        margin: 0.25rem 0 0;
+        padding: 0.25rem 0;
         list-style: none;
-        background: var(--ui-surface, #fff);
+        background: var(--ui-surface, #ffffff);
         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;
+        padding: 0.5rem 0.75rem;
         font-size: var(--ui-font-size-sm, 0.75rem);
         cursor: pointer;
       }
@@ -103,18 +132,58 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
       .suggestion:hover {
         background: var(--ui-surface-muted, #f8fafc);
       }
+      .no-suggestions {
+        padding: 0.5rem 0.75rem;
+        color: var(--ui-text-muted, #64748b);
+        font-size: var(--ui-font-size-sm, 0.75rem);
+        font-style: italic;
+      }
+      @media (forced-colors: active) {
+        input:focus-visible {
+          outline: 2px solid CanvasText;
+          outline-offset: 2px;
+          box-shadow: none;
+        }
+        input:disabled {
+          color: GrayText;
+          opacity: 1;
+        }
+        .suggestion.active,
+        .suggestion:hover {
+          color: HighlightText;
+          background: Highlight;
+        }
+      }
     `,
     ]; }
     #internals;
     #lastPicked;
     #debounceTimer;
     #abortController;
+    #isComposing;
+    #compositionJustEnded;
+    #compositionEndTimer;
+    #listboxId;
+    /** Whether the host or an ancestor fieldset currently disables the control. */
+    get #isDisabled() {
+        return this.disabled || this._formDisabled;
+    }
     /** 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;
     }
+    willUpdate(changed) {
+        if (changed.has("disabled") && this.#isDisabled) {
+            if (this.#debounceTimer)
+                clearTimeout(this.#debounceTimer);
+            this.#resetComposition();
+            this.#abortController?.abort();
+            this._open = false;
+            this._activeIndex = -1;
+        }
+    }
     updated(changed) {
         if (changed.has("value"))
             this.#internals.setFormValue(this.value);
@@ -123,6 +192,7 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         super.disconnectedCallback();
         if (this.#debounceTimer)
             clearTimeout(this.#debounceTimer);
+        this.#resetComposition();
         this.#abortController?.abort();
     }
     /** Resets to empty on `form.reset()`, per the form-associated custom element contract. */
@@ -132,17 +202,34 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         this._open = false;
         this.#lastPicked = null;
     }
+    /** Mirrors ancestor fieldset disabled state onto the native input. */
+    formDisabledCallback(disabled) {
+        this._formDisabled = disabled;
+        if (!disabled)
+            return;
+        if (this.#debounceTimer)
+            clearTimeout(this.#debounceTimer);
+        this.#resetComposition();
+        this.#abortController?.abort();
+        this._open = false;
+        this._activeIndex = -1;
+    }
     onInput(e) {
+        if (this.#isDisabled)
+            return;
         this.value = e.target.value;
         this.#lastPicked = null;
         this.#scheduleFetch(this.value);
     }
     #scheduleFetch(query) {
+        if (this.#isDisabled)
+            return;
         if (this.#debounceTimer)
             clearTimeout(this.#debounceTimer);
         if (query.trim().length < this.minLength) {
             this._suggestions = [];
             this._open = false;
+            this._activeIndex = -1;
             return;
         }
         if (this.suggestions) {
@@ -160,7 +247,7 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
             .filter((s) => s.address.toLowerCase().includes(needle))
             .slice(0, 5);
         this._activeIndex = -1;
-        this._open = this._suggestions.length > 0;
+        this._open = !this.#isDisabled;
     }
     /** Fetches suggestions for `query`, cancelling any request still in flight. */
     async #fetchSuggestions(query) {
@@ -172,9 +259,11 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
             if (!res.ok)
                 throw new Error(`geocode request failed: ${res.status}`);
             const body = (await res.json());
+            if (this.#isDisabled)
+                return;
             this._suggestions = parseFeatures(body.features ?? []);
             this._activeIndex = -1;
-            this._open = this._suggestions.length > 0;
+            this._open = true;
         }
         catch {
             // Aborted (superseded by newer keystroke) or a network failure while
@@ -200,6 +289,11 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         return `${this.endpoint}?${params.toString()}`;
     }
     onKeydown(e) {
+        if (this.#isDisabled)
+            return;
+        if (e.isComposing || e.keyCode === 229 || this.#isComposing || this.#compositionJustEnded) {
+            return;
+        }
         if (e.key === "ArrowDown")
             this.#moveActive(1, e);
         else if (e.key === "ArrowUp")
@@ -217,12 +311,19 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         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)
+        if (this._open && pick) {
+            e.preventDefault();
             this.#selectSuggestion(pick);
+            return;
+        }
+        if (this.#internals.form) {
+            const form = this.#internals.form;
+            window.setTimeout(() => {
+                if (!e.defaultPrevented && form.isConnected)
+                    submitWithDefaultButton(form);
+            });
+        }
     }
     #handleEscape(e) {
         if (!this._open)
@@ -233,6 +334,31 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
     onBlur() {
         this._open = false;
     }
+    onCompositionStart() {
+        if (this.#compositionEndTimer)
+            clearTimeout(this.#compositionEndTimer);
+        this.#compositionEndTimer = null;
+        this.#compositionJustEnded = false;
+        this.#isComposing = true;
+    }
+    onCompositionEnd() {
+        this.#isComposing = false;
+        this.#compositionJustEnded = true;
+        if (this.#compositionEndTimer)
+            clearTimeout(this.#compositionEndTimer);
+        this.#compositionEndTimer = setTimeout(() => {
+            this.#compositionJustEnded = false;
+            this.#compositionEndTimer = null;
+        });
+    }
+    /** Clears composition state when the control can no longer receive keys. */
+    #resetComposition() {
+        if (this.#compositionEndTimer)
+            clearTimeout(this.#compositionEndTimer);
+        this.#compositionEndTimer = null;
+        this.#isComposing = false;
+        this.#compositionJustEnded = false;
+    }
     #selectSuggestion(s) {
         this.value = s.address;
         this.#lastPicked = s;
@@ -246,12 +372,13 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
         this.#selectSuggestion(s);
     }
     renderSuggestions() {
-        if (!this._open || this._suggestions.length === 0)
+        if (!this._open || this.#isDisabled)
             return nothing;
         return html `
-      <ul class="suggestions" role="listbox">
+      <ul id=${this.#listboxId} class="suggestions" role="listbox" aria-label="Address suggestions">
         ${this._suggestions.map((s, i) => html `
             <li
+              id=${`${this.#listboxId}-option-${i}`}
               role="option"
               aria-selected=${i === this._activeIndex}
               class="suggestion ${i === this._activeIndex ? "active" : ""}"
@@ -260,19 +387,36 @@ let AddressAutocomplete = class AddressAutocomplete extends LitElement {
               ${s.address}
             </li>
           `)}
+        ${this._suggestions.length === 0
+            ? html `<li class="no-suggestions" role="presentation">
+              <span role="status">No suggestions found</span>
+            </li>`
+            : nothing}
       </ul>
     `;
     }
     render() {
+        const activeDescendant = this._open && !this.#isDisabled && this._activeIndex >= 0
+            ? `${this.#listboxId}-option-${this._activeIndex}`
+            : nothing;
+        const expanded = this._open && !this.#isDisabled;
         return html `
-      <div role="combobox" aria-expanded=${this._open} aria-haspopup="listbox">
+      <div>
         <input
           type="text"
+          role="combobox"
+          aria-autocomplete="list"
+          aria-expanded=${expanded}
+          aria-controls=${this.#listboxId}
+          aria-activedescendant=${activeDescendant}
           .value=${this.value}
           placeholder=${this.placeholder}
           ?required=${this.required}
+          ?disabled=${this.#isDisabled}
           autocomplete="off"
           @input=${this.onInput}
+          @compositionstart=${this.onCompositionStart}
+          @compositionend=${this.onCompositionEnd}
           @keydown=${this.onKeydown}
           @blur=${this.onBlur}
         />
@@ -290,6 +434,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], AddressAutocomplete.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AddressAutocomplete.prototype, "disabled", void 0);
 __decorate([
     property()
 ], AddressAutocomplete.prototype, "types", void 0);
@@ -323,6 +470,9 @@ __decorate([
 __decorate([
     state()
 ], AddressAutocomplete.prototype, "_activeIndex", void 0);
+__decorate([
+    state()
+], AddressAutocomplete.prototype, "_formDisabled", void 0);
 AddressAutocomplete = __decorate([
     customElement("address-autocomplete")
 ], AddressAutocomplete);

package/dist/address-autocomplete.js.map

@@ -1 +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"]}
+{"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\";\nimport { submitWithDefaultButton } from \"./utils/form.js\";\n\nlet instanceCount = 0;\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(\n          --ui-font,\n          ui-sans-serif,\n          system-ui,\n          sans-serif,\n          \"Apple Color Emoji\",\n          \"Segoe UI Emoji\",\n          \"Segoe UI Symbol\",\n          \"Noto Color Emoji\"\n        );\n        font-size: var(--ui-font-size-sm, 0.75rem);\n        color: var(--ui-text, #0f172a);\n        background: var(--ui-surface, #ffffff);\n        padding: 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      input:disabled {\n        cursor: not-allowed;\n        opacity: 0.6;\n      }\n      input:focus-visible {\n        outline: none;\n        border-color: var(--ui-primary, #4f46e5);\n        box-shadow: var(--ui-focus-ring, 0 0 0 3px rgb(79 70 229 / 0.35));\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: 0.25rem 0 0;\n        padding: 0.25rem 0;\n        list-style: none;\n        background: var(--ui-surface, #ffffff);\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.5rem 0.75rem;\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      .no-suggestions {\n        padding: 0.5rem 0.75rem;\n        color: var(--ui-text-muted, #64748b);\n        font-size: var(--ui-font-size-sm, 0.75rem);\n        font-style: italic;\n      }\n      @media (forced-colors: active) {\n        input:focus-visible {\n          outline: 2px solid CanvasText;\n          outline-offset: 2px;\n          box-shadow: none;\n        }\n        input:disabled {\n          color: GrayText;\n          opacity: 1;\n        }\n        .suggestion.active,\n        .suggestion:hover {\n          color: HighlightText;\n          background: Highlight;\n        }\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  /** Disables the input and closes its suggestion popup. */\n  @property({ type: Boolean, reflect: true }) disabled = 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  @state() private _formDisabled = false;\n\n  #internals = this.attachInternals();\n  #lastPicked: AddressSuggestion | null = null;\n  #debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  #abortController: AbortController | null = null;\n  #isComposing = false;\n  #compositionJustEnded = false;\n  #compositionEndTimer: ReturnType<typeof setTimeout> | null = null;\n  readonly #listboxId = `address-autocomplete-listbox-${++instanceCount}`;\n\n  /** Whether the host or an ancestor fieldset currently disables the control. */\n  get #isDisabled(): boolean {\n    return this.disabled || this._formDisabled;\n  }\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 willUpdate(changed: PropertyValues) {\n    if (changed.has(\"disabled\") && this.#isDisabled) {\n      if (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n      this.#resetComposition();\n      this.#abortController?.abort();\n      this._open = false;\n      this._activeIndex = -1;\n    }\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.#resetComposition();\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  /** Mirrors ancestor fieldset disabled state onto the native input. */\n  formDisabledCallback(disabled: boolean) {\n    this._formDisabled = disabled;\n    if (!disabled) return;\n    if (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n    this.#resetComposition();\n    this.#abortController?.abort();\n    this._open = false;\n    this._activeIndex = -1;\n  }\n\n  private onInput(e: InputEvent) {\n    if (this.#isDisabled) return;\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.#isDisabled) return;\n    if (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n    if (query.trim().length < this.minLength) {\n      this._suggestions = [];\n      this._open = false;\n      this._activeIndex = -1;\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.#isDisabled;\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      if (this.#isDisabled) return;\n      this._suggestions = parseFeatures(body.features ?? []);\n      this._activeIndex = -1;\n      this._open = true;\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 (this.#isDisabled) return;\n    if (e.isComposing || e.keyCode === 229 || this.#isComposing || this.#compositionJustEnded) {\n      return;\n    }\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    const pick = this._suggestions[this._activeIndex] ?? this._suggestions[0];\n    if (this._open && pick) {\n      e.preventDefault();\n      this.#selectSuggestion(pick);\n      return;\n    }\n    if (this.#internals.form) {\n      const form = this.#internals.form;\n      window.setTimeout(() => {\n        if (!e.defaultPrevented && form.isConnected) submitWithDefaultButton(form);\n      });\n    }\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  private onCompositionStart(): void {\n    if (this.#compositionEndTimer) clearTimeout(this.#compositionEndTimer);\n    this.#compositionEndTimer = null;\n    this.#compositionJustEnded = false;\n    this.#isComposing = true;\n  }\n\n  private onCompositionEnd(): void {\n    this.#isComposing = false;\n    this.#compositionJustEnded = true;\n    if (this.#compositionEndTimer) clearTimeout(this.#compositionEndTimer);\n    this.#compositionEndTimer = setTimeout(() => {\n      this.#compositionJustEnded = false;\n      this.#compositionEndTimer = null;\n    });\n  }\n\n  /** Clears composition state when the control can no longer receive keys. */\n  #resetComposition(): void {\n    if (this.#compositionEndTimer) clearTimeout(this.#compositionEndTimer);\n    this.#compositionEndTimer = null;\n    this.#isComposing = false;\n    this.#compositionJustEnded = 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.#isDisabled) return nothing;\n    return html`\n      <ul id=${this.#listboxId} class=\"suggestions\" role=\"listbox\" aria-label=\"Address suggestions\">\n        ${this._suggestions.map(\n          (s, i) => html`\n            <li\n              id=${`${this.#listboxId}-option-${i}`}\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        ${this._suggestions.length === 0\n          ? html`<li class=\"no-suggestions\" role=\"presentation\">\n              <span role=\"status\">No suggestions found</span>\n            </li>`\n          : nothing}\n      </ul>\n    `;\n  }\n\n  override render() {\n    const activeDescendant =\n      this._open && !this.#isDisabled && this._activeIndex >= 0\n        ? `${this.#listboxId}-option-${this._activeIndex}`\n        : nothing;\n    const expanded = this._open && !this.#isDisabled;\n    return html`\n      <div>\n        <input\n          type=\"text\"\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=${expanded}\n          aria-controls=${this.#listboxId}\n          aria-activedescendant=${activeDescendant}\n          .value=${this.value}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          ?disabled=${this.#isDisabled}\n          autocomplete=\"off\"\n          @input=${this.onInput}\n          @compositionstart=${this.onCompositionStart}\n          @compositionend=${this.onCompositionEnd}\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

@@ -15,9 +15,11 @@ export declare class AnimateConfetti extends LitElement {
     private colors;
     private waveAngle;
     private animationTimer?;
+    private stopTimer?;
+    private cleanupTimer?;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     /**
      * @returns The canvas element
      */
@@ -31,16 +33,17 @@ export declare class AnimateConfetti extends LitElement {
      */
     protected firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
+    /** Creates particles and starts the animation frame loop. */
     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;
+    /** Removes particle data and stops the animation frame loop. */
+    private readonly _cleanup;
+    /** Cancels all pending work when the component leaves the document. */
+    private _clearTimersAndParticles;
     private updateParticles;
     private drawParticles;
     private resetParticle;

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

@@ -1 +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"}
+{"version":3,"file":"animate-confetti.d.ts","sourceRoot":"","sources":["../src/animate-confetti.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAc5C;;;;;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;IAChC,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAC,CAAS;IAErB,iBAAiB,SAGzB;IAEQ,oBAAoB,SAI5B;IAED,OAAgB,MAAM,4BAYpB;IAEF;;OAEG;IACH,OAAO,KAAK,OAAO,GAElB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF;;OAEG;IACH,UAAmB,YAAY,IAAI,IAAI,CAStC;IAEQ,MAAM,yCAEd;IAED,6DAA6D;IAC7D,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,YAAY,CAUlB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY;IAKpB,gEAAgE;IAChE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CASvB;IAEF,uEAAuE;IACvE,OAAO,CAAC,wBAAwB;IAahC,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"}

package/dist/animate-confetti.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { tokens } from "./tokens.js";
 /**
  * Fullscreen confetti animation overlay, rendered on a fixed-position canvas.
  * Starts automatically on first render and stops after `duration` ms.
@@ -56,6 +57,17 @@ let AnimateConfetti = class AnimateConfetti extends LitElement {
                 this.animationTimer = window.requestAnimationFrame(this.runAnimation);
             }
         };
+        /** Removes particle data and stops the animation frame loop. */
+        this._cleanup = () => {
+            this.particles = [];
+            if (this.animationTimer !== undefined) {
+                window.cancelAnimationFrame(this.animationTimer);
+                this.animationTimer = undefined;
+            }
+            const canvas = this.shadowRoot?.getElementById("confetti-canvas");
+            canvas?.getContext("2d")?.clearRect(0, 0, canvas.width, canvas.height);
+            this.cleanupTimer = undefined;
+        };
     }
     connectedCallback() {
         super.connectedCallback();
@@ -64,18 +76,21 @@ let AnimateConfetti = class AnimateConfetti extends LitElement {
     disconnectedCallback() {
         super.disconnectedCallback();
         window.removeEventListener("resize", this._handleResize);
-        this.stopConfetti();
+        this._clearTimersAndParticles();
     }
-    static { this.styles = css `
-    #confetti-canvas {
-      display: block;
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 999999;
-      pointer-events: none;
-    }
-  `; }
+    static { this.styles = [
+        tokens,
+        css `
+      #confetti-canvas {
+        display: block;
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: 999999;
+        pointer-events: none;
+      }
+    `,
+    ]; }
     /**
      * @returns The canvas element
      */
@@ -86,14 +101,19 @@ let AnimateConfetti = class AnimateConfetti extends LitElement {
      * Start confetti once shadow dom has been rendered for the first time.
      */
     firstUpdated() {
+        this._handleResize();
+        if (window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+            return;
         this.startConfetti();
-        setTimeout(() => {
+        this.stopTimer = window.setTimeout(() => {
+            this.stopTimer = undefined;
             this.stopConfetti();
         }, this.duration);
     }
     render() {
-        return html `<canvas id="confetti-canvas"></canvas>`;
+        return html `<canvas id="confetti-canvas" aria-hidden="true"></canvas>`;
     }
+    /** Creates particles and starts the animation frame loop. */
     startConfetti() {
         const width = window.innerWidth;
         const height = window.innerHeight;
@@ -110,13 +130,20 @@ let AnimateConfetti = class AnimateConfetti extends LitElement {
      */
     stopConfetti() {
         this.streamingConfetti = false;
-        setTimeout(this._cleanup, 5000);
+        this.cleanupTimer = window.setTimeout(this._cleanup, 5000);
     }
-    /**
-     * Removes any associated particle data from internal storage to regain memory.
-     */
-    _cleanup() {
-        this.particles = [];
+    /** Cancels all pending work when the component leaves the document. */
+    _clearTimersAndParticles() {
+        if (this.stopTimer !== undefined) {
+            window.clearTimeout(this.stopTimer);
+            this.stopTimer = undefined;
+        }
+        if (this.cleanupTimer !== undefined) {
+            window.clearTimeout(this.cleanupTimer);
+            this.cleanupTimer = undefined;
+        }
+        this.streamingConfetti = false;
+        this._cleanup();
     }
     updateParticles() {
         const width = window.innerWidth;