https://www.asbis.uz/_nuxt/CnMyODdu.js

1import{a1 as N,V as P,o as i,d as c,i as o,e as r,n as l,F as w,p as g,j as p,c as h,h as u,C as m,f as y,D as B,r as b}from"./FyG242-W.js";import k from"./DkA_GJUY.js";import _ from"./CSGN98y4.js";import{_ as x}from"./BWOVA7jZ.js";import"./Z3HIKWrk.js";import"./QsvR1XiZ.js";const I={class:"product-slider"},$={class:"product-slider__main"},z={class:"product-slider__no-image"},F={__name:"ProductMainSlider",props:{images:{type:Array,default:()=>[]}},setup(n){const s=b(null),a=b(null),C=()=>s.value?.slidePrev(),S=()=>s.value?.slideNext(),V=f=>s.value?.slideTo(f),v={main:{slidesPerView:1},thumbs:{slidesPerView:5,spaceBetween:20}};return P([s,a],()=>{!s.value||!a.value||(s.value.controller.control=a.value)}),(f,e)=>(i(),c("div",I,[o("div",$,[r(k,{class:"product-slider__swiper product-slider__swiper--main",options:v.main,onInit:e[0]||(e[0]=t=>s.value=t)},{default:l(()=>[(i(!0),c(w,null,g(n.images,(t,d)=>(i(),p(_,{key:d},{default:l(()=>[r(h(x),{src:t,width:532,height:532,class:"product-slider__image"},null,8,["src"])]),_:2},1024))),128)),e[2]||(e[2]=u()),n.images?.length?y("",!0):(i(),p(_,{key:0},{default:l(()=>[o("div",z,[r(m,{icon:"noImage","container-size":""})])]),_:1}))]),_:1},8,["options"]),e[5]||(e[5]=u()),o("div",{class:B(["product-slider__thumbs-wrapper",{"product-slider__thumbs-wrapper--nav-inactive":n.images?.length<6}])},[r(k,{class:"product-slider__swiper product-slider__swiper--thumbs",options:v.thumbs,onInit:e[1]||(e[1]=t=>a.value=t)},{default:l(()=>[(i(!0),c(w,null,g(n.images,(t,d)=>(i(),p(_,{key:d,class:"product-slider__thumb",onClick:L=>V(d)},{default:l(()=>[r(h(x),{src:t,width:100,height:100},null,8,["src"])]),_:2},1032,["onClick"]))),128))]),_:1},8,["options"]),e[3]||(e[3]=u()),o("div",{class:"product-slider__btn product-slider__btn--prev",onClick:C},[r(m,{icon:"chevronLeft"})]),e[4]||(e[4]=u()),o("div",{class:"product-slider__btn product-slider__btn--next",onClick:S},[r(m,{icon:"chevronRight"})])],2)])]))}},E=N(F,[["__scopeId","data-v-18ea2130"]]);export{E as default};