1import{a as g,o as v,b as y,c as t,d as o,u as n,F as c,i as m,I as f,H as k,e,m as w,f as S,n as x,t as u}from"./app-D1qEUMc8.js";import{_ as M,a as B}from"./StreamingSwiperSteps-vMhU3fIY.js";import"./scrollbar-B4on5ITo.js";import"./swiper-vue-C0u0ZNrJ.js";const T={class:"steps-streaming"},L={class:"steps-body"},N={class:"steps-tab steps-tab-md"},q={class:"steps-tab-item"},C={key:0,class:"steps-tab-item-img-group"},H=["src"],P={key:1,class:"steps-tab-item-img-group"},Y={key:0,autoplay:"",loop:"",muted:"",playsinline:"",width:"503",height:"640",loading:"lazy",class:"steps-tab-item-img min-h-[640px]"},$=["src"],z={key:2,class:"steps-tab-item-main"},E=["innerHTML"],V={key:3,class:"steps-tab-item-main"},F={class:"steps-tab-item-title"},J={class:"steps-tab-item-text"},O={key:0,id:"btnModalProduct",type:"button",class:"btn btn-info btn-fill btn-white"},R={class:"steps-line"},D={class:"steps-container steps-tab-sm pb-12 sm:pb-24"},G={__name:"StreamingSteps",props:["translate","scrolls"],setup(h){const d=h,p=JSON.parse(d.translate);let r;d.scrolls&&(r=JSON.parse(d.scrolls));const b=g(0),i=g(-100),_=()=>{const l=document.querySelector(".steps-tab").getBoundingClientRect().top-400,a=document.querySelector(".steps-tab").getBoundingClientRect().height+100;if(l<0&&l>-a){const s=window.scrollY;s<b.value?(document.querySelector(".steps-tab-item-img-group").scrollTop=-l,i.value>=-100&&i.value<=0?i.value=Math.round(-(l*100/a+100)):i.value=-100):window.scrollY>0&&(document.querySelector(".steps-tab-item-img-group").scrollTop=-l,i.value<=0&&i.value>=-100?i.value=Math.round(-(l*100/a+100))+10:i.value=0),b.value=s}};return v(()=>{_(),window.addEventListener("scroll",_)}),y(()=>{window.removeEventListener("scroll",_)}),(l,a)=>(e(),t("div",T,[o("div",L,[o("div",N,[o("div",q,[n(r)?(e(),t("div",C,[(e(!0),t(c,null,m(n(r),s=>(e(),t("img",{key:s.id,src:s.image_desktop,alt:"Step image",width:"602",height:"640",class:"steps-tab-item-img"},null,8,H))),128))])):(e(),t("div",P,[(e(!0),t(c,null,m(n(p),s=>(e(),t(c,{key:s.id},[s.id===2?(e(),t("video",Y,[...a[0]||(a[0]=[o("source",{src:"/templates/images/streaming/steps/steps-step-2.webm",type:"video/webm"},null,-1)])])):s.id===1||s.id===3?(e(),w(B,{key:1,"step-number":s.id,class:"steps-tab-item-img"},null,8,["step-number"])):(e(),t("img",{key:2,src:`/templates/images/streaming/steps/steps-step-${s.id}.webp`,alt:"Step image",width:"503",height:"640",class:"steps-tab-item-img"},null,8,$))],64))),128))])),n(r)?(e(),t("div",z,[(e(!0),t(c,null,m(n(r),s=>(e(),t("div",{key:s.id,class:"steps-tab-item-main-item",innerHTML:s.content},null,8,E))),128))])):(e(),t("div",V,[(e(!0),t(c,null,m(n(p),s=>(e(),t("div",{key:s.id,class:"steps-tab-item-main-item text-white"},[o("div",{class:x(["!important inline-block rounded-[50px] border-2 border-solid border-[#ffffff] px-6 text-5xl font-medium",s.id===1?"py-2":"py-3"])},u(s.id),3),o("h3",F,u(s.title),1),o("p",J,u(s.description),1),s.id===n(p).length?(e(),t("button",O,u(s.go),1)):S("",!0)]))),128))])),o("div",R,[o("div",{class:"steps-line-progress",style:f(`transform: translateY(${i.value}%)`)},null,4)])])]),o("div",D,[k(M,{items:n(p),scrolls:d.scrolls},null,8,["items","scrolls"])])])]))}};export{G 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.