@nymbalhq/web-components 1.1.0 → 1.2.0

package/dist/elements/nymbal-variant-selector.js

@@ -0,0 +1,10 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalVariantSelector
+} from "../chunk-H3ZBYNHV.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalVariantSelector
+};
+//# sourceMappingURL=nymbal-variant-selector.js.map

package/dist/elements/nymbal-variant-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form-element-C-qo3gpD.d.ts

@@ -0,0 +1,25 @@
+import { TemplateResult, nothing } from 'lit';
+import { N as NymbalElement } from './base-element-CPMgAdyQ.js';
+
+/**
+ * A view whose form makes one SDK call per submission. `requestSubmit()` and Enter still fire `submit` while the
+ * button is disabled, so the pending flag, not the button, is the guard.
+ */
+declare abstract class NymbalFormElement extends NymbalElement {
+    protected pending: boolean;
+    protected error: string | null;
+    protected notice: string | null;
+    /** Keeps the submit disabled after a success, for a form whose page navigates away on it. */
+    protected readonly lockOnSuccess: boolean;
+    /** Reads the fields and makes the call; it must call the SDK before its first `await`. */
+    protected abstract send(): Promise<void>;
+    /** The error text a refusal shows. */
+    protected failureText(err: unknown): string;
+    protected readonly onSubmit: (event: Event) => void;
+    private settle;
+    protected value(name: string): string;
+    protected emit(name: string, detail: unknown): void;
+    protected renderError(): TemplateResult | typeof nothing;
+}
+
+export { NymbalFormElement as N };

package/dist/hydrate-support.d.ts

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

package/dist/hydrate-support.js

@@ -0,0 +1,3 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import "./chunk-UCEVCLQ7.js";
+//# sourceMappingURL=hydrate-support.js.map

package/dist/hydrate-support.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -1,161 +1,42 @@
-import { NymbalClient, PaymentConfirmContext, PaymentConfirmation } from '@nymbalhq/sdk';
+import { NymbalClient } from '@nymbalhq/sdk';
+export { E as ElementAttributeType, a as ElementSchema, N as NymbalElement, b as NymbalElementClass, d as define } from './base-element-CPMgAdyQ.js';
+export { N as NymbalPaymentElement, P as PaymentElementStatus } from './nymbal-payment-element-Bt8EF42T.js';
+export { registerComponents } from './register-components.js';
+export { NymbalAddToCart } from './elements/nymbal-add-to-cart.js';
+export { NymbalCartDrawer } from './elements/nymbal-cart-drawer.js';
+export { NymbalMiniCart } from './elements/nymbal-mini-cart.js';
+export { NymbalVariantSelector } from './elements/nymbal-variant-selector.js';
+export { NymbalQuantitySelector } from './elements/nymbal-quantity-selector.js';
+export { NymbalSearchBar } from './elements/nymbal-search-bar.js';
+export { NymbalProductFilter } from './elements/nymbal-product-filter.js';
+export { NymbalToast } from './elements/nymbal-toast.js';
+export { NymbalSortDropdown } from './elements/nymbal-sort-dropdown.js';
+export { NymbalCartPage } from './elements/nymbal-cart-page.js';
+export { N as NymbalProductCard } from './nymbal-product-card-C8HkE_rG.js';
+export { NymbalSearchResults } from './elements/nymbal-search-results.js';
+export { NymbalLoginForm } from './elements/nymbal-login-form.js';
+export { NymbalRegisterForm } from './elements/nymbal-register-form.js';
+export { NymbalProfileForm } from './elements/nymbal-profile-form.js';
+export { NymbalAddressForm } from './elements/nymbal-address-form.js';
+export { NymbalAddressBook } from './elements/nymbal-address-book.js';
+export { NymbalCheckout } from './elements/nymbal-checkout.js';
+export { NymbalProductGrid } from './elements/nymbal-product-grid.js';
+export { NymbalProductPrice } from './elements/nymbal-product-price.js';
+export { NymbalStockBadge } from './elements/nymbal-stock-badge.js';
+export { NymbalBreadcrumb } from './elements/nymbal-breadcrumb.js';
+export { NymbalImageGallery } from './elements/nymbal-image-gallery.js';
+export { NymbalSiteHeader } from './elements/nymbal-site-header.js';
+export { NymbalSiteFooter } from './elements/nymbal-site-footer.js';
+export { NymbalCategoryNav } from './elements/nymbal-category-nav.js';
+export { NymbalReviewList } from './elements/nymbal-review-list.js';
+export { NymbalReviewForm } from './elements/nymbal-review-form.js';
+export { NymbalOrderSummary } from './elements/nymbal-order-summary.js';
+import 'lit';
+import './form-element-C-qo3gpD.js';
+import '@nymbalhq/types';
+import './selected-variant-Dym0shlJ.js';
 
 declare function registerClient(client: NymbalClient): void;
 declare function getClient(): NymbalClient;
 
