@stapel/listings-react 0.23.0 → 0.25.0

package/dist/default/ListingSerpCard.js

@@ -3,14 +3,14 @@ import { Card, Flex, Typography, theme as antdTheme } from "antd";
 import { SkinTheme } from "@stapel/tokens-antd/skin";
 import { useT } from "@stapel/core";
 import { fontSize, spacing } from "@stapel/tokens";
-import { FeatureBadges } from "@stapel/attributes-react/default";
-import { asFeatureDaoList, featuresDtoFromDaoList, featuresFromDaoList, } from "../model/features.js";
+import { asFeatureDaoList } from "../model/features.js";
 import { lifecycleCaption } from "../model/status.js";
 import { isListingViewed } from "../model/engagement.js";
 import { useEngagedListing } from "../headless/Engagement.js";
 import { LISTINGS_I18N_KEYS } from "../i18n/keys.js";
 import { PriceTrendIcon } from "./icons.js";
 import { FavoriteHeart } from "./favorite.js";
+import { CardBadges, CardSpecLine } from "./CardBadges.js";
 import { CARD_FRAME_CLASS, CARD_MAIN_CLASS, CARD_MEDIA_CLASS, CARD_QUERY_CLASS, CARD_TARGET_STYLE_HREF, CARD_HOVER_CLASS, CARD_VIEWED_CLASS, CardTarget, cardTargetCss, } from "./ListingCard.js";
 import { ListingPhotoStrip } from "./ListingPhoto.js";
 import { ListingPrice } from "./ListingPrice.js";
