@dropins/storefront-pdp 0.4.0-alpha1 → 0.4.0-alpha2

package/components/Product/Product.d.ts

@@ -23,6 +23,8 @@ export interface ProductProps extends Omit<HTMLAttributes<HTMLDivElement>, 'titl
     actions?: VNode;
     quantity?: VNode;
     carouselConfig?: ProductCarouselConfig;
+    zoomType?: 'zoom' | 'overlay';
+    closeButton?: boolean;
 }
 export declare const Product: FunctionComponent<ProductProps>;
 export {};

package/components/Zoom/Zoom.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, VNode } from 'preact';
+
+export interface ZoomProps {
+    children: VNode[] | VNode;
+    scale?: number;
+    closeButton?: boolean;
+}
+export declare const Zoom: FunctionComponent<ZoomProps>;
+//# sourceMappingURL=Zoom.d.ts.map

package/components/Zoom/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './Zoom';
+export { Zoom as default } from './Zoom';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -19,4 +19,5 @@ export * from './GalleryGrid';
 export * from './PriceRange';
 export * from './Overlay';
 export * from './Swatches';
+export * from './Zoom';
 //# sourceMappingURL=index.d.ts.map

package/containers/ProductDetails/ProductDetails.d.ts

@@ -74,6 +74,8 @@ export interface ProductDetailsProps extends HTMLAttributes<HTMLDivElement> {
     optionsConfig?: OptionsConfig;
     useACDL?: boolean;
     onAddToCart?: (values: Values) => void;
+    zoomType: 'zoom' | 'overlay';
+    closeButton?: boolean;
 }
 export declare const ProductDetails: Container<ProductDetailsProps, ProductModel | null>;
 export {};

package/containers/ProductDetails.js

