1import{m as I,b as r,r as k,H as M,n as P,R as u,S as _,U as t,a8 as c,u as i,P as q,as as L,aa as v,ab as b}from"./Xj9vLnD0.js";import{g as W,u as X,e as A,_ as B}from"./C67QyH0G.js";const D={class:"x5Treads_title_span font-700"},E=["innerHTML"],O={class:"x5Treads_box"},S={class:"visuallyhidden"},C=["poster"],F=["src"],H=["poster"],$=["src"],N=I({__name:"x5Treads",setup(R){const{isMedia:d,rem:m}=W(),{t:a,locale:h}=X(),{$gsap:l,$ScrollTrigger:U}=A(),n=r(null),f=r(null),g=r(null),x=r(null),y=r(null),T=r(null),p=k({treadsInfo:{title:a("productWeb.x5.treadsInfo.title"),dec:a("productWeb.x5.treadsInfo.dec"),list:[{videoPc:"https://d1ynqtbpih48ow.cloudfront.net/assets/images/2025/05/pageX5_treads_1_pc.mp4",imagePc:"https://d1ynqtbpih48ow.cloudfront.net/assets/images/2025/05/pageX5_treads_1_pc.webp",imageMo:"https://d1ynqtbpih48ow.cloudfront.net/assets/images/2025/05/pageX5_treads_1_mo.webp",label:a("productWeb.x5.treadsInfo.list[0].label"),text:a("productWeb.x5.treadsInfo.list[0].text")},{videoPc:"https://d1ynqtbpih48ow.cloudfront.net/assets/images/2025/05/pageX5_treads_2_pc.mp4",imagePc:"https://d1ynqtbpih48ow.cloudfront.net/assets/images/2025/05/pageX5_treads_2_pc.webp",imageMo:"https://d1ynqtbpih48ow.cloudfront.net/assets/images/2025/05/pageX5_treads_2_mo.webp",label:["us","ca","au","eu"].includes(h.value)?"1.6-inch":a("productWeb.x5.treadsInfo.list[1].label"),text:a("productWeb.x5.treadsInfo.list[1].text")}]}}),w=()=>{const o=`${m.value*60}px`;l.fromTo(f.value,{y:o,opacity:0},{y:0,opacity:1,duration:.8,delay:.1,ease:"power3.inOut",scrollTrigger:{trigger:n.value,start:"top 50%",toggleActions:"play none none reverse"}}),l.fromTo(g.value,{y:o,opacity:0},{y:0,opacity:1,duration:.8,delay:.1,ease:"power3.inOut",scrollTrigger:{trigger:n.value,start:"top 40%",toggleActions:"play none none reverse"}}),x.value.forEach((s,e)=>{l.fromTo(s,{y:o,opacity:0},{y:0,opacity:1,duration:.8,delay:e*.2,ease:"power3.inOut",scrollTrigger:{trigger:n.value,start:"top 28%",toggleActions:"play none play reset"}})}),y.value.forEach((s,e)=>{l.fromTo(s,{y:o,opacity:0},{y:0,opacity:1,duration:.8,delay:e*.2,ease:"power3.inOut",scrollTrigger:{trigger:n.value,start:"top 28%",toggleActions:"play none play reset"}})}),T.value.forEach((s,e)=>{l.fromTo(s,{opacity:0,y:o,scale:.7},{opacity:1,y:0,scale:1,scrollTrigger:{trigger:s,start:"top bottom",end:"bottom bottom",scrub:!0}})})};return M(async()=>{await P(),d.value||w()}),(o,s)=>(u(),_("div",{class:"x5Treads",ref_key:"x5TreadsBox",ref:n},[t("div",{class:"x5Treads_title",ref_key:"x5TreadsTitle",ref:f},[t("span",D,[t("h2",null,c(i(p).treadsInfo.title),1)])],512),t("div",{class:"x5Treads_dec font-600",ref_key:"x5TreadsDec",ref:g,innerHTML:i(p).treadsInfo.dec},null,8,E),t("div",O,[(u(!0),_(q,null,L(i(p).treadsInfo.list,(e,V)=>(u(),_("div",{class:"x5Treads_box_item",key:e.label},[t("h3",S,c(e.label)+" "+c(e.text),1),t("div",{class:"x5Treads_box_item_label font-700",ref_for:!0,ref_key:"x5TreadsLabel",ref:x},c(e.label),513),t("div",{class:"x5Treads_box_item_text font-600",ref_for:!0,ref_key:"x5TreadsText",ref:y},c(e.text),513),t("div",{class:"x5Treads_box_item_cover",ref_for:!0,ref_key:"x5TreadsCover",ref:T},[v(t("video",{class:"imgFull",playsinline:"",autoplay:"",loop:"",muted:"",poster:e.imagePc},[t("source",{src:e.videoPc,type:"video/mp4"},null,8,F)],8,C),[[b,!i(d)]]),v(t("video",{class:"imgFull",playsinline:"",autoplay:"",loop:"",muted:"",poster:e.imageMo},[t("source",{src:e.videoPc,type:"video/mp4"},null,8,$)],8,H),[[b,i(d)]])],512)]))),128))])],512))}}),z=B(N,[["__scopeId","data-v-c87aafd0"]]);export{z as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.