https://www.sleepytofu.com/build/assets/IcepopProductCarousel-BsrHJqNt.js

1import{S as m}from"./splide.esm-BUlXYiLa.js";/* empty css                   */import{_ as n}from"./CoolingProductCard-CVIGcA_p.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{z as v,l as _,F as g,H as e,B as i,r as d}from"./vue-core-C5VUGm2Y.js";import"./TooltipTrigger-BK7a5QFn.js";import"./PopperContent-CCPtzC2j.js";import"./radix-ui-DmNDyQqc.js";import"./utils-BQHNewu7.js";import"./defu-BshOeUjT.js";const w={class:"relative z-0 mx-auto w-[calc(100%-24px-24px)] max-w-[1200px] sm:w-[calc(100%-40px-40px)]"},h={class:"mt-5 mb-4 flex justify-end gap-2 pr-6 sm:pr-10"},y={class:"splide__track"},b={class:"splide__list"},k={__name:"IcepopProductCarousel",props:{productIcepop:{type:Object,default:()=>({image:"https://placehold.co/352x235/e5e5e5/737373?text=Icepop",href:"#"})},productMax:{type:Object,default:()=>({})},productFamily:{type:Object,default:()=>({image:"https://placehold.co/352x235/e5e5e5/737373?text=Family",href:"#"})}},setup(a){const p=d(null),s=d(null),r=d(null);return v(()=>{var c,u;if(!p.value)return;const o=new m(p.value,{type:"slide",perPage:1,perMove:1,gap:"40px",pagination:!1,arrows:!1,rewind:!1,speed:600,snap:!0,focus:"start",trimSpace:!1,padding:{left:0,right:0},fixedWidth:"472px",breakpoints:{639:{gap:"16px",fixedWidth:!1}}}).mount();(c=s.value)==null||c.addEventListener("click",()=>o.go("<")),(u=r.value)==null||u.addEventListener("click",()=>o.go(">"));const t=()=>{const l=o.index,f=o.length;s.value&&(s.value.style.opacity=l===0?"0.35":"1",s.value.style.pointerEvents=l===0?"none":"auto"),r.value&&(r.value.style.opacity=l>=f-1?"0.35":"1",r.value.style.pointerEvents=l>=f-1?"none":"auto")};o.on("mounted moved",t),t()}),(o,t)=>(_(),g("div",w,[e("div",{ref_key:"splideRef",ref:p,class:"splide"},[e("div",h,[e("button",{ref_key:"prevBtn",ref:s,class:"border-lightgray flex aspect-square w-12 cursor-pointer items-center justify-center rounded-full border bg-white xl:w-15","aria-label":"上一張"},[...t[0]||(t[0]=[e("svg",{class:"block aspect-square w-6 xl:w-8",viewBox:"0 0 32 32",fill:"none"},[e("path",{d:"M20 5L9 16L20 27",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"})],-1)])],512),e("button",{ref_key:"nextBtn",ref:r,class:"border-lightgray flex aspect-square w-12 cursor-pointer items-center justify-center rounded-full border bg-white xl:w-15","aria-label":"下一張"},[...t[1]||(t[1]=[e("svg",{class:"block aspect-square w-6 xl:w-8",viewBox:"0 0 32 32",fill:"none"},[e("path",{d:"M12 5L23 16L12 27",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"})],-1)])],512)]),e("div",y,[e("div",b,[i(n,{product:a.productIcepop,class:"splide__slide rounded-[30px] bg-white p-8 sm:rounded-[60px] sm:p-15"},null,8,["product"]),i(n,{product:a.productMax,class:"splide__slide rounded-[30px] bg-white p-8 sm:rounded-[60px] sm:p-15"},null,8,["product"]),i(n,{product:a.productFamily,class:"splide__slide rounded-[30px] bg-white p-8 sm:rounded-[60px] sm:p-15"},null,8,["product"])])])],512)]))}},P=x(k,[["__scopeId","data-v-c14890ff"]]);export{P as default};