@@ -1 +1 @@
-import*as pe from"@dropins/tools/preact-compat.js";import{useState as X,Children as ae,useRef as ye,useMemo as we,useEffect as z,useCallback as Z}from"@dropins/tools/preact-compat.js";import{debounce as De,classes as g,VComponent as V,toLanguageTag as Le,Slot as j}from"@dropins/tools/lib.js";import{Button as Pe,Icon as ve,Price as Se,Picker as He,ColorSwatch as Ve,ImageSwatch as qe,TextSwatch as je,Incrementer as Ge,Breadcrumbs as ze,Image as ke}from"@dropins/tools/components.js";import{jsxs as H,jsx as r,Fragment as fe}from"@dropins/tools/preact-jsx-runtime.js";import{useText as q}from"@dropins/tools/i18n.js";import{c as xe,d as $e}from"../chunks/getRefinedProduct.js";import{events as Ne}from"@dropins/tools/event-bus.js";import{c as Be}from"../chunks/initialize.js";import"@dropins/tools/fetch-graphql.js";const Fe=e=>pe.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},pe.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),Ke=e=>pe.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},pe.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),pe.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),Qe=24,ge=16,me=2,Je="32";var Me=(e=>(e[e.small=16]="small",e[e.medium=24]="medium",e[e.large=64]="large",e))(Me||{});const be=({show:e=1,scrollbar:d=!1,peak:u=!1,arrows:_=!1,controls:p="dots",arrowsOnMainImage:A=!1,loop:o=!1,gap:w=null,direction:l="horizontal",width:K="100%",height:a="100%",defaultIndex:m=0,className:B,children:T,thumbnails:Y=null,isZoomed:ie,...b})=>{const N=q("PDP.Carousel.label").label,n=q("PDP.Carousel.Slide.label").label,f=q("PDP.Carousel.Previous.label").label,I=q("PDP.Carousel.Next.label").label,M=q("PDP.Carousel.Controls.label").label,S=q("PDP.Carousel.Controls.Button.label").label,[t,re]=X(()=>Ie(e)),k=Math.ceil(ae.count(T)/t),x=u?Qe:0,C=w?Me[w]:0,F=ae.count(T)%t,[v,le]=X(o?m+1:m),ne=ye([]),[ce,se]=X(0),[ee,he]=X(0),de=we(()=>ae.toArray(Y),[Y]),E=we(()=>{const c=ae.toArray(T).reduce((h,L,D)=>D%t===0?[...h,[L]]:[...h.slice(0,-1),[...h[h.length-1],L]],[]);return!o||c.length===1?c:o&&ae.count(T)%t===0?[c[k-1]].concat(c).concat([c[0],c[1]]):[ae.toArray(T).slice(-t)].concat(c).concat([c[0],c[1]])},[T,t,k,o]),W=ye(null),Q=ye(null),$=p==="thumbnailsRow"||p==="thumbnailsColumn";z(()=>{const c=document.body,h=De(()=>{var R,te;se(((R=W.current)==null?void 0:R.offsetWidth)??0),he(((te=W.current)==null?void 0:te.offsetHeight)??0);const D=window.innerWidth,U=Ie(e,D);U!==t&&re(U)},50),L=new ResizeObserver(h);return L.observe(c),()=>{L.unobserve(c)}},[t,e]);const i=Z(c=>{const h=o?c-1:c,L=ne==null?void 0:ne.current[0],D=(L==null?void 0:L.offsetWidth)+ge,U=(L==null?void 0:L.offsetHeight)+ge,R=Q.current,te=p==="thumbnailsRow",Ae=p==="thumbnailsColumn",oe=te?R==null?void 0:R.offsetWidth:R==null?void 0:R.offsetHeight,G=te?D:U;(te||Ae)&&oe&&(G*(h+1)>oe&&(R.style.scrollBehavior="smooth",te?R.scrollLeft=(h+me)*G:R.scrollTop=(h+me)*G),(te?R.scrollLeft:R.scrollTop)>G*h&&(R.style.scrollBehavior="smooth",te?R.scrollLeft=(h-me)*G:R.scrollTop=(h-me)*G))},[p,o]);z(()=>{i(v)},[v,i]);const s=Z((c,h,L)=>{$&&i(c);const D=W.current,U=x?D.offsetWidth-x:D.offsetWidth-x+C;if(!Array.from(D.querySelectorAll("[data-index]")).filter(oe=>{const G=Number(oe.getAttribute("data-index"));return!isNaN(G)&&G>-1})[c])return;if(L){const oe=c===0?k:0,G=U*(k+(F||t)/t);if(D.scrollLeft>=0&&D.scrollLeft<U-5){s(1,!0);return}if(D.scrollLeft>G-U&&D.scrollLeft<=G){s(k,!0);return}D.style.scrollBehavior="auto",D.scrollLeft=oe===0?0:G,s(oe===0?1:k,!0);return}const Ae=(D.offsetWidth-C)/t*E[c].length-x;D.style.scrollBehavior=h?"smooth":"auto",D.scrollLeft=E[c].length===t?U*c:U*(c-1)+Ae},[C,k,x,t,F,E,i,p]),P=Z(()=>{if(o){const h=v-1;s(h,!0,v===1);return}const c=v<=0?0:v-1;s(c,!0)},[v,s,o]),y=Z(()=>{const c=E.length-1;if(o){const L=v+1;s(L,!0,v===k);return}const h=v>=c?c:v+1;s(h,!0)},[E.length,o,v,s,k]);z(()=>{const c=h=>{h.key==="ArrowLeft"&&(h.preventDefault(),P()),h.key==="ArrowRight"&&(h.preventDefault(),y())};return window.addEventListener("keydown",c),()=>{window.removeEventListener("keydown",c)}},[y,P]),z(()=>{s(o?m+1:m,!1)},[m,s,o]);const O=De(()=>{const c=W.current,h=x?c.offsetWidth-x:c.offsetWidth-x+C,L=c.scrollLeft/h,D=Math.round(L)-L<1?Math.round(L):Math.ceil(L);if($&&i(D),o){const U=h*(k+(F||t)/t);if(Math.ceil(c.scrollLeft)>=Math.ceil(U)-5){c.style.scrollBehavior="auto",c.scrollLeft=c.offsetWidth*1+(Math.ceil(c.scrollLeft)-Math.ceil(U)-x);return}if(c.scrollLeft===0){c.style.scrollBehavior="auto",c.scrollLeft=U-c.offsetWidth+x;return}}v!==D&&le(D)},100);z(()=>{const c=W.current;return c==null||c.addEventListener("scroll",O),()=>{c==null||c.removeEventListener("scroll",O)}},[O]);const J=(c,h,L)=>r(Pe,{className:g([["pdp-carousel__button",!c],[`pdp-carousel__button--${h}`,!c],[`pdp-carousel__button--${p}`,c]]),style:{"--height":`${ee}px`},variant:"tertiary","aria-label":h==="next"?I:f,onClick:L,disabled:o?!1:h==="next"?v>=E.length-1:v<1,children:r(ve,{className:g([["pdp-carousel__button__icon",!c],[`pdp-carousel__button__icon--${h}`,!c],[`pdp-carousel__button__icon--${p}--${h}`,c]]),size:Je,source:Fe})}),ue=_&&E.length!=1&&J($,"prev",P),_e=_&&E.length!=1&&J($,"next",y),We=_&&E.length!=1&&J(!1,"prev",P),Ue=_&&E.length!=1&&J(!1,"next",y);return H("div",{role:"region","aria-roledescription":N,className:g(["pdp-carousel",["pdp-carousel--main-image-controls",A],["pdp-carousel--arrows",_&&!$],[`pdp-carousel--${p}`,$],B]),style:{"--flex-carousel":p==="thumbnailsColumn"?"row-reverse":"column","--gap":$?"0":"var(--spacing-small)","--width":K},...b,children:[r("div",{ref:W,className:g(["pdp-carousel__wrapper",`pdp-carousel__wrapper--${l}`,["pdp-carousel__wrapper--scrollbar",d],["pdp-carousel__wrapper--peak",u]]),style:{"--total-width":p==="thumbnailsColumn"?"81.6%":"100%","--height":p==="thumbnailsColumn"?"auto":a,"--gap":w?`var(--spacing-${w})`:"0px","--per-page":t},tabIndex:0,children:E.map((c,h)=>{const L=c.length<t;return r("div",{role:"group","aria-roledescription":n,"data-index":h,className:g(["pdp-carousel__slide",`pdp-carousel__slide--${l}`,["pdp-carousel__slide--active",v===h],["pdp-carousel__slide--orphan",L]]),style:{"--length":c.length},children:c},h)})}),!$&&H(fe,{children:[ue,_e]}),$&&A&&H(fe,{children:[We,Ue]}),p&&E.length!=1&&H("div",{className:g([[`pdp-carousel__controls__container--${p}`,$],["pdp-carousel__controls__container--no-arrows",!_||A]]),style:{"--width":p==="thumbnailsRow"?`${ce}px`:K,"--height":`${ee}px`,"--nr-thumbnails":de.length},children:[($||ie)&&!A&&ue,r("div",{ref:Q,className:g([[`pdp-carousel__controls__wrapper--${p}`,$],["pdp-carousel__controls__wrapper",$]]),children:r("div",{role:"group","aria-label":M,className:g(["pdp-carousel__controls",[`pdp-carousel__controls--${p}`,$]]),children:(o?E.slice(0,k):E).map((c,h)=>{const L=o?k:E.length,D=o?v-1===h:v===h;return $?H("label",{className:g(["pdp-carousel__thumbnail__container"]),ref:U=>{U&&(ne.current[h]=U)},children:[r("input",{type:"radio",name:"carousel-thumbnails","aria-label":S.replace("{key}",String(h+1)).replace("{total}",String(L)),checked:D&&ce!==0,onChange:()=>{s(o?h+1:h,!0)},...b,className:g(["pdp-carousel__thumbnail",["pdp-carousel__thumbnail--selected",D&&ce!==0]])}),r("span",{className:g(["pdp-carousel__thumbnail__span"]),children:de[h]})]},h):r("button",{"aria-label":S.replace("{key}",String(h+1)).replace("{total}",String(L)),onClick:()=>{s(o?h+1:h,!0)},className:g(["pdp-carousel__controls__button",["pdp-carousel__controls__button--active",D]])},h)})})}),($||ie)&&!A&&_e]})]})};function Ie(e,d=0){if(typeof e=="number")return e;const{small:u,medium:_,large:p}=e,o=[{breakpoint:1024,value:p},{breakpoint:786,value:_},{breakpoint:0,value:u}].find(({breakpoint:w})=>d>w);return o?o.value:u}const Xe=({title:e,breadcrumbs:d,galleryContent:u,infoContent:_,productContent:p,sku:A,outOfStock:o,shortDescription:w,description:l,attributes:K,images:a,options:m,price:B,specialPrice:T,className:Y,children:ie,quantity:b,actions:N,carouselConfig:n,...f})=>{var F,v,le,ne,ce,se,ee,he,de;const I=q("PDP.Product.RegularPrice.label").label,M=q("PDP.Product.SpecialPrice.label").label,S=q("PDP.Product.OutOfStock.label").label,t=q("PDP.Product.Image.label").label,[re,k]=X(null),x=a!=null&&a.length?a.map((E,W)=>{var Q;return r(V,{node:E,loading:W===0?"eager":"lazy",alt:((Q=e==null?void 0:e.props)==null?void 0:Q.children)&&(t==null?void 0:t.replace("{product}",e.props.children.toString()).replace("{key}",String(W+1)).replace("{total}",String(a.length))),onClick:()=>k(W)},W)}):r("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),C=(F=n==null?void 0:n.thumbnails)!=null&&F.length?n.thumbnails.map((E,W)=>{var Q;return r(V,{node:E,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((Q=e==null?void 0:e.props)==null?void 0:Q.children)&&(t==null?void 0:t.replace("{product}",e.props.children.toString()).replace("{key}",String(W+1)).replace("{total}",String(a.length)))},W)}):r("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return H("div",{...f,className:g(["pdp-product",Y]),children:[d&&r(V,{node:d,className:"pdp-product__breadcrumbs"}),H("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[r("div",{className:"pdp-product__column-body",children:(v=n==null?void 0:n.controls)!=null&&v.desktop?r(be,{className:"pdp-product__overlay__carousel",arrows:(a==null?void 0:a.length)>1,controls:(a==null?void 0:a.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(a==null?void 0:a.length)>1,peak:((le=n==null?void 0:n.thumbnails)==null?void 0:le.length)>1&&((ne=n==null?void 0:n.peak)==null?void 0:ne.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:re||0,thumbnails:C,children:x}):r(Ze,{className:"pdp-product__images",gap:"small",children:x})}),u&&r(V,{node:u,className:"pdp-product__gallery-content"})]}),H("div",{className:"pdp-product__column-container pdp-product__content-column",children:[H("div",{className:"pdp-product__column-body",children:[H("div",{className:"pdp-product__header",children:[e&&r(V,{node:e,className:"pdp-product__title"}),A&&r(V,{node:A,className:"pdp-product__sku"})]}),H("div",{className:"pdp-product__prices",children:[T&&r(V,{node:T,className:g(["pdp-product__price-special","pdp-product__price"]),"aria-label":M,role:"text"}),B&&r(V,{node:B,className:g(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":I,role:"text"})]}),(ce=n==null?void 0:n.controls)!=null&&ce.mobile&&((se=n==null?void 0:n.controls)==null?void 0:se.mobile)==="thumbnailsRow"?r(be,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(a==null?void 0:a.length)>1,controls:(a==null?void 0:a.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(a==null?void 0:a.length)>1,peak:((ee=n==null?void 0:n.thumbnails)==null?void 0:ee.length)>1&&((he=n==null?void 0:n.peak)==null?void 0:he.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:C,children:x}):r(be,{className:"pdp-product__images pdp-product__images--carousel",peak:((de=n==null?void 0:n.peak)==null?void 0:de.mobile)&&(a==null?void 0:a.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(a==null?void 0:a.length)>1,controls:(a==null?void 0:a.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(a==null?void 0:a.length)>1,children:x}),H("div",{className:g(["pdp-product__actions",["pdp-product__actions--out-of-stock",o]]),children:[o&&r("div",{className:"pdp-product__out-of-stock__text",children:S}),m&&r(V,{node:m,className:g(["pdp-product__options"])}),b&&r("div",{className:"pdp-product__quantity",children:r(V,{node:b})}),N&&r(V,{node:N,className:g(["pdp-product__buttons"])})]}),w&&r(V,{node:w,className:g(["pdp-product__short_description"])}),l&&r(V,{node:l,className:g(["pdp-product__description"])}),K?r("div",{className:"pdp-product__attributes",children:K}):null]}),_&&r(V,{node:_,className:"pdp-product__info-content"})]}),p&&r(V,{node:p,className:"pdp-product__content"}),re===null?null:r(Ye,{className:"pdp-product__overlay",onClose:()=>k(null),centered:!0,children:r(be,{className:"pdp-product__overlay__carousel",arrows:(a==null?void 0:a.length)>1,width:"100%",height:"100%",defaultIndex:re||0,loop:(n==null?void 0:n.loopable)&&(a==null?void 0:a.length)>1,controls:(a==null?void 0:a.length)>1?"dots":null,isZoomed:!0,children:x})})]})},Ze=({children:e,gap:d=null,className:u,style:_,...p})=>{const A=ae.count(e);return r("div",{...p,className:g(["pdp-gallery-grid",u]),style:{"--gap":d?`var(--spacing-${d})`:"0px",..._},children:ae.map(e,(o,w)=>r("div",{className:"pdp-gallery-grid__item",children:r(V,{node:o,loading:w===0?"eager":"lazy"},o.props.src)},A+w))})},Ee=({amount:e,currency:d,locale:u,variant:_,sale:p,minimumAmount:A,maximumAmount:o,className:w,...l})=>r(fe,{children:e||A===o?r("div",{className:"pdp-price-range",...l,children:r(Se,{amount:e||A,currency:d,locale:u,variant:_,sale:p,className:w})}):H("div",{className:"pdp-price-range",...l,children:[r(Se,{amount:A,currency:d,locale:u,className:w}),r("span",{className:"pdp-price-range__label",children:"-"}),r(Se,{amount:o,currency:d,locale:u,className:w})]})}),Ye=({centered:e,onClose:d,className:u,children:_,...p})=>{const A=q("PDP.Overlay.Close.label").label,o=Z(()=>{d==null||d()},[d]);return z(()=>{const w=l=>{l.key==="Escape"&&o()};return document.addEventListener("keydown",w),()=>{document.removeEventListener("keydown",w)}},[o]),z(()=>{const w=document.scrollingElement,l=w.style.overflow;return w.style.overflow="hidden",()=>{w.style.overflow=l}},[]),H("div",{...p,className:g(["pdp-overlay",["pdp-overlay--centered",e],u]),children:[r("div",{className:"pdp-overlay__content",children:_}),r(Pe,{"aria-label":A,variant:"tertiary",className:"pdp-overlay__close-button",onClick:o,icon:r(Ke,{})})]})},Ce=["text","image","color","dropdown"],et=e=>e.map(d=>({...d,text:d.label,disabled:!d.inStock}));function tt(e,d){return e.reduce((u,_)=>{const p=d==null?void 0:d.find(o=>o.items.find(w=>w.id===_));if(!p)return u;const A=p.items.find(o=>o.id===_);return{...u,[p.id]:{label:A.label,value:A.id}}},{})}const nt=({options:e,hideSelectedValue:d,selectedUIDs:u,onValues:_,onErrors:p,defaultOptions:A,selectionsToUpdate:o,className:w,children:l,...K})=>{const a=q("PDP.Swatches.Required.label").label,[m,B]=X(()=>e==null?void 0:e.reduce((N,n)=>{const{items:f}=n,I=f==null?void 0:f.find(S=>A==null?void 0:A.includes(S.id)),M=f==null?void 0:f.find(S=>S.selected);return I?{...N,[n.id]:{label:I.label,value:I.id}}:M?{...N,[n.id]:{label:M.label,value:M.id}}:N},{}));z(()=>{if(u){const b=tt(u,e);if(JSON.stringify(b)===JSON.stringify(m))return;T(Object.keys(b)[0],b[Object.keys(b)[0]].label,u[0])}},[u]),z(()=>{o==null||o.forEach(b=>{B(N=>{var I;const n=(I=b==null?void 0:b.items)==null?void 0:I.find(M=>M.selected);return n?{...N,[b.id]:{label:n==null?void 0:n.label,value:n==null?void 0:n.id}}:N})})},[o,B]),we(()=>{const b=e==null?void 0:e.reduce((N,n)=>{var f;return(f=n==null?void 0:n.items)==null||f.forEach(I=>{var S;const M=((S=m[n.id])==null?void 0:S.value)===I.id;n.required&&!M&&(N[n.id]=a)}),N},{});return p==null||p(b),b},[m]);const T=Z((b,N,n)=>{B(f=>{const I={...f,[b]:{label:N,value:n}};return _==null||_(I,n),I})},[_]),Y=(b,N)=>{var f;const n=((f=N.selectedOptions[0])==null?void 0:f.label)??"";T(b,n,N.value)},ie=Z(({items:b,id:N,required:n,type:f,selected:I,label:M})=>r("div",{className:g(["pdp-swatches__options"]),children:(f==null?void 0:f.toLowerCase())==="dropdown"?r(He,{"aria-label":M,handleSelect:S=>Y(N,S.target),options:et(b),value:I}):b==null?void 0:b.map(S=>{const t={key:S.id,id:S.id,name:N,value:S.value,label:S.label,groupAriaLabel:M,selected:I===S.id,outOfStock:!S.inStock,required:n===null?!0:n,onValue:()=>{T(N,S.label,S.id)}};switch(f){case"text":return r(je,{...t,label:S.label});case"image":return r(qe,{...t,src:S.value,alt:S.label});case"color":return r(Ve,{...t,size:"large",color:S.value});default:return console.warn(`Invalid swatch type ${f}`),null}})}),[T]);return r("div",{...K,className:g(["pdp-swatches",w]),children:e==null?void 0:e.map(({type:b,label:N,id:n,multiple:f,required:I,items:M})=>{var S;if(!b){console.warn("Bundle product not supported on UI.");return}return Ce.includes(b)||console.warn(`Invalid swatch type ${b}`),f&&console.warn("Multiple selection swatches are not currently supported."),H("div",{id:`swatch-item-${n}`,"data-slot-key":`product-swatch--${n}`,className:"pdp-swatches__field",children:[r("div",{className:"pdp-swatches__field__label",children:m[n]?d?`${N}`:`${N}: ${m[n].label}`:N}),r(ie,{id:n,type:b,required:I,items:M,label:N,selected:(S=m[n])==null?void 0:S.value})]},`swatch-item-${n}`)})})};function rt(e,d="en_US"){if(!Re(e))throw Error("Invalid date string");return e.split(" ")[1]||(e=`${e} 00:00:00`),new Date(e).toLocaleDateString(Le(d)).toString()}function Re(e){if(![/^\d{4}-\d{2}-\d{2}$/,/^\d{1,2}\/\d{1,2}\/\d{4}$/,/^\d{2}\/\d{2}\/\d{4}$/,/^\d{4}\/\d{2}\/\d{2}$/,/^\d{1,2}\.\d{1,2}\.\d{4}$/,/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/].some(_=>_.test(e)))return!1;const u=new Date(e);return!isNaN(u.getTime())}function lt(e){const d=new URLSearchParams(window.location.search);Object.entries(e).forEach(([_,p])=>{p===null?d.delete(_):d.set(_,String(p))});let u=window.location.pathname;u+=`?${d.toString()}`,u+=window.location.hash,window.history.replaceState({},"",u)}function ct(){const e=new URLSearchParams(window.location.search),d={};return e.forEach((u,_)=>{d[_]=u}),d}function at(e){var d,u,_,p,A,o,w,l,K,a,m,B;return{productId:Number(e==null?void 0:e.externalId),name:e==null?void 0:e.name,sku:e==null?void 0:e.sku,topLevelSku:e==null?void 0:e.externalParentId,specialToDate:void 0,specialFromDate:void 0,newToDate:void 0,newFromDate:void 0,createdAt:void 0,updatedAt:void 0,manufacturer:void 0,countryOfManufacture:void 0,categories:void 0,productType:void 0,pricing:{regularPrice:((u=(d=e==null?void 0:e.prices)==null?void 0:d.regular)==null?void 0:u.amount)||0,minimalPrice:(p=(_=e==null?void 0:e.prices)==null?void 0:_.final)==null?void 0:p.minimumAmount,maximalPrice:(o=(A=e==null?void 0:e.prices)==null?void 0:A.final)==null?void 0:o.maximumAmount,specialPrice:(l=(w=e==null?void 0:e.prices)==null?void 0:w.final)==null?void 0:l.amount,tierPricing:void 0,currencyCode:((a=(K=e==null?void 0:e.prices)==null?void 0:K.final)==null?void 0:a.currency)||"USD"},canonicalUrl:e==null?void 0:e.url,mainImageUrl:(B=(m=e==null?void 0:e.images)==null?void 0:m[0])==null?void 0:B.url}}const it={PRODUCT_CONTEXT:"productContext"},dt={PRODUCT_PAGE_VIEW:"product-page-view"};function Te(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function ot(e,d){const u=Te();u.push({[e]:null}),u.push({[e]:d})}function st(e,d){Te().push(_=>{const p=_.getState?_.getState():{};_.push({event:e,eventInfo:{...p,...d}})})}function Oe(e){const d=at(e);ot(it.PRODUCT_CONTEXT,d),st(dt.PRODUCT_PAGE_VIEW)}const ht=({sku:e,hideSku:d,hideQuantity:u,hideShortDescription:_,hideDescription:p,hideAttributes:A,hideURLParams:o,hideSelectedOptionValue:w,slots:l,children:K,initialData:a,carousel:m,optionsConfig:B,useACDL:T,onAddToCart:Y,...ie})=>{var E,W,Q,$;const b=q("PDP.Product.AddToCart.label").label,N=q("PDP.Product.Incrementer.label").label,n=q("PDP.Product.Details.label").label,[f,I]=X(Be.getConfig().defaultLocale||"en-US"),[M,S]=X(),[t=null,re]=X(a),[k,x]=X(()=>{const i={sku:e,quantity:1};return t!=null&&t.optionUIDs&&(i.optionsUIDs=t.optionUIDs),i}),[C,F]=X(()=>{var i,s;return!(t!=null&&t.options&&((i=t==null?void 0:t.options)==null?void 0:i.length)>0&&((s=t==null?void 0:t.optionUIDs)==null?void 0:s.length)!==(t==null?void 0:t.options.length))}),v={data:t,values:k,valid:C};z(()=>{const i=Ne.on("pdp/setValues",s=>{x(P=>({...P,...s}))});return()=>{i==null||i.off()}},[]),z(()=>{const i=Ne.on("locale",s=>{s!==f&&(I(s),xe(e).then(re))});return()=>{i==null||i.off()}},[f,e]),z(()=>{T&&a&&Object.keys(a).length>0&&Oe(a)},[a]);const le=Z(i=>{x(s=>({...s,...i}))},[]);z(()=>{Ne.emit("pdp/values",k)},[JSON.stringify(k)]);const ne=Z(i=>{var P;let s=Object.keys(i).map(y=>i[y].value).filter(y=>y!==void 0);o||lt({optionsUIDs:s.join(",")}),le({optionsUIDs:s}),F((s==null?void 0:s.length)===((P=t==null?void 0:t.options)==null?void 0:P.length)),$e(e,s,B==null?void 0:B.anchorOptions).then(y=>{var O;re(y),(O=B==null?void 0:B.anchorOptions)!=null&&O.length&&ce(y,s),T&&(y==null?void 0:y.sku)!==e&&Oe(y)})},[e]),ce=Z((i,s)=>{var O;const P=(i==null?void 0:i.optionUIDs)??[];s.every(J=>P.includes(J))||(S(i==null?void 0:i.options),le({optionsUIDs:P}),F((P==null?void 0:P.length)===((O=i==null?void 0:i.options)==null?void 0:O.length)))},[e]),se=Z(i=>{Object.keys(i).length!==0&&F(!1)},[]),ee=we(()=>{var i;return(i=t==null?void 0:t.attributes)==null?void 0:i.map(({label:s,value:P},y)=>{const O=Re(P)?rt(P,f):P.toString();return H("li",{children:[s,": ",r("span",{dangerouslySetInnerHTML:{__html:O}})]},y)})},[t==null?void 0:t.attributes,f]),he=!u&&(t!=null&&t.inStock)?r(j,{name:"Quantity",slot:l==null?void 0:l.Quantity,context:{...v},children:r(Ge,{name:"quantity",defaultValue:k.quantity.toString(),value:k.quantity.toString(),min:1,"aria-label":N,className:"pdp-product__quantity",onValue:i=>{le({quantity:Number(i)})}},"quantity")}):void 0,de=()=>{if(t!=null&&t.options)return r(j,{name:"Options",slot:l==null?void 0:l.Options,context:{...v},children:r(nt,{selectedUIDs:k.optionsUIDs,options:t.options,defaultOptions:k.optionsUIDs,selectionsToUpdate:M,hideSelectedValue:w,onValues:ne,onErrors:se})})};return r("div",{...ie,children:r(Xe,{title:r(j,{name:"Title",slot:l==null?void 0:l.Title,context:{...v},children:t==null?void 0:t.name}),sku:d?void 0:r(j,{name:"SKU",slot:l==null?void 0:l.SKU,context:{...v},children:t==null?void 0:t.sku}),options:de(),breadcrumbs:(l==null?void 0:l.Breadcrumbs)&&r(j,{name:"Breadcrumbs",slot:l==null?void 0:l.Breadcrumbs,context:{...v,setSeparator(i){this._registerMethod((...s)=>{const P=i(...s),y=P&&r(ve,{source:P});this._setProps(O=>({...O,separator:y}))})},appendLink(i){this._registerMethod((...s)=>{const{text:P,...y}=i(...s),O=r("a",{...y,children:P});this._setProps(J=>({...J,categories:[...J.categories||[],O]}))})},appendHTMLElement(i){this._registerMethod((...s)=>{const P=i(...s),y=this._htmlElementToVNode(P);this._setProps(O=>({...O,categories:[...O.categories||[],y]}))})}},render:({separator:i,categories:s})=>r(ze,{separator:i,categories:s})}),quantity:he,actions:r(j,{name:"Actions",slot:l==null?void 0:l.Actions,context:{...v,appendButton(i){this._registerMethod((...s)=>{const P=i(...s);if(!P)return;const{text:y,icon:O,...J}=P,ue=r(Pe,{type:"button",...J,icon:O&&r(ve,{source:O}),children:y});this._setProps(_e=>({children:[..._e.children||[],ue]}))})}},children:!(l!=null&&l.Actions)&&r(Pe,{size:"medium",type:"submit",icon:r(ve,{source:"Cart"}),disabled:!(t!=null&&t.inStock)||!C,"aria-label":b,onClick:()=>Y==null?void 0:Y(k),children:b})}),shortDescription:_?void 0:r(j,{name:"ShortDescription",slot:l==null?void 0:l.ShortDescription,context:{...v},children:r("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""}})}),description:p?void 0:r(j,{name:"Description",slot:l==null?void 0:l.Description,context:{...v},children:r("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""}})}),images:((E=t==null?void 0:t.images)==null?void 0:E.map(({label:i,url:s})=>{var P,y;return r(ke,{title:i,alt:i,src:s,width:((P=m==null?void 0:m.imageParams)==null?void 0:P.width)??960,height:((y=m==null?void 0:m.imageParams)==null?void 0:y.height)??1191,params:(m==null?void 0:m.imageParams)??{width:960}},s)}))??[],specialPrice:(W=t==null?void 0:t.prices)!=null&&W.visible?r(j,{name:"SpecialPrice",slot:l==null?void 0:l.SpecialPrice,context:{...v},children:r(Ee,{...t.prices.final,locale:Le(f)})}):void 0,price:(Q=t==null?void 0:t.prices)!=null&&Q.visible&&t.prices.regular&&t.prices.final.amount!==(t==null?void 0:t.prices.regular.amount)?r(j,{name:"RegularPrice",slot:l==null?void 0:l.RegularPrice,context:{...v},children:r(Ee,{...t.prices.regular,locale:Le(f)})}):void 0,carouselConfig:{...m,thumbnails:m&&Object.keys(m).length?(($=t==null?void 0:t.images)==null?void 0:$.map(({label:i,url:s})=>{var P,y;return r(ke,{title:i,alt:i,src:s,width:((P=m==null?void 0:m.thumbnailParams)==null?void 0:P.width)??200,height:((y=m==null?void 0:m.thumbnailParams)==null?void 0:y.height)??248,params:(m==null?void 0:m.thumbnailParams)??{width:200}},s)}))??[]:[]},outOfStock:!(t!=null&&t.inStock),attributes:A?void 0:r(j,{name:"Attributes",slot:l==null?void 0:l.Attributes,context:{...v},children:ee!=null&&ee.length?H(fe,{children:[n,r("ul",{children:ee})]}):null}),galleryContent:(l==null?void 0:l.GalleryContent)&&r(j,{name:"GalleryContent",slot:l.GalleryContent,context:{...v}}),infoContent:(l==null?void 0:l.InfoContent)&&r(j,{name:"InfoContent",slot:l.InfoContent,context:{...v}}),productContent:(l==null?void 0:l.Content)&&r(j,{name:"Content",slot:l.Content,context:{...v}})})})};ht.getInitialData=async function({sku:e,optionsConfig:d}){var _,p,A,o,w,l;const u=((_=ct().optionsUIDs)==null?void 0:_.split(","))||((l=(w=(o=(A=(p=Be)==null?void 0:p.getConfig())==null?void 0:A.models)==null?void 0:o.ProductDetails)==null?void 0:w.initialData)==null?void 0:l.optionsUIDs);return u!=null&&u.length?await $e(e,u,d==null?void 0:d.anchorOptions):await xe(e)};export{ht as ProductDetails,ht as default};
+import*as me from"@dropins/tools/preact-compat.js";import{useState as X,Children as de,useRef as Ne,useMemo as we,useEffect as Z,useCallback as ne}from"@dropins/tools/preact-compat.js";import{debounce as xe,classes as $,VComponent as j,toLanguageTag as De,Slot as K}from"@dropins/tools/lib.js";import{Button as _e,Icon as fe,Price as ge,Picker as He,ColorSwatch as Ve,ImageSwatch as qe,TextSwatch as je,Incrementer as Xe,Breadcrumbs as Fe,Image as ke}from"@dropins/tools/components.js";import{jsxs as V,jsx as r,Fragment as Pe}from"@dropins/tools/preact-jsx-runtime.js";import{useText as F}from"@dropins/tools/i18n.js";import{cloneElement as Ge}from"@dropins/tools/preact.js";import{c as $e,d as Re}from"../chunks/getRefinedProduct.js";import{events as Le}from"@dropins/tools/event-bus.js";import{c as Te}from"../chunks/initialize.js";import"@dropins/tools/fetch-graphql.js";const Ye=e=>me.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},me.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),Be=e=>me.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},me.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),me.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),Ke=24,Me=16,be=2,Ze="32";var We=(e=>(e[e.small=16]="small",e[e.medium=24]="medium",e[e.large=64]="large",e))(We||{});const ve=({show:e=1,scrollbar:o=!1,peak:d=!1,arrows:p=!1,controls:s="dots",arrowsOnMainImage:f=!1,loop:h=!1,gap:b=null,direction:l="horizontal",width:G="100%",height:c="100%",defaultIndex:m=0,className:B,children:R,thumbnails:Q=null,isZoomed:oe,...v})=>{const P=F("PDP.Carousel.label").label,n=F("PDP.Carousel.Slide.label").label,S=F("PDP.Carousel.Previous.label").label,E=F("PDP.Carousel.Next.label").label,I=F("PDP.Carousel.Controls.label").label,y=F("PDP.Carousel.Controls.Button.label").label,[x,he]=X(()=>Ee(e)),t=Math.ceil(de.count(R)/x),O=d?Ke:0,g=b?We[b]:0,T=de.count(R)%x,[L,C]=X(h?m+1:m),k=Ne([]),[ee,se]=X(0),[re,ue]=X(0),le=we(()=>de.toArray(Q),[Q]),W=we(()=>{const a=de.toArray(R).reduce((u,D,M)=>M%x===0?[...u,[D]]:[...u.slice(0,-1),[...u[u.length-1],D]],[]);return!h||a.length===1?a:h&&de.count(R)%x===0?[a[t-1]].concat(a).concat([a[0],a[1]]):[de.toArray(R).slice(-x)].concat(a).concat([a[0],a[1]])},[R,x,t,h]),te=Ne(null),ae=Ne(null),N=s==="thumbnailsRow"||s==="thumbnailsColumn";Z(()=>{const a=document.body,u=xe(()=>{var H,ce;se(((H=te.current)==null?void 0:H.offsetWidth)??0),ue(((ce=te.current)==null?void 0:ce.offsetHeight)??0);const M=window.innerWidth,q=Ee(e,M);q!==x&&he(q)},50),D=new ResizeObserver(u);return D.observe(a),()=>{D.unobserve(a)}},[x,e]);const Y=ne(a=>{const u=h?a-1:a,D=k==null?void 0:k.current[0],M=(D==null?void 0:D.offsetWidth)+Me,q=(D==null?void 0:D.offsetHeight)+Me,H=ae.current,ce=s==="thumbnailsRow",Ae=s==="thumbnailsColumn",pe=ce?H==null?void 0:H.offsetWidth:H==null?void 0:H.offsetHeight,J=ce?M:q;(ce||Ae)&&pe&&(J*(u+1)>pe&&(H.style.scrollBehavior="smooth",ce?H.scrollLeft=(u+be)*J:H.scrollTop=(u+be)*J),(ce?H.scrollLeft:H.scrollTop)>J*u&&(H.style.scrollBehavior="smooth",ce?H.scrollLeft=(u-be)*J:H.scrollTop=(u-be)*J))},[s,h]);Z(()=>{Y(L)},[L,Y]);const U=ne((a,u,D)=>{N&&Y(a);const M=te.current,q=O?M.offsetWidth-O:M.offsetWidth-O+g;if(!Array.from(M.querySelectorAll("[data-index]")).filter(pe=>{const J=Number(pe.getAttribute("data-index"));return!isNaN(J)&&J>-1})[a])return;if(D){const pe=a===0?t:0,J=q*(t+(T||x)/x);if(M.scrollLeft>=0&&M.scrollLeft<q-5){U(1,!0);return}if(M.scrollLeft>J-q&&M.scrollLeft<=J){U(t,!0);return}M.style.scrollBehavior="auto",M.scrollLeft=pe===0?0:J,U(pe===0?1:t,!0);return}const Ae=(M.offsetWidth-g)/x*W[a].length-O;M.style.scrollBehavior=u?"smooth":"auto",M.scrollLeft=W[a].length===x?q*a:q*(a-1)+Ae},[g,t,O,x,T,W,Y,s]),i=ne(()=>{if(h){const u=L-1;U(u,!0,L===1);return}const a=L<=0?0:L-1;U(a,!0)},[L,U,h]),_=ne(()=>{const a=W.length-1;if(h){const D=L+1;U(D,!0,L===t);return}const u=L>=a?a:L+1;U(u,!0)},[W.length,h,L,U,t]);Z(()=>{const a=u=>{u.key==="ArrowLeft"&&(u.preventDefault(),i()),u.key==="ArrowRight"&&(u.preventDefault(),_())};return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},[_,i]),Z(()=>{U(h?m+1:m,!1)},[m,U,h]);const w=xe(()=>{const a=te.current,u=O?a.offsetWidth-O:a.offsetWidth-O+g,D=a.scrollLeft/u,M=Math.round(D)-D<1?Math.round(D):Math.ceil(D);if(N&&Y(M),h){const q=u*(t+(T||x)/x);if(Math.ceil(a.scrollLeft)>=Math.ceil(q)-5){a.style.scrollBehavior="auto",a.scrollLeft=a.offsetWidth*1+(Math.ceil(a.scrollLeft)-Math.ceil(q)-O);return}if(a.scrollLeft===0){a.style.scrollBehavior="auto",a.scrollLeft=q-a.offsetWidth+O;return}}L!==M&&C(M)},100);Z(()=>{const a=te.current;return a==null||a.addEventListener("scroll",w),()=>{a==null||a.removeEventListener("scroll",w)}},[w]);const A=(a,u,D)=>r(_e,{className:$([["pdp-carousel__button",!a],[`pdp-carousel__button--${u}`,!a],[`pdp-carousel__button--${s}`,a]]),style:{"--height":`${re}px`},variant:"tertiary","aria-label":u==="next"?E:S,onClick:D,disabled:h?!1:u==="next"?L>=W.length-1:L<1,children:r(fe,{className:$([["pdp-carousel__button__icon",!a],[`pdp-carousel__button__icon--${u}`,!a],[`pdp-carousel__button__icon--${s}--${u}`,a]]),size:Ze,source:Ye})}),z=p&&W.length!=1&&A(N,"prev",i),ie=p&&W.length!=1&&A(N,"next",_),ye=p&&W.length!=1&&A(!1,"prev",i),Se=p&&W.length!=1&&A(!1,"next",_);return V("div",{role:"region","aria-roledescription":P,className:$(["pdp-carousel",["pdp-carousel--main-image-controls",f],["pdp-carousel--arrows",p&&!N],[`pdp-carousel--${s}`,N],B]),style:{"--flex-carousel":s==="thumbnailsColumn"?"row-reverse":"column","--gap":N?"0":"var(--spacing-small)","--width":G},...v,children:[r("div",{ref:te,className:$(["pdp-carousel__wrapper",`pdp-carousel__wrapper--${l}`,["pdp-carousel__wrapper--scrollbar",o],["pdp-carousel__wrapper--peak",d]]),style:{"--total-width":s==="thumbnailsColumn"?"81.6%":"100%","--height":s==="thumbnailsColumn"?"auto":c,"--gap":b?`var(--spacing-${b})`:"0px","--per-page":x},tabIndex:0,children:W.map((a,u)=>{const D=a.length<x;return r("div",{role:"group","aria-roledescription":n,"data-index":u,className:$(["pdp-carousel__slide",`pdp-carousel__slide--${l}`,["pdp-carousel__slide--active",L===u],["pdp-carousel__slide--orphan",D]]),style:{"--length":a.length},children:a},u)})}),!N&&V(Pe,{children:[z,ie]}),N&&f&&V(Pe,{children:[ye,Se]}),s&&W.length!=1&&V("div",{className:$([[`pdp-carousel__controls__container--${s}`,N],["pdp-carousel__controls__container--no-arrows",!p||f]]),style:{"--width":s==="thumbnailsRow"?`${ee}px`:G,"--height":`${re}px`,"--nr-thumbnails":le.length},children:[(N||oe)&&!f&&z,r("div",{ref:ae,className:$([[`pdp-carousel__controls__wrapper--${s}`,N],["pdp-carousel__controls__wrapper",N]]),children:r("div",{role:"group","aria-label":I,className:$(["pdp-carousel__controls",[`pdp-carousel__controls--${s}`,N]]),children:(h?W.slice(0,t):W).map((a,u)=>{const D=h?t:W.length,M=h?L-1===u:L===u;return N?V("label",{className:$(["pdp-carousel__thumbnail__container"]),ref:q=>{q&&(k.current[u]=q)},children:[r("input",{type:"radio",name:"carousel-thumbnails","aria-label":y.replace("{key}",String(u+1)).replace("{total}",String(D)),checked:M&&ee!==0,onChange:()=>{U(h?u+1:u,!0)},...v,className:$(["pdp-carousel__thumbnail",["pdp-carousel__thumbnail--selected",M&&ee!==0]])}),r("span",{className:$(["pdp-carousel__thumbnail__span"]),children:le[u]})]},u):r("button",{"aria-label":y.replace("{key}",String(u+1)).replace("{total}",String(D)),onClick:()=>{U(h?u+1:u,!0)},className:$(["pdp-carousel__controls__button",["pdp-carousel__controls__button--active",M]])},u)})})}),(N||oe)&&!f&&ie]})]})};function Ee(e,o=0){if(typeof e=="number")return e;const{small:d,medium:p,large:s}=e,h=[{breakpoint:1024,value:s},{breakpoint:786,value:p},{breakpoint:0,value:d}].find(({breakpoint:b})=>o>b);return h?h.value:d}const Qe=({title:e,breadcrumbs:o,galleryContent:d,infoContent:p,productContent:s,sku:f,outOfStock:h,shortDescription:b,description:l,attributes:G,images:c,options:m,price:B,specialPrice:R,className:Q,children:oe,quantity:v,actions:P,carouselConfig:n,zoomType:S="overlay",closeButton:E=!0,...I})=>{var C,k,ee,se,re,ue,le,W,te;const y=F("PDP.Product.RegularPrice.label").label,x=F("PDP.Product.SpecialPrice.label").label,he=F("PDP.Product.OutOfStock.label").label,t=F("PDP.Product.Image.label").label,[O,g]=X(null),T=c!=null&&c.length?c.map((ae,N)=>{var U;const Y=((U=e==null?void 0:e.props)==null?void 0:U.children)&&(t==null?void 0:t.replace("{product}",e.props.children.toString()).replace("{key}",String(N+1)).replace("{total}",String(c.length)));return S==="zoom"?r(lt,{closeButton:E,children:r(j,{node:ae,loading:N===0?"eager":"lazy",alt:Y},N)}):r(j,{node:ae,loading:N===0?"eager":"lazy",alt:Y,onClick:()=>g(N)},N)}):r("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),L=(C=n==null?void 0:n.thumbnails)!=null&&C.length?n.thumbnails.map((ae,N)=>{var Y;return r(j,{node:ae,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((Y=e==null?void 0:e.props)==null?void 0:Y.children)&&(t==null?void 0:t.replace("{product}",e.props.children.toString()).replace("{key}",String(N+1)).replace("{total}",String(c.length)))},N)}):r("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return V("div",{...I,className:$(["pdp-product",Q]),children:[o&&r(j,{node:o,className:"pdp-product__breadcrumbs"}),V("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[r("div",{className:"pdp-product__column-body",children:(k=n==null?void 0:n.controls)!=null&&k.desktop?r(ve,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((ee=n==null?void 0:n.thumbnails)==null?void 0:ee.length)>1&&((se=n==null?void 0:n.peak)==null?void 0:se.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:O||0,thumbnails:L,children:T}):r(Je,{className:"pdp-product__images",gap:"small",children:T})}),d&&r(j,{node:d,className:"pdp-product__gallery-content"})]}),V("div",{className:"pdp-product__column-container pdp-product__content-column",children:[V("div",{className:"pdp-product__column-body",children:[V("div",{className:"pdp-product__header",children:[e&&r(j,{node:e,className:"pdp-product__title"}),f&&r(j,{node:f,className:"pdp-product__sku"})]}),V("div",{className:"pdp-product__prices",children:[R&&r(j,{node:R,className:$(["pdp-product__price-special","pdp-product__price"]),"aria-label":x,role:"text"}),B&&r(j,{node:B,className:$(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":y,role:"text"})]}),(re=n==null?void 0:n.controls)!=null&&re.mobile&&((ue=n==null?void 0:n.controls)==null?void 0:ue.mobile)==="thumbnailsRow"?r(ve,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((le=n==null?void 0:n.thumbnails)==null?void 0:le.length)>1&&((W=n==null?void 0:n.peak)==null?void 0:W.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:L,children:T}):r(ve,{className:"pdp-product__images pdp-product__images--carousel",peak:((te=n==null?void 0:n.peak)==null?void 0:te.mobile)&&(c==null?void 0:c.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,children:T}),V("div",{className:$(["pdp-product__actions",["pdp-product__actions--out-of-stock",h]]),children:[h&&r("div",{className:"pdp-product__out-of-stock__text",children:he}),m&&r(j,{node:m,className:$(["pdp-product__options"])}),v&&r("div",{className:"pdp-product__quantity",children:r(j,{node:v})}),P&&r(j,{node:P,className:$(["pdp-product__buttons"])})]}),b&&r(j,{node:b,className:$(["pdp-product__short_description"])}),l&&r(j,{node:l,className:$(["pdp-product__description"])}),G?r("div",{className:"pdp-product__attributes",children:G}):null]}),p&&r(j,{node:p,className:"pdp-product__info-content"})]}),s&&r(j,{node:s,className:"pdp-product__content"}),O===null?null:r(Ce,{className:"pdp-product__overlay",onClose:()=>g(null),centered:!0,children:r(ve,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,width:"100%",height:"100%",defaultIndex:O||0,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,isZoomed:!0,children:T})})]})},Je=({children:e,gap:o=null,className:d,style:p,...s})=>{const f=de.count(e);return r("div",{...s,className:$(["pdp-gallery-grid",d]),style:{"--gap":o?`var(--spacing-${o})`:"0px",...p},children:de.map(e,(h,b)=>r("div",{className:"pdp-gallery-grid__item",children:r(j,{node:h,loading:b===0?"eager":"lazy"},h.props.src)},f+b))})},Ie=({amount:e,currency:o,locale:d,variant:p,sale:s,minimumAmount:f,maximumAmount:h,className:b,...l})=>r(Pe,{children:e||f===h?r("div",{className:"pdp-price-range",...l,children:r(ge,{amount:e||f,currency:o,locale:d,variant:p,sale:s,className:b})}):V("div",{className:"pdp-price-range",...l,children:[r(ge,{amount:f,currency:o,locale:d,className:b}),r("span",{className:"pdp-price-range__label",children:"-"}),r(ge,{amount:h,currency:o,locale:d,className:b})]})}),Ce=({centered:e,onClose:o,className:d,children:p,...s})=>{const f=F("PDP.Overlay.Close.label").label,h=ne(()=>{o==null||o()},[o]);return Z(()=>{const b=l=>{l.key==="Escape"&&h()};return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}},[h]),Z(()=>{const b=document.scrollingElement,l=b.style.overflow;return b.style.overflow="hidden",()=>{b.style.overflow=l}},[]),V("div",{...s,className:$(["pdp-overlay",["pdp-overlay--centered",e],d]),children:[r("div",{className:"pdp-overlay__content",children:p}),r(_e,{"aria-label":f,variant:"tertiary",className:"pdp-overlay__close-button",onClick:h,icon:r(Be,{})})]})},et=["text","image","color","dropdown"],tt=e=>e.map(o=>({...o,text:o.label,disabled:!o.inStock}));function nt(e,o){return e.reduce((d,p)=>{const s=o==null?void 0:o.find(h=>h.items.find(b=>b.id===p));if(!s)return d;const f=s.items.find(h=>h.id===p);return{...d,[s.id]:{label:f.label,value:f.id}}},{})}const rt=({options:e,hideSelectedValue:o,selectedUIDs:d,onValues:p,onErrors:s,defaultOptions:f,selectionsToUpdate:h,className:b,children:l,...G})=>{const c=F("PDP.Swatches.Required.label").label,[m,B]=X(()=>e==null?void 0:e.reduce((P,n)=>{const{items:S}=n,E=S==null?void 0:S.find(y=>f==null?void 0:f.includes(y.id)),I=S==null?void 0:S.find(y=>y.selected);return E?{...P,[n.id]:{label:E.label,value:E.id}}:I?{...P,[n.id]:{label:I.label,value:I.id}}:P},{}));Z(()=>{if(d){const v=nt(d,e);if(JSON.stringify(v)===JSON.stringify(m))return;R(Object.keys(v)[0],v[Object.keys(v)[0]].label,d[0])}},[d]),Z(()=>{h==null||h.forEach(v=>{B(P=>{var E;const n=(E=v==null?void 0:v.items)==null?void 0:E.find(I=>I.selected);return n?{...P,[v.id]:{label:n==null?void 0:n.label,value:n==null?void 0:n.id}}:P})})},[h,B]),we(()=>{const v=e==null?void 0:e.reduce((P,n)=>{var S;return(S=n==null?void 0:n.items)==null||S.forEach(E=>{var y;const I=((y=m[n.id])==null?void 0:y.value)===E.id;n.required&&!I&&(P[n.id]=c)}),P},{});return s==null||s(v),v},[m]);const R=ne((v,P,n)=>{B(S=>{const E={...S,[v]:{label:P,value:n}};return p==null||p(E,n),E})},[p]),Q=(v,P)=>{var S;const n=((S=P.selectedOptions[0])==null?void 0:S.label)??"";R(v,n,P.value)},oe=ne(({items:v,id:P,required:n,type:S,selected:E,label:I})=>r("div",{className:$(["pdp-swatches__options"]),children:(S==null?void 0:S.toLowerCase())==="dropdown"?r(He,{"aria-label":I,handleSelect:y=>Q(P,y.target),options:tt(v),value:E}):v==null?void 0:v.map(y=>{const x={key:y.id,id:y.id,name:P,value:y.value,label:y.label,groupAriaLabel:I,selected:E===y.id,outOfStock:!y.inStock,required:n===null?!0:n,onValue:()=>{R(P,y.label,y.id)}};switch(S){case"text":return r(je,{...x,label:y.label});case"image":return r(qe,{...x,src:y.value,alt:y.label});case"color":return r(Ve,{...x,size:"large",color:y.value});default:return console.warn(`Invalid swatch type ${S}`),null}})}),[R]);return r("div",{...G,className:$(["pdp-swatches",b]),children:e==null?void 0:e.map(({type:v,label:P,id:n,multiple:S,required:E,items:I})=>{var y;if(!v){console.warn("Bundle product not supported on UI.");return}return et.includes(v)||console.warn(`Invalid swatch type ${v}`),S&&console.warn("Multiple selection swatches are not currently supported."),V("div",{id:`swatch-item-${n}`,"data-slot-key":`product-swatch--${n}`,className:"pdp-swatches__field",children:[r("div",{className:"pdp-swatches__field__label",children:m[n]?o?`${P}`:`${P}: ${m[n].label}`:P}),r(oe,{id:n,type:v,required:E,items:I,label:P,selected:(y=m[n])==null?void 0:y.value})]},`swatch-item-${n}`)})})},lt=({children:e,scale:o=2,closeButton:d=!0})=>{const[p,s]=X(!1),[f,h]=X("pdp-zoom"),[b,l]=X(!1),[G,c]=X({x:0,y:0}),[m,B]=X({x:0,y:0}),[R,Q]=X({x:0,y:0}),oe=t=>{!p||t.type!=="touchstart"||(c({x:t.touches[0].clientX,y:t.touches[0].clientY}),B({x:R.x,y:R.y}),l(!0))},v=t=>{var re;if(!b||t.type!=="touchmove")return;const O=(re=t.currentTarget)==null?void 0:re.getBoundingClientRect(),g=(100-100/o)/2,T=t.touches[0].clientX-G.x,L=t.touches[0].clientY-G.y,C=T*100/(O.width*o),k=L*100/(O.height*o),ee=m.x+C,se=m.y+k;Q({x:Math.max(-g,Math.min(ee,g))||0,y:Math.max(-g,Math.min(se,g))||0}),t.preventDefault()},P=t=>{var k;const O=(k=t.currentTarget)==null?void 0:k.getBoundingClientRect(),g=(100-100/o)/2;let T;if("touches"in t)T=t.touches[0];else if(t instanceof MouseEvent)T=t;else return;const L=g-(T.clientX-O.left)/O.width*100,C=g-(T.clientY-O.top)/O.height*100;Q({x:Math.max(-g,Math.min(L,g))||0,y:Math.max(-g,Math.min(C,g))||0})},n=t=>{if(!b){if(p){if(d&&"touches"in t){oe(t);return}d||s(!1)}else s(!0),P(t);t.preventDefault()}},S=t=>{if(d&&"touches"in t){v(t);return}p&&P(t)},E=()=>{if(d){l(!1);return}s(!1)},I=t=>{s(!1),t.stopPropagation()},y=p?`scale(${o}) translateX(${R.x}%) translateY(${R.y}%)`:"none",x=F("PDP.Zoom.Close.label").label,he=Ge(de.only(e),{draggable:!1,style:{"--transform":y}});return Z(()=>{h(p?`pdp-zoom ${d?"pdp-zoom--no-effects":"pdp-zoom--zoomed"}`:"pdp-zoom")},[p,d]),V("figure",{className:f,onClick:n,onMouseMove:S,onMouseLeave:E,onTouchStart:n,onTouchMove:S,onTouchEnd:E,children:[he,d&&p&&r(_e,{"aria-label":x,variant:"tertiary",className:"pdp-zoom__close-button",icon:r(Be,{}),onClick:I})]})};function at(e,o="en_US"){if(!ze(e))throw Error("Invalid date string");return e.split(" ")[1]||(e=`${e} 00:00:00`),new Date(e).toLocaleDateString(De(o)).toString()}function ze(e){if(![/^\d{4}-\d{2}-\d{2}$/,/^\d{1,2}\/\d{1,2}\/\d{4}$/,/^\d{2}\/\d{2}\/\d{4}$/,/^\d{4}\/\d{2}\/\d{2}$/,/^\d{1,2}\.\d{1,2}\.\d{4}$/,/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/].some(p=>p.test(e)))return!1;const d=new Date(e);return!isNaN(d.getTime())}function ct(e){const o=new URLSearchParams(window.location.search);Object.entries(e).forEach(([p,s])=>{s===null?o.delete(p):o.set(p,String(s))});let d=window.location.pathname;d+=`?${o.toString()}`,d+=window.location.hash,window.history.replaceState({},"",d)}function ot(){const e=new URLSearchParams(window.location.search),o={};return e.forEach((d,p)=>{o[p]=d}),o}function it(e){var o,d,p,s,f,h,b,l,G,c,m,B;return{productId:Number(e==null?void 0:e.externalId),name:e==null?void 0:e.name,sku:e==null?void 0:e.sku,topLevelSku:e==null?void 0:e.externalParentId,specialToDate:void 0,specialFromDate:void 0,newToDate:void 0,newFromDate:void 0,createdAt:void 0,updatedAt:void 0,manufacturer:void 0,countryOfManufacture:void 0,categories:void 0,productType:void 0,pricing:{regularPrice:((d=(o=e==null?void 0:e.prices)==null?void 0:o.regular)==null?void 0:d.amount)||0,minimalPrice:(s=(p=e==null?void 0:e.prices)==null?void 0:p.final)==null?void 0:s.minimumAmount,maximalPrice:(h=(f=e==null?void 0:e.prices)==null?void 0:f.final)==null?void 0:h.maximumAmount,specialPrice:(l=(b=e==null?void 0:e.prices)==null?void 0:b.final)==null?void 0:l.amount,tierPricing:void 0,currencyCode:((c=(G=e==null?void 0:e.prices)==null?void 0:G.final)==null?void 0:c.currency)||"USD"},canonicalUrl:e==null?void 0:e.url,mainImageUrl:(B=(m=e==null?void 0:e.images)==null?void 0:m[0])==null?void 0:B.url}}const dt={PRODUCT_CONTEXT:"productContext"},st={PRODUCT_PAGE_VIEW:"product-page-view"};function Ue(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function ht(e,o){const d=Ue();d.push({[e]:null}),d.push({[e]:o})}function pt(e,o){Ue().push(p=>{const s=p.getState?p.getState():{};p.push({event:e,eventInfo:{...s,...o}})})}function Oe(e){const o=it(e);ht(dt.PRODUCT_CONTEXT,o),pt(st.PRODUCT_PAGE_VIEW)}const ut=({sku:e,hideSku:o,hideQuantity:d,hideShortDescription:p,hideDescription:s,hideAttributes:f,hideURLParams:h,hideSelectedOptionValue:b,slots:l,children:G,initialData:c,carousel:m,optionsConfig:B,useACDL:R,onAddToCart:Q,zoomType:oe,closeButton:v=!0,...P})=>{var ae,N,Y,U;const n=F("PDP.Product.AddToCart.label").label,S=F("PDP.Product.Incrementer.label").label,E=F("PDP.Product.Details.label").label,[I,y]=X(Te.getConfig().defaultLocale||"en-US"),[x,he]=X(),[t=null,O]=X(c),[g,T]=X(()=>{const i={sku:e,quantity:1};return t!=null&&t.optionUIDs&&(i.optionsUIDs=t.optionUIDs),i}),[L,C]=X(()=>{var i,_;return!(t!=null&&t.options&&((i=t==null?void 0:t.options)==null?void 0:i.length)>0&&((_=t==null?void 0:t.optionUIDs)==null?void 0:_.length)!==(t==null?void 0:t.options.length))}),k={data:t,values:g,valid:L};Z(()=>{const i=Le.on("pdp/setValues",_=>{T(w=>({...w,..._}))});return()=>{i==null||i.off()}},[]),Z(()=>{const i=Le.on("locale",_=>{_!==I&&(y(_),$e(e).then(O))});return()=>{i==null||i.off()}},[I,e]),Z(()=>{R&&c&&Object.keys(c).length>0&&Oe(c)},[c]);const ee=ne(i=>{T(_=>({..._,...i}))},[]);Z(()=>{Le.emit("pdp/values",g)},[JSON.stringify(g)]);const se=ne(i=>{var w;let _=Object.keys(i).map(A=>i[A].value).filter(A=>A!==void 0);h||ct({optionsUIDs:_.join(",")}),ee({optionsUIDs:_}),C((_==null?void 0:_.length)===((w=t==null?void 0:t.options)==null?void 0:w.length)),Re(e,_,B==null?void 0:B.anchorOptions).then(A=>{var z;O(A),(z=B==null?void 0:B.anchorOptions)!=null&&z.length&&re(A,_),R&&(A==null?void 0:A.sku)!==e&&Oe(A)})},[e]),re=ne((i,_)=>{var z;const w=(i==null?void 0:i.optionUIDs)??[];_.every(ie=>w.includes(ie))||(he(i==null?void 0:i.options),ee({optionsUIDs:w}),C((w==null?void 0:w.length)===((z=i==null?void 0:i.options)==null?void 0:z.length)))},[e]),ue=ne(i=>{Object.keys(i).length!==0&&C(!1)},[]),le=we(()=>{var i;return(i=t==null?void 0:t.attributes)==null?void 0:i.map(({label:_,value:w},A)=>{const z=ze(w)?at(w,I):w.toString();return V("li",{children:[_,": ",r("span",{dangerouslySetInnerHTML:{__html:z}})]},A)})},[t==null?void 0:t.attributes,I]),W=!d&&(t!=null&&t.inStock)?r(K,{name:"Quantity",slot:l==null?void 0:l.Quantity,context:{...k},children:r(Xe,{name:"quantity",defaultValue:g.quantity.toString(),value:g.quantity.toString(),min:1,"aria-label":S,className:"pdp-product__quantity",onValue:i=>{ee({quantity:Number(i)})}},"quantity")}):void 0,te=()=>{if(t!=null&&t.options)return r(K,{name:"Options",slot:l==null?void 0:l.Options,context:{...k},children:r(rt,{selectedUIDs:g.optionsUIDs,options:t.options,defaultOptions:g.optionsUIDs,selectionsToUpdate:x,hideSelectedValue:b,onValues:se,onErrors:ue})})};return r("div",{...P,children:r(Qe,{title:r(K,{name:"Title",slot:l==null?void 0:l.Title,context:{...k},children:t==null?void 0:t.name}),sku:o?void 0:r(K,{name:"SKU",slot:l==null?void 0:l.SKU,context:{...k},children:t==null?void 0:t.sku}),options:te(),breadcrumbs:(l==null?void 0:l.Breadcrumbs)&&r(K,{name:"Breadcrumbs",slot:l==null?void 0:l.Breadcrumbs,context:{...k,setSeparator(i){this._registerMethod((..._)=>{const w=i(..._),A=w&&r(fe,{source:w});this._setProps(z=>({...z,separator:A}))})},appendLink(i){this._registerMethod((..._)=>{const{text:w,...A}=i(..._),z=r("a",{...A,children:w});this._setProps(ie=>({...ie,categories:[...ie.categories||[],z]}))})},appendHTMLElement(i){this._registerMethod((..._)=>{const w=i(..._),A=this._htmlElementToVNode(w);this._setProps(z=>({...z,categories:[...z.categories||[],A]}))})}},render:({separator:i,categories:_})=>r(Fe,{separator:i,categories:_})}),quantity:W,actions:r(K,{name:"Actions",slot:l==null?void 0:l.Actions,context:{...k,appendButton(i){this._registerMethod((..._)=>{const w=i(..._);if(!w)return;const{text:A,icon:z,...ie}=w,ye=r(_e,{type:"button",...ie,icon:z&&r(fe,{source:z}),children:A});this._setProps(Se=>({children:[...Se.children||[],ye]}))})}},children:!(l!=null&&l.Actions)&&r(_e,{size:"medium",type:"submit",icon:r(fe,{source:"Cart"}),disabled:!(t!=null&&t.inStock)||!L,"aria-label":n,onClick:()=>Q==null?void 0:Q(g),children:n})}),shortDescription:p?void 0:r(K,{name:"ShortDescription",slot:l==null?void 0:l.ShortDescription,context:{...k},children:r("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""}})}),description:s?void 0:r(K,{name:"Description",slot:l==null?void 0:l.Description,context:{...k},children:r("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""}})}),images:((ae=t==null?void 0:t.images)==null?void 0:ae.map(({label:i,url:_})=>{var w,A;return r(ke,{title:i,alt:i,src:_,width:((w=m==null?void 0:m.imageParams)==null?void 0:w.width)??960,height:((A=m==null?void 0:m.imageParams)==null?void 0:A.height)??1191,params:(m==null?void 0:m.imageParams)??{width:960}},_)}))??[],specialPrice:(N=t==null?void 0:t.prices)!=null&&N.visible?r(K,{name:"SpecialPrice",slot:l==null?void 0:l.SpecialPrice,context:{...k},children:r(Ie,{...t.prices.final,locale:De(I)})}):void 0,price:(Y=t==null?void 0:t.prices)!=null&&Y.visible&&t.prices.regular&&t.prices.final.amount!==(t==null?void 0:t.prices.regular.amount)?r(K,{name:"RegularPrice",slot:l==null?void 0:l.RegularPrice,context:{...k},children:r(Ie,{...t.prices.regular,locale:De(I)})}):void 0,zoomType:oe,closeButton:v,carouselConfig:{...m,thumbnails:m&&Object.keys(m).length?((U=t==null?void 0:t.images)==null?void 0:U.map(({label:i,url:_})=>{var w,A;return r(ke,{title:i,alt:i,src:_,width:((w=m==null?void 0:m.thumbnailParams)==null?void 0:w.width)??200,height:((A=m==null?void 0:m.thumbnailParams)==null?void 0:A.height)??248,params:(m==null?void 0:m.thumbnailParams)??{width:200}},_)}))??[]:[]},outOfStock:!(t!=null&&t.inStock),attributes:f?void 0:r(K,{name:"Attributes",slot:l==null?void 0:l.Attributes,context:{...k},children:le!=null&&le.length?V(Pe,{children:[E,r("ul",{children:le})]}):null}),galleryContent:(l==null?void 0:l.GalleryContent)&&r(K,{name:"GalleryContent",slot:l.GalleryContent,context:{...k}}),infoContent:(l==null?void 0:l.InfoContent)&&r(K,{name:"InfoContent",slot:l.InfoContent,context:{...k}}),productContent:(l==null?void 0:l.Content)&&r(K,{name:"Content",slot:l.Content,context:{...k}})})})};ut.getInitialData=async function({sku:e,optionsConfig:o}){var p,s,f,h,b,l;const d=((p=ot().optionsUIDs)==null?void 0:p.split(","))||((l=(b=(h=(f=(s=Te)==null?void 0:s.getConfig())==null?void 0:f.models)==null?void 0:h.ProductDetails)==null?void 0:b.initialData)==null?void 0:l.optionsUIDs);return d!=null&&d.length?await Re(e,d,o==null?void 0:o.anchorOptions):await $e(e)};export{ut as ProductDetails,ut as default};

