@openreceive/angular 0.1.1 → 0.2.2

package/README.md

@@ -0,0 +1,46 @@
+# @openreceive/angular
+
+Angular wrapper for the OpenReceive checkout custom element.
+
+## Mount
+
+The standalone component ships on the `@openreceive/angular/checkout-component`
+subpath; import the checkout styles once (e.g. in your global stylesheet or the
+`styles` array of `angular.json`).
+
+```ts
+import { Component } from "@angular/core";
+import { CheckoutComponent } from "@openreceive/angular/checkout-component";
+
+@Component({
+  selector: "app-checkout-page",
+  standalone: true,
+  imports: [CheckoutComponent],
+  template: `
+    <openreceive-angular-checkout reference="order-123" [onSettled]="onSettled" />
+  `,
+})
+export class CheckoutPageComponent {
+  onSettled = () => console.log("paid");
+}
+```
+
+```css
+@import "@openreceive/angular/styles.css";
+```
+
+Three names, one checkout: the exported class is `CheckoutComponent`, its
+Angular selector is `openreceive-angular-checkout`, and it renders the
+`<openreceive-checkout>` custom element inside itself (defining it on mount).
+
+Pass `reference` to let the element create the checkout (create mode), or pass a
+`checkout` snapshot to render one your server already created. Prop names,
+defaults, and the full surface are shared across the wrappers — see
+`docs/internal/wrapper-parity.md` in the repository.
+
+Event handlers (`onCopy`, `onOpenWallet`, `onState`, `onSettled`,
+`onProviderCopy`, `onStartOver`, `onError`) are `@Input()` props, not Angular
+`@Output()` events: bind them as inputs (`[onSettled]="handler"`), not with
+`(settled)="..."`. Each receives the DOM `CustomEvent` the element dispatches.
+
+Part of [OpenReceive](https://openreceive.org). Start with the [Node quickstart](https://github.com/openreceive/openreceive/blob/master/docs/guides/quickstart-node.md); the full API is in the [API reference](https://github.com/openreceive/openreceive/blob/master/docs/guides/api-reference.md).

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 OpenReceive contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1,46 @@
+# @openreceive/angular
+
+Angular wrapper for the OpenReceive checkout custom element.
+
+## Mount
+
+The standalone component ships on the `@openreceive/angular/checkout-component`
+subpath; import the checkout styles once (e.g. in your global stylesheet or the
+`styles` array of `angular.json`).
+
+```ts
+import { Component } from "@angular/core";
+import { CheckoutComponent } from "@openreceive/angular/checkout-component";
+
+@Component({
+  selector: "app-checkout-page",
+  standalone: true,
+  imports: [CheckoutComponent],
+  template: `
+    <openreceive-angular-checkout reference="order-123" [onSettled]="onSettled" />
+  `,
+})
+export class CheckoutPageComponent {
+  onSettled = () => console.log("paid");
+}
+```
+
+```css
+@import "@openreceive/angular/styles.css";
+```
+
+Three names, one checkout: the exported class is `CheckoutComponent`, its
+Angular selector is `openreceive-angular-checkout`, and it renders the
+`<openreceive-checkout>` custom element inside itself (defining it on mount).
+
+Pass `reference` to let the element create the checkout (create mode), or pass a
+`checkout` snapshot to render one your server already created. Prop names,
+defaults, and the full surface are shared across the wrappers — see
+`docs/internal/wrapper-parity.md` in the repository.
+
+Event handlers (`onCopy`, `onOpenWallet`, `onState`, `onSettled`,
+`onProviderCopy`, `onStartOver`, `onError`) are `@Input()` props, not Angular
+`@Output()` events: bind them as inputs (`[onSettled]="handler"`), not with
+`(settled)="..."`. Each receives the DOM `CustomEvent` the element dispatches.
+
+Part of [OpenReceive](https://openreceive.org). Start with the [Node quickstart](https://github.com/openreceive/openreceive/blob/master/docs/guides/quickstart-node.md); the full API is in the [API reference](https://github.com/openreceive/openreceive/blob/master/docs/guides/api-reference.md).

package/dist/fesm2022/openreceive-angular-checkout-component.mjs

@@ -0,0 +1,298 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, NgZone, Input, Directive, ChangeDetectorRef, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { defineElements, validateCheckoutProps, createWrapperCheckoutShellBinding } from '@openreceive/angular';
+
+/**
+ * Applying a wrapper binding to a custom element, independent of Angular.
+ *
+ * Angular templates can only bind attribute names written out literally, so a
+ * hand-transcribed `[attr.*]` list silently drops any attribute the shared
+ * factory later adds. Driving attributes and listeners from the binding object
+ * keeps Angular in step with the other wrappers by construction.
+ */
+const EMPTY_APPLIED_ELEMENT_BINDINGS = {
+    attributes: [],
+    listeners: [],
+};
+function applyElementBindings(element, bindings, applied) {
+    return {
+        attributes: syncAttributes(element, bindings.attributes ?? {}, applied.attributes),
+        listeners: syncListeners(element, bindings.listeners ?? {}, applied.listeners),
+    };
+}
+function detachElementListeners(element, listeners) {
+    for (const [name, handler] of listeners)
+        element.removeEventListener(name, handler);
+}
+function syncAttributes(element, attributes, applied) {
+    for (const name of applied) {
+        if (attributes[name] === undefined)
+            element.removeAttribute(name);
+    }
+    const next = [];
+    for (const [name, value] of Object.entries(attributes)) {
+        if (value === undefined)
+            continue;
+        if (element.getAttribute(name) !== value)
+            element.setAttribute(name, value);
+        next.push(name);
+    }
+    return next;
+}
+function syncListeners(element, listeners, attached) {
+    const next = Object.entries(listeners).flatMap(([name, handler]) => handler === undefined ? [] : [[name, handler]]);
+    const unchanged = next.length === attached.length &&
+        next.every(([name, handler], index) => {
+            const current = attached[index];
+            return current !== undefined && current[0] === name && current[1] === handler;
+        });
+    if (unchanged)
+        return attached;
+    detachElementListeners(element, attached);
+    for (const [name, handler] of next)
+        element.addEventListener(name, handler);
+    return next;
+}
+
+/** Applies a wrapper binding's attributes and listeners to the element host. */
+class ElementBindingsDirective {
+    bindings = {};
+    applied = EMPTY_APPLIED_ELEMENT_BINDINGS;
+    // Zone-wrapped handlers are cached per original handler: the applier compares
+    // identity to decide whether to re-attach, so a fresh wrapper each pass would
+    // detach and re-add every listener on every change.
+    zoneWrapped = new WeakMap();
+    host = inject(ElementRef);
+    zone = inject(NgZone);
+    ngOnChanges() {
+        // Setting attributes restarts the element's poll/countdown timers. Applying them
+        // outside Angular keeps those timers unpatched, so they never schedule a change
+        // detection pass; the listeners below re-enter the zone for host callbacks.
+        this.zone.runOutsideAngular(() => {
+            this.applied = applyElementBindings(this.host.nativeElement, { ...this.bindings, listeners: this.zoneListeners(this.bindings.listeners) }, this.applied);
+        });
+    }
+    ngOnDestroy() {
+        detachElementListeners(this.host.nativeElement, this.applied.listeners);
+        this.applied = EMPTY_APPLIED_ELEMENT_BINDINGS;
+    }
+    zoneListeners(listeners) {
+        if (listeners === undefined)
+            return {};
+        const wrapped = {};
+        for (const [name, handler] of Object.entries(listeners)) {
+            if (handler === undefined)
+                continue;
+            let entry = this.zoneWrapped.get(handler);
+            if (entry === undefined) {
+                entry = (event) => this.zone.run(() => handler(event));
+                this.zoneWrapped.set(handler, entry);
+            }
+            wrapped[name] = entry;
+        }
+        return wrapped;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: ElementBindingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.3", type: ElementBindingsDirective, isStandalone: true, selector: "[openreceiveElementBindings]", inputs: { bindings: ["openreceiveElementBindings", "bindings"] }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: ElementBindingsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[openreceiveElementBindings]",
+                    standalone: true,
+                }]
+        }], propDecorators: { bindings: [{
+                type: Input,
+                args: ["openreceiveElementBindings"]
+            }] } });
+
+class CheckoutComponent {
+    // Prop names, defaults, and per-mode applicability are the shared contract in
+    // docs/internal/wrapper-parity.md. These inputs RESTATE it because `@Input()`
+    // is a decorator on a declared field: a type cannot generate fields, so they
+    // cannot be derived from WrapperCheckoutComponentProps the way
+    // Vue's defineProps and React's CheckoutProps are. The duplication is forced,
+    // not neglected; tests/wrapper-parity.test.mjs is what keeps it in step.
+    // Snapshot mode: bind a `checkout` to render it directly.
+    // Create mode: omit `checkout` and bind `reference` (+ optional `prefix`); the underlying
+    // <openreceive-checkout> element creates the checkout, then renders and polls itself.
+    checkout;
+    reference;
+    prefix;
+    paymentWizard;
+    decodeLinkUrl;
+    themeToggle;
+    defaultTheme;
+    storageKey;
+    // Create mode only.
+    metadata;
+    syncUrl;
+    resumePathPrefix;
+    routeReference;
+    onCopy;
+    onOpenWallet;
+    onState;
+    onSettled;
+    onProviderCopy;
+    onStartOver;
+    onError;
+    options = {};
+    /**
+     * The custom elements render only once this flips, and it flips inside
+     * `runOutsideAngular`: the element starts poll and countdown timers in its
+     * connected callback, and zone-patched timers would schedule a change-detection
+     * pass on every tick for the lifetime of the checkout.
+     */
+    elementsReady = false;
+    zone = inject(NgZone);
+    changeDetector = inject(ChangeDetectorRef);
+    // Rebuilt on input changes only. A getter would rebuild the whole binding
+    // (storage reads, matchMedia, fresh objects) on every change-detection pass.
+    // Null until the first `ngOnChanges`: inputs are not set yet at construction,
+    // so building (and validating) here would reject every instantiation.
+    shellBinding = null;
+    // The shell root's attributes, driven by the same directive as the custom
+    // elements: a hand-transcribed [attr.*] list would silently drop any root
+    // attribute the shared factory later adds.
+    rootBindings = {};
+    ngAfterViewInit() {
+        // No-op during Angular Universal SSR: custom elements only exist in the
+        // browser, and the element renders itself after hydration.
+        if (globalThis.customElements === undefined || globalThis.HTMLElement === undefined)
+            return;
+        this.zone.runOutsideAngular(() => {
+            defineElements();
+            this.elementsReady = true;
+            // Rebuild so the mounted shell carries the stored theme, not the deferred default.
+            this.applyShell();
+            this.changeDetector.detectChanges();
+        });
+    }
+    ngOnChanges() {
+        this.applyShell();
+    }
+    get shell() {
+        return this.shellBinding;
+    }
+    applyShell() {
+        this.shellBinding = this.buildShell();
+        this.rootBindings = { attributes: this.shellBinding.rootAttributes };
+    }
+    buildShell() {
+        validateCheckoutProps({
+            framework: "@openreceive/angular",
+            checkout: this.checkout,
+            reference: this.reference,
+            metadata: this.metadata,
+            syncUrl: this.syncUrl,
+            resumePathPrefix: this.resumePathPrefix,
+            routeReference: this.routeReference,
+        });
+        const options = {
+            ...this.options,
+            themeToggle: this.themeToggle ?? this.options.themeToggle ?? true,
+            // Storage and matchMedia only exist in the browser: resolving the theme before
+            // the elements mount would make a server-rendered shell disagree with hydration.
+            deferThemeResolution: !this.elementsReady,
+            ...(this.reference === undefined ? {} : { reference: this.reference }),
+            ...(this.prefix === undefined ? {} : { prefix: this.prefix }),
+            ...(this.paymentWizard === undefined ? {} : { paymentWizard: this.paymentWizard }),
+            ...(this.decodeLinkUrl === undefined ? {} : { decodeLinkUrl: this.decodeLinkUrl }),
+            ...(this.defaultTheme === undefined ? {} : { defaultTheme: this.defaultTheme }),
+            ...(this.storageKey === undefined ? {} : { storageKey: this.storageKey }),
+            ...(this.metadata === undefined ? {} : { metadata: this.metadata }),
+            ...(this.syncUrl === undefined ? {} : { syncUrl: this.syncUrl }),
+            ...(this.resumePathPrefix === undefined ? {} : { resumePathPrefix: this.resumePathPrefix }),
+            ...(this.routeReference === undefined ? {} : { routeReference: this.routeReference }),
+            ...(this.onCopy === undefined ? {} : { onCopy: this.onCopy }),
+            ...(this.onOpenWallet === undefined ? {} : { onOpenWallet: this.onOpenWallet }),
+            ...(this.onState === undefined ? {} : { onState: this.onState }),
+            ...(this.onSettled === undefined ? {} : { onSettled: this.onSettled }),
+            ...(this.onProviderCopy === undefined ? {} : { onProviderCopy: this.onProviderCopy }),
+            ...(this.onStartOver === undefined ? {} : { onStartOver: this.onStartOver }),
+            ...(this.onError === undefined ? {} : { onError: this.onError }),
+        };
+        return createWrapperCheckoutShellBinding(this.checkout ?? null, options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: CheckoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.3", type: CheckoutComponent, isStandalone: true, selector: "openreceive-angular-checkout", inputs: { checkout: "checkout", reference: "reference", prefix: "prefix", paymentWizard: "paymentWizard", decodeLinkUrl: "decodeLinkUrl", themeToggle: "themeToggle", defaultTheme: "defaultTheme", storageKey: "storageKey", metadata: "metadata", syncUrl: "syncUrl", resumePathPrefix: "resumePathPrefix", routeReference: "routeReference", onCopy: "onCopy", onOpenWallet: "onOpenWallet", onState: "onState", onSettled: "onSettled", onProviderCopy: "onProviderCopy", onStartOver: "onStartOver", onError: "onError", options: "options" }, usesOnChanges: true, ngImport: i0, template: `
+    <section [openreceiveElementBindings]="rootBindings">
+      @if (elementsReady && shell; as shell) {
+        @if (shell.themeToggle) {
+          <openreceive-theme-toggle
+            [openreceiveElementBindings]="shell.themeToggle"
+          ></openreceive-theme-toggle>
+        }
+        <openreceive-checkout [openreceiveElementBindings]="shell.checkout"></openreceive-checkout>
+      }
+    </section>
+  `, isInline: true, dependencies: [{ kind: "directive", type: ElementBindingsDirective, selector: "[openreceiveElementBindings]", inputs: ["openreceiveElementBindings"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: CheckoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "openreceive-angular-checkout",
+                    standalone: true,
+                    imports: [ElementBindingsDirective],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    template: `
+    <section [openreceiveElementBindings]="rootBindings">
+      @if (elementsReady && shell; as shell) {
+        @if (shell.themeToggle) {
+          <openreceive-theme-toggle
+            [openreceiveElementBindings]="shell.themeToggle"
+          ></openreceive-theme-toggle>
+        }
+        <openreceive-checkout [openreceiveElementBindings]="shell.checkout"></openreceive-checkout>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { checkout: [{
+                type: Input
+            }], reference: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], paymentWizard: [{
+                type: Input
+            }], decodeLinkUrl: [{
+                type: Input
+            }], themeToggle: [{
+                type: Input
+            }], defaultTheme: [{
+                type: Input
+            }], storageKey: [{
+                type: Input
+            }], metadata: [{
+                type: Input
+            }], syncUrl: [{
+                type: Input
+            }], resumePathPrefix: [{
+                type: Input
+            }], routeReference: [{
+                type: Input
+            }], onCopy: [{
+                type: Input
+            }], onOpenWallet: [{
+                type: Input
+            }], onState: [{
+                type: Input
+            }], onSettled: [{
+                type: Input
+            }], onProviderCopy: [{
+                type: Input
+            }], onStartOver: [{
+                type: Input
+            }], onError: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckoutComponent };
+//# sourceMappingURL=openreceive-angular-checkout-component.mjs.map

package/dist/fesm2022/openreceive-angular-checkout-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"openreceive-angular-checkout-component.mjs","sources":["../../src/element-bindings.ts","../../src/openreceive-element-bindings.directive.ts","../../src/openreceive-checkout.component.ts","../../src/openreceive-angular-checkout-component.ts"],"sourcesContent":["/**\n * Applying a wrapper binding to a custom element, independent of Angular.\n *\n * Angular templates can only bind attribute names written out literally, so a\n * hand-transcribed `[attr.*]` list silently drops any attribute the shared\n * factory later adds. Driving attributes and listeners from the binding object\n * keeps Angular in step with the other wrappers by construction.\n */\n\nexport interface ElementBindings {\n  readonly attributes?: Readonly<Record<string, string | undefined>>;\n  readonly listeners?: Readonly<Record<string, ((event: Event) => void) | undefined>>;\n}\n\nexport interface ElementBindingTarget {\n  getAttribute(name: string): string | null;\n  setAttribute(name: string, value: string): void;\n  removeAttribute(name: string): void;\n  addEventListener(name: string, listener: (event: Event) => void): void;\n  removeEventListener(name: string, listener: (event: Event) => void): void;\n}\n\nexport type AttachedListeners = readonly (readonly [string, (event: Event) => void])[];\n\nexport interface AppliedElementBindings {\n  readonly attributes: readonly string[];\n  readonly listeners: AttachedListeners;\n}\n\nexport const EMPTY_APPLIED_ELEMENT_BINDINGS: AppliedElementBindings = {\n  attributes: [],\n  listeners: [],\n};\n\nexport function applyElementBindings(\n  element: ElementBindingTarget,\n  bindings: ElementBindings,\n  applied: AppliedElementBindings,\n): AppliedElementBindings {\n  return {\n    attributes: syncAttributes(element, bindings.attributes ?? {}, applied.attributes),\n    listeners: syncListeners(element, bindings.listeners ?? {}, applied.listeners),\n  };\n}\n\nexport function detachElementListeners(\n  element: ElementBindingTarget,\n  listeners: AttachedListeners,\n): void {\n  for (const [name, handler] of listeners) element.removeEventListener(name, handler);\n}\n\nfunction syncAttributes(\n  element: ElementBindingTarget,\n  attributes: Readonly<Record<string, string | undefined>>,\n  applied: readonly string[],\n): readonly string[] {\n  for (const name of applied) {\n    if (attributes[name] === undefined) element.removeAttribute(name);\n  }\n  const next: string[] = [];\n  for (const [name, value] of Object.entries(attributes)) {\n    if (value === undefined) continue;\n    if (element.getAttribute(name) !== value) element.setAttribute(name, value);\n    next.push(name);\n  }\n  return next;\n}\n\nfunction syncListeners(\n  element: ElementBindingTarget,\n  listeners: Readonly<Record<string, ((event: Event) => void) | undefined>>,\n  attached: AttachedListeners,\n): AttachedListeners {\n  const next = Object.entries(listeners).flatMap(([name, handler]) =>\n    handler === undefined ? [] : [[name, handler] as const],\n  );\n  const unchanged =\n    next.length === attached.length &&\n    next.every(([name, handler], index) => {\n      const current = attached[index];\n      return current !== undefined && current[0] === name && current[1] === handler;\n    });\n  if (unchanged) return attached;\n  detachElementListeners(element, attached);\n  for (const [name, handler] of next) element.addEventListener(name, handler);\n  return next;\n}\n","import {\n  Directive,\n  ElementRef,\n  Input,\n  NgZone,\n  inject,\n  type OnChanges,\n  type OnDestroy,\n} from \"@angular/core\";\nimport {\n  type AppliedElementBindings,\n  EMPTY_APPLIED_ELEMENT_BINDINGS,\n  type ElementBindings,\n  applyElementBindings,\n  detachElementListeners,\n} from \"./element-bindings\";\n\n/** Applies a wrapper binding's attributes and listeners to the element host. */\n@Directive({\n  selector: \"[openreceiveElementBindings]\",\n  standalone: true,\n})\nexport class ElementBindingsDirective implements OnChanges, OnDestroy {\n  @Input(\"openreceiveElementBindings\") bindings: ElementBindings = {};\n\n  private applied: AppliedElementBindings = EMPTY_APPLIED_ELEMENT_BINDINGS;\n  // Zone-wrapped handlers are cached per original handler: the applier compares\n  // identity to decide whether to re-attach, so a fresh wrapper each pass would\n  // detach and re-add every listener on every change.\n  private readonly zoneWrapped = new WeakMap<(event: Event) => void, (event: Event) => void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly zone = inject(NgZone);\n\n  ngOnChanges(): void {\n    // Setting attributes restarts the element's poll/countdown timers. Applying them\n    // outside Angular keeps those timers unpatched, so they never schedule a change\n    // detection pass; the listeners below re-enter the zone for host callbacks.\n    this.zone.runOutsideAngular(() => {\n      this.applied = applyElementBindings(\n        this.host.nativeElement,\n        { ...this.bindings, listeners: this.zoneListeners(this.bindings.listeners) },\n        this.applied,\n      );\n    });\n  }\n\n  ngOnDestroy(): void {\n    detachElementListeners(this.host.nativeElement, this.applied.listeners);\n    this.applied = EMPTY_APPLIED_ELEMENT_BINDINGS;\n  }\n\n  private zoneListeners(\n    listeners: ElementBindings[\"listeners\"],\n  ): Readonly<Record<string, ((event: Event) => void) | undefined>> {\n    if (listeners === undefined) return {};\n    const wrapped: Record<string, ((event: Event) => void) | undefined> = {};\n    for (const [name, handler] of Object.entries(listeners)) {\n      if (handler === undefined) continue;\n      let entry = this.zoneWrapped.get(handler);\n      if (entry === undefined) {\n        entry = (event: Event) => this.zone.run(() => handler(event));\n        this.zoneWrapped.set(handler, entry);\n      }\n      wrapped[name] = entry;\n    }\n    return wrapped;\n  }\n}\n","import {\n  ChangeDetectorRef,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  Input,\n  NgZone,\n  inject,\n  type AfterViewInit,\n  type OnChanges,\n} from \"@angular/core\";\nimport {\n  type CheckoutSnapshot,\n  type ThemePreference,\n  type WrapperCheckoutShellBinding,\n  type WrapperCheckoutShellOptions,\n  createWrapperCheckoutShellBinding,\n  defineElements,\n  validateCheckoutProps,\n} from \"@openreceive/angular\";\nimport type { ElementBindings } from \"./element-bindings\";\nimport { ElementBindingsDirective } from \"./openreceive-element-bindings.directive\";\n\n@Component({\n  selector: \"openreceive-angular-checkout\",\n  standalone: true,\n  imports: [ElementBindingsDirective],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: `\n    <section [openreceiveElementBindings]=\"rootBindings\">\n      @if (elementsReady && shell; as shell) {\n        @if (shell.themeToggle) {\n          <openreceive-theme-toggle\n            [openreceiveElementBindings]=\"shell.themeToggle\"\n          ></openreceive-theme-toggle>\n        }\n        <openreceive-checkout [openreceiveElementBindings]=\"shell.checkout\"></openreceive-checkout>\n      }\n    </section>\n  `,\n})\nexport class CheckoutComponent implements AfterViewInit, OnChanges {\n  // Prop names, defaults, and per-mode applicability are the shared contract in\n  // docs/internal/wrapper-parity.md. These inputs RESTATE it because `@Input()`\n  // is a decorator on a declared field: a type cannot generate fields, so they\n  // cannot be derived from WrapperCheckoutComponentProps the way\n  // Vue's defineProps and React's CheckoutProps are. The duplication is forced,\n  // not neglected; tests/wrapper-parity.test.mjs is what keeps it in step.\n  // Snapshot mode: bind a `checkout` to render it directly.\n  // Create mode: omit `checkout` and bind `reference` (+ optional `prefix`); the underlying\n  // <openreceive-checkout> element creates the checkout, then renders and polls itself.\n  @Input() checkout?: CheckoutSnapshot | null;\n  @Input() reference?: string;\n  @Input() prefix?: string;\n  @Input() paymentWizard?: boolean;\n  @Input() decodeLinkUrl?: string;\n  @Input() themeToggle?: boolean;\n  @Input() defaultTheme?: ThemePreference;\n  @Input() storageKey?: string;\n  // Create mode only.\n  @Input() metadata?: Record<string, unknown>;\n  @Input() syncUrl?: boolean;\n  @Input() resumePathPrefix?: string;\n  @Input() routeReference?: string;\n  @Input() onCopy?: (event: Event) => void;\n  @Input() onOpenWallet?: (event: Event) => void;\n  @Input() onState?: (event: Event) => void;\n  @Input() onSettled?: (event: Event) => void;\n  @Input() onProviderCopy?: (event: Event) => void;\n  @Input() onStartOver?: (event: Event) => void;\n  @Input() onError?: (event: Event) => void;\n  @Input() options: WrapperCheckoutShellOptions = {};\n\n  /**\n   * The custom elements render only once this flips, and it flips inside\n   * `runOutsideAngular`: the element starts poll and countdown timers in its\n   * connected callback, and zone-patched timers would schedule a change-detection\n   * pass on every tick for the lifetime of the checkout.\n   */\n  protected elementsReady = false;\n\n  private readonly zone = inject(NgZone);\n  private readonly changeDetector = inject(ChangeDetectorRef);\n\n  // Rebuilt on input changes only. A getter would rebuild the whole binding\n  // (storage reads, matchMedia, fresh objects) on every change-detection pass.\n  // Null until the first `ngOnChanges`: inputs are not set yet at construction,\n  // so building (and validating) here would reject every instantiation.\n  protected shellBinding: WrapperCheckoutShellBinding | null = null;\n\n  // The shell root's attributes, driven by the same directive as the custom\n  // elements: a hand-transcribed [attr.*] list would silently drop any root\n  // attribute the shared factory later adds.\n  protected rootBindings: ElementBindings = {};\n\n  ngAfterViewInit(): void {\n    // No-op during Angular Universal SSR: custom elements only exist in the\n    // browser, and the element renders itself after hydration.\n    if (globalThis.customElements === undefined || globalThis.HTMLElement === undefined) return;\n    this.zone.runOutsideAngular(() => {\n      defineElements();\n      this.elementsReady = true;\n      // Rebuild so the mounted shell carries the stored theme, not the deferred default.\n      this.applyShell();\n      this.changeDetector.detectChanges();\n    });\n  }\n\n  ngOnChanges(): void {\n    this.applyShell();\n  }\n\n  get shell(): WrapperCheckoutShellBinding | null {\n    return this.shellBinding;\n  }\n\n  private applyShell(): void {\n    this.shellBinding = this.buildShell();\n    this.rootBindings = { attributes: this.shellBinding.rootAttributes };\n  }\n\n  private buildShell(): WrapperCheckoutShellBinding {\n    validateCheckoutProps({\n      framework: \"@openreceive/angular\",\n      checkout: this.checkout,\n      reference: this.reference,\n      metadata: this.metadata,\n      syncUrl: this.syncUrl,\n      resumePathPrefix: this.resumePathPrefix,\n      routeReference: this.routeReference,\n    });\n    const options: WrapperCheckoutShellOptions = {\n      ...this.options,\n      themeToggle: this.themeToggle ?? this.options.themeToggle ?? true,\n      // Storage and matchMedia only exist in the browser: resolving the theme before\n      // the elements mount would make a server-rendered shell disagree with hydration.\n      deferThemeResolution: !this.elementsReady,\n      ...(this.reference === undefined ? {} : { reference: this.reference }),\n      ...(this.prefix === undefined ? {} : { prefix: this.prefix }),\n      ...(this.paymentWizard === undefined ? {} : { paymentWizard: this.paymentWizard }),\n      ...(this.decodeLinkUrl === undefined ? {} : { decodeLinkUrl: this.decodeLinkUrl }),\n      ...(this.defaultTheme === undefined ? {} : { defaultTheme: this.defaultTheme }),\n      ...(this.storageKey === undefined ? {} : { storageKey: this.storageKey }),\n      ...(this.metadata === undefined ? {} : { metadata: this.metadata }),\n      ...(this.syncUrl === undefined ? {} : { syncUrl: this.syncUrl }),\n      ...(this.resumePathPrefix === undefined ? {} : { resumePathPrefix: this.resumePathPrefix }),\n      ...(this.routeReference === undefined ? {} : { routeReference: this.routeReference }),\n      ...(this.onCopy === undefined ? {} : { onCopy: this.onCopy }),\n      ...(this.onOpenWallet === undefined ? {} : { onOpenWallet: this.onOpenWallet }),\n      ...(this.onState === undefined ? {} : { onState: this.onState }),\n      ...(this.onSettled === undefined ? {} : { onSettled: this.onSettled }),\n      ...(this.onProviderCopy === undefined ? {} : { onProviderCopy: this.onProviderCopy }),\n      ...(this.onStartOver === undefined ? {} : { onStartOver: this.onStartOver }),\n      ...(this.onError === undefined ? {} : { onError: this.onError }),\n    };\n    return createWrapperCheckoutShellBinding(this.checkout ?? null, options);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './openreceive-checkout.component';\n"],"names":[],"mappings":"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"}

package/dist/fesm2022/openreceive-angular.mjs

@@ -0,0 +1,12 @@
+export * from '@openreceive/elements/wrapper-shared';
+
+// @openreceive/angular — thin wrapper over the OpenReceive checkout
+// custom element. The component ships on the ./checkout-component subpath;
+// the wrapper surface is implemented once in
+// @openreceive/elements/wrapper-shared.
+// tools/validate/check-public-api.mjs pins this surface.
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=openreceive-angular.mjs.map

package/dist/fesm2022/openreceive-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"openreceive-angular.mjs","sources":["../../src/index.ts","../../src/openreceive-angular.ts"],"sourcesContent":["// @openreceive/angular — thin wrapper over the OpenReceive checkout\n// custom element. The component ships on the ./checkout-component subpath;\n// the wrapper surface is implemented once in\n// @openreceive/elements/wrapper-shared.\n// tools/validate/check-public-api.mjs pins this surface.\nexport * from \"@openreceive/elements/wrapper-shared\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;ACJA;;AAEG"}

package/dist/types/openreceive-angular-checkout-component.d.ts

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnChanges } from '@angular/core';
+import { CheckoutSnapshot, ThemePreference, WrapperCheckoutShellOptions, WrapperCheckoutShellBinding } from '@openreceive/angular';
+
+/**
+ * Applying a wrapper binding to a custom element, independent of Angular.
+ *
+ * Angular templates can only bind attribute names written out literally, so a
+ * hand-transcribed `[attr.*]` list silently drops any attribute the shared
+ * factory later adds. Driving attributes and listeners from the binding object
+ * keeps Angular in step with the other wrappers by construction.
+ */
+interface ElementBindings {
+    readonly attributes?: Readonly<Record<string, string | undefined>>;
+    readonly listeners?: Readonly<Record<string, ((event: Event) => void) | undefined>>;
+}
+
+declare class CheckoutComponent implements AfterViewInit, OnChanges {
+    checkout?: CheckoutSnapshot | null;
+    reference?: string;
+    prefix?: string;
+    paymentWizard?: boolean;
+    decodeLinkUrl?: string;
+    themeToggle?: boolean;
+    defaultTheme?: ThemePreference;
+    storageKey?: string;
+    metadata?: Record<string, unknown>;
+    syncUrl?: boolean;
+    resumePathPrefix?: string;
+    routeReference?: string;
+    onCopy?: (event: Event) => void;
+    onOpenWallet?: (event: Event) => void;
+    onState?: (event: Event) => void;
+    onSettled?: (event: Event) => void;
+    onProviderCopy?: (event: Event) => void;
+    onStartOver?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    options: WrapperCheckoutShellOptions;
+    /**
+     * The custom elements render only once this flips, and it flips inside
+     * `runOutsideAngular`: the element starts poll and countdown timers in its
+     * connected callback, and zone-patched timers would schedule a change-detection
+     * pass on every tick for the lifetime of the checkout.
+     */
+    protected elementsReady: boolean;
+    private readonly zone;
+    private readonly changeDetector;
+    protected shellBinding: WrapperCheckoutShellBinding | null;
+    protected rootBindings: ElementBindings;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    get shell(): WrapperCheckoutShellBinding | null;
+    private applyShell;
+    private buildShell;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutComponent, "openreceive-angular-checkout", never, { "checkout": { "alias": "checkout"; "required": false; }; "reference": { "alias": "reference"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "paymentWizard": { "alias": "paymentWizard"; "required": false; }; "decodeLinkUrl": { "alias": "decodeLinkUrl"; "required": false; }; "themeToggle": { "alias": "themeToggle"; "required": false; }; "defaultTheme": { "alias": "defaultTheme"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "metadata": { "alias": "metadata"; "required": false; }; "syncUrl": { "alias": "syncUrl"; "required": false; }; "resumePathPrefix": { "alias": "resumePathPrefix"; "required": false; }; "routeReference": { "alias": "routeReference"; "required": false; }; "onCopy": { "alias": "onCopy"; "required": false; }; "onOpenWallet": { "alias": "onOpenWallet"; "required": false; }; "onState": { "alias": "onState"; "required": false; }; "onSettled": { "alias": "onSettled"; "required": false; }; "onProviderCopy": { "alias": "onProviderCopy"; "required": false; }; "onStartOver": { "alias": "onStartOver"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { CheckoutComponent };

package/dist/types/openreceive-angular.d.ts

@@ -0,0 +1 @@
+export * from '@openreceive/elements/wrapper-shared';

package/package.json

@@ -1,28 +1,66 @@
 {
   "name": "@openreceive/angular",
-  "version": "0.1.1",
+  "version": "0.2.2",
+  "description": "Angular wrapper for the OpenReceive checkout custom element.",
+  "keywords": [
+    "bitcoin",
+    "lightning",
+    "payments",
+    "nwc",
+    "bolt11",
+    "openreceive",
+    "angular",
+    "checkout"
+  ],
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/fesm2022/openreceive-angular.mjs",
+  "module": "./dist/fesm2022/openreceive-angular.mjs",
+  "types": "./dist/types/openreceive-angular.d.ts",
   "dependencies": {
-    "@openreceive/browser": "0.1.1",
-    "@openreceive/elements": "0.1.1"
+    "@openreceive/browser": "0.2.2",
+    "@openreceive/elements": "0.2.2"
   },
   "peerDependencies": {
     "@angular/core": ">=17.0.0"
   },
-  "peerDependenciesMeta": {
-    "@angular/core": {
-      "optional": true
-    }
-  },
   "exports": {
-    ".": "./dist/index.js",
-    "./checkout-component": "./dist/openreceive-checkout.component.mjs",
+    ".": {
+      "types": "./dist/types/openreceive-angular.d.ts",
+      "default": "./dist/fesm2022/openreceive-angular.mjs"
+    },
+    "./checkout-component": {
+      "types": "./dist/types/openreceive-angular-checkout-component.d.ts",
+      "default": "./dist/fesm2022/openreceive-angular-checkout-component.mjs"
+    },
     "./styles.css": "./dist/styles.css"
   },
-  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "README.md",
     "LICENSE"
-  ]
-}
+  ],
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json -c tsconfig.lib.json && node ../../../tools/package/copy-static.mjs src dist styles.css && node -e \"const{rmSync}=require('node:fs');for(const p of['dist/package.json','dist/.npmignore','dist/checkout-component/package.json'])rmSync(p,{force:true})\"",
+    "prepack": "npm run build"
+  },
+  "license": "MIT",
+  "author": "OpenReceive <info@openreceive.org>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/openreceive/openreceive.git",
+    "directory": "packages/js/angular"
+  },
+  "bugs": {
+    "url": "https://github.com/openreceive/openreceive/issues"
+  },
+  "homepage": "https://openreceive.org",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=22"
+  }
+}