@@ -32,8 +32,6 @@ export function ListingSerpCard(props) {
     const copy = props.categoryFeatures !== undefined
         ? { categoryFeatures: props.categoryFeatures }
         : {};
-    const badgeFeatures = featuresFromDaoList(badgeDaos, copy);
-    const badgeValues = featuresDtoFromDaoList(badgeDaos);
     // The fallback spec line when the host derived none: the row's own
     // `features_title` projection, exactly the line `ListingCard` draws.
     const titleDaos = props.specsLine !== undefined && props.specsLine.length > 0
@@ -65,7 +63,7 @@ export function ListingSerpCard(props) {
                     ["--listing-card-hover-shadow"]: token.boxShadowSecondary,
                 }, children: _jsx("div", { className: CARD_QUERY_CLASS, children: _jsxs("div", { className: CARD_FRAME_CLASS, style: { gap: spacing[3] }, children: [_jsx("div", { className: CARD_MEDIA_CLASS, children: _jsx(ListingPhotoStrip, { images: photos, title: title.length > 0 ? title : String(listing.id), testId: "listings-serp-photos" }) }), _jsx("div", { className: CARD_MAIN_CLASS, children: _jsxs(Flex, { gap: spacing[3], align: "flex-start", children: [_jsxs(Flex, { vertical: true, gap: spacing[1], style: BODY, children: [_jsxs(CardTarget, { ...openProps(props), listingId: listing.id, label: targetLabel, testId: "listings-serp-open", bodyTestId: "listings-serp-body", children: [props.badge, _jsxs(Flex, { align: "center", gap: spacing[2], wrap: true, children: [_jsx(Typography.Text, { strong: true, style: { fontSize: fontSize.xl.fontSize }, "data-testid": "listings-serp-price", children: _jsx(ListingPrice, { amount: listing.price, ...currency }) }), priceTrend !== undefined && (_jsx(PriceTrendIcon, { direction: priceTrend.direction, label: t(priceTrend.direction === "down"
                                                                         ? LISTINGS_I18N_KEYS.cardPriceDropped
-                                                                        : LISTINGS_I18N_KEYS.cardPriceRaised) }))] }), priceTrend !== undefined && (_jsxs(Flex, { align: "baseline", gap: spacing[1], "data-testid": "listings-serp-old-price", children: [_jsx(Typography.Text, { type: "secondary", children: t(LISTINGS_I18N_KEYS.cardPriceWas) }), _jsx(Typography.Text, { type: "secondary", delete: true, children: _jsx(ListingPrice, { amount: priceTrend.oldPrice, ...currency }) })] })), _jsx(Typography.Text, { "data-testid": "listings-serp-title", children: title }), props.specsLine !== undefined && props.specsLine.length > 0 ? (_jsx(Typography.Text, { type: "secondary", ellipsis: true, "data-testid": "listings-serp-specs", children: props.specsLine })) : titleDaos.length > 0 ? (_jsx(Typography.Text, { type: "secondary", ellipsis: true, "data-testid": "listings-serp-specs", children: _jsx(FeatureBadges, { features: featuresFromDaoList(titleDaos, copy).map((view) => view.feature), values: featuresDtoFromDaoList(titleDaos) }) })) : null, badgeFeatures.length > 0 ? (_jsx(FeatureBadges, { features: badgeFeatures.map((view) => view.feature), values: badgeValues })) : null] }), props.sellerSlot ?? null, listing.location_label !== undefined &&
+                                                                        : LISTINGS_I18N_KEYS.cardPriceRaised) }))] }), priceTrend !== undefined && (_jsxs(Flex, { align: "baseline", gap: spacing[1], "data-testid": "listings-serp-old-price", children: [_jsx(Typography.Text, { type: "secondary", children: t(LISTINGS_I18N_KEYS.cardPriceWas) }), _jsx(Typography.Text, { type: "secondary", delete: true, children: _jsx(ListingPrice, { amount: priceTrend.oldPrice, ...currency }) })] })), _jsx(Typography.Text, { "data-testid": "listings-serp-title", children: title }), props.specsLine !== undefined && props.specsLine.length > 0 ? (_jsx(Typography.Text, { type: "secondary", ellipsis: true, "data-testid": "listings-serp-specs", children: props.specsLine })) : (_jsx(CardSpecLine, { rows: titleDaos, copy: copy, testId: "listings-serp-specs" })), _jsx(CardBadges, { rows: badgeDaos, copy: copy, variant: "badges" })] }), props.sellerSlot ?? null, listing.location_label !== undefined &&
                                                     listing.location_label.length > 0 ? (_jsx(Typography.Text, { type: "secondary", "data-testid": "listings-serp-location", children: listing.location_label })) : null] }), rail] }) })] }) }) })] }));
 }
 /**

package/dist/default/ListingSerpCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingSerpCard.js","sourceRoot":"","sources":["../../src/default/ListingSerpCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListingSerpCard.js","sourceRoot":"","sources":["../../src/default/ListingSerpCard.tsx"],"names":[],"mappings":"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"}

package/dist/default/ListingSpecList.d.ts

@@ -0,0 +1,74 @@
+/**
+ * The listing page's spec rows ("Characteristics"), as SENTENCES.
+ *
+ * ── What was on screen, and why a table was the wrong shape ───────────────
+ *
+ * The list was `<Descriptions column={1}>`: a real two-column table, label
+ * cell beside value cell. On a phone — and in the split layout's half-width
+ * left column — the value cell is narrow, so a long answer ("Trim level",
+ * a full trim name, a two-line address) wrapped INSIDE it and stacked under
+ * itself in a column a third of the page wide, beside acres of empty label
+ * gutter. A spec row is not tabular data that a reader scans down one axis;
+ * it is a short question and its answer, and it reads as a line of text.
+ *
+ * So the label is an inline `<span>`, muted, and the value follows it in the
+ * SAME text flow. A long value now wraps as a paragraph — full measure,
+ * hanging under the label — and a short one costs one line instead of a row
+ * of a table.
+ *
+ * ── The two-column grid that survives is a grid of ROWS ───────────────────
+ *
+ * The split layout still puts two columns of spec rows side by side on a wide
+ * screen, because a forty-row list under a photograph is a scroll nobody
+ * finishes. What is gone is the label being its own COLUMN: the columns hold
+ * whole rows, cut by row count so the category's declaration order still
+ * reads top-to-bottom, left column first. `<ListingSpecColumns>` is that cut,
+ * kept here beside the row it cuts.
+ *
+ * ── Units and digits ─────────────────────────────────────────────────────
+ *
+ * Every value goes through `formatSpecValue` rather than the shared
+ * `formatFeatureValue`: same answer, typeset — the unit appended and the
+ * digits grouped by the reader's locale. `model/featureText.ts` says where
+ * the unit comes from and why there is no `unit` key to read it from.
+ */
+import type { CSSProperties, ReactElement } from "react";
+import type { FeatureDef, FeatureValueDto } from "@stapel/attributes-react";
+/** The class one spec row carries. */
+export declare const SPEC_ROW_CLASS = "stapel-listing-spec-row";
+/** The class the row's inline label carries. */
+export declare const SPEC_LABEL_CLASS = "stapel-listing-spec-label";
+/** The `href` the hoisted spec stylesheet is deduplicated by. */
+export declare const SPEC_STYLE_HREF = "stapel-listings-spec";
+/**
+ * The rules an inline style cannot express — the label's own colour is set
+ * per-instance as a custom property so ONE hoisted copy serves either theme.
+ *
+ * `display: inline` on the label is the whole fix and is stated rather than
+ * inherited: antd's `<Text>` renders a `<span>`, but a skin that retunes it
+ * to a block would silently put the table back.
+ */
+export declare function specListCss(): string;
+export interface ListingSpecListProps {
+    /** The category's features, in the order they are declared. */
+    readonly features: readonly FeatureDef[];
+    /** The DISPLAY envelope — redacted stubs included, which is what makes a
+     * withheld row keep its place. */
+    readonly values: Readonly<Record<string, FeatureValueDto>>;
+    /** The surface's own test id, so a split page holding two columns of these
+     * does not hand a test two elements under one name. */
+    readonly testId?: string;
+    readonly style?: CSSProperties;
+}
+export declare function ListingSpecList(props: ListingSpecListProps): ReactElement;
+/**
+ * The same rows in TWO columns on a wide screen — a grid of whole rows, cut
+ * by row count so the category's declaration order still reads top-to-bottom,
+ * left column first.
+ *
+ * The cut is here rather than inside the list because a CSS `columns` rule
+ * would break a wrapped paragraph across the column boundary, which is
+ * exactly the defect the paragraph shape was adopted to avoid.
+ */
+export declare function ListingSpecColumns(props: ListingSpecListProps): ReactElement;
+//# sourceMappingURL=ListingSpecList.d.ts.map

