https://www.technomarket.bg/frontend/slider.js

1"use strict";(self.webpackChunktm_frontend=self.webpackChunktm_frontend||[]).push([[309],{5878:(Ht,F,n)=>{n.r(F),n.d(F,{SliderModule:()=>yt});const N=(r,C,c,m)=>{var d;const x=C[C.length-1],u=x.offsetLeft+x.offsetWidth-C[0].offsetLeft+c+m,S=(null===(d=r.parentElement)||void 0===d?void 0:d.offsetWidth)||r.offsetWidth;return{contentWidth:u,sliderWidth:S,boundsMin:0,boundsMax:u-S}};var W=n(7579),O=n(4968),H=n(6451),P=n(5963),j=n(5684),ot=n(1135),rt=n(4128),dt=n(7445),a=n(8505),lt=n(4086),E=n(2722),z=n(3900),V=n(8372),w=n(9300),G=n(8675),v=n(4004),at=n(4782),J=n(5910),D=n(1365),ct=n(2940),pt=n(5698),K=n(7111),ht=n(1520),U=n(8746),R=n(5e3),ft=n(2650);const mt=["*"];let ut=1,vt=(()=>{class r{constructor(c,m,d){this.elementRef=c,this.documentService=m,this.appId=d,this.sliderId=ut++,this.observer=null,this.init=!1}ngOnDestroy(){this.observer&&this.observer.disconnect(),this.destroy$&&(this.destroy$.next(void 0),this.destroy$.complete())}ngOnInit(){}doInit(){this.elementRef.nativeElement.querySelector(".slider-content")&&this.runSlider()}runSlider(){this.destroy$&&(this.destroy$.next(void 0),this.destroy$.complete()),this.destroy$=new W.x;const c=this.destroy$,m=this.documentService,d=this.elementRef.nativeElement,l=d.querySelector(".slider-content");if(!l)return;const x=d.classList.contains("has-arrows");let u="RENDER"!==this.appId&&d.classList.contains("autoplay");const S=d.classList.contains("has-dots"),f=Array.from(l.children);if(f.length<2)return;const X=new W.x;d.querySelectorAll("img").forEach(t=>t.onload=()=>X.next(void 0));const L=parseInt(window.getComputedStyle(l,null).getPropertyValue("padding-left"),10),g=parseInt(window.getComputedStyle(l,null).getPropertyValue("padding-right"),10),Z=N(l,f,L,g),Q=t=>{var e,s;const i=t-1;null!==(e=f[i])&&void 0!==e&&e.getAttribute("data-src")?(f[i].style.display="",f[i].src=f[i].getAttribute("data-src"),f[i].removeAttribute("data-src")):null===(s=f[i])||void 0===s||s.querySelectorAll("[data-src]").forEach(o=>{o.src=o.getAttribute("data-src"),o.removeAttribute("data-src")})},k=new W.x,{documentMouseMove:bt,documentMouseUp:Mt,documentTouchMove:q,documentTouchEnd:St,documentResize:$t}=m,Ct=(0,O.R)(d,"click",{passive:!0}),Lt=(0,O.R)(l,"mousedown",{passive:!0}),At=(0,O.R)(l,"touchstart",{passive:!1}).pipe((0,a.b)(t=>{t.stopPropagation()})),Et=(0,O.R)(l,"click",{passive:!1}),B=(0,H.T)(k,Mt,St).pipe((0,lt.g)(10));let y=d.querySelector(".slider-next"),b=d.querySelector(".slider-prev"),p=S&&d.querySelector(".slider-dots-container")||null,_=0;d.onclick=()=>{};const tt=m.createElement("div","debug");tt.style.position="absolute",tt.innerText="DEBUG";const I=t=>{};let et=Z.contentWidth;const Y=(0,H.T)(X.pipe((0,V.b)(200),(0,w.h)(()=>{const t=N(l,f,L,g);return t.contentWidth!==et&&(et=t.contentWidth,!0)})),$t).pipe((0,j.T)(1),(0,V.b)(200)).pipe((0,G.O)(Z),(0,v.U)(()=>N(l,f,L,g)),(0,a.b)(t=>{})).pipe((0,v.U)(t=>{const e=f.map(s=>({start:s.offsetLeft,width:s.offsetWidth})).reduce((s,i,o)=>{const h=s[s.length-1];return h.width+i.width>t.sliderWidth?s.push(Object.assign(Object.assign({},i),{items:[i]})):(h.width+=i.width,h.items.push(i)),o===f.length-1&&(s[s.length-1].start=t.boundsMax),s},[{start:0,width:0,items:[]}]);return{scrollArea:t,pages:e}}),(0,a.b)(t=>{A.next({position:-L,dx:0,dy:0,time:0})}),(0,a.b)(t=>(t=>{t.length<2?[y,b,p].forEach(e=>e&&(e.style.display="none")):(t=>{if(x){b||(b=m.createElement("div","slider-prev"),b.innerHTML='<span class="icon-arrow_back_thin"></span>',b.setAttribute("slider-action","prev"),d.append(b));const e=new W.x;e.pipe((0,E.R)(c),(0,a.b)(()=>b.classList.add("touched")),(0,z.w)(()=>(0,P.H)(1e3).pipe((0,a.b)(()=>b.classList.remove("touched"))))).subscribe(),b.onclick=()=>e.next(void 0),y||(y=m.createElement("div","slider-next"),y.innerHTML='<span class="icon-arrow_forward_thin"></span>',y.setAttribute("slider-action","next"),d.append(y));const s=new W.x;s.pipe((0,E.R)(c),(0,a.b)(()=>y.classList.add("touched")),(0,z.w)(()=>(0,P.H)(1e3).pipe((0,a.b)(()=>y.classList.remove("touched"))))).subscribe(),y.onclick=()=>s.next(void 0)}if(S&&!p){p=m.createElement("div","slider-dots-container"),d.append(p);const e=m.createElement("div","slider-dot");for(e.setAttribute("slider-action","goto"),p.append(e);p.children.length>t;)p.removeChild(p.lastChild);for(;t>p.children.length;)p.append(p.firstChild.cloneNode())}})(t.length)})(t.pages)),(0,at.d)({refCount:!1,bufferSize:1})),A=new ot.X({position:-L,dx:0,dy:0,time:0});A.pipe((0,j.T)(1),(0,J.g)("position")).subscribe(t=>{u||this.documentService.sliderMoved$.next(void 0)});const st=A.pipe((0,D.M)(Y),(0,v.U)(([t,e])=>{const{pages:s,scrollArea:i}=e,o=Math.min(Math.max(0,t.position),i.boundsMax),h=s.find(Ot=>Ot.start>=o),$=s.indexOf(h),M=$===s.length-1&&$>0&&o<i.boundsMax?$-1:$;return{page:h,index:$,index1:M,indexTrack:""+$+M,pages:s}}),(0,J.g)("indexTrack"),(0,a.b)(t=>

1{if(_=t.index,p){Array.from(p.children).forEach(s=>s.classList.remove("active"));const e=p.children.item(t.index);e.classList.add("active"),e.offsetLeft<p.scrollLeft+60?p.scrollTo({left:e.offsetLeft-64,behavior:"smooth"}):e.offsetLeft+e.offsetWidth>p.scrollLeft+p.offsetWidth-60&&p.scrollTo({left:e.offsetLeft+60,behavior:"smooth"})}x&&(b&&(_?b.classList.add("active"):b.classList.remove("active")),y&&(t.index1+1<t.pages.length?y.classList.add("active"):y.classList.remove("active"))),Array.from(l.children).forEach(e=>e.classList.remove("active")),l.children.item(t.index).classList.add("active"),Q(t.index+1),Q(t.index+2)})),It=A.pipe((0,j.T)(1),(0,a.b)(t=>{l.style.transform=`translateX(${-t.position}px)`})),nt=(0,H.T)(bt.pipe((0,v.U)(t=>({x:t.screenX,y:t.screenY}))),q.pipe((0,v.U)(t=>({x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY})))),it=t=>nt.pipe((0,v.U)(e=>Math.abs(e.x-t.x)),(0,ct.R)((e,s)=>e+s),(0,w.h)(e=>e>10),(0,pt.q)(1),(0,a.b)(e=>{})),wt=t=>Et.pipe((0,K.u)(it(t).pipe()),(0,a.b)(e=>{e.preventDefault(),e.stopPropagation()})),Ut=t=>q.pipe((0,K.u)(it(t).pipe()),(0,a.b)(e=>{e.cancelable&&e.preventDefault()})),Wt=Ct.pipe((0,v.U)(t=>({target:t.target,index:gt(t.target),command:t.target.getAttribute("slider-action"),e:t})),(0,w.h)(t=>!!t.command),(0,D.M)(Y,st),(0,a.b)(([t,e,s])=>{t.e.stopPropagation();const{pages:i}=e;u=!1;const o="next"===t.command?s.index+1:"prev"===t.command?s.index-1:t.index;if(o>-1&&o<i.length){const h=100+50*Math.abs(s.index-o);l.style.transition=`transform ${h}ms ease-in-out`,A.next({position:i[o].start,dy:0,dx:0,time:0})}})),Dt=t=>nt.pipe((0,v.U)(e=>({x:e.x,y:e.y,time:performance.now()})),(0,G.O)({x:t.x,y:t.y,time:performance.now()}),(0,ht.G)(),(0,D.M)(A),(0,v.U)(e=>{const[[s,i],o]=e;let h=s.x-i.x;const $=s.y-i.y;(Math.abs($)>10||Math.abs($)>Math.abs(h))&&(h=0),Math.abs($);let M=o.position+h;return M<t.scrollArea.boundsMin?h<0&&o.position&&M&&(M=o.position+h/Math.log(Math.abs(M))):M>t.scrollArea.boundsMax&&h>0&&o.position&&M&&(M=o.position+h/Math.log(Math.abs(M))),{position:M,dx:h,dy:$,scrollArea:t.scrollArea,time:i.time-s.time}}),(0,a.b)(e=>A.next(e)),(0,U.x)(()=>{k.next(t)}));(0,H.T)(At.pipe((0,v.U)(t=>({x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}))),Lt.pipe((0,w.h)(t=>!t.button),(0,v.U)(t=>({x:t.screenX,y:t.screenY})))).pipe((0,a.b)(()=>{u&&(u=!1)}),(0,D.M)(A,Y),(0,w.h)(([t,e,s])=>s.pages.length>1),(0,a.b)(()=>l.style.transition="none"),(0,v.U)(([t,e,s])=>({x:t.x,y:t.y,position:e,scrollArea:s.scrollArea})),(0,a.b)(()=>{}),(0,z.w)(t=>{let e=t.x;const s=t.x;return(0,rt.D)([Dt(t).pipe((0,a.b)(i=>e+=i.dx),(0,E.R)(B),(0,U.x)(()=>{e!==s&&xt(l,f,A,t.scrollArea,e>s?0:1,L,I,Math.abs(e-s)<10?t.position.position:0)})),wt(t).pipe((0,E.R)(B.pipe()),(0,U.x)(()=>{})),Ut(t).pipe((0,E.R)(B),(0,U.x)(()=>{}))]).pipe((0,U.x)(()=>{}))}),(0,U.x)(()=>{})).pipe((0,E.R)(this.destroy$)).subscribe({complete:()=>{}}),It.pipe((0,E.R)(this.destroy$)).subscribe(),Wt.pipe((0,E.R)(this.destroy$)).subscribe(),u&&(0,dt.F)(1e4).pipe((0,E.R)(this.destroy$),(0,w.h)(()=>!!u),(0,D.M)(Y,st)).subscribe(([t,e,s])=>{const{pages:i}=e,o=s.index+1;if(o>-1&&o<i.length){const h=100+50*Math.abs(s.index-o);l.style.transition=`transform ${h}ms ease-in-out`,A.next({position:i[o].start,dy:0,dx:0,time:0})}})}ngAfterContentChecked(){this.init||(this.init=!0,setTimeout(()=>this.doInit(),100))}}return r.\u0275fac=function(c){return new(c||r)(R.Y36(R.SBq),R.Y36(ft.Z),R.Y36("APP_ID"))},r.\u0275cmp=R.Xpm({type:r,selectors:[["tm-slider"]],ngContentSelectors:mt,decls:1,vars:0,template:function(c,m){1&c&&(R.F$t(),R.Hsn(0))},encapsulation:2,changeDetection:0}),r})();const xt=(r,C,c,m,d,l,x,u)=>{x("align");const S=c.getValue();if(r.style.transition="transform 280ms ease-in-out",u)return c.next({position:u,dx:0,dy:0,time:0}),void x("snap to"+u);if(S.position<0)c.next({position:0,dx:0,dy:0,time:0}),x("front");else if(S.position>m.boundsMax)c.next({position:m.boundsMax,dx:0,dy:0,time:0}),x("max");else{const L=C.map(g=>({x:g.offsetLeft,width:g.offsetWidth})).find(g=>S.position<g.x+d*g.width);if(L){const g=L.x===l?0:L.x;

1x("snap"+Math.min(g,m.boundsMax)),c.next({position:Math.min(g,m.boundsMax),dx:0,dy:0,time:0})}else x("nosnap")}},gt=r=>r.parentNode&&Array.from(r.parentNode.children).indexOf(r)||0;let yt=(()=>{class r{constructor(){this.customElementComponent=vt}}return r.\u0275fac=function(c){return new(c||r)},r.\u0275mod=R.oAB({type:r}),r.\u0275inj=R.cJS({}),r})()}}]);