@nymbalhq/web-components 1.1.0 → 1.3.0

package/dist/elements/nymbal-review-form.js.map

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

package/dist/elements/nymbal-review-list.d.ts

@@ -0,0 +1,14 @@
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+import '@nymbalhq/sdk';
+
+/** A product's reviews, each with its rating, date, title and text; an invitation when there are none. */
+declare class NymbalReviewList extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    reviews: unknown;
+    protected render(): lit.TemplateResult<1>;
+}
+
+export { NymbalReviewList };

package/dist/elements/nymbal-review-list.js

@@ -0,0 +1,10 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalReviewList
+} from "../chunk-7JAAOVCE.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalReviewList
+};
+//# sourceMappingURL=nymbal-review-list.js.map

package/dist/elements/nymbal-review-list.js.map

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

package/dist/elements/nymbal-search-bar.d.ts

@@ -0,0 +1,19 @@
+import * as _nymbalhq_sdk from '@nymbalhq/sdk';
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+
+declare class NymbalSearchBar extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    private debounceTimer;
+    private selectedIndex;
+    protected stores(): _nymbalhq_sdk.SearchStore[];
+    protected render(): lit.TemplateResult<1>;
+    private handleInput;
+    private handleKeydown;
+    private select;
+    disconnectedCallback(): void;
+}
+
+export { NymbalSearchBar };

package/dist/elements/nymbal-search-bar.js

@@ -0,0 +1,10 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalSearchBar
+} from "../chunk-4COVK727.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalSearchBar
+};
+//# sourceMappingURL=nymbal-search-bar.js.map

package/dist/elements/nymbal-search-bar.js.map

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

package/dist/elements/nymbal-search-results.d.ts

@@ -0,0 +1,29 @@
+import * as _nymbalhq_sdk from '@nymbalhq/sdk';
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+import { NymbalProductCard } from './nymbal-product-card.js';
+
+/**
+ * The search store's results: the term, a grid of `nymbal-product-card`s, the no-term and no-results states, and load
+ * more. The page owns the term and the category (the URL and the search input) and searches; this renders the answer.
+ */
+declare class NymbalSearchResults extends NymbalElement {
+    static schema: ElementSchema;
+    static uses: (typeof NymbalProductCard)[];
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    results: unknown;
+    query: string | undefined;
+    protected stores(): _nymbalhq_sdk.SearchStore[];
+    protected storeSettled(): void;
+    /**
+     * The results a server gave while they stand (`given`), else the search store's; with neither, no search. Given
+     * results are shown whether or not the server named their term.
+     */
+    private shown;
+    private empty;
+    private body;
+    protected render(): lit.TemplateResult<1>;
+}
+
+export { NymbalSearchResults };

package/dist/elements/nymbal-search-results.js

@@ -0,0 +1,14 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalSearchResults
+} from "../chunk-RAOGZH3Z.js";
+import "../chunk-RZVFA3N5.js";
+import "../chunk-RVSKX2RX.js";
+import "../chunk-GHXTJ2CF.js";
+import "../chunk-LO2EW5YP.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalSearchResults
+};
+//# sourceMappingURL=nymbal-search-results.js.map

package/dist/elements/nymbal-search-results.js.map

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

package/dist/elements/nymbal-site-footer.d.ts

@@ -0,0 +1,15 @@
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+import '@nymbalhq/sdk';
+
+/** The store's footer: columns of links (or a line of text) under their headings, and the copyright line. */
+declare class NymbalSiteFooter extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    columns: unknown;
+    year: number | undefined;
+    protected render(): lit.TemplateResult<1>;
+}
+
+export { NymbalSiteFooter };

package/dist/elements/nymbal-site-footer.js

@@ -0,0 +1,11 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalSiteFooter
+} from "../chunk-FIF6GQ6U.js";
+import "../chunk-LO2EW5YP.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalSiteFooter
+};
+//# sourceMappingURL=nymbal-site-footer.js.map

package/dist/elements/nymbal-site-footer.js.map

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

package/dist/elements/nymbal-site-header.d.ts

