https://www.vrijemeradar.hr/chunk-GVSUUXZ4.js

1import{a as w}from"./chunk-RIJVIX3A.js";import{Ca as m,Gb as f,Ic as y,Z as l,bc as u,cc as _,d,dc as C,ic as s,jc as c,la as p,pc as x,ra as v,sa as g,sb as h,vc as k,wc as a}from"./chunk-GU52UVA3.js";function M(o,i){if(o&1){let r=x();s(0,"div",2),k("click",function(e){let n=v(r).$implicit,D=a();return g(D.onDotClick(e,n))}),c()}if(o&2){let r=i.$implicit,t=a();y("active",r===t.activeDot())}}var $=(()=>{let i=class i{constructor(){this.slideshowService=p(w),this.destroy$=new d,this.activeDot=this.slideshowService.slideIndex,this.dots=m([])}ngOnInit(){this.slideshowService.length$.pipe(l(this.destroy$)).subscribe(t=>{this.dots.set(new Array(t).fill(0).map((e,n)=>n))})}ngOnDestroy(){this.destroy$.next()}onDotClick(t,e){this.slideshowService.updateIndex(e),t.preventDefault(),t.stopPropagation()}};i.\u0275fac=function(e){return new(e||i)},i.\u0275cmp=f({type:i,selectors:[["wo-dots"]],decls:3,vars:0,consts:[[1,"dots"],[1,"dot",3,"active"],[1,"dot",3,"click"]],template:function(e,n){e&1&&(s(0,"div",0),_(1,M,1,2,"div",1,u),c()),e&2&&(h(),C(n.dots()))},styles:['[_nghost-%COMP%]{display:block;--size: 6px;--margin-right: 18px;--click-area-size: calc(var(--size) + var(--margin-right));--inactive-color: #10658e;--active-color: #ffbe00}html[data-device=desktop]   [_nghost-%COMP%]{--size: 11px;--margin-right: 32px}[data-device=desktop][_nghost-%COMP%]{--size: 11px;--margin-right: 32px}.dots[_ngcontent-%COMP%]{display:flex;justify-content:center}.dot[_ngcontent-%COMP%]{cursor:pointer;position:relative;width:var(--size);height:var(--size);border-radius:50%;background:var(--inactive-color)}.dot[_ngcontent-%COMP%]:before{content:"";--offset: calc((var(--click-area-size) - var(--size)) * -.5);position:absolute;left:var(--offset);top:var(--offset);width:var(--click-area-size);height:var(--click-area-size)}.dot.active[_ngcontent-%COMP%]{background:var(--active-color)}.dot[_ngcontent-%COMP%]:not(:last-child){margin-right:var(--margin-right)}']});let o=i;return o})();export{$ as a};