https://www.prettylitter.com/_nuxt/ChooseYourLitter2025Silk.7b79f38b.js

1import{_ as M}from"./CdnImage.d913dd3c.js";import{_ as E}from"./SectionTitle2025Silk.07b2fc09.js";import{_ as q}from"./Button.a551143e.js";import{o,c as i,a as e,t as u,y as B,b,s,w as X,h as G,d as D,A as d,ad as U,k as N,l,F as j,O,W as Y}from"./entry.68c30b5d.js";import{_ as R}from"./SectionContainer2025Silk.33e6bcab.js";const W={class:"group bg-white rounded-lg p-6 md:p-8 shadow-full hover:shadow-full transition-all duration-300 ease-in-out hover:-my-4 hover:py-10 lg:hover:py-16"},J={key:0,class:"text-center mb-4"},K={class:"text-xl md:text-2xl font-sansbold text-primary-800 mb-2"},Q=["innerHTML"],Z={class:"relative mb-4 flex justify-center items-center min-h-[200px]"},tt=["innerHTML"],et={class:"text-center"},ot={key:0},nt={key:1,class:"text-xl md:text-2xl font-sansbold text-grey-900 mb-4"},lt={key:0,class:"text-center text-xs md:text-sm text-grey-500 my-2 md:mt-4"},it={key:1,class:"hidden lg:block text-center text-xs lg:text-sm text-grey-500 my-2 lg:mt-4 invisible"},st={__name:"ProductCard2025Silk",props:{product:{type:Object,required:!0},infoPosition:{type:String,default:"top"}},setup(t){return(r,k)=>{var w,f,x,_,a,m,h,S,P;const C=M,A=q;return o(),i("div",null,[e("div",W,[t.infoPosition==="top"?(o(),i("div",J,[e("h3",K,u(t.product.name),1),e("p",{class:"text-sm md:text-base text-grey-500",innerHTML:t.product.description},null,8,Q)])):B("",!0),e("div",Z,[b(C,{src:t.product.image,alt:t.product.name,class:s(["w-auto h-52 object-contain",(w=t.product)==null?void 0:w.imageClass]),width:"208",height:"208"},null,8,["src","alt","class"])]),t.infoPosition==="bottom"?(o(),i("div",{key:1,class:s(["text-center mb-4",t.product.infoContainerClass])},[e("h3",{class:s(["text-xl md:text-2xl font-sansbold text-primary-800 mb-2",(f=t.product)==null?void 0:f.nameClass])},u(t.product.name),3),e("p",{class:"text-sm md:text-base text-grey-500",innerHTML:t.product.description},null,8,tt)],2)):B("",!0),e("div",et,[t.product.promoPrice?(o(),i("div",ot,[e("span",{class:s(t.product.priceClass)},u(t.product.price),3),e("span",{class:s(["ml-2",t.product.promoPriceClass])},u(t.product.promoPrice),3)])):(o(),i("p",nt,u(t.product.price),1)),(x=t.product)!=null&&x.tailine?(o(),i("span",{key:2,class:s(["block text-[11px] text-[#747474] mb-4",t.product.tailineClass])},u(t.product.tailine),3)):B("",!0),e("div",{class:s((a=(_=t.product)==null?void 0:_.cta)!=null&&a.showOnCardHover?"mt-4 transition-all duration-300 ease-in-out lg:max-h-0 lg:overflow-hidden lg:translate-y-2 lg:opacity-0 lg:group-hover:max-h-24 lg:group-hover:overflow-visible lg:group-hover:translate-y-0 lg:group-hover:opacity-100 lg:group-focus-within:max-h-24 lg:group-focus-within:overflow-visible lg:group-focus-within:translate-y-0 lg:group-focus-within:opacity-100":"")},[b(A,{type:((h=(m=t.product)==null?void 0:m.cta)==null?void 0:h.ctaType)||"nuxt-link",href:t.product.href,onClick:k[0]||(k[0]=y=>r.$emit("ctaClick",t.product.sku)),styleType:"primaryRounded",textCase:"normal-case",class:"whitespace-nowrap","aria-label":((P=(S=t.product)==null?void 0:S.cta)==null?void 0:P.ctaText)||"Shop - "+t.product.name},{default:X(()=>{var y,T,$,F;return[((T=(y=t.product)==null?void 0:y.cta)==null?void 0:T.showIcon)??!0?(o(),G(C,{key:0,src:"homepage_2025_silk/icon_cart",alt:"",class:"inline-block w-5 h-5 mr-2",fetchFormat:"f_svg",width:"20",height:"20"})):B("",!0),D(" "+u(((F=($=t.product)==null?void 0:$.cta)==null?void 0:F.ctaText)||"Shop"),1)]}),_:1},8,["type","href","aria-label"])],2)])]),t.product.disclaimer?(o(),i("p",lt,u(t.product.disclaimer),1)):(o(),i("p",it,"   "))])}}},at=st,ct={class:"absolute inset-x-0 bottom-0 pointer-events-none md:hidden overflow-hidden"},rt={class:"flex justify-center gap-2"},ut=["onClick","aria-label"],dt={__name:"ChooseYourLitter2025Silk",props:{content:{type:Object,default:()=>({})},cta:{type:Object,default:()=>({})},showBackgroundGradient:{type:Boolean,default:!0},bgColor:{type:String,default:"#FFFFFF"},containerClass:{type:String,default:""}},emits:["ctaClick"],setup(t){const r=t,k=d(()=>r.content.title??"Choose Your<br class='block sm:hidden'/> Purrfect Litter"),C=d(()=>r.content.showSubtitle??!0),A=d(()=>r.content.textAlign??"center"),w=d(()=>r.content.cards),f=d(()=>r.content.showCarousel??!0),x=d(()=>r.content.cardInfoPosition??"top"),_=U(),a=N(0),m=N(0),h=N(0),S=d(()=>v.value.length-1),P=n=>{m.value=n.touches[0].clientX,h.value=m.value},y=n=>{h.value=n.touches[0].clientX},T=()=>{const n=m.value-h.value,c=50;n>c&&a.value<S.value?a.value++:n<-c&&a.value>0&&a.value--},$=n=>{var L;const c=_.getProductBySku(n);return(L=c==null?void 0:c.price)!=null&&L.amount?`$${Number(c.price.amount).toFixed(2)}`:""},F=w.value||[{id:"original",sku:"pl6-1",name:"Original",description:"6lb Non-Clumping, Unscented",image:"homepage_2025_silk/prettylitter_unscented",href:"/products/one-bag-of-prettylitter?variant=original"},{id:"lotus",sku:"pl6lotus-1",name:"Lotus Flower",description:"6lb Non-Clumping, Lotus Scented",image:"homepage_2025_silk/prettylitter_lotus",href:"/products/one-bag-of-prettylitter?variant=lotus"},{id:"aloe",sku:"pl6aloe-1",name:"Calm Aloe",description:"6lb Non-Clumping, Aloe Scented",image:"homepage_2025_silk/prettylitter_aloe",href:"/products/one-bag-of-aloe-prettylitter"},{id:"clumping",sku:"plclump10-1",name:"Clumping",description:"10lb Clumping, Unscented",image:"homepage_2025_silk/prettylitter_clumping",disclaimer:"*Clumping PrettyLitter has unique usage instructions",href:"/products/one-bag-of-clumping-prettylitter"}],v=d(()=>F.map(n=>({...n,price:$(n.sku)})).filter(n=>n.price));return(n,c)=>{const L=M,V=E,H=at,z=R;

1return o(),G(z,{backgroundGradient:t.showBackgroundGradient?"linear-gradient(180deg, #ffffff 0%, #f1ede9 100%)":void 0,class:s(["relative",t.containerClass])},{default:X(()=>{var I;return[e("div",ct,[b(L,{src:"homepage_2025_silk/paw_prints_grey_horizontal",alt:"",class:"w-[200%] max-w-none -ml-[50%] opacity-10 -rotate-[15deg]",fetchFormat:"f_svg"})]),b(V,{title:l(k),titleClass:(I=t.content)==null?void 0:I.titleClass,subtitle:l(C)?"All varieties include our signature color-changing health monitor and advanced odor control.":void 0,textAlign:l(A)},null,8,["title","titleClass","subtitle","textAlign"]),e("div",{class:s(["lg:flex justify-center gap-6 lg:gap-8 max-w-screen-xl mx-auto",l(f)?"hidden":" flex flex-col lg:flex-row items-center"])},[(o(!0),i(j,null,O(l(v),p=>(o(),G(H,{key:p.id,product:p,infoPosition:l(x),class:s(l(v).length<=3?"w-[312px] lg:basis-[320px] lg:shrink-0":""),onCtaClick:c[0]||(c[0]=g=>n.$emit("ctaClick",g))},null,8,["product","infoPosition","class"]))),128))],2),e("div",{class:s(["lg:hidden mb-8",l(f)?"":"hidden"])},[e("div",{class:"relative overflow-hidden",onTouchstart:P,onTouchmove:y,onTouchend:T},[e("div",{class:"flex transition-transform duration-300 ease-in-out",style:Y({transform:`translateX(-${l(a)*100}%)`})},[(o(!0),i(j,null,O(l(v),p=>(o(),i("div",{key:p.id,class:"min-w-full px-4"},[b(H,{product:p,infoPosition:l(x)},null,8,["product","infoPosition"])]))),128))],4)],32),e("div",rt,[(o(!0),i(j,null,O(l(v).length,(p,g)=>(o(),i("button",{key:g,onClick:mt=>a.value=g,class:s(["w-3 h-3 rounded-full transition-all duration-200",l(a)===g?"bg-primary-500 w-8":"bg-primary-200"]),"aria-label":`Go to slide ${g+1}`},null,10,ut))),128))])],2)]}),_:1},8,["backgroundGradient","class"])}}},yt=dt;export{yt as _};