package/dist/default/ListingSpecList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingSpecList.d.ts","sourceRoot":"","sources":["../../src/default/ListingSpecList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAazD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG5E,sCAAsC;AACtC,eAAO,MAAM,cAAc,4BAA4B,CAAC;AACxD,gDAAgD;AAChD,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,iEAAiE;AACjE,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD;;;;;;;GAOG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAWpC;AAED,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE,SAAS,UAAU,EAAE,CAAC;IACzC;sCACkC;IAClC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAC3D;2DACuD;IACvD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAaD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAwDzE;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA0B5E"}

package/dist/default/ListingSpecList.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, theme as antdTheme } from "antd";
+import { SkinTheme } from "@stapel/tokens-antd/skin";
+import { useI18n, useT } from "@stapel/core";
+import { spacing } from "@stapel/tokens";
+import { ATTRIBUTES_I18N_KEYS, featureName, featureType, isRedactedValue, isValuePresent, isValueVerified, } from "@stapel/attributes-react";
+import { formatSpecValue } from "../model/featureText.js";
+/** The class one spec row carries. */
+export const SPEC_ROW_CLASS = "stapel-listing-spec-row";
+/** The class the row's inline label carries. */
+export const SPEC_LABEL_CLASS = "stapel-listing-spec-label";
+/** The `href` the hoisted spec stylesheet is deduplicated by. */
+export const SPEC_STYLE_HREF = "stapel-listings-spec";
+/**
+ * The rules an inline style cannot express — the label's own colour is set
+ * per-instance as a custom property so ONE hoisted copy serves either theme.
+ *
+ * `display: inline` on the label is the whole fix and is stated rather than
+ * inherited: antd's `<Text>` renders a `<span>`, but a skin that retunes it
+ * to a block would silently put the table back.
+ */
+export function specListCss() {
+    return [
+        // A paragraph, not a table row. `margin: 0` because the gap between rows
+        // is the list's, so a row can be lifted into a grid cell unchanged.
+        `.${SPEC_ROW_CLASS}{margin:0;min-inline-size:0;overflow-wrap:anywhere}`,
+        `.${SPEC_LABEL_CLASS}{display:inline;color:var(--listing-spec-label)}`,
+        // The one space between the question and the answer, owned by the label
+        // rather than written as a text node — a `{" "}` between two JSX elements
+        // is the kind of whitespace a formatter deletes.
+        `.${SPEC_LABEL_CLASS}::after{content:"\\00a0"}`,
+    ].join("");
+}
+/**
+ * A withheld value's row: what the system OBSERVED, and nothing more — the
+ * same three states `@stapel/attributes-react` prints, said with its own
+ * copy keys so the two lists cannot drift into two different sentences.
+ */
+function redactedText(dto, t) {
+    if (!isValuePresent(dto))
+        return t(ATTRIBUTES_I18N_KEYS.valueNotSet);
+    if (isValueVerified(dto))
+        return t(ATTRIBUTES_I18N_KEYS.valueVerified);
+    return t(ATTRIBUTES_I18N_KEYS.valueProvided);
+}
+export function ListingSpecList(props) {
+    const t = useT();
+    const { locale } = useI18n();
+    const { token } = antdTheme.useToken();
+    // A `header` is a section caption in a FORM, not a value: it has none, and
+    // a spec table that printed one would print "not specified" under it.
+    const rows = props.features.filter((feature) => featureType(feature) !== "header");
+    return (_jsxs(SkinTheme, { surface: "bare", children: [_jsx("style", { href: SPEC_STYLE_HREF, precedence: "default", children: specListCss() }), _jsx("div", { "data-testid": props.testId ?? "listings-spec-list", style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: spacing[1],
+                    minWidth: 0,
+                    ["--listing-spec-label"]: token.colorTextSecondary,
+                    ...props.style,
+                }, children: rows.map((feature) => {
+                    const dto = props.values[feature.slug];
+                    const redacted = isRedactedValue(dto);
+                    const text = redacted
+                        ? redactedText(dto, t)
+                        : (formatSpecValue(feature, dto, { t, locale }) ??
+                            t(dto === undefined || featureType(feature) === undefined
+                                ? ATTRIBUTES_I18N_KEYS.valueNotSet
+                                : ATTRIBUTES_I18N_KEYS.valueUnreadable));
+                    return (_jsxs("p", { className: SPEC_ROW_CLASS, "data-testid": `listings-spec-row-${feature.slug}`, children: [_jsx(Typography.Text, { type: "secondary", className: SPEC_LABEL_CLASS, "data-testid": `listings-spec-label-${feature.slug}`, children: featureName(feature) }), _jsx("span", { "data-testid": `listings-spec-value-${feature.slug}`, children: text })] }, feature.slug));
+                }) })] }));
+}
+/**
+ * The same rows in TWO columns on a wide screen — a grid of whole rows, cut
+ * by row count so the category's declaration order still reads top-to-bottom,
+ * left column first.
+ *
+ * The cut is here rather than inside the list because a CSS `columns` rule
+ * would break a wrapped paragraph across the column boundary, which is
+ * exactly the defect the paragraph shape was adopted to avoid.
+ */
+export function ListingSpecColumns(props) {
+    const half = Math.ceil(props.features.length / 2);
+    return (_jsxs("div", { "data-testid": props.testId ?? "listings-detail-specs-split", style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+            gap: spacing[4],
+            alignItems: "start",
+        }, children: [_jsx(ListingSpecList, { features: props.features.slice(0, half), values: props.values, testId: "listings-spec-list" }), props.features.length > half ? (_jsx(ListingSpecList, { features: props.features.slice(half), values: props.values, testId: "listings-spec-list-second" })) : null] }));
+}
+//# sourceMappingURL=ListingSpecList.js.map

