https://www.hoteldomidea.com/template/template-tre/js/gsap-functions.min.js

1window.addEventListener("load",function(){const animaBody=document.querySelectorAll("#wrappagina");const animaSezione=document.querySelectorAll(".sezgsp");const animaElemento=document.querySelectorAll(".elemgsp");if(animaBody.length>0||animaSezione.length>0||animaElemento.length>0){gsap.registerPlugin(ScrollTrigger,ScrollToPlugin,ScrollSmoother);if(animaBody.length>0){const smoothScroll=()=>{let smoother=ScrollSmoother.create({smooth:2,wrapper:"#wrappagina",content:"#contenitorepagina"})};smoothScroll()}}
2if(animaSezione.length){animaSezione.forEach(function(sezione_gsap){let opzioni_sezione=sezione_gsap.dataset.opzionigsp;if(!opzioni_sezione){return}
3let opzioni_gsap=(opzioni_sezione!==null)?opzioni_sezione:null;if(!opzioni_gsap){return}
4let parametri_opzioni=JSON.parse(opzioni_gsap);let tipo_funzione=parametri_opzioni.tipo;switch(tipo_funzione){case 'scrollTrigger':{animaSuScroll(sezione_gsap,parametri_opzioni);break}
5default:return}})}
6if(animaElemento.length){animaElemento.forEach(function(elemento_gsap){let opzioni_elemento=elemento_gsap.dataset.opzionigsp;if(!opzioni_elemento){return}
7let opzioni_gsap=(opzioni_elemento!==null)?opzioni_elemento:null;if(!opzioni_gsap){return}
8let parametri_opzioni=JSON.parse(opzioni_gsap);let tipo_funzione=parametri_opzioni.tipo;switch(tipo_funzione){case 'scrollTrigger':{let sezione_elemento=elemento_gsap.closest('section');if(sezione_elemento){animaSuScroll(sezione_elemento,parametri_opzioni,elemento_gsap)}
9break}
10default:return}})}
11function animaSuScroll(sezione,opzioni_gsap,elemento_gsap=null){if(sezione){let id_sezione=sezione.id;if(!id_sezione){console.warn("Id sezione non presente: animazione non abilitata");return}
12sezione.querySelectorAll('.pannellogsp').forEach(function(pannello){var haContenuto=pannello.textContent.trim()!==''||pannello.querySelector('img, video, iframe, picture, [data-lazybckgrd], [style*="background-image"]');if(!haContenuto){pannello.remove()}});let proprieta=opzioni_gsap;let valore_tipo=null;if(proprieta){valore_tipo=proprieta.effetto}
13if(valore_tipo==='orizzontale'){if(window.innerWidth>992){let pannelligsapO=gsap.utils.toArray('#'+id_sezione+' .pannellogsp');let numero_pannelli=pannelligsapO.length-1;let valore_pin=!0;let valore_scrub=1;let valore_pausa=0;let valore_durata=1;let proprieta_snap=0;let valore_animazione='power3.out';if(proprieta){valore_pin=proprieta.pin??!0;valore_scrub=proprieta.scrub??1;valore_durata=proprieta.durata??1;valore_pausa=proprieta.pausa??0;valore_animazione=proprieta.animazione??"power3.out";if(valore_pausa===1){proprieta_snap={snapTo:1/(pannelligsapO.length-1),duration:valore_durata,ease:valore_animazione}}}
14gsap.timeline({scrollTrigger:{trigger:sezione,pin:valore_pin,scrub:valore_scrub,snap:proprieta_snap,start:"top",end:()=>"+="+sezione.offsetWidth}}).to(pannelligsapO,{xPercent:-100*numero_pannelli,duration:valore_durata,ease:"none"})}}else if(valore_tipo==='swipe'){let pannelliSwipe=gsap.utils.toArray('#'+id_sezione+' .pannellogsp');if(!pannelliSwipe||pannelliSwipe.length===0){return}
15let velocita=0.7;let pausa=1;if(proprieta){velocita=proprieta.velocita??velocita;pausa=proprieta.pausa??pausa}
16let currentIndex=0;let allowScroll=!0;let scrollTimeout=gsap.delayedCall(pausa,()=>allowScroll=!0).pause();gsap.set(pannelliSwipe,{zIndex:i=>

16pannelliSwipe.length-i});let intentObserver=ScrollTrigger.observe({type:"wheel,touch",onUp:()=>allowScroll&&cambiaSwipe(currentIndex-1,!1,velocita),onDown:()=>allowScroll&&cambiaSwipe(currentIndex+1,!0,velocita),tolerance:10,preventDefault:!0,onEnable(self){allowScroll=!0;scrollTimeout.restart(!0);let savedScroll=self.scrollY();self._restoreScroll=()=>self.scrollY(savedScroll);document.addEventListener("scroll",self._restoreScroll,{passive:!1})},onDisable:self=>document.removeEventListener("scroll",self._restoreScroll)});intentObserver.disable();let animating=!1;function cambiaSwipe(index,isScrollingDown,velocita){if(animating)return;if(index<0)index=0;if(index>pannelliSwipe.length-1){currentIndex=pannelliSwipe.length-1;intentObserver.disable();let st=ScrollTrigger.getById?ScrollTrigger.getById("swipe-"+id_sezione):null;if(!st)st=ScrollTrigger.getAll().find(t=>t.trigger===sezione);try{if(st&&typeof st.scroll==='function')st.scroll(st.end+1);else if(st&&typeof st.end==='number')window.scrollTo(0,st.end+1);else{const rect=sezione.getBoundingClientRect();const docTop=window.pageYOffset||document.documentElement.scrollTop;window.scrollTo(0,docTop+rect.top+rect.height+1)}}catch(e){const rect=sezione.getBoundingClientRect();const docTop=window.pageYOffset||document.documentElement.scrollTop;window.scrollTo(0,docTop+rect.top+rect.height+1)}
17return}
18if(index===currentIndex)return;animating=!0;allowScroll=!1;scrollTimeout.restart(!0);const from=pannelliSwipe[currentIndex];const to=pannelliSwipe[index];gsap.set(pannelliSwipe,{zIndex:i=>

18pannelliSwipe.length-i});gsap.set(to,{zIndex:pannelliSwipe.length+1});const transType=proprieta?.transizione??'parallax';if(transType==='crossfade'){gsap.set(to,{opacity:0,scale:0.98,yPercent:isScrollingDown?10:-10});gsap.timeline({onComplete:()=>{currentIndex=index;animating=!1;allowScroll=!0;scrollTimeout.restart(!0)}}).to(from,{opacity:0,scale:0.98,yPercent:isScrollingDown?-10:10,duration:velocita,ease:"power1.out"},0).to(to,{opacity:1,scale:1,yPercent:0,duration:velocita,ease:"power1.out"},0)}else if(transType==='slide'){if(isScrollingDown)gsap.set(to,{yPercent:100});else gsap.set(to,{yPercent:-100});gsap.timeline({onComplete:()=>{currentIndex=index;animating=!1;allowScroll=!0;scrollTimeout.restart(!0)}}).to(from,{yPercent:isScrollingDown?-100:100,duration:velocita,ease:"power1.out"},0).to(to,{yPercent:0,duration:velocita,ease:"power1.out"},0)}else if(transType==='parallax'){gsap.set(to,{opacity:0,yPercent:isScrollingDown?20:-20,scale:0.995});gsap.timeline({onComplete:()=>{currentIndex=index;animating=!1;allowScroll=!0;scrollTimeout.restart(!0)}}).to(from,{yPercent:isScrollingDown?-120:120,opacity:0,duration:2,ease:"power3.out"},0).to(to,{yPercent:0,opacity:1,scale:1,duration:velocita*3,ease:"power2.out"},0)}else{if(isScrollingDown)gsap.set(to,{yPercent:100});else gsap.set(to,{yPercent:-100});gsap.timeline({onComplete:()=>{currentIndex=index;animating=!1;allowScroll=!0;scrollTimeout.restart(!0)}}).to(from,{yPercent:isScrollingDown?-100:100,duration:velocita,ease:"power1.out"},0).to(to,{yPercent:0,duration:velocita,ease:"power1.out"},0)}}
19ScrollTrigger.create({id:"swipe-"+id_sezione,trigger:sezione,pin:!0,start:"top top",end:()=>"+="+(window.innerHeight*pannelliSwipe.length),onEnter:(self)=>{if(!intentObserver.isEnabled){self.scroll(self.start+1);intentObserver.enable()}},onEnterBack:(self)=>{if(!intentObserver.isEnabled){self.scroll(self.end-1);intentObserver.enable()}},onLeave:()=>{intentObserver.disable();currentIndex=pannelliSwipe.length-1},onLeaveBack:()=>{intentObserver.disable();currentIndex=0},onLeave:(self)=>{intentObserver.disable();currentIndex=pannelliSwipe.length-1;try{self.scroll(self.end+1)}catch(e){}},onLeaveBack:(self)=>{intentObserver.disable();currentIndex=0;try{self.scroll(self.start-1)}catch(e){}},})}else if(valore_tipo==='verticale'){let pannelligsapS=gsap.utils.toArray('#'+id_sezione+' .pannellogsp');pannelligsapS.forEach((panel,i)=>{ScrollTrigger.create({trigger:panel,start:"top top",pin:!0,pinSpacing:!1,duration:1,ease:"power3.out"})})}else if(valore_tipo==='animazione'){let valore_y=0;let valore_x=0;let valore_inizio_fine_y=0;let valore_inizio_fine_x=0;let valore_opacity=1;let valore_filtro_inizio="null";let valore_filtro_fine="null";let valore_durata=1;let valore_animazione='power3.out';let valore_background='transparent';let ancora_iniziale='top';let ancora_finale='center';let valore_start=ancora_iniziale+' 90%';let valore_end=ancora_finale+' 20%';let valore_scrub=!0;let azione_trigger=elemento_gsap;let valore_blur=0;let valore_zoom_iniziale=1;if(proprieta){valore_y=proprieta.Yi??0;valore_x=proprieta.Xi??0;valore_inizio_fine_y=proprieta.Yf??0;valore_inizio_fine_x=proprieta.Xf??0;valore_opacity=(proprieta.opacity===1)?0:1;valore_blur=proprieta.blur??0;valore_filtro_inizio=proprieta.filtroI??"null";valore_filtro_fine=proprieta.filtroF??"null";valore_durata=proprieta.durata??1;valore_animazione=proprieta.animazione??'power3.out';valore_background=proprieta.background??'transparent';valore_scrub=proprieta.scrub??!0;azione_trigger=(proprieta.azioneTrig==="sezione")?elemento_gsap.closest('section'):elemento_gsap;if(window.innerWidth>992){ancora_iniziale=proprieta.ancoraI??'top';ancora_finale=proprieta.ancoraF??'center';valore_start=ancora_iniziale+' 90%';valore_end=ancora_finale+' 20%'}else{ancora_iniziale='top';ancora_finale='center';valore_start=' 90%';valore_end=' 20%'}
20valore_zoom_iniziale=(proprieta.zoom===1)?0:1}
21if(valore_inizio_fine_y!==0){let area_elemento=elemento_gsap.closest('.colonnaarea');if(area_elemento){area_elemento.style.overflow='visible'}}
22if(valore_blur===1){valore_filtro_inizio='blur(4px)';valore_filtro_fine='blur(0px)'}
23gsap.fromTo(elemento_gsap,{opacity:parseInt(valore_opacity),filter:valore_filtro_inizio,webkitFilter:valore_filtro_inizio,x:parseInt(valore_x),y:parseInt(valore_y),scale:valore_zoom_iniziale},{opacity:1,filter:valore_filtro_fine,webkitFilter:valore_filtro_fine,x:parseInt(valore_inizio_fine_x),y:parseInt(valore_inizio_fine_y),backgroundColor:valore_background,scale:1,scrollTrigger:{trigger:azione_trigger,duration:valore_durata,ease:valore_animazione,start:valore_start,end:valore_end,scrub:valore_scrub}})}else if(valore_tipo==='timeline'){const elementi_timeline=sezione.querySelectorAll('.time_line');if(!elementi_timeline){return}
24let IdSezione='#'+id_sezione;let boxtimeline=IdSezione+' .boxtimeline';let conta_elementi=0;let valore_start="top top";let valore_scrub=2;let valore_pin=!0;let valore_durata=2;if(proprieta){valore_start=proprieta.start??"top top";valore_scrub=proprieta.scrub??2;valore_pin=proprieta.pin??!0;valore_durata=proprieta.durata??2}
25let tl=gsap.timeline({scrollTrigger:{trigger:boxtimeline,start:valore_start,pin:valore_pin,end:"+="+valore_durata*1000+"",scrub:valore_scrub}});elementi_timeline.forEach(function(elemento_time){let opzioni_timeline=elemento_time.dataset.opzionigsp;if(!opzioni_timeline){return}
26let opzioni_gsap=(opzioni_timeline!==null)?opzioni_timeline:null;let parametri_opzioni=JSON.parse(opzioni_gsap);let effetto_timeline=parametri_opzioni.effetto;++conta_elementi;let selettore_elemento=boxtimeline+' .time_line:nth-child('+conta_elementi+')';if(effetto_timeline==='default'){let valore_Yi=parametri_opzioni.Yi??0;let valore_Yf=parametri_opzioni.Yf??0;let valore_Xi=parametri_opzioni.Xi??0;let valore_Xf=parametri_opzioni.Xf??0;let durata=parametri_opzioni.durata??0.6;tl.fromTo(selettore_elemento,{opacity:0,y:valore_Yi,x:valore_Xi},{opacity:1,y:valore_Yf,x:valore_Xf,duration:durata})}else if(effetto_timeline==='zoom'){let scala_iniziale=parametri_opzioni.scaleI??0;let scala_finale=parametri_opzioni.scaleF??1;let valore_Yi=parametri_opzioni.Yi??0;let valore_Yf=parametri_opzioni.Yf??0;let opacita=parametri_opzioni.opacity??0;let durata=parametri_opzioni.durata??1;tl.fromTo(selettore_elemento,{scale:scala_iniziale,xPercent:-50,y:valore_Yi,opacity:opacita},{scale:scala_finale,xPercent:-50,y:valore_Yf,width:"100vw",height:"100vh",opacity:1,duration:valore_durata})}else if(effetto_timeline==='layer'){tl.fromTo(selettore_elemento,{opacity:0}

26,{opacity:0.8,duration:valore_durata/2})}})}}}})