https://ramat-gan.muni.il/5205.a95cf4b1a6a324f4.js

1"use strict";(self.webpackChunkrg_digital_web=self.webpackChunkrg_digital_web||[]).push([[5205],{75205:(h,_,i)=>{i.r(_),i.d(_,{EventsLobbiesListComponent:()=>O});var e=i(17705),o=i(60177),a=i(35456),g=i(71276),l=i(73955),d=i(68793),b=i(63998),p=i(19718),v=i(62360);const f=["eventLobbySliderRef"];function x(n,c){if(1&n&&(e.j41(0,"div",15),e.nrm(1,"img",16),e.nI1(2,"prefixCmsLink"),e.k0s()),2&n){const t=e.XpG().$implicit;e.R7$(1),e.Y8G("ngSrc",e.bMT(2,3,t.image))("width",112)("height",112)}}function w(n,c){if(1&n&&(e.j41(0,"div",9)(1,"a",10),e.DNE(2,x,3,5,"div",11),e.j41(3,"div",12)(4,"div",13),e.EFF(5),e.k0s(),e.j41(6,"div",14),e.EFF(7),e.k0s()()()()),2&n){const t=c.$implicit;e.R7$(1),e.Y8G("href",t.url,e.B4B),e.R7$(1),e.Y8G("ngIf",t.image),e.R7$(3),e.JRh(t.lobbyName),e.R7$(2),e.JRh(t.shortTitle)}}function y(n,c){if(1&n){const t=e.RV6();e.j41(0,"button",17),e.bIt("click",function(){e.eBV(t);const s=e.XpG(2);return e.Njj(s.slider.prev())}),e.nrm(1,"img",18),e.k0s()}2&n&&(e.R7$(1),e.Y8G("ngSrc","assets/images/icons/chevron-right.svg"))}function u(n,c){if(1&n){const t=e.RV6();e.j41(0,"button",19),e.bIt("click",function(){e.eBV(t);const s=e.XpG(2);return e.Njj(s.slider.next())}),e.nrm(1,"img",18),e.k0s()}2&n&&(e.R7$(1),e.Y8G("ngSrc","assets/images/icons/chevron-left.svg"))}function C(n,c){if(1&n&&(e.qex(0),e.j41(1,"div",1)(2,"h2",2),e.EFF(3),e.k0s()(),e.j41(4,"div",3)(5,"div",4,5),e.DNE(7,w,8,4,"div",6),e.k0s(),e.DNE(8,y,2,1,"button",7),e.DNE(9,u,2,1,"button",8),e.k0s(),e.bVm()),2&n){const t=e.XpG();e.R7$(3),e.JRh(t.data.title),e.R7$(4),e.Y8G("ngForOf",t.data.eventsLobbiesList),e.R7$(1),e.Y8G("ngIf",0!==t.currentSlideIndex),e.R7$(1),e.Y8G("ngIf",t.currentSlideIndex!==t.maxIdx)}}let O=(()=>{class n{constructor(t,r){this.device=t,this.language=r,this.currentSlideIndex=0,(0,e.QZP)(()=>{this.slider&&(this.slider.destroy(),this.createSlider())})}ngAfterViewInit(){this.data.eventsLobbiesList.length>0&&this.createSlider()}createSlider(){this.sliderRef&&(this.slider=new a.A(this.sliderRef.nativeElement,{rtl:this.language.isRtl(),drag:!0,loop:!1,initial:this.currentSlideIndex,slides:{perView:"auto",spacing:this.device.isMobile()?8:22}},[t=>{t.on("created",()=>{this.currentSlideIndex=t.track.details.rel,this.maxIdx=t.track.details.maxIdx}),t.on("slideChanged",()=>{this.currentSlideIndex=t.track.details.rel,this.maxIdx=t.track.details.maxIdx}),t.on("updated",()=>{this.currentSlideIndex=t.track.details.rel,this.maxIdx=t.track.details.maxIdx})}]))}ngOnDestroy(){this.slider&&this.slider.destroy()}static{this.\u0275fac=function(r){return new(r||n)(e.rXU(p.g),e.rXU(v.g))}}static{this.\u0275cmp=e.VBU({type:n,selectors:[["app-events-lobbies-list"]],viewQuery:function(r,s){if(1&r&&e.GBs(f,5),2&r){let m;e.mGM(m=e.lsd())&&(s.sliderRef=m.first)}},inputs:{data:"data"},standalone:!0,features:[e.aNF],decls:1,vars:1,consts:[[4,"ngIf"],[1,"header-panel"],[1,"title"],["appSliderAnimation","",1,"slider-container"],[1,"keen-slider"],["eventLobbySliderRef",""],["class","keen-slider__slide",4,"ngFor","ngForOf"],["class","slider-arrow slider-arrow-right",3,"click",4,"ngIf"],["class","slider-arrow slider-arrow-left",3,"click",4,"ngIf"],[1,"keen-slider__slide"],["appRouteCheck","",1,"lobby-container",3,"href"],["class","lobby-image",4,"ngIf"],[1,"lobby-description"],[1,"lobby-title"],[1,"lobby-subtitle"],[1,"lobby-image"],["alt","",3,"ngSrc","width","height"],[1,"slider-arrow","slider-arrow-right",3,"click"],["height","24","width","24","alt","",3,"ngSrc"],[1,"slider-arrow","slider-arrow-left",3,"click"]],template:function(r,s){1&r&&e.DNE(0,C,10,4,"ng-container",0),2&r&&e.Y8G("ngIf",s.data.eventsLobbiesList.length>0)},dependencies:[o.MD,o.Sq,o.bT,o.kt,g.v,l.h,d.g,b.x],styles:['.header-panel[_ngcontent-%COMP%]{display:flex;align-items:center;margin:100px 9.9vw 0}@media screen and (max-width: 768px){.header-panel[_ngcontent-%COMP%]{margin:80px 1rem 0}}.lobby-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:23px;height:calc(100% - 8px);border:1px solid var(--light-grey);border-radius:1rem;box-shadow:0 0 10px -2px #0000001a;padding:30px 2rem;margin:4px;text-decoration:none;color:#000}@media screen and (max-width: 768px){.lobby-container[_ngcontent-%COMP%]{padding:26px 18px}}.lobby-container[_ngcontent-%COMP%]:after{content:" ";display:inline-block;min-width:16px;height:16px;background:transparent url(/assets/images/icons/arrow-chevron-left-black.svg) no-repeat center/contain;margin-inline-start:4px;inset-inline-end:0;position:relative;transition:all .25s}  [dir=ltr] .lobby-container:after{transform:rotate(180deg)}@media screen and (max-width: 768px){.lobby-container[_ngcontent-%COMP%]:after{background:transparent url(/assets/images/icons/arrow-chevron-left-yellow.svg) no-repeat center/contain;top:2px;opacity:1}}@media (hover: hover){.lobby-container[_ngcontent-%COMP%]:hover{border:none;box-shadow:0 0 8px -2px var(--rg-blue)}.lobby-container[_ngcontent-%COMP%]:hover:after{background:transparent url(/assets/images/icons/arrow-chevron-left-yellow.svg) no-repeat center/contain}.lobby-container[_ngcontent-%COMP%]:hover   .lobby-title[_ngcontent-%COMP%]{text-shadow:0 .01em #101010,0 -.01em #101010,.005em 0 #101010,-.005em 0 #101010}.lobby-container[_ngcontent-%COMP%]:hover   .lobby-image[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{transform:scale(1.15)}}.lobby-container[_ngcontent-%COMP%]   .lobby-image[_ngcontent-%COMP%]{border-radius:50%;min-width:clamp(5.3125rem,4.8824rem + 1.7647vw,7rem);height:clamp(5.3125rem,4.8824rem + 1.7647vw,7rem);overflow:hidden}.lobby-container[_ngcontent-%COMP%]   .lobby-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s}.lobby-container[_ngcontent-%COMP%]   .lobby-description[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px;width:100%}@media screen and (max-width: 768px){.lobby-container[_ngcontent-%COMP%]   .lobby-description[_ngcontent-%COMP%]{gap:4px}}.lobby-container[_ngcontent-%COMP%]   .lobby-title[_ngcontent-%COMP%]{font-size:clamp(1rem,.9363rem + .2614vw,1.25rem);font-weight:500}.lobby-container[_ngcontent-%COMP%]   .lobby-subtitle[_ngcontent-%COMP%]{font-size:clamp(.875rem,.8431rem + .1307vw,1rem);color:var(--dark-grey)}.title[_ngcontent-%COMP%]{font-family:var(--rg-font-family-heading);font-size:clamp(1.375rem,1.152rem + .915vw,2.25rem);font-weight:700}.slider-container[_ngcontent-%COMP%]{margin-top:clamp(.625rem,.2745rem + 1.4379vw,2rem);position:relative}.keen-slider__slide[_ngcontent-%COMP%]{--desktop-width: 500px;min-width:var(--desktop-width);max-width:var(--desktop-width)}.keen-slider__slide[_ngcontent-%COMP%]:first-child{min-width:calc(var(--desktop-width) + 9.9vw);max-width:calc(var(--desktop-width) + 9.9vw);padding-inline-start:9.9vw}.keen-slider__slide[_ngcontent-%COMP%]:last-child:not(:first-child){min-width:var(--desktop-width);max-width:var(--desktop-width)}@media screen and (max-width: 768px){.keen-slider__slide[_ngcontent-%COMP%]{--mobile-width: 342px;min-width:var(--mobile-width);max-width:var(--mobile-width)}.keen-slider__slide[_ngcontent-%COMP%]:first-child{min-width:calc(var(--mobile-width) + 1rem);max-width:calc(var(--mobile-width) + 1rem);padding-inline-start:1rem}.keen-slider__slide[_ngcontent-%COMP%]:last-child:not(:first-child){min-width:calc(var(--mobile-width) + 1rem);max-width:calc(var(--mobile-width) + 1rem);padding-inline-end:1rem}}.slider-arrow[_ngcontent-%COMP%]{cursor:pointer;position:absolute;top:3rem;z-index:10;background-color:#fff;border-radius:50%;border:.5px solid var(--grey);display:flex;width:65px;height:65px;justify-content:center;align-items:center;box-shadow:0 2px 6px 1px #0003}@media screen and (max-width: 768px){.slider-arrow[_ngcontent-%COMP%]{display:none}}  [dir=rtl] .slider-arrow-right{right:2rem}  [dir=ltr] .slider-arrow-right{left:2rem}  [dir=rtl] .slider-arrow-left{left:2rem}  [dir=ltr] .slider-arrow-left{right:2rem}']})}}return n})()},71276:(h,_,i)=>{i.d(_,{v:()=>o});var e=i(17705);let o=(()=>{class a{constructor(l,d){this.el=l,this.renderer=d}ngOnInit(){this.applyInitialStyles(),this.observer=new IntersectionObserver(([l])=>{l.isIntersecting?(this.renderer.setStyle(this.el.nativeElement,"transform","translateX(0px)"),this.renderer.setStyle(this.el.nativeElement,"opacity","1")):this.applyInitialStyles()},{threshold:.01}),this.observer.observe(this.el.nativeElement)}applyInitialStyles(){this.renderer.setStyle(this.el.nativeElement,"transition","all 1s ease"),this.renderer.setStyle(this.el.nativeElement,"transform","translateX(50px)"),this.renderer.setStyle(this.el.nativeElement,"opacity","0.2")}ngOnDestroy(){this.observer&&this.observer.disconnect()}static{this.\u0275fac=function(d){return new(d||a)(e.rXU(e.aKT),e.rXU(e.sFG))}}static{this.\u0275dir=e.FsC({type:a,selectors:[["","appSliderAnimation",""]],standalone:!0})}}return a})()}}]);