package/dist/default/ListingSpecList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingSpecList.js","sourceRoot":"","sources":["../../src/default/ListingSpecList.tsx"],"names":[],"mappings":"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"}

package/dist/default/cardGallery.d.ts

@@ -0,0 +1,81 @@
+import type { PointerEvent as ReactPointerEvent, RefObject } from "react";
+/** The class the gallery's own box carries — see {@link cardGalleryCss}. */
+export declare const CARD_GALLERY_CLASS = "stapel-listing-gallery";
+/** The `href` the hoisted gallery stylesheet is deduplicated by. */
+export declare const CARD_GALLERY_STYLE_HREF = "stapel-listings-card-gallery";
+/** The environment a hover scrub is allowed in, and the only one. */
+export declare const SCRUB_MEDIA = "(hover: hover) and (pointer: fine)";
+/**
+ * How far a finger travels before it has said "photo", in CSS pixels.
+ *
+ * Under this, a drag is a tap that wobbled — and a tap on a card is a
+ * navigation, so a low threshold does not change a photograph, it changes one
+ * and then leaves the listing.
+ */
+export declare const SWIPE_MIN_PX = 32;
+/**
+ * How much more horizontal than vertical a drag must be to count.
+ *
+ * 1.2 rather than 1: a thumb scrolling a feed travels a few degrees off
+ * vertical, and a bare `|dx| > |dy|` comparison hands the gesture to the
+ * gallery on the first pixel where the wobble wins.
+ */
+export declare const SWIPE_AXIS_RATIO = 1.2;
+/**
+ * Which of `count` equal segments the pointer is over.
+ *
+ * Clamped at both ends: `offsetX` can be reported one pixel past the box's
+ * own width, and an index of `count` is a photograph that does not exist.
+ */
+export declare function segmentIndex(offsetX: number, width: number, count: number): number;
+/**
+ * A drag → the number of photographs it asks for: `1` forward, `-1` back, `0`
+ * for a drag that has not declared horizontal intent.
+ *
+ * Dragging LEFT advances, the direction the content moves under the finger —
+ * the same mapping the native scroller has.
+ */
+export declare function swipeStep(dx: number, dy: number): -1 | 0 | 1;
+/** Does this environment have a real pointer? `false` where there is no
+ * `matchMedia` to ask (a server render, an old jsdom), which is the safe
+ * side: a scrub that does not happen costs a hover, a scrub on a phone is a
+ * photograph that changes when nobody touched it. */
+export declare function hasFinePointer(): boolean;
+/**
+ * {@link hasFinePointer}, as state.
+ *
+ * It opens `false` and settles in an effect rather than reading the media
+ * query during render: a server render has no `matchMedia`, and a first
+ * client render that disagreed with it is a hydration mismatch on every card
+ * on the page. Nothing is drawn differently either way — the flag only gates
+ * a gesture — so the one frame it costs is invisible.
+ */
+export declare function useFinePointer(): boolean;
+/** The handlers and the box reference a gallery hands its media well. */
+export interface CardGallery {
+    readonly ref: RefObject<HTMLDivElement | null>;
+    /** The photograph currently on screen. */
+    readonly active: number;
+    /** True while a pointer is scrubbing — the box publishes it so the strip's
+     * smooth-scroll can be switched off for the duration. */
+    readonly scrubbing: boolean;
+    readonly onPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    readonly onPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    readonly onPointerUp: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    readonly onPointerCancel: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    readonly onPointerLeave: (event: ReactPointerEvent<HTMLDivElement>) => void;
+}
+/**
+ * The gallery gestures for a media well holding `count` photographs.
+ *
+ * A well with one photograph gets an inert bag: every handler returns
+ * immediately, so a grid of forty single-photo tiles pays for nothing.
+ */
+export declare function useCardGallery(count: number): CardGallery;
+/**
+ * The rules an inline style cannot reach: they apply to the STRIP inside the
+ * carousel, which this package renders through a component and does not hold
+ * a handle on.
+ */
+export declare function cardGalleryCss(): string;
+//# sourceMappingURL=cardGallery.d.ts.map