package/dist/index.d.ts

@@ -1,39 +0,0 @@
-import { OPENRECEIVE_CHECKOUT_ELEMENT_TAG_NAME, OPENRECEIVE_THEME_TOGGLE_ELEMENT_TAG_NAME, type CreateCheckoutShellOptions, type CheckoutElementAttributeOptions, type CheckoutElementAttributes, type CheckoutElementEventHandlers, type CheckoutElementListeners, type CheckoutController, type CheckoutControllerOptions, type CheckoutShellElements, type CheckoutShellOptions, type CheckoutSnapshot, type OpenReceiveStoredThemeModelOptions, type OpenReceiveThemeModel, type OpenReceiveThemeModelOptions, type OpenReceiveThemePreference, type OpenReceiveThemeToggleElementAttributeOptions, type OpenReceiveThemeToggleElementAttributes } from "@openreceive/browser/internal";
-import { defineOpenReceiveElements, type DefineOpenReceiveElementsOptions } from "@openreceive/elements";
-export { OPENRECEIVE_CHECKOUT_ELEMENT_EVENTS, OPENRECEIVE_CHECKOUT_ELEMENT_TAG_NAME, OPENRECEIVE_THEME_STORAGE_KEY, OPENRECEIVE_THEME_TOGGLE_ELEMENT_TAG_NAME, applyCheckoutThemeAttributes, applyOpenReceiveThemeAttributes, createCheckoutController, createCheckoutElement, createCheckoutElementAttributes, createCheckoutElementListeners, createCheckoutShell, createCheckoutShellModel, createOpenReceiveStoredThemeModel, createOpenReceiveThemeModel, createOpenReceiveThemeToggleElement, createOpenReceiveThemeToggleElementAttributes, readOpenReceiveThemePreference, syncOpenReceiveStoredThemeControls, toggleOpenReceiveStoredThemeControls, toggleOpenReceiveStoredThemePreference, writeOpenReceiveThemePreference } from "@openreceive/browser/internal";
-export type { CreateCheckoutElementOptions, CreateCheckoutShellOptions, CreateOpenReceiveThemeToggleElementOptions, CheckoutElementAttributeOptions, CheckoutElementAttributes, CheckoutElementDocument, CheckoutElementEventHandlers, CheckoutElementListeners, CheckoutController, CheckoutControllerOptions, CheckoutShellElements, CheckoutShellCheckoutBinding, CheckoutShellModel, CheckoutShellOptions, CheckoutShellThemeToggleBinding, CheckoutElementTarget, CheckoutSnapshot, OpenReceiveReadThemePreferenceOptions, OpenReceiveStoredThemeModelOptions, OpenReceiveThemeAttributeTarget, OpenReceiveThemeControlTargets, OpenReceiveThemeLabelTarget, OpenReceiveThemeModel, OpenReceiveThemeModelOptions, OpenReceiveThemePreference, OpenReceiveThemeStorageOptions, OpenReceiveThemeToggleElementAttributeOptions, OpenReceiveThemeToggleElementAttributes } from "@openreceive/browser/internal";
-export { defineOpenReceiveElements } from "@openreceive/elements";
-export type { DefineOpenReceiveElementsOptions } from "@openreceive/elements";
-export interface OpenReceiveAngularCheckoutBindingOptions extends CheckoutElementAttributeOptions, CheckoutElementEventHandlers {
-}
-export interface OpenReceiveAngularCheckoutBinding {
-    readonly selector: typeof OPENRECEIVE_CHECKOUT_ELEMENT_TAG_NAME;
-    readonly attributes: CheckoutElementAttributes;
-    readonly events: CheckoutElementListeners;
-}
-export interface OpenReceiveAngularThemeToggleBinding {
-    readonly selector: typeof OPENRECEIVE_THEME_TOGGLE_ELEMENT_TAG_NAME;
-    readonly attributes: OpenReceiveThemeToggleElementAttributes;
-}
-export interface OpenReceiveAngularCheckoutShellBinding {
-    readonly theme: OpenReceiveThemeModel;
-    readonly rootAttributes: OpenReceiveThemeModel["attributes"];
-    readonly checkout: OpenReceiveAngularCheckoutBinding;
-    readonly themeToggle: OpenReceiveAngularThemeToggleBinding;
-}
-export interface OpenReceiveAngularCheckoutComponentOptions extends CheckoutShellOptions {
-    readonly defineElementsOptions?: DefineOpenReceiveElementsOptions;
-}
-export interface OpenReceiveAngularCheckoutComponentModel extends OpenReceiveAngularCheckoutShellBinding {
-    readonly componentName: "Checkout";
-    readonly defineElements: typeof defineOpenReceiveElements;
-    readonly defineElementsOptions?: DefineOpenReceiveElementsOptions;
-}
-export declare function createOpenReceiveAngularCheckoutBinding(snapshot: CheckoutSnapshot, options?: OpenReceiveAngularCheckoutBindingOptions): OpenReceiveAngularCheckoutBinding;
-export declare function createOpenReceiveAngularThemeBinding(theme: OpenReceiveThemePreference, options?: OpenReceiveThemeModelOptions): OpenReceiveThemeModel;
-export declare function createOpenReceiveAngularStoredThemeBinding(options?: OpenReceiveStoredThemeModelOptions): OpenReceiveThemeModel;
-export declare function createOpenReceiveAngularThemeToggleBinding(options?: OpenReceiveThemeToggleElementAttributeOptions): OpenReceiveAngularThemeToggleBinding;
-export declare function createOpenReceiveAngularCheckoutShellBinding(snapshot: CheckoutSnapshot, options?: CheckoutShellOptions): OpenReceiveAngularCheckoutShellBinding;
-export declare function createOpenReceiveAngularCheckoutComponentModel(snapshot: CheckoutSnapshot, options?: OpenReceiveAngularCheckoutComponentOptions): OpenReceiveAngularCheckoutComponentModel;
-export declare function createOpenReceiveAngularCheckoutController(options: CheckoutControllerOptions): CheckoutController;
-export declare function createOpenReceiveAngularCheckoutShell(snapshot: CheckoutSnapshot, options?: CreateCheckoutShellOptions): CheckoutShellElements;