package/i18n/en_US.json.d.ts

@@ -58,6 +58,11 @@ declare const _default: {
       "Close": {
         "label": "Close"
       }
+    },
+    "Zoom": {
+      "Close": {
+        "label": "Close"
+      }
     }
   },
   "Custom": {

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-pdp", "version": "0.4.0-alpha1", "@dropins/tools": "~0.26.0"}
+{"name": "@dropins/storefront-pdp", "version": "0.4.0-alpha2", "@dropins/tools": "~0.26.0"}

package/render.js

@@ -1,2 +1,2 @@
-(function(p,t){try{if(typeof document<"u"){const r=document.createElement("style"),e=t.styleId;for(const a in t.attributes)r.setAttribute(a,t.attributes[a]);r.setAttribute("data-dropin",e),r.appendChild(document.createTextNode(p));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(".pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}.pdp-carousel__button__icon--next{right:0;transform:rotate(-90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide>*{vertical-align:middle;max-width:100%;max-height:100%}.pdp-carousel__slide>img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest));margin-right:var(--thumbnails-rest)}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-right:var(--thumbnails-box-width)}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span>img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2}.pdp-product__actions--out-of-stock{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-small)}.pdp-product__buttons{grid-column:1 / span 4}.pdp-product__out-of-stock__text{grid-column:1 / span 2}.pdp-product__gallery-content,.pdp-product__content{grid-column:2 / span 6}}.pdp-gallery-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(1,1fr);grid-auto-rows:max-content}.pdp-gallery-grid__item>*{height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:100%;object-fit:contain}.pdp-gallery-grid__item:only-child{grid-column:1 / span 2}.pdp-gallery-grid__item:first-child:nth-last-child(2){grid-column:1 / span 2;grid-row:1}.pdp-gallery-grid__item:nth-child(2):last-child{grid-column:1 / 3;grid-row:2}@media only screen and (min-width: 1024px){.pdp-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pdp-price-range .dropin-price{letter-spacing:var(--type-headline-2-strong-letter-spacing);font:var(--type-headline-2-strong-font)}.pdp-price-range__label{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-left:5px;margin-right:5px}.pdp-overlay{position:fixed;top:0;left:0;z-index:1000;right:0;bottom:0;background-color:var(--color-neutral-50);display:flex;padding:var(--spacing-medium)}.pdp-overlay--centered{align-items:center;justify-content:center}.pdp-overlay__close-button{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);z-index:1001}.pdp-swatches{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}",{styleId:"PDP"});
-import{deepmerge as c,Render as u}from"@dropins/tools/lib.js";import{useState as f,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as b}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{c as g}from"./chunks/initialize.js";const P={Product:{Incrementer:{label:"Item Quantity"},OutOfStock:{label:"Out of Stock"},AddToCart:{label:"Add to Cart"},Details:{label:"Details"},RegularPrice:{label:"Regular Price"},SpecialPrice:{label:"Special Price"},PriceRange:{From:{label:"From"},To:{label:"to"}},Image:{label:"{product} Image {key} of {total}"}},Swatches:{Required:{label:"Required"}},Carousel:{label:"Carousel",Next:{label:"Next"},Previous:{label:"Previous"},Slide:{label:"Slide"},Controls:{label:"Carousel Controls",Button:{label:"Show slide {key} of {total}"}}},Overlay:{Close:{label:"Close"}}},C={quantityLabel:"Passengers"},p={PDP:P,Custom:C},S={default:p},D=({children:a})=>{var t;const[e,i]=f(),n=(t=g.getConfig())==null?void 0:t.langDefinitions;m(()=>{const o=d.on("locale",l=>{l!==e&&i(l)},{eager:!0});return()=>{o==null||o.off()}},[e]);const s=c(S,n??{});return r(b,{lang:e,langDefinitions:s,children:a})},O=new u(r(D,{}));export{O as render};
+(function(p,o){try{if(typeof document<"u"){const r=document.createElement("style"),e=o.styleId;for(const a in o.attributes)r.setAttribute(a,o.attributes[a]);r.setAttribute("data-dropin",e),r.appendChild(document.createTextNode(p));const t=document.querySelector('style[data-dropin="sdk"]');if(t)t.after(r);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(".pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}.pdp-carousel__button__icon--next{right:0;transform:rotate(-90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide>*{vertical-align:middle;max-width:100%;max-height:100%}.pdp-carousel__slide>img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest));margin-right:var(--thumbnails-rest)}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-right:var(--thumbnails-box-width)}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span>img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2}.pdp-product__actions--out-of-stock{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-small)}.pdp-product__buttons{grid-column:1 / span 4}.pdp-product__out-of-stock__text{grid-column:1 / span 2}.pdp-product__gallery-content,.pdp-product__content{grid-column:2 / span 6}}.pdp-gallery-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(1,1fr);grid-auto-rows:max-content}.pdp-gallery-grid__item>*{height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:100%;object-fit:contain}.pdp-gallery-grid__item:only-child{grid-column:1 / span 2}.pdp-gallery-grid__item:first-child:nth-last-child(2){grid-column:1 / span 2;grid-row:1}.pdp-gallery-grid__item:nth-child(2):last-child{grid-column:1 / 3;grid-row:2}@media only screen and (min-width: 1024px){.pdp-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pdp-price-range .dropin-price{letter-spacing:var(--type-headline-2-strong-letter-spacing);font:var(--type-headline-2-strong-font)}.pdp-price-range__label{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-left:5px;margin-right:5px}.pdp-overlay{position:fixed;top:0;left:0;z-index:1000;right:0;bottom:0;background-color:var(--color-neutral-50);display:flex;padding:var(--spacing-medium)}.pdp-overlay--centered{align-items:center;justify-content:center}.pdp-overlay__close-button{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);z-index:1001}.pdp-swatches{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}.pdp-zoom{cursor:zoom-in;overflow:hidden;margin:0;position:relative}.pdp-zoom img{height:100%;max-width:100%;min-width:100%;object-fit:contain;position:relative;transition:transform .2s;transform:var(--transform);vertical-align:middle;width:100%}.pdp-zoom .pdp-zoom__close-button{background-color:var(--color-neutral-50);border-radius:50%;position:absolute;right:var(--spacing-small);top:var(--spacing-small)}.pdp-zoom.pdp-zoom--zoomed{cursor:zoom-out}.pdp-zoom.pdp-zoom--no-effects{cursor:default}@media only screen and (max-width: 768px){.pdp-zoom img{display:block;width:100%;height:100%;transition:transform .2s;transform:var(--transform)}}",{styleId:"PDP"});
+import{deepmerge as c,Render as u}from"@dropins/tools/lib.js";import{useState as f,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as b}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{c as g}from"./chunks/initialize.js";const P={Product:{Incrementer:{label:"Item Quantity"},OutOfStock:{label:"Out of Stock"},AddToCart:{label:"Add to Cart"},Details:{label:"Details"},RegularPrice:{label:"Regular Price"},SpecialPrice:{label:"Special Price"},PriceRange:{From:{label:"From"},To:{label:"to"}},Image:{label:"{product} Image {key} of {total}"}},Swatches:{Required:{label:"Required"}},Carousel:{label:"Carousel",Next:{label:"Next"},Previous:{label:"Previous"},Slide:{label:"Slide"},Controls:{label:"Carousel Controls",Button:{label:"Show slide {key} of {total}"}}},Overlay:{Close:{label:"Close"}},Zoom:{Close:{label:"Close"}}},C={quantityLabel:"Passengers"},p={PDP:P,Custom:C},S={default:p},D=({children:a})=>{var l;const[e,i]=f(),n=(l=g.getConfig())==null?void 0:l.langDefinitions;m(()=>{const o=d.on("locale",t=>{t!==e&&i(t)},{eager:!0});return()=>{o==null||o.off()}},[e]);const s=c(S,n??{});return r(b,{lang:e,langDefinitions:s,children:a})},O=new u(r(D,{}));export{O as render};