-/** `HTMLElement`, or a stand-in on a server, where the module is imported but no element is ever made. */
-declare const HTMLElementBase$1: {
-    new (): HTMLElement;
-    prototype: HTMLElement;
-};
-declare abstract class NymbalElement extends HTMLElementBase$1 {
-    private _unsubs;
-    private _renderQueued;
-    protected get client(): NymbalClient;
-    protected subscribeToStore(store: {
-        subscribe(fn: () => void): () => void;
-    }): void;
-    protected requestRender(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected abstract setup(): void;
-    protected abstract render(): void;
-}
-
-declare function injectStyles(tagName: string, css: string): void;
-
-declare class NymbalAddToCart extends NymbalElement {
-    static get observedAttributes(): string[];
-    private button;
-    protected setup(): void;
-    protected render(): void;
-    attributeChangedCallback(): void;
-    private handleClick;
-}
-
-declare class NymbalCartDrawer extends NymbalElement {
-    static get observedAttributes(): string[];
-    private readonly handleItemAdded;
-    private readonly handleMiniCartClicked;
-    protected setup(): void;
-    disconnectedCallback(): void;
-    open(): void;
-    close(): void;
-    toggle(): void;
-    protected render(): void;
-    attributeChangedCallback(): void;
-    private esc;
-    private formatPrice;
-}
-
-declare class NymbalMiniCart extends NymbalElement {
-    protected setup(): void;
-    protected render(): void;
-}
-
-declare class NymbalVariantSelector extends NymbalElement {
-    protected setup(): void;
-    protected render(): void;
-    private getOptionGroups;
-    private esc;
-}
-
-declare class NymbalQuantitySelector extends NymbalElement {
-    static get observedAttributes(): string[];
-    private _value;
-    protected setup(): void;
-    private bounds;
-    protected render(): void;
-    attributeChangedCallback(name: string): void;
-    private emitChange;
-}
-
-declare class NymbalSearchBar extends NymbalElement {
-    static get observedAttributes(): string[];
-    private debounceTimer;
-    private selectedIndex;
-    protected setup(): void;
-    protected render(): void;
-    private select;
-    attributeChangedCallback(): void;
-    disconnectedCallback(): void;
-    /** Escapes a value for both text and quoted-attribute contexts. */
-    private esc;
-    private formatPrice;
-}
-
-/**
- * The facet filter. By default it reads the `facets` attribute and filters the product list. With `source="search"`
- * it renders the search's own facets and narrows the search to one category: choosing an option selects it, choosing
- * the selected option again clears it.
- */
-declare class NymbalProductFilter extends NymbalElement {
-    static get observedAttributes(): string[];
-    protected setup(): void;
-    protected render(): void;
-    private renderSearch;
-    private isSearch;
-    attributeChangedCallback(): void;
-    private getFacets;
-    private esc;
-}
-
-declare const HTMLElementBase: {
-    new (): HTMLElement;
-    prototype: HTMLElement;
-};
-declare class NymbalToast extends HTMLElementBase {
-    static get observedAttributes(): string[];
-    connectedCallback(): void;
-    show(message: string, type?: 'success' | 'error' | 'warning' | 'info'): void;
-    private dismiss;
-    static showGlobal(message: string, type?: 'success' | 'error' | 'warning' | 'info'): void;
-}
-
-/** `pending` while a driver mounts; `error` when no payment can be taken, which a checkout must not submit past. */
-type PaymentElementStatus = 'pending' | 'ready' | 'error';
-/**
- * <nymbal-payment-element client='<json>'>: renders the payments adapter's client half (GET /api/capabilities'
- * `payments.client`) through the driver the SDK registry holds under its `driver` name, and confirms a payment
- * through it. It emits `nymbal:payment:status` whenever `status` changes.
- */
-declare class NymbalPaymentElement extends HTMLElementBase$1 {
-    static get observedAttributes(): string[];
-    private _status;
-    private _error;
-    private _driver;
-    private _mounted;
-    private _rendered;
-    private _generation;
-    get status(): PaymentElementStatus;
-    connectedCallback(): void;
-    attributeChangedCallback(): void;
-    /**
-     * Completes a payment the API left `requires_action`, once the driver has mounted, handing the driver the
-     * checkout's `context`; the driver's answer as is.
-     */
-    confirm(clientSecret: string, context?: PaymentConfirmContext): Promise<PaymentConfirmation>;
-    private render;
-    private fail;
-    private setStatus;
-}
-
-/**
- * <nymbal-sort-dropdown sort-keys='[…]' value default-sort>: one option per sort key the store reports, in its order,
- * labelled from PRODUCT_SORT_LABELS. A `value` the keys lack shows `default-sort`. Choosing an option emits
- * `nymbal:sort:changed` with `{ sort }`. A `<select>` already inside it (a server render's) is the one it fills.
- */
-declare class NymbalSortDropdown extends HTMLElementBase$1 {
-    static get observedAttributes(): string[];
-    private _select;
-    /** The key the dropdown shows. */
-    get value(): string;
-    connectedCallback(): void;
-    attributeChangedCallback(): void;
-    private selectElement;
-    private render;
-}
-
-declare function registerComponents(): void;
-
-export { NymbalAddToCart, NymbalCartDrawer, NymbalElement, NymbalMiniCart, NymbalPaymentElement, NymbalProductFilter, NymbalQuantitySelector, NymbalSearchBar, NymbalSortDropdown, NymbalToast, NymbalVariantSelector, type PaymentElementStatus, getClient, injectStyles, registerClient, registerComponents };
+export { getClient, registerClient };