package/dist/index.js

@@ -1,55 +0,0 @@
-import { OPENRECEIVE_CHECKOUT_ELEMENT_TAG_NAME, OPENRECEIVE_THEME_TOGGLE_ELEMENT_TAG_NAME, createCheckoutController, createCheckoutShell, createCheckoutShellModel, createCheckoutElementAttributes, createCheckoutElementListeners, createOpenReceiveStoredThemeModel, createOpenReceiveThemeModel, createOpenReceiveThemeToggleElementAttributes } from "@openreceive/browser/internal";
-import { defineOpenReceiveElements } from "@openreceive/elements";
-export { OPENRECEIVE_CHECKOUT_ELEMENT_EVENTS, OPENRECEIVE_CHECKOUT_ELEMENT_TAG_NAME, OPENRECEIVE_THEME_STORAGE_KEY, OPENRECEIVE_THEME_TOGGLE_ELEMENT_TAG_NAME, applyCheckoutThemeAttributes, applyOpenReceiveThemeAttributes, createCheckoutController, createCheckoutElement, createCheckoutElementAttributes, createCheckoutElementListeners, createCheckoutShell, createCheckoutShellModel, createOpenReceiveStoredThemeModel, createOpenReceiveThemeModel, createOpenReceiveThemeToggleElement, createOpenReceiveThemeToggleElementAttributes, readOpenReceiveThemePreference, syncOpenReceiveStoredThemeControls, toggleOpenReceiveStoredThemeControls, toggleOpenReceiveStoredThemePreference, writeOpenReceiveThemePreference } from "@openreceive/browser/internal";
-export { defineOpenReceiveElements } from "@openreceive/elements";
-export function createOpenReceiveAngularCheckoutBinding(snapshot, options = {}) {
-    return {
-        selector: OPENRECEIVE_CHECKOUT_ELEMENT_TAG_NAME,
-        attributes: createCheckoutElementAttributes(snapshot, options),
-        events: createCheckoutElementListeners(options)
-    };
-}
-export function createOpenReceiveAngularThemeBinding(theme, options = {}) {
-    return createOpenReceiveThemeModel(theme, options);
-}
-export function createOpenReceiveAngularStoredThemeBinding(options = {}) {
-    return createOpenReceiveStoredThemeModel(options);
-}
-export function createOpenReceiveAngularThemeToggleBinding(options = {}) {
-    return {
-        selector: OPENRECEIVE_THEME_TOGGLE_ELEMENT_TAG_NAME,
-        attributes: createOpenReceiveThemeToggleElementAttributes(options)
-    };
-}
-export function createOpenReceiveAngularCheckoutShellBinding(snapshot, options = {}) {
-    const shell = createCheckoutShellModel(snapshot, options);
-    return {
-        theme: shell.theme,
-        rootAttributes: shell.rootAttributes,
-        checkout: {
-            selector: shell.checkout.tagName,
-            attributes: shell.checkout.attributes,
-            events: shell.checkout.listeners
-        },
-        themeToggle: {
-            selector: shell.themeToggle.tagName,
-            attributes: shell.themeToggle.attributes
-        }
-    };
-}
-export function createOpenReceiveAngularCheckoutComponentModel(snapshot, options = {}) {
-    const { defineElementsOptions, ...shellOptions } = options;
-    const shell = createOpenReceiveAngularCheckoutShellBinding(snapshot, shellOptions);
-    return {
-        componentName: "Checkout",
-        defineElements: defineOpenReceiveElements,
-        defineElementsOptions,
-        ...shell
-    };
-}
-export function createOpenReceiveAngularCheckoutController(options) {
-    return createCheckoutController(options);
-}
-export function createOpenReceiveAngularCheckoutShell(snapshot, options = {}) {
-    return createCheckoutShell(snapshot, options);
-}