package/dist/default/cardGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardGallery.d.ts","sourceRoot":"","sources":["../../src/default/cardGallery.ts"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,2BAA2B,CAAC;AAC3D,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,qEAAqE;AACrE,eAAO,MAAM,WAAW,uCAAuC,CAAC;AAEhE;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIlF;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAK5D;AAED;;;qDAGqD;AACrD,wBAAgB,cAAc,IAAI,OAAO,CAOxC;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI,OAAO,CA0BxC;AAED,yEAAyE;AACzE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB;6DACyD;IACzD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7E;AAoBD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CA0EzD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAevC"}

package/dist/default/cardGallery.js

@@ -0,0 +1,266 @@
+/**
+ * The card gallery's two gestures — the ones a classified is expected to have
+ * and this pair did not.
+ *
+ * ── Hover scrub, on a device that has a pointer ──────────────────────────
+ *
+ * A card with six photographs showed one, and the only way to the other five
+ * was to open the listing. Every mature classified answers this the same way:
+ * the media box is divided into N equal segments, and the segment the cursor
+ * is over IS the photograph on screen. Six photos become six glances and no
+ * clicks, and the pointer leaving puts the first photo back — the card must
+ * be in the same state after a hover as before one, or a grid of forty tiles
+ * becomes forty different tiles depending on where a cursor happened to pass.
+ *
+ * It is gated on `(hover: hover) and (pointer: fine)` and on a `mouse`
+ * pointer type, both, and the two gates are not redundant: the media query
+ * says the DEVICE has a real pointer, the pointer type says THIS gesture came
+ * from it. A touch laptop answers `hover: hover` and still delivers finger
+ * events, and a scrub driven by a finger dragging across the box is the
+ * gesture below wearing the wrong costume.
+ *
+ * ── Swipe, on a device that does not ─────────────────────────────────────
+ *
+ * A finger gets the same six photographs by swiping horizontally, one photo
+ * per swipe, in either direction.
+ *
+ * The rule that matters is the one about the OTHER axis: a card is a small
+ * box inside a long scrolling feed, and a gesture layer that treats every
+ * touch as its own turns the page into something that will not scroll. So
+ * the strip declares `touch-action: pan-y` — the browser keeps the vertical
+ * axis, unconditionally, and can never be argued out of it — and this hook
+ * only acts on a drag that has declared horizontal INTENT: past
+ * {@link SWIPE_MIN_PX}, and further across than down by
+ * {@link SWIPE_AXIS_RATIO}. A diagonal thumb scrolling the feed changes no
+ * photograph.
+ *
+ * ── What neither gesture touches ─────────────────────────────────────────
+ *
+ * The keyboard, and the card's single link target. The strip underneath is
+ * still `<SkinCarousel>`: a real scroll container, a tab stop, arrow-key
+ * scrollable, with the slides in the document and its own dots reporting the
+ * position. Both gestures below work by SCROLLING it — they set no state the
+ * strip does not already publish — so what a keyboard reaches, what a screen
+ * reader reads and what the dots say are unchanged, and the card stays one
+ * anchor with one accessible name.
+ */
+import { useCallback, useEffect, useRef, useState } from "react";
+/** The class the gallery's own box carries — see {@link cardGalleryCss}. */
+export const CARD_GALLERY_CLASS = "stapel-listing-gallery";
+/** The `href` the hoisted gallery stylesheet is deduplicated by. */
+export const CARD_GALLERY_STYLE_HREF = "stapel-listings-card-gallery";
+/** The environment a hover scrub is allowed in, and the only one. */
+export const SCRUB_MEDIA = "(hover: hover) and (pointer: fine)";
+/**
+ * How far a finger travels before it has said "photo", in CSS pixels.
+ *
+ * Under this, a drag is a tap that wobbled — and a tap on a card is a
+ * navigation, so a low threshold does not change a photograph, it changes one
+ * and then leaves the listing.
+ */
+export const SWIPE_MIN_PX = 32;
+/**
+ * How much more horizontal than vertical a drag must be to count.
+ *
+ * 1.2 rather than 1: a thumb scrolling a feed travels a few degrees off
+ * vertical, and a bare `|dx| > |dy|` comparison hands the gesture to the
+ * gallery on the first pixel where the wobble wins.
+ */
+export const SWIPE_AXIS_RATIO = 1.2;
+/**
+ * Which of `count` equal segments the pointer is over.
+ *
+ * Clamped at both ends: `offsetX` can be reported one pixel past the box's
+ * own width, and an index of `count` is a photograph that does not exist.
+ */
+export function segmentIndex(offsetX, width, count) {
+    if (count <= 1 || width <= 0)
+        return 0;
+    const raw = Math.floor((offsetX / width) * count);
+    return Math.min(count - 1, Math.max(0, raw));
+}
+/**
+ * A drag → the number of photographs it asks for: `1` forward, `-1` back, `0`
+ * for a drag that has not declared horizontal intent.
+ *
+ * Dragging LEFT advances, the direction the content moves under the finger —
+ * the same mapping the native scroller has.
+ */
+export function swipeStep(dx, dy) {
+    const across = Math.abs(dx);
+    if (across < SWIPE_MIN_PX)
+        return 0;
+    if (across <= Math.abs(dy) * SWIPE_AXIS_RATIO)
+        return 0;
+    return dx < 0 ? 1 : -1;
+}
+/** Does this environment have a real pointer? `false` where there is no
+ * `matchMedia` to ask (a server render, an old jsdom), which is the safe
+ * side: a scrub that does not happen costs a hover, a scrub on a phone is a
+ * photograph that changes when nobody touched it. */
+export function hasFinePointer() {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function")
+        return false;
+    try {
+        return window.matchMedia(SCRUB_MEDIA).matches;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * {@link hasFinePointer}, as state.
+ *
+ * It opens `false` and settles in an effect rather than reading the media
+ * query during render: a server render has no `matchMedia`, and a first
+ * client render that disagreed with it is a hydration mismatch on every card
+ * on the page. Nothing is drawn differently either way — the flag only gates
+ * a gesture — so the one frame it costs is invisible.
+ */
+export function useFinePointer() {
+    const [fine, setFine] = useState(false);
+    useEffect(() => {
+        if (typeof window === "undefined" || typeof window.matchMedia !== "function")
+            return;
+        let query;
+        try {
+            query = window.matchMedia(SCRUB_MEDIA);
+        }
+        catch {
+            return;
+        }
+        setFine(query.matches);
+        const onChange = (event) => {
+            setFine(event.matches);
+        };
+        // `addEventListener` is the modern spelling; Safari < 14 has only
+        // `addListener`, and a card grid that throws on mount there is worse than
+        // one that never notices a device changing its pointer.
+        if (typeof query.addEventListener === "function") {
+            query.addEventListener("change", onChange);
+            return () => {
+                query.removeEventListener("change", onChange);
+            };
+        }
+        return;
+    }, []);
+    return fine;
+}
+/** Scroll the strip inside `box` so that slide `index` is at its leading
+ * edge. Rectangles rather than `scrollLeft / slideWidth`, for the reason
+ * `SkinCarousel`'s own `nearestSlideIndex` gives: the arithmetic version has
+ * to know the gap, the peek and the writing direction. */
+function showSlide(box, index, instant) {
+    const strip = box.querySelector("[data-stapel-carousel-strip]");
+    if (strip === null)
+        return;
+    const slide = strip.children.item(index);
+    if (slide === null)
+        return;
+    const left = slide.getBoundingClientRect().left - strip.getBoundingClientRect().left + strip.scrollLeft;
+    if (typeof strip.scrollTo === "function") {
+        strip.scrollTo({ left, behavior: instant ? "auto" : "smooth" });
+    }
+    else {
+        strip.scrollLeft = left;
+    }
+}
+/**
+ * The gallery gestures for a media well holding `count` photographs.
+ *
+ * A well with one photograph gets an inert bag: every handler returns
+ * immediately, so a grid of forty single-photo tiles pays for nothing.
+ */
+export function useCardGallery(count) {
+    const ref = useRef(null);
+    const [active, setActive] = useState(0);
+    const [scrubbing, setScrubbing] = useState(false);
+    // The origin of the drag in progress, or `null`. A ref rather than state:
+    // it changes on every move and no render depends on it.
+    const origin = useRef(null);
+    const fine = useFinePointer();
+    const many = count > 1;
+    // The one place the strip is driven. `active` is the whole state of both
+    // gestures, so neither handler talks to the DOM.
+    useEffect(() => {
+        const box = ref.current;
+        if (box === null || !many)
+            return;
+        showSlide(box, active, scrubbing);
+    }, [active, scrubbing, many]);
+    const onPointerMove = useCallback((event) => {
+        if (!many)
+            return;
+        if (event.pointerType === "mouse") {
+            if (!fine)
+                return;
+            const box = ref.current;
+            if (box === null)
+                return;
+            const rect = box.getBoundingClientRect();
+            setScrubbing(true);
+            setActive(segmentIndex(event.clientX - rect.left, rect.width, count));
+            return;
+        }
+        const from = origin.current;
+        if (from === null)
+            return;
+        const step = swipeStep(event.clientX - from.x, event.clientY - from.y);
+        if (step === 0)
+            return;
+        // The origin moves with the commit, so a long drag walks the strip one
+        // photograph per threshold rather than one per gesture.
+        origin.current = { x: event.clientX, y: event.clientY };
+        setScrubbing(false);
+        setActive((current) => Math.min(count - 1, Math.max(0, current + step)));
+    }, [count, fine, many]);
+    const onPointerDown = useCallback((event) => {
+        if (!many || event.pointerType === "mouse")
+            return;
+        origin.current = { x: event.clientX, y: event.clientY };
+    }, [many]);
+    const endDrag = useCallback(() => {
+        origin.current = null;
+    }, []);
+    const onPointerLeave = useCallback(() => {
+        origin.current = null;
+        if (!many)
+            return;
+        // The card goes back to the photograph it was drawn with. A hover is a
+        // look, not an edit.
+        setScrubbing(false);
+        setActive(0);
+    }, [many]);
+    return {
+        ref,
+        active,
+        scrubbing,
+        onPointerMove,
+        onPointerDown,
+        onPointerUp: endDrag,
+        onPointerCancel: endDrag,
+        onPointerLeave,
+    };
+}
+/**
+ * The rules an inline style cannot reach: they apply to the STRIP inside the
+ * carousel, which this package renders through a component and does not hold
+ * a handle on.
+ */
+export function cardGalleryCss() {
+    const box = `.${CARD_GALLERY_CLASS}`;
+    return [
+        // THE VERTICAL AXIS IS THE BROWSER'S, and is not negotiable: a card is a
+        // small box in a long feed, and the one unacceptable outcome of a gallery
+        // gesture is a page that will not scroll. `pan-y` says so at the platform
+        // level, where no handler can argue with it, and takes the horizontal
+        // axis for the swipe above.
+        `${box} [data-stapel-carousel-strip]{touch-action:pan-y}`,
+        // A per-pixel scrub must not animate: the strip's own `scroll-behavior:
+        // smooth` is right for a swipe committing one photograph and turns a
+        // cursor sweep into a queue of easing curves finishing after the pointer
+        // has left.
+        `${box}[data-scrubbing="true"] [data-stapel-carousel-strip]{scroll-behavior:auto}`,
+    ].join("");
+}
+//# sourceMappingURL=cardGallery.js.map

package/dist/default/cardGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardGallery.js","sourceRoot":"","sources":["../../src/default/cardGallery.ts"],"names":[],"mappings":"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"}

package/dist/default/index.d.ts

@@ -53,6 +53,12 @@ export { LifecycleTag, ListingStatusBlock, ModerationNote } from "./StatusTags.j
 export type { ListingStatusProps } from "./StatusTags.js";
 export { ListingPhoto, ListingPhotoStrip, LISTING_PHOTO_ASPECT, } from "./ListingPhoto.js";
 export type { ListingPhotoProps } from "./ListingPhoto.js";
+export { ListingSpecColumns, ListingSpecList, specListCss, } from "./ListingSpecList.js";
+export type { ListingSpecListProps } from "./ListingSpecList.js";
+export { CardBadges, CardSpecLine } from "./CardBadges.js";
+export type { CardBadgesProps } from "./CardBadges.js";
+export { SWIPE_AXIS_RATIO, SWIPE_MIN_PX, cardGalleryCss, hasFinePointer, segmentIndex, swipeStep, useCardGallery, } from "./cardGallery.js";
+export type { CardGallery } from "./cardGallery.js";
 export { SignInLink } from "./SignInLink.js";
 export type { SignInLinkProps } from "./SignInLink.js";
 export type { CategoryFeaturesProp, ThemeModeProp } from "./types.js";