@htmlbricks/hb-checkout 0.66.20 → 0.66.24

package/manifest.json

@@ -453,7 +453,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-qDZE40OBkbTqn9CTc9GhYNRsOqtE4QOPtwGmapfULUQWiaB19x9uUhOW57xPes+I",
+  "iifeIntegrity": "sha384-RLecj5fC5LOy7kuaTzu2Egk27XDyAf8iO7Y7QQ//VFJsRs4ebLHZwIO8b6ORSeeG",
   "screenshots": [],
   "licenses": [
     {
@@ -473,5 +473,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-checkout",
-  "version": "0.66.20"
+  "version": "0.66.24"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-checkout",
-  "version": "0.66.20",
+  "version": "0.66.24",
   "contributors": [],
   "description": "End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), shipment method choice, optional card form, Google Pay (`@google-pay/button-element`), and PayPal via `hb-payment-paypal` according to `gateways` and `payment` JSON. Parses string props into objects, merges card networks defaults, and tracks `completed` to switch between editable steps and a read-only confirmation summary with events for payment and form submissions.",
   "licenses": [
@@ -12,6 +12,14 @@
     }
   ],
   "main": "main.iife.js",
+  "types": "./types/html-elements.d.ts",
+  "exports": {
+    ".": "./main.iife.js",
+    "./package.json": "./package.json",
+    "./types/html-elements": "./types/html-elements.d.ts",
+    "./types/svelte-elements": "./types/svelte-elements.d.ts",
+    "./types/webcomponent.type": "./types/webcomponent.type.d.ts"
+  },
   "dependencies": {},
   "publishConfig": {
     "access": "public"

package/types/html-elements.d.ts

@@ -0,0 +1,58 @@
+/**
+ * DOM typings for `hb-checkout`. Attribute values are strings (objects/arrays as JSON strings).
+ * Generated — do not edit by hand.
+ */
+import type { Component, Events } from "./webcomponent.type";
+
+type DomKeys = keyof HTMLElement;
+type HbComponentAttrs = {
+  [K in keyof Component as K extends DomKeys ? never : K]?: string;
+};
+
+/**
+ * Re-declare listener methods so custom `Events` overloads are compatible with
+ * `HTMLElement` (subclass methods must remain assignable to the base signatures).
+ */
+export interface HbCheckoutElement
+  extends Omit<HTMLElement, "addEventListener" | "removeEventListener">,
+    HbComponentAttrs {
+  addEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener<K extends keyof Events & string>(
+    type: K,
+    listener: (this: this, ev: CustomEvent<Events[K]>) => void,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+
+  removeEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof Events & string>(
+    type: K,
+    listener: (this: this, ev: CustomEvent<Events[K]>) => void,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "hb-checkout": HbCheckoutElement;
+  }
+}
+
+export {};

package/types/svelte-elements.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Svelte template typings for `hb-checkout` (`SvelteHTMLElements`).
+ * — Host attributes from `Component` (optional strings).
+ * — Custom events from `Events`: `on` + event key, optional `capture` suffix, or quoted `'on:'` + key (same pattern as built-in DOM events in Svelte).
+ * Generated — do not edit by hand.
+ * Requires dependency on `svelte` (for `svelte/elements`).
+ */
+import type { HTMLAttributes } from "svelte/elements";
+import type { Component, Events } from "./webcomponent.type";
+
+type DomKeys = keyof HTMLElement;
+type HbSvelteAttrs = {
+  [K in keyof Component as K extends DomKeys ? never : K]?: string;
+};
+
+/** `detail` matches `Events[K]`; `currentTarget` is the host element. */
+type HbSvelteCustomEventHandler<TDetail> = (
+  event: CustomEvent<TDetail> & { currentTarget: EventTarget & HTMLElement }
+) => any;
+
+type HbSvelteEventAttrs = {
+  [K in keyof Events & string as `on${K}`]?: HbSvelteCustomEventHandler<Events[K]>;
+} & {
+  [K in keyof Events & string as `on${K}capture`]?: HbSvelteCustomEventHandler<Events[K]>;
+} & {
+  [K in keyof Events & string as `on:${K}`]?: HbSvelteCustomEventHandler<Events[K]>;
+};
+
+declare module "svelte/elements" {
+  export interface SvelteHTMLElements {
+    "hb-checkout": HTMLAttributes<HTMLElement> & HbSvelteAttrs & HbSvelteEventAttrs;
+  }
+}
+
+export {};