trAvis - MANAGER

Edit File: imagerevealdemo.js

/*demo.js*/{const a=a=>{let b=0,c=0;return a||(a=window.event),a.pageX||a.pageY?(b=a.pageX,c=a.pageY):(a.clientX||a.clientY)&&(b=a.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,c=a.clientY+document.body.scrollTop+document.documentElement.scrollTop),{x:b,y:c}},b=a=>{let b=0,c=0;return a||(a=window.event),a.pageX||a.pageY?(b=a.pageX,c=a.pageY):(a.changedTouches[0].clientX||a.changedTouches[0].clientY)&&(b=a.changedTouches[0].clientX+document.body.scrollLeft+document.documentElement.scrollLeft,c=a.changedTouches[0].clientY+document.body.scrollTop+document.documentElement.scrollTop),{x:b,y:c}};class c{constructor(a){this.DOM={el:a},this.DOM.reveal=document.createElement("div"),this.DOM.reveal.className="hover-reveal",this.DOM.reveal.innerHTML=`<div class="hover-reveal__inner"><div class="hover-reveal__img" style="background-image:url(${this.DOM.el.dataset.img})"></div></div>`,this.DOM.el.appendChild(this.DOM.reveal),this.DOM.revealInner=this.DOM.reveal.querySelector(".hover-reveal__inner"),this.DOM.revealInner.style.overflow="hidden",this.DOM.revealImg=this.DOM.revealInner.querySelector(".hover-reveal__img"),this.initEvents()}initEvents(){this.positionElement=b=>{const c=a(b),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.touchPositionElement=a=>{const c=b(a),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.mouseenterFn=a=>{this.positionElement(a),this.showImage()},this.touchStartFn=a=>{this.DOM.el.classList.contains("my-class")?(this.DOM.el.classList.remove("my-class"),this.hideImage()):(this.DOM.el.classList.add("my-class"),this.touchPositionElement(a),this.showImage())},this.mousemoveFn=a=>requestAnimationFrame(()=>{this.positionElement(a)}),this.mouseleaveFn=()=>{this.DOM.el.classList.remove("my-class"),this.hideImage()},"ontouchstart"in window?(this.DOM.el.addEventListener("touchstart",this.touchStartFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)):(this.DOM.el.addEventListener("mouseenter",this.mouseenterFn),this.DOM.el.addEventListener("mousemove",this.mousemoveFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)),window.addEventListener("scroll",this.mouseleaveFn)}showImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1,TweenMax.set(this.DOM.el,{zIndex:1e3})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.2,{ease:Sine.easeOut,startAt:{x:"-100%"},x:"0%"}),"begin").add(new TweenMax(this.DOM.revealImg,.2,{ease:Sine.easeOut,startAt:{x:"100%"},x:"0%"}),"begin")}hideImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999})},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:""}),TweenMax.set(this.DOM.reveal,{opacity:0})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.2,{ease:Sine.easeOut,x:"100%"}),"begin").add(new TweenMax(this.DOM.revealImg,.2,{ease:Sine.easeOut,x:"-100%"}),"begin")}}class d{constructor(a){this.DOM={el:a},this.DOM.reveal=document.createElement("div"),this.DOM.reveal.className="hover-reveal",this.DOM.reveal.innerHTML=`<div class="hover-reveal__inner"><div class="hover-reveal__img" style="background-image:url(${this.DOM.el.dataset.img})"></div></div>`,this.DOM.el.appendChild(this.DOM.reveal),this.DOM.revealInner=this.DOM.reveal.querySelector(".hover-reveal__inner"),this.DOM.revealInner.style.overflow="hidden",this.DOM.revealImg=this.DOM.revealInner.querySelector(".hover-reveal__img"),this.initEvents()}initEvents(){this.positionElement=b=>{const c=a(b),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.touchPositionElement=a=>{const c=b(a),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.mouseenterFn=a=>{this.positionElement(a),this.showImage()},this.touchStartFn=a=>{this.DOM.el.classList.contains("my-class")?(this.DOM.el.classList.remove("my-class"),this.hideImage()):(this.DOM.el.classList.add("my-class"),this.touchPositionElement(a),this.showImage())},this.mousemoveFn=a=>requestAnimationFrame(()=>{this.positionElement(a)}),this.mouseleaveFn=()=>{this.DOM.el.classList.remove("my-class"),this.hideImage()},"ontouchstart"in window?(this.DOM.el.addEventListener("touchstart",this.touchStartFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)):(this.DOM.el.addEventListener("mouseenter",this.mouseenterFn),this.DOM.el.addEventListener("mousemove",this.mousemoveFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)),window.addEventListener("scroll",this.mouseleaveFn)}showImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1,TweenMax.set(this.DOM.el,{zIndex:1e3})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.4,{ease:Quint.easeOut,startAt:{x:"-100%",y:"-100%"},x:"0%",y:"0%"}),"begin").add(new TweenMax(this.DOM.revealImg,.4,{ease:Quint.easeOut,startAt:{x:"100%",y:"100%"},x:"0%",y:"0%"}),"begin")}hideImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999})},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:""}),TweenMax.set(this.DOM.reveal,{opacity:0})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.3,{ease:Quint.easeOut,x:"100%",y:"100%"}),"begin").add(new TweenMax(this.DOM.revealImg,.3,{ease:Quint.easeOut,x:"-100%",y:"-100%"}),"begin")}}class e{constructor(a){this.DOM={el:a},this.DOM.reveal=document.createElement("div"),this.DOM.reveal.className="hover-reveal",this.DOM.reveal.style.overflow="hidden",this.DOM.reveal.innerHTML=`<div class="hover-reveal__inner"><div class="hover-reveal__img" style="background-image:url(${this.DOM.el.dataset.img})"></div></div>`,this.DOM.el.appendChild(this.DOM.reveal),this.DOM.revealInner=this.DOM.reveal.querySelector(".hover-reveal__inner"),this.DOM.revealInner.style.overflow="hidden",this.DOM.revealImg=this.DOM.revealInner.querySelector(".hover-reveal__img"),charming(this.DOM.el),this.DOM.letters=[...this.DOM.el.querySelectorAll("span")],this.initEvents()}initEvents(){this.positionElement=b=>{const c=a(b),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.touchPositionElement=a=>{const c=b(a),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.mouseenterFn=a=>{this.positionElement(a),this.showImage(),this.animateLetters()},this.touchStartFn=a=>{this.DOM.el.classList.contains("my-class")?(this.DOM.el.classList.remove("my-class"),this.hideImage()):(this.DOM.el.classList.add("my-class"),this.touchPositionElement(a),this.showImage())},this.mousemoveFn=a=>requestAnimationFrame(()=>{this.positionElement(a)}),this.mouseleaveFn=()=>{this.DOM.el.classList.remove("my-class"),this.hideImage()},"ontouchstart"in window?(this.DOM.el.addEventListener("touchstart",this.touchStartFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)):(this.DOM.el.addEventListener("mouseenter",this.mouseenterFn),this.DOM.el.addEventListener("mousemove",this.mousemoveFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)),window.addEventListener("scroll",this.mouseleaveFn)}showImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1,TweenMax.set(this.DOM.el,{zIndex:1e3})}}).add("begin").set([this.DOM.revealInner,this.DOM.revealImg],{transformOrigin:"50% 100%"}).add(new TweenMax(this.DOM.revealInner,.4,{ease:Expo.easeOut,startAt:{x:"50%",y:"120%",rotation:50},x:"0%",y:"0%",rotation:0}),"begin").add(new TweenMax(this.DOM.revealImg,.4,{ease:Expo.easeOut,startAt:{x:"-50%",y:"-120%",rotation:-50},x:"0%",y:"0%",rotation:0}),"begin").add(new TweenMax(this.DOM.revealImg,.7,{ease:Expo.easeOut,startAt:{scale:2},scale:1}),"begin")}hideImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999})},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:""}),TweenMax.set(this.DOM.reveal,{opacity:0})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.6,{ease:Expo.easeOut,y:"-120%",rotation:-5}),"begin").add(new TweenMax(this.DOM.revealImg,.6,{ease:Expo.easeOut,y:"120%",rotation:5,scale:1.2}),"begin")}animateLetters(){TweenMax.killTweensOf(this.DOM.letters),TweenMax.set(this.DOM.letters,{opacity:0}),TweenMax.staggerTo(this.DOM.letters,.2,{ease:Expo.easeOut,startAt:{x:"100%"},x:"0%",opacity:1},.03)}}class f{constructor(a){this.DOM={el:a},this.DOM.reveal=document.createElement("div"),this.DOM.reveal.className="hover-reveal",this.DOM.reveal.innerHTML=`<div class="hover-reveal__inner"><div class="hover-reveal__img" style="background-image:url(${this.DOM.el.dataset.img})"></div></div>`,this.DOM.el.appendChild(this.DOM.reveal),this.DOM.revealInner=this.DOM.reveal.querySelector(".hover-reveal__inner"),this.DOM.revealInner.style.overflow="hidden",this.DOM.revealImg=this.DOM.revealInner.querySelector(".hover-reveal__img"),charming(this.DOM.el),this.DOM.letters=[...this.DOM.el.querySelectorAll("span")],this.initEvents()}initEvents(){this.positionElement=b=>{const c=a(b),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.touchPositionElement=a=>{const c=b(a),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.mouseenterFn=a=>{this.positionElement(a),this.showImage(),this.animateLetters()},this.touchStartFn=a=>{this.DOM.el.classList.contains("my-class")?(this.DOM.el.classList.remove("my-class"),this.hideImage()):(this.DOM.el.classList.add("my-class"),this.touchPositionElement(a),this.showImage())},this.mousemoveFn=a=>requestAnimationFrame(()=>{this.positionElement(a)}),this.mouseleaveFn=()=>{this.DOM.el.classList.remove("my-class"),this.hideImage()},"ontouchstart"in window?(this.DOM.el.addEventListener("touchstart",this.touchStartFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)):(this.DOM.el.addEventListener("mouseenter",this.mouseenterFn),this.DOM.el.addEventListener("mousemove",this.mousemoveFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)),window.addEventListener("scroll",this.mouseleaveFn)}showImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1,TweenMax.set(this.DOM.el,{zIndex:1e3})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.8,{ease:Expo.easeOut,startAt:{opacity:0,y:"50%",rotation:-15,scale:0},y:"0%",rotation:0,opacity:1,scale:1}),"begin").add(new TweenMax(this.DOM.revealImg,.8,{ease:Expo.easeOut,startAt:{rotation:15,scale:2},rotation:0,scale:1}),"begin")}hideImage(){TweenMax.killTweensOf(this.DOM.revealInner),TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999})},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:""}),TweenMax.set(this.DOM.reveal,{opacity:0})}}).add("begin").add(new TweenMax(this.DOM.revealInner,.15,{ease:Sine.easeOut,y:"-40%",rotation:10,scale:.9,opacity:0}),"begin").add(new TweenMax(this.DOM.revealImg,.15,{ease:Sine.easeOut,rotation:-10,scale:1.5}),"begin")}animateLetters(){TweenMax.killTweensOf(this.DOM.letters),TweenMax.set(this.DOM.letters,{opacity:0}),TweenMax.staggerTo(this.DOM.letters,.8,{ease:Expo.easeOut,startAt:{y:"50%"},y:"0%",opacity:1},.03)}}class g{constructor(a){this.DOM={el:a},this.DOM.reveal=document.createElement("div"),this.DOM.reveal.className="hover-reveal",this.totalImages=5;let b="";for(let c=0;c<=this.totalImages-1;++c)b+=`<div class="hover-reveal__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"></div>`;this.DOM.reveal.innerHTML=b,this.DOM.el.appendChild(this.DOM.reveal),this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll(".hover-reveal__img")],charming(this.DOM.el),this.DOM.letters=[...this.DOM.el.querySelectorAll("span")],this.initEvents()}initEvents(){this.positionElement=b=>{const c=a(b),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.touchPositionElement=a=>{const c=b(a),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.mouseenterFn=a=>{this.positionElement(a),this.animateLetters(),this.showImage()},this.touchStartFn=a=>{this.DOM.el.classList.contains("my-class")?(this.DOM.el.classList.remove("my-class"),this.hideImage()):(this.DOM.el.classList.add("my-class"),this.touchPositionElement(a),this.showImage())},this.mousemoveFn=a=>requestAnimationFrame(()=>{this.positionElement(a)}),this.mouseleaveFn=()=>{this.DOM.el.classList.remove("my-class"),this.hideImage()},"ontouchstart"in window?(this.DOM.el.addEventListener("touchstart",this.touchStartFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)):(this.DOM.el.addEventListener("mouseenter",this.mouseenterFn),this.DOM.el.addEventListener("mousemove",this.mousemoveFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)),window.addEventListener("scroll",this.mouseleaveFn)}showImage(){TweenMax.killTweensOf(this.DOM.revealImgs),this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1,TweenMax.set(this.DOM.el,{zIndex:1e3})}}).set(this.DOM.revealImgs,{opacity:0});for(let a=0;a<=this.totalImages-1;++a)TweenMax.set(this.DOM.revealImgs[a],{x:`${5*(this.totalImages-1-a)}%`,y:`${10*(this.totalImages-1-a)}%`}),this.tl.add(new TweenMax(this.DOM.revealImgs[a],a==this.totalImages-1?1.2:.55,{ease:a==this.totalImages-1?Quint.easeOut:Quad.easeOut,startAt:a==this.totalImages-1?{opacity:1,x:"5%",y:"10%"}:{opacity:1},opacity:a==this.totalImages-1?1:0,x:a==this.totalImages-1?"0%":null,y:a==this.totalImages-1?"0%":null}),.04*a)}hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs),this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999})},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:""}),TweenMax.set(this.DOM.reveal,{opacity:0})}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],.15,{ease:Sine.easeOut,opacity:0}))}animateLetters(){TweenMax.killTweensOf(this.DOM.letters),this.DOM.letters.forEach(a=>{const b=0===Math.round(Math.random())?{x:"100%",y:"100%",opacity:0}:{opacity:0};TweenMax.set(a,b)}),TweenMax.to(this.DOM.letters,1,{ease:Expo.easeOut,x:"0%",y:"0%",opacity:1})}}class h{constructor(a){this.DOM={el:a},this.DOM.reveal=document.createElement("div"),this.DOM.reveal.className="hover-reveal",this.DOM.reveal.innerHTML=`<div class="hover-reveal__img" style="background-image:url(${this.DOM.el.dataset.img})"></div>`,this.DOM.el.appendChild(this.DOM.reveal),this.DOM.revealImg=this.DOM.reveal.querySelector(".hover-reveal__img"),this.initEvents()}initEvents(){this.positionElement=b=>{const c=a(b),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.touchPositionElement=a=>{const c=b(a),d={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${c.y+20-d.top}px`,this.DOM.reveal.style.left=`${c.x+20-d.left}px`},this.mouseenterFn=a=>{this.positionElement(a),this.showImage()},this.touchStartFn=a=>{this.DOM.el.classList.contains("my-class")?(this.DOM.el.classList.remove("my-class"),this.hideImage()):(this.DOM.el.classList.add("my-class"),this.touchPositionElement(a),this.showImage())},this.mousemoveFn=a=>requestAnimationFrame(()=>{this.positionElement(a)}),this.mouseleaveFn=()=>{this.DOM.el.classList.remove("my-class"),this.hideImage()},"ontouchstart"in window?(this.DOM.el.addEventListener("touchstart",this.touchStartFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)):(this.DOM.el.addEventListener("mouseenter",this.mouseenterFn),this.DOM.el.addEventListener("mousemove",this.mousemoveFn),this.DOM.el.addEventListener("mouseleave",this.mouseleaveFn)),window.addEventListener("scroll",this.mouseleaveFn)}showImage(){TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1,TweenMax.set(this.DOM.el,{zIndex:1e3})}}).add("begin").set(this.DOM.revealImg,{transformOrigin:"95% 50%",x:"100%"}).add(new TweenMax(this.DOM.revealImg,.2,{ease:Sine.easeOut,startAt:{scaleX:.5,scaleY:1},scaleX:1.5,scaleY:.7}),"begin").add(new TweenMax(this.DOM.revealImg,.8,{ease:Expo.easeOut,startAt:{rotation:10,y:"5%",opacity:0},rotation:0,y:"0%",opacity:1}),"begin").set(this.DOM.revealImg,{transformOrigin:"0% 50%"}).add(new TweenMax(this.DOM.revealImg,.6,{ease:Expo.easeOut,scaleX:1,scaleY:1,opacity:1}),"begin+=0.2").add(new TweenMax(this.DOM.revealImg,.6,{ease:Expo.easeOut,x:"0%"}),"begin+=0.2")}hideImage(){TweenMax.killTweensOf(this.DOM.revealImg),this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999})},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:""}),TweenMax.set(this.DOM.reveal,{opacity:0})}}).add("begin").add(new TweenMax(this.DOM.revealImg,.2,{ease:Sine.easeOut,opacity:0,x:"-20%"}),"begin")}}[...document.querySelectorAll("[data-fx=\"1\"] > a, a[data-fx=\"1\"]")].forEach(a=>new c(a)),[...document.querySelectorAll("[data-fx=\"2\"] > a, a[data-fx=\"2\"]")].forEach(a=>new d(a)),[...document.querySelectorAll("[data-fx=\"3\"] > a, a[data-fx=\"3\"]")].forEach(a=>new e(a)),[...document.querySelectorAll("[data-fx=\"4\"] > a, a[data-fx=\"4\"]")].forEach(a=>new f(a)),[...document.querySelectorAll("[data-fx=\"15\"] > a, a[data-fx=\"15\"]")].forEach(a=>new g(a)),[...document.querySelectorAll("[data-fx=\"22\"] > a, a[data-fx=\"22\"]")].forEach(a=>new h(a))}