package/dist/openreceive-checkout.component.mjs

@@ -1,79 +0,0 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from "@angular/core";
-import {
-  OPENRECEIVE_CHECKOUT_ELEMENT_EVENTS,
-  createOpenReceiveAngularCheckoutShellBinding,
-  defineOpenReceiveElements
-} from "./index.js";
-
-export class CheckoutComponent {
-  snapshot;
-  options = {};
-
-  ngOnInit() {
-    defineOpenReceiveElements();
-  }
-
-  get shell() {
-    return createOpenReceiveAngularCheckoutShellBinding(
-      this.snapshot,
-      this.options
-    );
-  }
-
-  get rootAttributes() {
-    return this.shell.rootAttributes;
-  }
-
-  get checkoutAttributes() {
-    return this.shell.checkout.attributes;
-  }
-
-  get themeToggleAttributes() {
-    return this.shell.themeToggle.attributes;
-  }
-
-  onCheckoutEvent(eventName, event) {
-    this.shell.checkout.events[eventName]?.(event);
-  }
-}
-
-Input({ required: true })(CheckoutComponent.prototype, "snapshot");
-Input()(CheckoutComponent.prototype, "options");
-
-Component({
-  selector: "openreceive-angular-checkout",
-  standalone: true,
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <section
-      [attr.data-theme]="rootAttributes['data-theme']"
-      [attr.data-openreceive-theme]="rootAttributes['data-openreceive-theme']"
-    >
-      <openreceive-theme-toggle
-        [attr.root-selector]="themeToggleAttributes['root-selector']"
-        [attr.checkout-selector]="themeToggleAttributes['checkout-selector']"
-        [attr.default-theme]="themeToggleAttributes['default-theme']"
-        [attr.storage-key]="themeToggleAttributes['storage-key']"
-      ></openreceive-theme-toggle>
-      <openreceive-checkout
-        [attr.invoice-id]="checkoutAttributes['invoice-id']"
-        [attr.invoice]="checkoutAttributes.invoice"
-        [attr.payment-hash]="checkoutAttributes['payment-hash']"
-        [attr.amount-msats]="checkoutAttributes['amount-msats']"
-        [attr.status]="checkoutAttributes.status"
-        [attr.expires-at]="checkoutAttributes['expires-at']"
-        [attr.lookup-url]="checkoutAttributes['lookup-url']"
-        [attr.theme]="checkoutAttributes.theme"
-        [attr.payment-wizard]="checkoutAttributes['payment-wizard']"
-        (openreceive-copy)="onCheckoutEvent(openReceiveEvents.copy, $event)"
-        (openreceive-open-wallet)="onCheckoutEvent(openReceiveEvents.openWallet, $event)"
-        (openreceive-state)="onCheckoutEvent(openReceiveEvents.state, $event)"
-        (openreceive-settled)="onCheckoutEvent(openReceiveEvents.settled, $event)"
-        (openreceive-error)="onCheckoutEvent(openReceiveEvents.error, $event)"
-        (openreceive-provider-copy)="onCheckoutEvent(openReceiveEvents.providerCopy, $event)"
-      ></openreceive-checkout>
-    </section>
-  `
-})(CheckoutComponent);
-
-CheckoutComponent.prototype.openReceiveEvents = OPENRECEIVE_CHECKOUT_ELEMENT_EVENTS;