@syntrologie/adapt-product 2.8.0-canary.621 → 2.8.0-canary.622

package/dist/cdn.js

@@ -1,7 +1,7 @@
 import {
   onActivate,
   runtime
-} from "./chunk-ZMAJFIEM.js";
+} from "./chunk-R4IIL3AD.js";
 import "./chunk-E2PP64GL.js";
 
 // src/cdn.ts

package/dist/{chunk-ZMAJFIEM.js → chunk-R4IIL3AD.js}

@@ -4912,9 +4912,8 @@ function standinMonogram(name) {
 function presentationFromContext(el) {
   let node = el;
   while (node) {
-    if (node instanceof Element && node.getAttribute("data-product-presentation") === "double") {
-      return "double";
-    }
+    const named = node instanceof Element ? node.getAttribute("data-product-presentation") : null;
+    if (named === "double" || named === "tall") return named;
     const parent = node.parentNode;
     node = parent instanceof ShadowRoot ? parent.host : parent;
   }
@@ -5833,7 +5832,7 @@ var CARD_FLIP_CSS = `
     .sc-product-card [data-card-flip] { animation: none; }
   }
 `;
-var _effectExecutor, _controller, _unsubDevice, _double, _lastFailureFingerprint, _reportedHealthStates, _healthRaf, _ProductCardLit_instances, scheduleHealthCheck_fn, measureAndReportHealth_fn, cleanupHostResources_fn, dispatchCard_fn, _onFlipAnimationEnd, startBind_fn, renderVariantPanel_fn, readProductObservation_fn, syncDecisionInputsBeforeIntent_fn;
+var _effectExecutor, _controller, _unsubDevice, _double, _tall, _lastFailureFingerprint, _reportedHealthStates, _healthRaf, _ProductCardLit_instances, scheduleHealthCheck_fn, measureAndReportHealth_fn, cleanupHostResources_fn, dispatchCard_fn, _onFlipAnimationEnd, startBind_fn, renderVariantPanel_fn, readProductObservation_fn, syncDecisionInputsBeforeIntent_fn;
 var ProductCardLit = class extends LitElement8 {
   constructor() {
     super(...arguments);
@@ -5863,6 +5862,10 @@ var ProductCardLit = class extends LitElement8 {
      *  double-wide render branch: front face and options side by side, options
      *  pinned open. */
     __privateAdd(this, _double, false);
+    /** Set once at connect, like `#double`, from `data-product-presentation="tall"`:
+     *  the canvas gives the card all the height it needs, so a compact card puts
+     *  its price in the content column instead of on the photo. */
+    __privateAdd(this, _tall, false);
     /** Fingerprint of the last reported schema-validation failure (sorted
      *  invalid paths). Guards `render_failed` telemetry against re-render spam:
      *  the same bad props re-rendering must not re-emit. Reset on a successful
@@ -5907,7 +5910,9 @@ var ProductCardLit = class extends LitElement8 {
   }
   connectedCallback() {
     super.connectedCallback();
-    __privateSet(this, _double, presentationFromContext(this) === "double");
+    const presentation = presentationFromContext(this);
+    __privateSet(this, _double, presentation === "double");
+    __privateSet(this, _tall, presentation === "tall");
     if (__privateGet(this, _double)) __privateMethod(this, _ProductCardLit_instances, dispatchCard_fn).call(this, { type: "options-pinned", pinned: true });
     __privateMethod(this, _ProductCardLit_instances, dispatchCard_fn).call(this, { type: "reconnected" });
     __privateMethod(this, _ProductCardLit_instances, dispatchCard_fn).call(this, {
@@ -5990,7 +5995,8 @@ var ProductCardLit = class extends LitElement8 {
       visibleFacts,
       ctasWithMorphedLabel,
       onPrimaryCtaClick,
-      !view.primaryCta.disabled
+      !view.primaryCta.disabled,
+      !__privateGet(this, _tall)
     );
     const backFace = __privateMethod(this, _ProductCardLit_instances, renderVariantPanel_fn).call(this, view, product, {
       pinned: false,
@@ -6028,6 +6034,7 @@ _effectExecutor = new WeakMap();
 _controller = new WeakMap();
 _unsubDevice = new WeakMap();
 _double = new WeakMap();
+_tall = new WeakMap();
 _lastFailureFingerprint = new WeakMap();
 _reportedHealthStates = new WeakMap();
 _healthRaf = new WeakMap();
@@ -6265,7 +6272,7 @@ function _buildArticleStyles(density, face = "front") {
     overflow: "hidden"
   };
 }
-function renderProductCardInner(product, density, resolved, visibleFacts, ctas, onPrimaryCtaClick, commerceAvailable = true) {
+function renderProductCardInner(product, density, resolved, visibleFacts, ctas, onPrimaryCtaClick, commerceAvailable = true, priceOnPhoto = true) {
   const imgSrc = resolved?.image ?? product.image?.src;
   const showFraming = density === "standard" && product.framing;
   const specGroups = buildSpecGroups(product);
@@ -6657,7 +6664,7 @@ function renderProductCardInner(product, density, resolved, visibleFacts, ctas,
             >(${product.rating.count.toLocaleString()})</span
           >
         </div>` : nothing4;
-  const priceOverlay = overlay && isVisible("price") && (product.price || product.salePrice) ? html9`<div
+  const priceOverlay = overlay && priceOnPhoto && isVisible("price") && (product.price || product.salePrice) ? html9`<div
           class="sc-product-card__price sc-product-card__price--overlay"
           data-product-price
           style=${styleMap(overlayPriceStyles)}
@@ -6833,7 +6840,7 @@ function renderProductCardInner(product, density, resolved, visibleFacts, ctas,
     >
     ${factOrder.map((key) => {
     if (key === "price") {
-      if (overlay) return nothing4;
+      if (overlay && priceOnPhoto) return nothing4;
       if (!isVisible("price") || !product.price && !product.salePrice) return nothing4;
       return html9`<div
           class="sc-product-card__price"
@@ -12056,4 +12063,4 @@ export {
   runtime,
   runtime_default
 };
-//# sourceMappingURL=chunk-ZMAJFIEM.js.map
+//# sourceMappingURL=chunk-R4IIL3AD.js.map