https://wcf.ru/static/sERip8T5.js

1import C from"./Doklp3BA.js";import{c as y}from"./C6re4uE9.js";import{d as S,q as L,c as x,w as T,j as l,J as h,b as s,m as p,v as E,x as D,F as A,n as w,e as I,b6 as B,o as c,l as V}from"#entry";import"./C6czv5rL.js";import"./DZVgjeOA.js";import"./rNBEk3RP.js";/* empty css        *//* empty css        */import"./DIK6hnbo.js";import"./DCBxYSqU.js";import"./DNGAIRd3.js";import"./LZGpI_IV.js";import"./Dxj6kz_W.js";import"./D78QTwjX.js";import"./BXTxduAy.js";import"./DdCMiLBN.js";import"./DOBZJneq.js";const $=3e3,M="custom-slider-items",W="custom-slider-item",N="next-btn",k="prev-btn",q="custom-slider-dots",v="custom-slider-dot",g="custom-slider-dot-active",a="hidden",u="hidden",O="custom-slider";class R{#i;#t={};#e={click:[]};constructor(t,i={}){this.#i={isAutoplay:!0,...i},this.#t={wrapper:t.querySelector(`.${M}`)||t,listItems:Array.from(t.querySelectorAll(`[data-id="${W}"]`))||[],nextBtn:t.querySelector(`#${N}`),prevBtn:t.querySelector(`#${k}`),dotsContainer:t.querySelector(`#${q}`),dotItems:[],activeDotIndex:0,itemsWrapperStyles:getComputedStyle(t),timerId:0,countVisibleItems:0,prevCountVisibleItems:0,itemsCount:0},this.#a(),this.#d()}destroy(){this.#f(),this.#t.timerId&&clearInterval(this.#t.timerId),this.#e={},this.#t={}}#a(){this.#l(),this.#c(),this.#i.isAutoplay&&(this.#t.timerId=this.#n())}#c(){if(!this.#t.dotsContainer)return;let t="";for(let i=0;i<this.#t.itemsCount;i+=1)t+=`<div class="${v} ${i===0?g:""}" data-index="${i}"></div>`;this.#t.dotsContainer.innerHTML=t,this.#t.dotItems=Array.from(this.#t.dotsContainer.querySelectorAll(`.${v}`))||[]}#s(t,i,n){if(!t)return;const e={el:t,method:n};e.el.addEventListener(i,e.method),this.#e[i]&&this.#e[i].push({el:e.el,method:e.method})}#d(){this.#s(document,"resize",this.#l.bind(this)),this.#s(this.#t.nextBtn,"click",this.#r.bind(this,"next",!this.#i.isAutoplay)),this.#s(this.#t.prevBtn,"click",this.#r.bind(this,"prev",!this.#i.isAutoplay)),this.#s(this.#t.dotsContainer,"click",this.#g.bind(this))}#m(){const{clientWidth:t}=this.#t.listItems[0],i=parseInt(this.#t.itemsWrapperStyles.gap,10),n=parseInt(this.#t.itemsWrapperStyles.paddingLeft,10),r=(this.#t.wrapper?.getBoundingClientRect().width||0)-n*2+i;return Math.floor(r/(t+i))||1}#h(t,...i){this.#t.countVisibleItems>=this.#t.listItems.length?(i.forEach(n=>{n.classList.add(u)}),t?.classList.add(u)):(i.forEach(n=>{n.classList.remove(u)}),t?.classList.remove(u))}#l(){this.#t.listItems.length&&(this.#t.countVisibleItems=this.#m(),this.#t.itemsCount=this.#t.listItems.length,!(this.#t.prevCountVisibleItems===this.#t.countVisibleItems||!this.#t.nextBtn||!this.#t.prevBtn)&&(this.#h(this.#t.dotsContainer,this.#t.nextBtn,this.#t.prevBtn),this.#t.prevCountVisibleItems=this.#t.countVisibleItems))}#n(){return window.setInterval(this.#r.bind(this,"next",!0),$)}#p(){const t=this.#t.listItems[this.#t.countVisibleItems-1],i=this.#t.listItems[this.#t.listItems.length-1];!t||!i||(this.#t.wrapper.prepend(i),t.classList.add(a),i.classList.remove(a),this.#t.listItems.pop(),this.#t.listItems.unshift(i),this.#o(this.#t.activeDotIndex-1!==-1?this.#t.activeDotIndex-1:this.#t.dotItems.length-1))}#u(){if(!this.#t.listItems.length)return;const[t]=this.#t.listItems,i=this.#t.listItems[this.#t.countVisibleItems];!t||!i||(this.#t.wrapper.append(t),t.classList.add(a),i.classList.remove(a),this.#t.listItems.shift(),this.#t.listItems.push(t),this.#o(this.#t.activeDotIndex+1!==this.#t.dotItems.length?this.#t.activeDotIndex+1:0))}#I(t){const i=this.#t.listItems.findIndex(o=>Number(o.dataset?.index)===t),n=this.#t.listItems[i],e=this.#t.listItems.splice(0,i);this.#t.wrapper.append(...e);const[r]=e;r?.classList.add(a),n?.classList.remove(a),this.#t.listItems=this.#t.listItems.concat(e),this.#o(t)}#o(t){this.#t.dotItems&&(this.#t.dotItems[this.#t.activeDotIndex]?.classList.remove(`${g}`),this.#t.activeDotIndex=t,this.#t.dotItems[this.#t.activeDotIndex]?.classList.add(`${g}`))}#r(t,i=!1){this.#t.countVisibleItems>=this.#t.listItems?.length||(i||(clearInterval(this.#t.timerId),this.#t.timerId=this.#n()),t==="prev"?this.#p():this.#u())}#g(t){const n=t?.target?.dataset?.index;n&&(this.#i.isAutoplay&&(clearInterval(this.#t.timerId),this.#t.timerId=this.#n()),this.#I(parseInt(n,10)))}#f(){Object.entries(this.#e).forEach(([t,i])=>

1{i.forEach(n=>{n.el.removeEventListener(t,n.method)})})}}class F{static instances=[];static init(t){Array.from(document.querySelectorAll(`[data-id='${O}']`)).forEach(n=>{this.createSlider(n,t)})}static createSlider(t,i){const{dataset:n}=t,e={};Object.keys(n).forEach(r=>{if(r==="id")return;let o=n[r];o=Number.isNaN(Number(o))?o:Number(o),o=o==="true"?!0:o,o=o==="false"?!1:o,r==="isAutoplay"&&i?e[r]=!1:e[r]=o}),this.instances.push(new R(t,e))}static destroy(){this.instances.forEach(t=>{t.destroy()}),this.instances=[]}}const z={class:"cs-col s-1 l-12"},H=["innerHTML"],j={key:0,class:"c7t2-empty-message"},P=["id"],G=["src"],J=S({__name:"C7T2",props:{pageComponent:{},isConstructor:{type:Boolean}},setup(d){const t=d,i=y[t.pageComponent.code]?.defaults,n=I(()=>t.pageComponent.contents),e=I(()=>t.pageComponent.settings),r=I(()=>e.value?.isLimitedWidth?"columns-system-container":"full-size-columns-system-container"),o=B("slider");return L(()=>F.createSlider(o.value,t.isConstructor)),(U,m)=>{const _=C;return c(),x(_,{"page-component":d.pageComponent},{default:T(()=>[l("div",{class:w(`c7t2-container ${s(r)}`)},[l("div",z,[l("div",{id:"c7t2",class:"c7t2",style:h({"--padding-top":s(e)?.paddingTop||"initial","--padding-bottom":s(e)?.paddingBottom||"initial","--mobile-padding-top":s(e)?.mobilePaddingTop||"initial","--mobile-padding-bottom":s(e)?.mobilePaddingBottom||"initial","--max-width":s(e)?.maxWidth||"initial"})},[s(e).withTitle?(c(),p("div",{key:0,id:"c7t2Title",class:"c7t2__title",field:"title",style:h({"--margin-left":s(e)?.titleMarginLeft||"initial","--margin-right":s(e)?.titleMarginRight||"initial","--margin-top":s(e)?.titleMarginTop||"initial","--margin-bottom":s(e)?.titleMarginBottom||"initial","--text-align":s(e)?.titleTextAlign||"initial","--font-style":s(e)?.titleFontStyle||"initial","--letter-spacing":s(e)?.titleLetterSpacing||"initial","--line-height":s(e)?.titleLineHeight||"initial","--font-size":s(e)?.titleFontSize||"initial","--font-weight":s(e)?.titleFontWeight||"initial","--font-family":s(e)?.titleFontFamily||"initial","--color":s(e)?.titleColor||"initial"}),innerHTML:s(n)?.title||s(i)?.title},null,12,H)):E("",!0),l("div",{id:"c7t2List",ref_key:"slider",ref:o,class:"c7t2__list",style:h({"--column-gap":s(e)?.columnGap||"initial"}),list:"items","list-fields":"image"},[s(n)?.items?.length?(c(!0),p(A,{key:1},D(s(n)?.items,(b,f)=>(c(),p("div",{id:`c7t2ListItem${f}`,key:f,"data-id":"custom-slider-item",style:h({"--width":s(e)?.itemWidth||"initial"}),class:"c7t2-list-item"},[l("img",{src:b?.image||s(i)?.image},null,8,G)],12,P))),128)):(c(),p("div",j," Добавьте элементы списка ")),m[0]||(m[0]=l("div",{id:"prev-btn",class:"c7t2__btn c7t2__btn--prev"},null,-1)),m[1]||(m[1]=l("div",{id:"next-btn",class:"c7t2__btn c7t2__btn--next"},null,-1))],4)],4)])],2)]),_:1},8,["page-component"])}}}),ht=Object.assign(V(J,[["__scopeId","data-v-c0334da8"]]),{__name:"C7T2"});export{ht as default};
2//# sourceMappingURL=sERip8T5.js.map