@@ -0,0 +1,19 @@
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+import '@nymbalhq/sdk';
+
+/**
+ * The store's header: the logo, the navigation (behind a toggle on a narrow screen, with no script needed), the
+ * account link, and the page's search bar and mini-cart in its `search` and `cart` slots.
+ */
+declare class NymbalSiteHeader extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    links: unknown;
+    logo: string | undefined;
+    accountHref: string | undefined;
+    protected render(): lit.TemplateResult<1>;
+}
+
+export { NymbalSiteHeader };

package/dist/elements/nymbal-site-header.js

@@ -0,0 +1,11 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalSiteHeader
+} from "../chunk-W23P7SI4.js";
+import "../chunk-LO2EW5YP.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalSiteHeader
+};
+//# sourceMappingURL=nymbal-site-header.js.map

package/dist/elements/nymbal-site-header.js.map

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

package/dist/elements/nymbal-sort-dropdown.d.ts

@@ -0,0 +1,28 @@
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+import '@nymbalhq/sdk';
+
+/**
+ * <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>` child (a server render's, so the sort works before JS) is slotted
+ * and is the one it fills; with none, it renders its own `part="select"`.
+ */
+declare class NymbalSortDropdown extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    private _wired;
+    /** A slotted `<select>`; a server's element has no light DOM to read, so it renders its own. */
+    private slottedSelect;
+    private select;
+    /** The keys to offer, and the one shown: `value` when offered, else `default-sort`, else the first. */
+    private choice;
+    private label;
+    /** Its own select renders its options, so a server render offers them too. */
+    protected render(): lit.TemplateResult<1>;
+    protected updated(): void;
+    private handleChange;
+}
+
+export { NymbalSortDropdown };

package/dist/elements/nymbal-sort-dropdown.js

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

package/dist/elements/nymbal-sort-dropdown.js.map

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

package/dist/elements/nymbal-stock-badge.d.ts

@@ -0,0 +1,16 @@
+import * as lit from 'lit';
+import { nothing } from 'lit';
+import { ElementSchema } from '../index.js';
+import { N as NymbalVariantElement } from '../selected-variant-Dym0shlJ.js';
+import '@nymbalhq/sdk';
+
+/** A product page's stock level (`@nymbalhq/types`' rule): the selected variant's once the store holds this product. */
+declare class NymbalStockBadge extends NymbalVariantElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    stock: number | undefined;
+    protected render(): typeof nothing | lit.TemplateResult<1>;
+}
+
+export { NymbalStockBadge };

package/dist/elements/nymbal-stock-badge.js

@@ -0,0 +1,11 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  NymbalStockBadge
+} from "../chunk-O2YKCDR2.js";
+import "../chunk-UYSZOEOA.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+export {
+  NymbalStockBadge
+};
+//# sourceMappingURL=nymbal-stock-badge.js.map

package/dist/elements/nymbal-stock-badge.js.map

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

package/dist/elements/nymbal-toast.d.ts

@@ -0,0 +1,18 @@
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+import '@nymbalhq/sdk';
+
+type ToastType = 'success' | 'error' | 'warning' | 'info';
+declare class NymbalToast extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    private _items;
+    connectedCallback(): void;
+    show(message: string, type?: ToastType): void;
+    private dismiss;
+    protected render(): unknown;
+    static showGlobal(message: string, type?: ToastType): void;
+}
+
+export { NymbalToast };

package/dist/elements/nymbal-toast.js

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

package/dist/elements/nymbal-toast.js.map

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

package/dist/elements/nymbal-variant-selector.d.ts

@@ -0,0 +1,16 @@
+import * as _nymbalhq_sdk from '@nymbalhq/sdk';
+import * as lit from 'lit';
+import { NymbalElement, ElementSchema } from '../index.js';
+
+declare class NymbalVariantSelector extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    product: unknown;
+    protected stores(): _nymbalhq_sdk.ProductStore[];
+    protected storeSettled(): void;
+    protected render(): lit.TemplateResult<1> | lit.TemplateResult<1>[];
+    private choose;
+}
+
+export { NymbalVariantSelector };

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 };