{"version":3,"sources":["webpack:///webpack/bootstrap b4fc85fa749d2bc2a9e2","webpack:///./src/js/page/basePage.js","webpack:///./src/js/index.js","webpack:///./src/js/controller/controller.js","webpack:///./src/js/page/main.js","webpack:///./src/js/util/environment.js","webpack:///./src/js/page/page1.js","webpack:///./src/js/page/layer1.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","BasePage","info","controll","_classCallCheck","this","key","ele","pageType","showClass","static","_init","showMotion","TimelineMax","paused","onComplete","_showComplete","onCompleteParams","environment","TweenLite","set","css","className","TweenMax","to","opacity","thisv","dispatchEvent","CustomEvent","detail","action","_hidetComplete","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__controller_controller__","__WEBPACK_IMPORTED_MODULE_1__page_main__","__WEBPACK_IMPORTED_MODULE_2__page_page1__","__WEBPACK_IMPORTED_MODULE_3__page_layer1__","$","document","ready","window","event","params","bubbles","cancelable","undefined","evt","createEvent","initCustomEvent","Event","controller","pagesInfo","main","querySelector","Main","page1","Page1","layerInfo","layer1","Layer1","Controller","nc","promokit","Preloader","game","delay","image","video","youtbue","on","remove","init","instance","pages","_createPages","pageInfo","keyArr","keys","currentPage","nextPage","pageLength","length","layers","_createLayer","leady","j","class","addEventListener","_pageEvent","bind","_this","documentElement","deltay","lastmovedtime","e","deltaX","wheelDeltaX","deltaY","wheelDeltaY","wheelDelta","Math","abs","Date","getTime","direction","_wheelNavigator","preventDefault","_changePage","currentNum","indexOf","show","hide","hideComplete","_hidePageComplete","_changePageComplete","_showLayer","_hideLayer","_possibleConstructorReturn","__proto__","getPrototypeOf","canvas","createElement","context","getContext","particles","particlesLength","smokes","smokeLength","frame","hideMotion","_bgSet","_motionSet","_resize","$bgCon","particleImg","Image","smokeImg1","smokeImg2","width","innerWidth","height","innerHeight","prepend","src","push","Particle","Smoke","_this2","fromTo","y","autoAlpha","ease","Quart","easeOut","scale","addLabel","x","_this3","seek","play","setTimeout","requestAnimationFrame","animate","cancelAnimationFrame","type","clearRect","move","q","dw","resize","img","w","random","h","hue","dhue","alpha","dalpha","cAlpha","globalAlpha","filter","drawImage","draw","radius","angle","dy","sin","href","arguments","location","test","_eventSet","find","append","Cubic","Expo","Bounce","staggerFromTo","querySelectorAll","right"],"mappings":";;;;gBACA,IAAAA,KAGA,SAAAC,EAAAC,GAGA,GAAAF,EAAAE,GACA,OAAAF,EAAAE,GAAAC,QAGA,IAAAC,EAAAJ,EAAAE,IACAG,EAAAH,EACAI,GAAA,EACAH,YAUA,OANAI,EAAAL,GAAAM,KAAAJ,EAAAD,QAAAC,IAAAD,QAAAF,GAGAG,EAAAE,GAAA,EAGAF,EAAAD,QAKAF,EAAAQ,EAAAF,EAGAN,EAAAS,EAAAV,EAGAC,EAAAU,EAAA,SAAAR,EAAAS,EAAAC,GACAZ,EAAAa,EAAAX,EAAAS,IACAG,OAAAC,eAAAb,EAAAS,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAZ,EAAAmB,EAAA,SAAAhB,GACA,IAAAS,EAAAT,KAAAiB,WACA,WAA2B,OAAAjB,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAH,EAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAQ,EAAAC,GAAsD,OAAAR,OAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDtB,EAAAyB,EAAA,GAGAzB,IAAA0B,EAAA,sSC3DqBC,aACjB,SAAAA,EAAYC,EAAMC,gGAAUC,CAAAC,KAAAJ,GACxBI,KAAKC,IAAMJ,EAAKjB,KAChBoB,KAAKE,IAAML,EAAKK,IAChBF,KAAKG,SAAWN,EAAKM,SACrBH,KAAKI,UAAYP,EAAKO,UACtBJ,KAAKK,OAAS,IACdL,KAAKM,QACLN,KAAKO,WAAa,IAAIC,aAAaC,QAAQ,EAAMC,WAAWV,KAAKW,cAAeC,kBAAkBZ,kDAIlG,OAAOa,eACH,IAAK,OACDb,KAAKK,OAAS,iCACd,MAEJ,IAAK,KACDL,KAAKK,OAAS,kCACd,MAEJ,IAAK,QACDL,KAAKK,OAAS,qEAMtBS,UAAUC,IAAIf,KAAKE,KAAMc,KAAKC,eAAejB,KAAKI,aAClDc,SAASC,GAAGnB,KAAKE,IAAK,IAAMkB,QAAQ,EAAGV,WAAWV,KAAKW,cAAeC,kBAAkBZ,8CAE9EqB,GACVA,EAAMnB,IAAIoB,cAAc,IAAIC,YAAY,aAAcC,QAAQC,OAAO,eAAgBxB,IAAIoB,EAAMpB,uCAG/FiB,SAASC,GAAGnB,KAAKE,IAAK,IAAMkB,QAAQ,EAAGV,WAAWV,KAAK0B,eAAgBd,kBAAkBZ,+CAE9EqB,GACXP,UAAUC,IAAIM,EAAMnB,KAAMc,KAAKC,eAAeI,EAAMjB,aACpDiB,EAAMnB,IAAIoB,cAAc,IAAIC,YAAY,aAAcC,QAAQC,OAAO,eAAgBxB,IAAIoB,EAAMpB,iBAvClFL,oCCFrBb,OAAAC,eAAA2C,EAAA,cAAAC,OAAA,QAAAC,EAAA5D,EAAA,GAAA6D,EAAA7D,EAAA,GAAA8D,EAAA9D,EAAA,GAAA+D,EAAA/D,EAAA,GAIAgE,EAAEC,UAAUC,MAAM,WACd,GAAmC,mBAAvBC,OAAOb,YAA6B,OAAO,EACvD,SAASA,EAAcc,EAAOC,GAC1BA,EAASA,IAAYC,SAAS,EAAOC,YAAY,EAAOhB,YAAQiB,GAChE,IAAIC,EAAMR,SAASS,YAAa,eAEhC,OADAD,EAAIE,gBAAiBP,EAAOC,EAAOC,QAASD,EAAOE,WAAYF,EAAOd,QAC/DkB,EAEXnB,EAAY/B,UAAY4C,OAAOS,MAAMrD,UACrC4C,OAAOb,YAAcA,IAEzBU,EAAEC,UAAUC,MAAM,WAEd,IAAIW,SACEC,GACFC,MACI/C,IAAI,OACJC,IAAIgC,SAASe,cAAc,SAC3BhC,UAAUiC,IACV/C,SAAS,OACTC,UAAU,QAEd+C,OACIlD,IAAI,QACJC,IAAIgC,SAASe,cAAc,WAC3BhC,UAAUmC,IACVjD,SAAS,OACTC,UAAU,SAGZiD,GACFC,QACIrD,IAAI,SACJC,IAAIgC,SAASe,cAAc,YAC3BhC,UAAUsC,IACVpD,SAAS,QACTC,UAAU,eAIlB0C,EAAc,IAAIU,IAAWT,EAAWM,GAExC,IAAII,GAAGC,SAASC,WACZC,KAAQ,MACRC,MAAS,IACTC,OACI,8DACA,8DACA,8DACA,8DACA,8DACA,8DACA,8DACA,8DACA,+DACA,8DACA,+DACA,8DACA,gEACA,gEACA,+DACA,4DACA,4DACA,+DACA,+DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,kEACA,+DACA,8DACA,iEACA,8DACA,iEACA,kEACA,mEACA,mEACA,+DACA,iEACA,iEACA,iEACA,iEACA,iEACA,+DAIJC,SACAC,aAGJ/B,EAAEC,UAAU+B,GAAG,aAAc,WACzBhC,EAAE,cAAciC,SAChBpB,EAAWqB,kSCpGnB,IAAIC,SAEiBZ,aACjB,SAAAA,EAAYT,EAAWM,GACnB,+FAD8BtD,CAAAC,KAAAwD,GAC1BY,EAAU,OAAOA,EACrBA,EAAWpE,KACXA,KAAKqE,MAAUrE,KAAKsE,aAAavB,GACjC/C,KAAKuE,UACDC,OAASzF,OAAO0F,KAAK1B,GACrB2B,YAAc,GACdC,SAAW,GACXC,WAAa7F,OAAO0F,KAAK1B,GAAW8B,QAExC7E,KAAK8E,OAAW9E,KAAK+E,aAAa1B,GAClCrD,KAAKgF,OAAQ,iDAGJjC,GACT,IAAI1E,SAAG4G,SACP,IAAK5G,KAAK0E,EAAY,CAClB,IAAKkC,KAAKlC,EAAU1E,GACP,cAAN4G,IACClC,EAAU1E,GAAG6G,MAAS,IAAInC,EAAU1E,GAAG4G,GAAGlC,EAAU1E,KAG5D0E,EAAU1E,GAAG6B,IAAIiF,iBAAiB,YAAanF,KAAKoF,WAAWC,KAAKrF,OAExE,OAAO+C,uCAGEM,GACT,IAAIhF,SAAG4G,SACP,IAAK5G,KAAKgF,EAAY,CAClB,IAAK4B,KAAK5B,EAAUhF,GACP,cAAN4G,IACC5B,EAAUhF,GAAG6G,MAAS,IAAI7B,EAAUhF,GAAG4G,GAAG5B,EAAUhF,KAG5DgF,EAAUhF,GAAG6B,IAAIiF,iBAAiB,YAAanF,KAAKoF,WAAWC,KAAKrF,OAExE,OAAOqD,iCAGL,IAAAiC,EAAAtF,KACFkC,SAASqD,gBAAgBJ,iBAAiB,YAAajD,SAAW,QAAU,aAAe,WACvF,IAAesD,EAAQC,EAAgB,EACvC,OAAO,SAACC,GACJ,GAAIJ,EAAKN,MAAT,CAIA,QAHsBvC,IAAbiD,EAAEC,OAAuBD,EAAEC,OAASD,EAAEE,aAAe,EAC9DJ,OAAsB/C,IAAbiD,EAAEG,OAAuBH,EAAEG,YAA2BpD,IAAlBiD,EAAEI,YAA4BJ,EAAEI,YAAcJ,EAAElE,SAAwB,EAAdkE,EAAEK,WAErGC,KAAKC,IAAIT,GAAU,IAAK,IAAIU,MAAOC,UAAUV,EAAgB,IAAK,CAElE,IAAIW,EAAYZ,EAAS,EAAI,OAAS,OACtCF,EAAKe,gBAAgBD,GACrBX,GAAgB,IAAIS,MAAOC,UAG/BT,EAAEY,mBAdiF,IAgBrF,GACNtG,KAAKuG,YAAYvG,KAAKuE,SAASC,OAAO,4CAG1B4B,GACZ,IAAII,EAAaxG,KAAKuE,SAASC,OAAOiC,QAASzG,KAAKuE,SAASG,aAE7D,GAAiB,SAAd0B,EAAqB,CACpB,GAAIpG,KAAKuE,SAASK,WAAa,GAAM4B,EAAY,OACjDA,IACAxG,KAAKuG,YAAYvG,KAAKuE,SAASC,OAAOgC,QACrC,CACD,GAAG,GAAKA,EAAY,OACpBA,IACAxG,KAAKuG,YAAYvG,KAAKuE,SAASC,OAAOgC,yCAIlCvG,GACRD,KAAKgF,OAAQ,EACbhF,KAAKuE,SAASI,SAAW1E,EAEQ,KAA9BD,KAAKuE,SAASG,YACb1E,KAAKqE,MAAMpE,GAAKiF,MAAMwB,OAEtB1G,KAAKqE,MAAMrE,KAAKuE,SAASG,aAAaQ,MAAMyB,mDAIhD3G,KAAKqE,MAAMrE,KAAKuE,SAASG,aAAaQ,MAAM0B,eAC5C5G,KAAKqE,MAAMrE,KAAKuE,SAASI,UAAUO,MAAMwB,qDAGzC1G,KAAKgF,OAAQ,EACbhF,KAAKuE,SAASG,YAAc1E,KAAKuE,SAASI,SAC1C3E,KAAKuE,SAASI,SAAW,sCAGlB1E,GACPD,KAAKgF,OAAQ,EACbhF,KAAK8E,OAAO7E,GAAKiF,MAAMwB,0CAGhBzG,GACPD,KAAKgF,OAAQ,EACbhF,KAAK8E,OAAO7E,GAAKiF,MAAMyB,0CAGhBjB,GACP,OAAQA,EAAElE,OAAOC,QACb,IAAK,eACDzB,KAAK6G,kBAAkBnB,EAAElE,OAAOvB,KAChC,MAEJ,IAAK,eACDD,KAAK8G,oBAAoBpB,EAAElE,OAAOvB,KAClC,MAEJ,IAAK,YACDD,KAAK+G,WAAWrB,EAAElE,OAAOvB,KACzB,MAEJ,IAAK,YACDD,KAAKgH,WAAWtB,EAAElE,OAAOvB,eAzHpBuD,sYCAAN,cACjB,SAAAA,EAAYrD,GAAKE,EAAAC,KAAAkD,GAAA,IAAAoC,mKAAA2B,CAAAjH,MAAAkD,EAAAgE,WAAAnI,OAAAoI,eAAAjE,IAAA1E,KAAAwB,KACPH,IADO,OAEbyF,EAAK8B,OAASlF,SAASmF,cAAc,UACrC/B,EAAKgC,QAAUhC,EAAK8B,OAAOG,WAAW,MACtCjC,EAAKkC,aACLlC,EAAKmC,gBAAkB,IACvBnC,EAAKoC,UACLpC,EAAKqC,YAAc,EACnBrC,EAAKsC,MAAQ,KACbtC,EAAK/E,WAAa,IAAIC,aAAaC,QAAQ,EAAMC,WAAW4E,EAAK3E,cAAeC,kBAAiB0E,KACjGA,EAAKuC,WAAa,IAAIrH,aAAaC,QAAQ,IAC3C6E,EAAKwC,SACLxC,EAAKyC,aACL3F,OAAO+C,iBAAiB,SAAUG,EAAK0C,QAAQ3C,KAAbC,IAbrBA,qUADa1F,4CAiB1B,IAAIqI,EAASjI,KAAKE,IAAI+C,cAAc,WAChCiF,EAAc,IAAIC,MAClBC,EAAY,IAAID,MAChBE,EAAY,IAAIF,MACpBnI,KAAKoH,OAAOkB,MAAQlG,OAAOmG,WAC3BvI,KAAKoH,OAAOoB,OAASpG,OAAOqG,YAC5BxG,EAAEgG,GAAQS,QAAQ1I,KAAKoH,QACvBc,EAAYS,IAAO3I,KAAKK,OAAO,gEAC/B+H,EAAUO,IAAO3I,KAAKK,OAAO,8DAC7BgI,EAAUM,IAAO3I,KAAKK,OAAO,8DAC7B,IAAK,IAAIhC,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IACtC2B,KAAKwH,UAAUoB,KAAK,IAAIC,EAAS7I,KAAKoH,OAAQpH,KAAKsH,QAASY,IAEhE,IAAK,IAAIjD,EAAI,EAAGA,EAAIjF,KAAK2H,YAAa1C,IAC/BA,EAAE,GAAM,GAAEjF,KAAK0H,OAAOkB,KAAK,IAAIE,EAAM9I,KAAKoH,OAAQpH,KAAKsH,QAASc,EAAWnD,EAAE,IAC7EA,EAAE,GAAM,GAAEjF,KAAK0H,OAAOkB,KAAK,IAAIE,EAAM9I,KAAKoH,OAAQpH,KAAKsH,QAASe,EAAWpD,EAAE,yCAK5E,IAAA8D,EAAA/I,KAERA,KAAK6H,WACAmB,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,UACpGL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9G7K,KAAK,WAAKuK,EAAKrH,eAAeqH,KAC9BC,OAAOhJ,KAAKE,IAAK,GAAIoJ,MAAO,EAAGJ,UAAU,EAAGD,EAAE,IAAKC,UAAU,EAAGI,MAAO,EAAGL,EAAE,EAAGE,KAAMC,MAAMC,SAAU,KAE1GrJ,KAAKO,WACAyI,OAAOhJ,KAAKE,IAAK,GAAIoJ,MAAO,IAAKJ,UAAU,EAAGD,EAAE,IAAKC,UAAU,EAAGI,MAAO,EAAGL,EAAE,EAAGE,KAAMC,MAAMC,UAC7FE,SAAS,MAAO,SAChBP,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,GAAIgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,UACjGL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMuG,GAAI,GAAGP,EAAE,EAAGC,UAAU,IAAKM,EAAE,EAAGN,UAAW,EAAED,EAAE,EAAGE,KAAMC,MAAMC,SAAU,OACvHL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,YAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,2CAGjH,IAAAI,EAAAzJ,KACFc,UAAUC,IAAIf,KAAKE,KAAMc,KAAKC,eAAejB,KAAKI,aAClDJ,KAAKO,WAAWmJ,KAAK,GACrB1J,KAAKO,WAAWoJ,OAChBC,WAAW,WACP,IAAI,IAAIvL,EAAI,EAAGA,EAAIoL,EAAKhC,gBAAiBpJ,IACzC,CACYoL,EAAKjC,UAAUnJ,GACrB8F,OAEN,IAAI,IAAIc,EAAI,EAAGA,EAAGwE,EAAK9B,YAAa1C,IACpC,CACYwE,EAAK/B,OAAOzC,GAClBd,OAENsF,EAAK7B,MAAQiC,sBAAsBJ,EAAKK,QAAQzE,KAAKoE,EAAM,UAC7D,oCAKFzJ,KAAK6H,WAAW6B,KAAK,GACrB1J,KAAK6H,WAAW8B,OAChBI,qBAAqB/J,KAAK4H,OAC1B5H,KAAK4H,MAAQiC,sBAAsB7J,KAAK8J,QAAQzE,KAAKrF,KAAM,gDAG3D+J,qBAAqB/J,KAAK4H,uCAEtBoC,GAEJhK,KAAKsH,QAAQ2C,UAAU,EAAG,EAAGjK,KAAKoH,OAAOkB,MAAOtI,KAAKoH,OAAOoB,QAC5D,IAAI,IAAInK,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IACzC,CACI,IAAIqB,EAAIM,KAAKwH,UAAUnJ,GACX,SAAT2L,GAAgBtK,EAAEwK,OACT,SAATF,GAAgBtK,EAAEiH,OAEzB,IAAI,IAAI1B,EAAI,EAAGA,EAAGjF,KAAK2H,YAAa1C,IACpC,CACI,IAAIkF,EAAInK,KAAK0H,OAAOzC,GACR,SAAT+E,GAAgBG,EAAED,OACT,SAATF,GAAgBG,EAAExD,OAEb,OAATqD,IACHD,qBAAqB/J,KAAK4H,OAC1B5H,KAAK4H,MAAQiC,sBAAsB7J,KAAK8J,QAAQzE,KAAKrF,KAAMgK,uCAG3D,IAAII,GAAMpK,KAAKoH,OAAOkB,MAAQlG,OAAOmG,YAAY,EACjDvI,KAAKoH,OAAOkB,MAAQlG,OAAOmG,WAC3BvI,KAAKoH,OAAOoB,OAASpG,OAAOqG,YAC5B,IAAI,IAAIpK,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IACzC,CACY2B,KAAKwH,UAAUnJ,GACrBgM,OAAOD,GAEb,IAAI,IAAInF,EAAI,EAAGA,EAAGjF,KAAK2H,YAAa1C,IACpC,CACYjF,KAAK0H,OAAOzC,GAClBoF,OAAOD,aAnHAlH,UAwHf4F,aACF,SAAAA,EAAY1B,EAAQE,EAASgD,EAAKjM,GAAE0B,EAAAC,KAAA8I,GAChC9I,KAAKoH,OAASA,EACdpH,KAAKsH,QAAUA,EACftH,KAAKsK,IAAMA,EACXtK,KAAKwJ,EAAIpC,EAAOkB,MAAM,EAAI,IAC1BtI,KAAKiJ,GAAK,GACVjJ,KAAKuK,EAAI,KAAqB,GAAdvE,KAAKwE,SACrBxK,KAAKyK,EAAkB,IAAdzE,KAAKwE,SAAe,IAC7BxK,KAAK0K,IAAoB,GAAd1E,KAAKwE,SAAc,GAC9BxK,KAAK2K,KAAO,EACZ3K,KAAK4K,MAAQvM,EACb2B,KAAK6K,OAAS,KACd7K,KAAK8K,OAASzM,2CAGd2B,KAAKsH,QAAQyD,YAAc/K,KAAK4K,MAChC5K,KAAKsH,QAAQ0D,OAAb,cAAoChL,KAAK0K,IAAzC,OACA1K,KAAKsH,QAAQ2D,UAAUjL,KAAKsK,IAAKtK,KAAKwJ,EAAIxJ,KAAKiJ,EAAGjJ,KAAKuK,EAAGvK,KAAKyK,kCAG/DzK,KAAKiJ,GAAK,GACVjJ,KAAKuK,EAAI,KAAqB,GAAdvE,KAAKwE,SACrBxK,KAAKyK,EAAkB,IAAdzE,KAAKwE,SAAe,IAC7BxK,KAAK0K,IAAoB,GAAd1E,KAAKwE,SAAc,GAC9BxK,KAAK2K,KAAO,EACZ3K,KAAK4K,MAAQ5K,KAAK8K,OAClB9K,KAAK6K,OAAS,oCAGd7K,KAAK4K,OAAS5K,KAAK6K,OAChB7K,KAAK4K,OAAS,IACb5K,KAAK6K,SAAW,EAChB7K,KAAK4K,MAAQ,GAEd5K,KAAK4K,OAAS,IACb5K,KAAK6K,SAAW,EAChB7K,KAAK4K,MAAQ,EACb5K,KAAKyK,EAAmB,IAAdzE,KAAKwE,SAAe,IAC9BxK,KAAKiJ,GAAK,IAEdjJ,KAAK0K,KAAO1K,KAAK2K,KACjB3K,KAAKyK,GAAMzK,KAAK4K,MAAM,GACtB5K,KAAKiJ,GAAMjJ,KAAK4K,MAAM,GACnB5K,KAAK0K,KAAM,KACV1K,KAAK2K,OAAS,EACd3K,KAAK0K,IAAM,IAGZ1K,KAAK0K,MAAQ,KACZ1K,KAAK2K,OAAS,EACd3K,KAAK0K,KAAO,IAEhB1K,KAAKkL,sCAGLlL,KAAK4K,OAAS,IACd5K,KAAKiJ,GAAK,GACVjJ,KAAKyK,GAAK,GACPzK,KAAK4K,OAAS,IAAE5K,KAAK4K,MAAQ,GAChC5K,KAAKkL,sCAEFd,GAGHpK,KAAKwJ,GAAKY,WAGZvB,aACF,SAAAA,EAAYzB,EAAQE,EAASgD,GAAIvK,EAAAC,KAAA6I,GAC7B7I,KAAKoH,OAASA,EACdpH,KAAKsH,QAAUA,EACftH,KAAKsK,IAAMA,EACXtK,KAAKwJ,EAAIxD,KAAKwE,SAASpD,EAAOkB,MAAM,EAAIlB,EAAOkB,MAAM,EACrDtI,KAAKiJ,EAAI7B,EAAOoB,OAASxC,KAAKwE,SAASpD,EAAOoB,OAC9CxI,KAAKmL,OAAyB,GAAhBnF,KAAKwE,SACnBxK,KAAKoL,MAAOpF,KAAKwE,SACjBxK,KAAKqL,GAAmB,IAAdrF,KAAKwE,SACfxK,KAAKuK,EAAInD,EAAOkB,MAChBtI,KAAKyK,EAAIrD,EAAOoB,OAChBxI,KAAK4K,MAAsB,GAAd5E,KAAKwE,SAAe,4CAGjCxK,KAAKsH,QAAQyD,YAAc/K,KAAK4K,MAChC5K,KAAKsH,QAAQ2D,UAAUjL,KAAKsK,IAAKtK,KAAKwJ,EAAIxJ,KAAKiJ,EAAGjJ,KAAKmL,OAAQnL,KAAKmL,uCAGpEnL,KAAKiJ,EAAuB,EAAnBjJ,KAAKoH,OAAOoB,OAAWxC,KAAKwE,SAASxK,KAAKoH,OAAOoB,OAAO,EACjExI,KAAKqL,GAAoB,IAAdrF,KAAKwE,wCAGhBxK,KAAKoL,OAAQ,IACbpL,KAAKwJ,GAAKxD,KAAKsF,IAAe,EAAXtL,KAAKoL,OACxBpL,KAAKiJ,GAAKjJ,KAAKmL,OAAO,GACnBnL,KAAKiJ,EAAwB,GAAnBjJ,KAAKoH,OAAOoB,SAAUxI,KAAKiJ,EAAIjJ,KAAKyK,GACjDzK,KAAKkL,sCAGLlL,KAAKqL,IAAK,IACVrL,KAAKiJ,GAAKjJ,KAAKqL,GACfrL,KAAKkL,sCAEFd,GACHpK,KAAKuK,EAAIvK,KAAKoH,OAAOkB,MACrBtI,KAAKyK,EAAIzK,KAAKoH,OAAOoB,OACrBxI,KAAKwJ,GAAKY,yCCnNHvJ,IAhBK,WAAyB,IAAxB0K,EAAwBC,UAAA3G,OAAA,QAAApC,IAAA+I,UAAA,GAAAA,UAAA,GAAjBC,SAASF,KAajC,MAVG,QAAQG,KAAKH,IAAS,OAAOG,KAAKH,GAC1B,KAEH,yCAAyCG,KAAKH,GAC3C,QAGA,wYCRMnI,cACjB,SAAAA,EAAYvD,GAAKE,EAAAC,KAAAoD,GAAA,IAAAkC,mKAAA2B,CAAAjH,MAAAoD,EAAA8D,WAAAnI,OAAAoI,eAAA/D,IAAA5E,KAAAwB,KACPH,IADO,OAEbyF,EAAK8B,OAASlF,SAASmF,cAAc,UACrC/B,EAAKgC,QAAUhC,EAAK8B,OAAOG,WAAW,MACtCjC,EAAKkC,aACLlC,EAAKmC,gBAAkB,GACvBnC,EAAKsC,MAAQ,KACbtC,EAAK/E,WAAa,IAAIC,aAAaC,QAAQ,EAAMC,WAAW4E,EAAK3E,cAAeC,kBAAiB0E,KACjGA,EAAKuC,WAAa,IAAIrH,aAAaC,QAAQ,IAC3C6E,EAAKqG,YACLrG,EAAKwC,SACLxC,EAAKyC,aAEL3F,OAAO+C,iBAAiB,SAAUG,EAAK0C,QAAQ3C,KAAbC,IAbrBA,qUADc1F,+CAiBpB,IAAAmJ,EAAA/I,KACPiC,EAAEjC,KAAKE,KAAK0L,KAAK,mBAAmB3H,GAAG,QAAS,WAC5C8E,EAAK7I,IAAIoB,cAAc,IAAIC,YAAY,aAAcC,QAAQC,OAAO,YAAaxB,IAAI,gDAKzF,IAAIgI,EAASjI,KAAKE,IAAI+C,cAAc,WAChCiF,EAAc,IAAIC,MACtBnI,KAAKoH,OAAOkB,MAAQlG,OAAOmG,WAC3BvI,KAAKoH,OAAOoB,OAASpG,OAAOqG,YAC5BxG,EAAEgG,GAAQ4D,OAAO7L,KAAKoH,QACtBc,EAAYS,IAAO3I,KAAKK,OAAO,gEAC/B,IAAK,IAAIhC,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IACtC2B,KAAKwH,UAAUoB,KAAK,IAAIC,EAAS7I,KAAKoH,OAAQpH,KAAKsH,QAASY,yCAGxD,IAAAuB,EAAAzJ,KACRA,KAAK6H,WACAmB,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,UACpGL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,mBAAoB,IAAMgG,EAAG,EAAGC,UAAU,IAAKD,EAAE,GAAIC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SACvH7K,KAAK,WAAKiL,EAAK/H,eAAe+H,KAC9BT,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,GAAIiG,UAAU,EAAED,EAAE,IAAKC,UAAW,EAAED,EAAE,IAAKE,KAAM2C,MAAMzC,SAAU,SAC1GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,GAAIiG,UAAU,EAAED,EAAE,IAAKC,UAAW,EAAGD,EAAE,IAAKE,KAAM2C,MAAMzC,SAAU,SAC3GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMiG,UAAU,IAAKA,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAClGL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMiG,UAAU,IAAKA,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAClGL,OAAOhJ,KAAKE,IAAK,GAAIoJ,MAAO,EAAGJ,UAAU,EAAGD,EAAE,IAAKC,UAAU,EAAGI,MAAO,EAAGL,EAAE,EAAGE,KAAMC,MAAMC,SAAU,OAE1GrJ,KAAKO,WACAyI,OAAOhJ,KAAKE,IAAK,GAAIoJ,MAAO,IAAKJ,UAAU,EAAGD,EAAE,IAAKC,UAAU,EAAGI,MAAO,EAAGL,EAAE,EAAGE,KAAMC,MAAMC,UAC7FL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMiG,UAAU,IAAKA,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAClGL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMiG,UAAU,IAAKA,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAClGL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,GAAIuG,GAAG,IAAKP,EAAE,EAAGC,UAAU,IAAKM,EAAE,EAAGP,EAAE,EAAGC,UAAW,EAAGC,KAAM4C,KAAK1C,SAAU,SACtHL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,GAAIuG,EAAE,IAAKP,EAAE,EAAEC,UAAU,IAAKM,EAAE,EAAGP,EAAE,EAAGC,UAAW,EAAGC,KAAM4C,KAAK1C,SAAU,SACpHL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMuG,GAAI,GAAIP,EAAE,EAAGC,UAAU,IAAKM,EAAE,EAAGP,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SACzHL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMuG,GAAI,GAAGP,EAAE,EAAIC,UAAU,IAAKM,EAAE,EAAGP,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SACzHL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC9GL,OAAOhJ,KAAKE,IAAI+C,cAAc,mBAAoB,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SACvHL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,GAAIgG,EAAG,IAAKC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,wCAGlHvI,UAAUC,IAAIf,KAAKE,KAAMc,KAAKC,eAAejB,KAAKI,aAClDJ,KAAKO,WAAWmJ,KAAK,GACrB1J,KAAKO,WAAWoJ,OAChB,IAAI,IAAItL,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IACzC,CACY2B,KAAKwH,UAAUnJ,GACrB8F,OAENnE,KAAK4H,MAAQiC,sBAAsB7J,KAAK8J,QAAQzE,KAAKrF,KAAM,wCAI3DA,KAAK6H,WAAW6B,KAAK,GACrB1J,KAAK6H,WAAW8B,OAChBI,qBAAqB/J,KAAK4H,OAC1B5H,KAAK4H,MAAQiC,sBAAsB7J,KAAK8J,QAAQzE,KAAKrF,KAAM,gDAG5D+J,qBAAqB/J,KAAK4H,uCAErBoC,GACJhK,KAAKsH,QAAQ2C,UAAU,EAAG,EAAGjK,KAAKoH,OAAOkB,MAAOtI,KAAKoH,OAAOoB,QAC5D,IAAI,IAAInK,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IACzC,CACI,IAAIqB,EAAIM,KAAKwH,UAAUnJ,GACX,SAAT2L,GAAgBtK,EAAEwK,OACT,SAATF,GAAgBtK,EAAEiH,OAEb,OAATqD,IACHD,qBAAqB/J,KAAK4H,OAC1B5H,KAAK4H,MAAQiC,sBAAsB7J,KAAK8J,QAAQzE,KAAKrF,KAAMgK,uCAG3D,IAAII,GAAMpK,KAAKoH,OAAOkB,MAAQlG,OAAOmG,YAAY,EACjDvI,KAAKoH,OAAOkB,MAAQlG,OAAOmG,WAC3BvI,KAAKoH,OAAOoB,OAASpG,OAAOqG,YAC5B,IAAI,IAAIpK,EAAI,EAAGA,EAAI2B,KAAKyH,gBAAiBpJ,IAAY,CACzC2B,KAAKwH,UAAUnJ,GACrBgM,OAAOD,aAtGAhH,UA0GfyF,aACF,SAAAA,EAAYzB,EAAQE,EAASY,GAAYnI,EAAAC,KAAA6I,GACrC7I,KAAKoH,OAASA,EACdpH,KAAKsH,QAAUA,EACftH,KAAKsK,IAAMpC,EACXlI,KAAKwJ,EAAkB,IAAdxD,KAAKwE,SAAepD,EAAOkB,MAAM,EAAE,IAC5CtI,KAAKiJ,EAAI7B,EAAOoB,OAASxC,KAAKwE,SAASpD,EAAOoB,OAC9CxI,KAAKmL,OAAyB,GAAhBnF,KAAKwE,SACnBxK,KAAKoL,MAAOpF,KAAKwE,SACjBxK,KAAKqL,GAAmB,IAAdrF,KAAKwE,SACfxK,KAAKuK,EAAInD,EAAOkB,MAChBtI,KAAKyK,EAAIrD,EAAOoB,OAChBxI,KAAK4K,MAAsB,GAAd5E,KAAKwE,SAAe,4CAGjCxK,KAAKsH,QAAQyD,YAAc/K,KAAK4K,MAChC5K,KAAKsH,QAAQ2D,UAAUjL,KAAKsK,IAAKtK,KAAKwJ,EAAIxJ,KAAKiJ,EAAGjJ,KAAKmL,OAAQnL,KAAKmL,uCAGpEnL,KAAKiJ,EAAuB,EAAnBjJ,KAAKoH,OAAOoB,OAAWxC,KAAKwE,SAASxK,KAAKoH,OAAOoB,OAAO,EACjExI,KAAKqL,GAAoB,IAAdrF,KAAKwE,wCAGhBxK,KAAKoL,OAAQ,IACbpL,KAAKwJ,GAAKxD,KAAKsF,IAAe,EAAXtL,KAAKoL,OACxBpL,KAAKiJ,GAAKjJ,KAAKmL,OAAO,GACnBnL,KAAKiJ,EAAwB,KAAnBjJ,KAAKoH,OAAOoB,SAAYxI,KAAKiJ,EAAIjJ,KAAKyK,GACnDzK,KAAKkL,sCAGLlL,KAAKqL,IAAK,IACVrL,KAAKiJ,GAAKjJ,KAAKqL,GACfrL,KAAKkL,sCAEFd,GACHpK,KAAKuK,EAAIvK,KAAKoH,OAAOkB,MACrBtI,KAAKyK,EAAIzK,KAAKoH,OAAOoB,OACrBxI,KAAKwJ,GAAKY,6SC/IG7G,cACjB,SAAAA,EAAY1D,gGAAKE,CAAAC,KAAAuD,GAAA,IAAA+B,mKAAA2B,CAAAjH,MAAAuD,EAAA2D,WAAAnI,OAAAoI,eAAA5D,IAAA/E,KAAAwB,KACPH,IADO,OAGbyF,EAAKyC,aAHQzC,qUADe1F,2CAMzB,IAAAmJ,EAAA/I,KACHiC,EAAEjC,KAAKE,KAAK0L,KAAK,oBAAoB3H,GAAG,QAAS,WAC7C8E,EAAK7I,IAAIoB,cAAc,IAAIC,YAAY,aAAcC,QAAQC,OAAO,YAAaxB,IAAI,oDAKzFD,KAAKO,WACAyI,OAAOhJ,KAAKE,IAAK,GAAIoJ,MAAO,IAAKJ,UAAU,EAAGD,EAAE,IAAKC,UAAU,EAAGI,MAAO,EAAGL,EAAE,EAAGE,KAAMC,MAAMC,UAC7FL,OAAOhJ,KAAKE,IAAI+C,cAAc,UAAW,IAAMgG,GAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,OAC9GE,SAAS,QAAS,SAClBA,SAAS,QAAS,SAClBP,OAAOhJ,KAAKE,IAAI+C,cAAc,cAAe,IAAMqG,MAAM,GAAKJ,UAAU,IAAKI,MAAM,EAAGJ,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC1HL,OAAOhJ,KAAKE,IAAI+C,cAAc,mBAAoB,KAAMgG,EAAE,IAAKC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,cACvHL,OAAOhJ,KAAKE,IAAI+C,cAAc,kBAAmB,IAAOiG,UAAU,IAAKA,UAAW,EAAGC,KAAM6C,OAAO3C,SAAU,YAC5GL,OAAOhJ,KAAKE,IAAI+C,cAAc,cAAe,IAAMqG,MAAM,GAAKJ,UAAU,IAAKI,MAAM,EAAGJ,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SAC1HL,OAAOhJ,KAAKE,IAAI+C,cAAc,mBAAoB,KAAMgG,EAAE,IAAKC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,cACvHL,OAAOhJ,KAAKE,IAAI+C,cAAc,kBAAmB,IAAOiG,UAAU,IAAKA,UAAW,EAAGC,KAAM6C,OAAO3C,SAAU,YAC5GL,OAAOhJ,KAAKE,IAAI+C,cAAc,aAAc,IAAMgG,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,SACjH4C,cAAcjM,KAAKE,IAAIgM,iBAAiB,gBAAiB,IAAMjD,EAAG,GAAIC,UAAU,IAAKD,EAAE,EAAGC,UAAW,EAAGC,KAAMC,MAAMC,SAAU,GAAK,SACnIL,OAAOhJ,KAAKE,IAAI+C,cAAc,oBAAqB,IAAMkJ,OAAO,IAAKjD,UAAU,IAAKiD,MAAM,GAAIjD,UAAW,EAAGC,KAAM2C,MAAMzC,SAAU,sCAIvIvI,UAAUC,IAAIf,KAAKE,KAAMc,KAAKC,eAAejB,KAAKI,aAClDJ,KAAKO,WAAWmJ,KAAK,GACrB1J,KAAKO,WAAWoJ,6CAGNtI,mCAGVH,SAASC,GAAGnB,KAAKE,IAAK,IAAMkB,QAAQ,EAAGV,WAAWV,KAAK0B,eAAgBd,kBAAkBZ,+CAE9EqB,GACXP,UAAUC,IAAIM,EAAMnB,KAAMc,KAAKC,eAAeI,EAAMjB,sBAzCvCmD","file":"index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap b4fc85fa749d2bc2a9e2","import environment from '../util/environment';\n\nexport default class BasePage{\n    constructor(info, controll) {\n        this.key = info.name;\n        this.ele = info.ele;\n        this.pageType = info.pageType;\n        this.showClass = info.showClass;\n        this.static = \"/\"\n        this._init();\n        this.showMotion = new TimelineMax({paused: true, onComplete:this._showComplete, onCompleteParams:[this]});\n    }\n\n    _init(){\n        switch(environment()) {\n            case 'live':\n                this.static = 'https://wstatic-cdn.plaync.com';\n                break;\n\n            case 'rc':\n                this.static = 'https://rc-wstatic.plaync.co.kr';\n                break;\n\n            case 'local':\n                this.static = 'http://ui-static.korea.ncsoft.corp';\n                break;\n        }\n    }\n\n    show(){\n        TweenLite.set(this.ele, {css:{className:`+=${this.showClass}`}});\n        TweenMax.to(this.ele, 0.5, {opacity:1, onComplete:this._showComplete, onCompleteParams:[this]});\n    }\n    _showComplete(thisv){\n        thisv.ele.dispatchEvent(new CustomEvent(\"pageEvent\", {detail:{action:'showComplete', key:thisv.key}}));\n    }\n    hide(){\n        TweenMax.to(this.ele, 0.5, {opacity:0, onComplete:this._hidetComplete, onCompleteParams:[this]});\n    }\n    _hidetComplete(thisv){\n        TweenLite.set(thisv.ele, {css:{className:`-=${thisv.showClass}`}});\n        thisv.ele.dispatchEvent(new CustomEvent(\"pageEvent\", {detail:{action:'hideComplete', key:thisv.key}}));\n    }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/page/basePage.js","import Controller from './controller/controller';\nimport Main from './page/main';\nimport Page1 from './page/page1';\nimport Layer1 from './page/layer1';\n$(document).ready(function () {\n    if ( typeof window.CustomEvent === \"function\" ) return false;\n    function CustomEvent ( event, params ) {\n        params = params || { bubbles: false, cancelable: false, detail: undefined };\n        let evt = document.createEvent( 'CustomEvent' );\n        evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );\n        return evt;\n    }\n    CustomEvent.prototype = window.Event.prototype;\n    window.CustomEvent = CustomEvent;\n});\n$(document).ready(function () {\n\n    let controller;\n    const pagesInfo = {\n        main : {\n            key:'main',\n            ele:document.querySelector('.main'),\n            className:Main,\n            pageType:'page',\n            showClass:'show'\n        },\n        page1 : {\n            key:'page1',\n            ele:document.querySelector('.page-1'),\n            className:Page1,\n            pageType:'page',\n            showClass:'show'\n        }\n    }\n    const layerInfo = {\n        layer1 : {\n            key:'layer1',\n            ele:document.querySelector('.layer-1'),\n            className:Layer1,\n            pageType:'layer',\n            showClass:'show-layer'\n        }\n    }\n\n    controller =  new Controller(pagesInfo, layerInfo);\n\n    new nc.promokit.Preloader({\n        'game': 'bns',\n        'delay': 100,\n        'image': [\n            '/promo/bns/history/2018/181114_redflower2/img/bg_scene1.jpg',\n            '/promo/bns/history/2018/181114_redflower2/img/bg_scene2.jpg',\n            '/promo/bns/history/2018/181114_redflower2/img/bg_scene3.jpg',\n            '/promo/bns/history/2018/181114_redflower2/img/main_ef_1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/main_ef_2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/main_tit1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/main_tit2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/main_tit3.png',\n            '/promo/bns/history/2018/181114_redflower2/img/navi_1_off.png',\n            '/promo/bns/history/2018/181114_redflower2/img/navi_1_on.png',\n            '/promo/bns/history/2018/181114_redflower2/img/navi_2_off.png',\n            '/promo/bns/history/2018/181114_redflower2/img/navi_2_on.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_bg_mask.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_btn_off.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_btn_on.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_ch1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_ch2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_cloud1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_cloud2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_txt1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_txt2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_txt3.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_txt4.png',\n            '/promo/bns/history/2018/181114_redflower2/img/sub_txt5.png',\n            '/promo/bns/history/2018/181114_redflower2/img/header_etc.png',\n            '/promo/bns/history/2018/181114_redflower2/img/header_etc_on.png',\n            '/promo/bns/history/2018/181114_redflower2/img/ico_scroll.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_ch1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_ch1_ef.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_ch2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_ch2_ef.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_img_box.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_img_box1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_img_box2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_item.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_item_1.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_item_2.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_item_3.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_item_4.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_item_5.png',\n            '/promo/bns/history/2018/181114_redflower2/img/layer_tit.png'\n\n\n        ],\n        'video':[],\n        'youtbue':[],\n    });\n\n    $(document).on('preloadend', function(){\n        $('.loding_bg').remove();\n        controller.init();\n    });\n});\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/index.js","let instance;\n\nexport default class Controller {\n    constructor(pagesInfo, layerInfo) {\n        if (instance) return instance;\n        instance = this;\n        this.pages  =  this._createPages(pagesInfo);\n        this.pageInfo = {\n            keyArr : Object.keys(pagesInfo),\n            currentPage : '',\n            nextPage : '',\n            pageLength : Object.keys(pagesInfo).length\n        }\n        this.layers  =  this._createLayer(layerInfo);\n        this.leady = false;\n    }\n\n    _createPages(pagesInfo){\n        let i, j;\n        for( i in pagesInfo ) {\n            for( j in pagesInfo[i] ){\n                if(j === 'className'){\n                    pagesInfo[i].class =  new pagesInfo[i][j](pagesInfo[i]);\n                }\n            }\n            pagesInfo[i].ele.addEventListener('pageEvent', this._pageEvent.bind(this));\n        }\n        return pagesInfo;\n    }\n\n    _createLayer(layerInfo){\n        let i, j;\n        for( i in layerInfo ) {\n            for( j in layerInfo[i] ){\n                if(j === 'className'){\n                    layerInfo[i].class =  new layerInfo[i][j](layerInfo[i] );\n                }\n            }\n            layerInfo[i].ele.addEventListener('pageEvent', this._pageEvent.bind(this));\n        }\n        return layerInfo;\n    }\n\n    init(){\n        document.documentElement.addEventListener('onwheel' in document ? 'wheel' : 'mousewheel', (()=> {\n            var e, deltax, deltay, lastmovedtime = 0;\n            return (e) =>  {\n                if(!this.leady)return;\n                deltax = e.deltaX !== undefined ? e.deltaX : e.wheelDeltaX || 0,\n                deltay = e.deltaY !== undefined ? e.deltaY : e.wheelDeltaY !== undefined ? e.wheelDeltaY : e.detail || e.wheelDelta*-1;\n\n                if (Math.abs(deltay) > 2 && new Date().getTime()-lastmovedtime > 100) {\n\n                    let direction = deltay > 0 ? 'next' : 'prev';\n                    this._wheelNavigator(direction)\n                    lastmovedtime = new Date().getTime();\n\n                }\n                e.preventDefault();\n            };\n        })(), false);\n        this._changePage(this.pageInfo.keyArr[0]);\n    }\n\n    _wheelNavigator(direction){\n        let currentNum = this.pageInfo.keyArr.indexOf( this.pageInfo.currentPage);\n\n        if(direction === 'next'){\n            if((this.pageInfo.pageLength - 1) <= currentNum) return;\n            currentNum++;\n            this._changePage(this.pageInfo.keyArr[currentNum]);\n        }else{\n            if(0 >= currentNum) return;\n            currentNum--;\n            this._changePage(this.pageInfo.keyArr[currentNum]);\n        }\n    }\n\n    _changePage(key){\n        this.leady = false;\n        this.pageInfo.nextPage = key;\n\n        if(this.pageInfo.currentPage === ''){\n            this.pages[key].class.show();\n        }else{\n            this.pages[this.pageInfo.currentPage].class.hide();\n        }\n    }\n    _hidePageComplete(){\n        this.pages[this.pageInfo.currentPage].class.hideComplete();\n        this.pages[this.pageInfo.nextPage].class.show();\n    }\n    _changePageComplete(){\n        this.leady = true;\n        this.pageInfo.currentPage = this.pageInfo.nextPage;\n        this.pageInfo.nextPage = '';\n    }\n\n    _showLayer(key){\n        this.leady = false;\n        this.layers[key].class.show();\n    }\n\n    _hideLayer(key){\n        this.leady = true;\n        this.layers[key].class.hide();\n    }\n\n    _pageEvent(e){\n        switch (e.detail.action) {\n            case 'hideComplete': {\n                this._hidePageComplete(e.detail.key)\n                break;\n            }\n            case 'showComplete': {\n                this._changePageComplete(e.detail.key)\n                break;\n            }\n            case 'showLayer': {\n                this._showLayer(e.detail.key)\n                break;\n            }\n            case 'hideLayer': {\n                this._hideLayer(e.detail.key)\n                break;\n            }\n        }\n\n    }\n}\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/controller/controller.js","import BasePage from  './basePage';\n\nexport default class Main extends BasePage{\n    constructor(info){\n        super(info);\n        this.canvas = document.createElement('canvas');\n        this.context = this.canvas.getContext('2d');\n        this.particles = [];\n        this.particlesLength = 100;\n        this.smokes = [];\n        this.smokeLength = 5;\n        this.frame = null; //requestAnimationFrame(animate);\n        this.showMotion = new TimelineMax({paused: true, onComplete:this._showComplete, onCompleteParams:[this]});\n        this.hideMotion = new TimelineMax({paused: true});\n        this._bgSet();\n        this._motionSet();\n        window.addEventListener(\"resize\", this._resize.bind(this))\n    }\n    _bgSet(){\n        let $bgCon = this.ele.querySelector('.bg_con'),\n            particleImg = new Image(),\n            smokeImg1 = new Image(),\n            smokeImg2 = new Image();\n        this.canvas.width = window.innerWidth;\n        this.canvas.height = window.innerHeight;\n        $($bgCon).prepend(this.canvas);\n        particleImg.src =  this.static+'/promo/bns/history/2018/181114_redflower2/img/ef_particle.png';\n        smokeImg1.src =  this.static+'/promo/bns/history/2018/181114_redflower2/img/main_ef_1.png';\n        smokeImg2.src =  this.static+'/promo/bns/history/2018/181114_redflower2/img/main_ef_2.png';\n        for (let i = 0; i < this.particlesLength; i++) {\n            this.particles.push(new Particle(this.canvas, this.context, particleImg));\n        }\n        for (let j = 0; j < this.smokeLength; j++) {\n            if(j%2 === 0)this.smokes.push(new Smoke(this.canvas, this.context, smokeImg1, j/5));\n            if(j%2 === 1)this.smokes.push(new Smoke(this.canvas, this.context, smokeImg2, j/5));\n\n        }\n        //this.smoke = new Smoke(this.canvas, this.context, smokeImg)\n    }\n    _motionSet(){\n\n        this.hideMotion\n            .fromTo(this.ele.querySelector('.txt-3'), 0.7, {y: 1, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut})\n            .fromTo(this.ele.querySelector('.txt-2'), 0.7, {y: 1, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('.txt-1'), 0.7, {y: 1, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.5')\n            .call(()=>{this._hidetComplete(this)})\n            .fromTo(this.ele, 2, {scale: 1, autoAlpha:1, y:0}, {autoAlpha:0, scale: 1, y:0, ease: Quart.easeOut}, '0')\n\n        this.showMotion\n            .fromTo(this.ele, 2, {scale: 1.1, autoAlpha:0, y:0}, {autoAlpha:1, scale: 1, y:0, ease: Quart.easeOut})\n            .addLabel(\"txt\", \"-=0.5\")\n            .fromTo(this.ele.querySelector('canvas'), 2, {y: 0, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut})\n            .fromTo(this.ele.querySelector('.txt-1'), 0.7, {x: -50,y:0, autoAlpha:0}, {x:0, autoAlpha: 1,y:0, ease: Quart.easeOut}, 'txt')\n            .fromTo(this.ele.querySelector('.txt-2'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, 'txt+=0.3')\n            .fromTo(this.ele.querySelector('.txt-3'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, 'txt+=0.6')\n\n    };\n    show(){\n        TweenLite.set(this.ele, {css:{className:`+=${this.showClass}`}});\n        this.showMotion.seek(0)\n        this.showMotion.play();\n        setTimeout(()=>{\n            for(let i = 0; i < this.particlesLength; i++)\n            {\n                let p = this.particles[i];\n                p.init();\n            }\n            for(let j = 0; j< this.smokeLength; j++)\n            {\n                let q = this.smokes[j];\n                q.init();\n            }\n            this.frame = requestAnimationFrame(this.animate.bind(this, 'show'));\n        },2000)\n\n    }\n\n    hide(){\n        this.hideMotion.seek(0)\n        this.hideMotion.play();\n        cancelAnimationFrame(this.frame)\n        this.frame = requestAnimationFrame(this.animate.bind(this, 'hide'));\n    }\n    hideComplete(){\n        cancelAnimationFrame(this.frame)\n    }\n    animate(type){\n\n        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n        for(let i = 0; i < this.particlesLength; i++)\n        {\n            let p = this.particles[i];\n            if(type === 'show')p.move();\n            if(type === 'hide')p.hide();\n        }\n        for(let j = 0; j< this.smokeLength; j++)\n        {\n            let q = this.smokes[j];\n            if(type === 'show')q.move();\n            if(type === 'hide')q.hide();\n        }\n        if(type === null)return;\n        cancelAnimationFrame(this.frame)\n        this.frame = requestAnimationFrame(this.animate.bind(this, type));\n    }\n    _resize(){\n        let dw = (this.canvas.width - window.innerWidth)/2;\n        this.canvas.width = window.innerWidth;\n        this.canvas.height = window.innerHeight;\n        for(let i = 0; i < this.particlesLength; i++)\n        {\n            let p = this.particles[i];\n            p.resize(dw);\n        }\n        for(let j = 0; j< this.smokeLength; j++)\n        {\n            let q = this.smokes[j];\n            q.resize(dw);\n        }\n    }\n}\n\nclass Smoke{\n    constructor(canvas, context, img, i){\n        this.canvas = canvas;\n        this.context = context;\n        this.img = img;\n        this.x = canvas.width/2 - 430 ;\n        this.y = -90;\n        this.w = 1300 + Math.random()*56;\n        this.h = Math.random()*100 + 900;\n        this.hue = Math.random()*70 - 10;\n        this.dhue = 1;\n        this.alpha = i;\n        this.dalpha = 0.005;\n        this.cAlpha = i;\n    }\n    draw(){\n        this.context.globalAlpha = this.alpha;\n        this.context.filter = `hue-rotate(${this.hue}deg)`;\n        this.context.drawImage(this.img, this.x , this.y, this.w, this.h);\n    }\n    init(){\n        this.y = -90;\n        this.w = 1300 + Math.random()*56;\n        this.h = Math.random()*100 + 900;\n        this.hue = Math.random()*70 - 10;\n        this.dhue = 1;\n        this.alpha = this.cAlpha;\n        this.dalpha = 0.005;\n    }\n    move(){\n        this.alpha += this.dalpha ;\n        if(this.alpha >= 1) {\n            this.dalpha *= -1;\n            this.alpha = 1\n        }\n        if(this.alpha <= 0) {\n            this.dalpha *= -1;\n            this.alpha = 0;\n            this.h =  Math.random()*100 + 900;\n            this.y = -90;\n        }\n        this.hue += this.dhue;\n        this.h -= (this.alpha/20)\n        this.y -= (this.alpha/20)\n        if(this.hue >=60){\n            this.dhue *= -1;\n            this.hue = 60;\n\n        }\n        if(this.hue <= -10) {\n            this.dhue *= -1;\n            this.hue = -10;\n        }\n        this.draw();\n    }\n    hide(){\n        this.alpha -= 0.03;\n        this.y -= 10;\n        this.h += 10;\n        if(this.alpha <= 0)this.alpha = 0;\n        this.draw();\n    }\n    resize(dw) {\n       // this.w = this.canvas.width;\n        //this.h = this.canvas.height;\n        this.x -= dw;\n    }\n}\nclass Particle{\n    constructor(canvas, context, img){\n        this.canvas = canvas;\n        this.context = context;\n        this.img = img;\n        this.x = Math.random()*canvas.width/2 + canvas.width/3 ;\n        this.y = canvas.height - Math.random()*canvas.height;\n        this.radius = Math.random() * 30;\n        this.angle =Math.random();\n        this.dy = Math.random()*100;\n        this.w = canvas.width;\n        this.h = canvas.height;\n        this.alpha = Math.random()*0.7 + 0.3;\n    }\n    draw(){\n        this.context.globalAlpha = this.alpha;\n        this.context.drawImage(this.img, this.x , this.y, this.radius, this.radius);\n    }\n    init(){\n        this.y = this.canvas.height*2 - Math.random()*this.canvas.height*2;\n        this.dy =  Math.random()*100;\n    }\n    move(){\n        this.angle +=0.01;\n        this.x += Math.sin(this.angle*3);\n        this.y -= this.radius/10; //Math.cos(this.angle*5)\n        if(this.y < -this.canvas.height*2) this.y = this.h;\n        this.draw();\n    }\n    hide(){\n        this.dy +=0.01;\n        this.y += this.dy;\n        this.draw();\n    }\n    resize(dw) {\n        this.w = this.canvas.width;\n        this.h = this.canvas.height;\n        this.x -= dw;\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/js/page/main.js","const environment = (href = location.href) =>{\n    let here;\n\n    if(/rc\\./i.test(href) || /rc-/i.test(href)) {\n        here = 'rc';\n    }\n    else if(/local|localhost|opdev|ui-static|file:/i.test(href)) {\n        here = 'local';\n    }\n    else {\n        here = 'live';\n    }\n\n    return here;\n};\n\nexport default environment;\n\n\n// WEBPACK FOOTER //\n// ./src/js/util/environment.js","import BasePage from  './basePage';\n\nexport default class Page1 extends BasePage{\n    constructor(info){\n        super(info);\n        this.canvas = document.createElement('canvas');\n        this.context = this.canvas.getContext('2d');\n        this.particles = [];\n        this.particlesLength = 80;\n        this.frame = null; //requestAnimationFrame(animate);\n        this.showMotion = new TimelineMax({paused: true, onComplete:this._showComplete, onCompleteParams:[this]});\n        this.hideMotion = new TimelineMax({paused: true});\n        this._eventSet();\n        this._bgSet();\n        this._motionSet();\n\n        window.addEventListener(\"resize\", this._resize.bind(this))\n    }\n\n    _eventSet(){\n        $(this.ele).find('.btn-view-layer').on('click', ()=>{\n            this.ele.dispatchEvent(new CustomEvent(\"pageEvent\", {detail:{action:'showLayer', key:'layer1'}}));\n        })\n    }\n\n    _bgSet(){\n        let $bgCon = this.ele.querySelector('.bg_con'),\n            particleImg = new Image();\n        this.canvas.width = window.innerWidth;\n        this.canvas.height = window.innerHeight;\n        $($bgCon).append(this.canvas);\n        particleImg.src =  this.static+'/promo/bns/history/2018/181114_redflower2/img/ef_particle.png';\n        for (let i = 0; i < this.particlesLength; i++) {\n            this.particles.push(new Particle(this.canvas, this.context, particleImg));\n        }\n    }\n    _motionSet(){\n        this.hideMotion\n            .fromTo(this.ele.querySelector('.txt-1'), 0.7, {y: 0, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut})\n            .fromTo(this.ele.querySelector('.txt-2'), 0.7, {y: 0, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.6')\n            .fromTo(this.ele.querySelector('.txt-3'), 0.7, {y: 0, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.6')\n            .fromTo(this.ele.querySelector('.txt-4'), 0.7, {y: 0, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.6')\n            .fromTo(this.ele.querySelector('.txt-5'), 0.7, {y: 0, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.6')\n            .fromTo(this.ele.querySelector('.btn-view-layer'), 0.7, {y: 0, autoAlpha:1}, {y:50, autoAlpha: 0, ease: Quart.easeOut}, '-=0.6')\n            .call(()=>{this._hidetComplete(this)})\n            .fromTo(this.ele.querySelector('.cha-2'), 1, {autoAlpha:1,y:0}, {autoAlpha: 0,y:100, ease: Cubic.easeOut}, '-=0.8')\n            .fromTo(this.ele.querySelector('.cha-1'), 1, {autoAlpha:1,y:0}, {autoAlpha: 0, y:100, ease: Cubic.easeOut}, '-=0.8')\n            .fromTo(this.ele.querySelector('.efc-1'), 0.7, {autoAlpha:1}, {autoAlpha: 0, ease: Quart.easeOut}, '-=0.7')\n            .fromTo(this.ele.querySelector('.efc-2'), 0.7, {autoAlpha:1}, {autoAlpha: 0, ease: Quart.easeOut}, '-=0.7')\n            .fromTo(this.ele, 2, {scale: 1, autoAlpha:1, y:0}, {autoAlpha:0, scale: 1, y:0, ease: Quart.easeOut}, '-=1')\n\n        this.showMotion\n            .fromTo(this.ele, 2, {scale: 1.1, autoAlpha:0, y:0}, {autoAlpha:1, scale: 1, y:0, ease: Quart.easeOut})\n            .fromTo(this.ele.querySelector('.efc-1'), 0.7, {autoAlpha:0}, {autoAlpha: 1, ease: Quart.easeOut}, '-=0.7')\n            .fromTo(this.ele.querySelector('.efc-2'), 0.7, {autoAlpha:0}, {autoAlpha: 1, ease: Quart.easeOut}, '-=0.7')\n            .fromTo(this.ele.querySelector('.cha-2'), 1, {x:-200, y:0, autoAlpha:0}, {x:0, y:0, autoAlpha: 1, ease: Expo.easeOut}, '-=0.7')\n            .fromTo(this.ele.querySelector('.cha-1'), 1, {x:200, y:0,autoAlpha:0}, {x:0, y:0, autoAlpha: 1, ease: Expo.easeOut}, '-=0.7')\n            .fromTo(this.ele.querySelector('.txt-1'), 0.7, {x: -50, y:0, autoAlpha:0}, {x:0, y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('.txt-2'), 0.7, {x: -50,y:0,  autoAlpha:0}, {x:0, y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('.txt-3'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('.txt-4'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('.txt-5'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('.btn-view-layer'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .fromTo(this.ele.querySelector('canvas'), 2, {y: 100, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=1.5')\n    };\n    show(){\n        TweenLite.set(this.ele, {css:{className:`+=${this.showClass}`}});\n        this.showMotion.seek(0)\n        this.showMotion.play();\n        for(let i = 0; i < this.particlesLength; i++)\n        {\n            let p = this.particles[i];\n            p.init();\n        }\n        this.frame = requestAnimationFrame(this.animate.bind(this, 'show'));\n    }\n\n    hide(){\n        this.hideMotion.seek(0)\n        this.hideMotion.play();\n        cancelAnimationFrame(this.frame)\n        this.frame = requestAnimationFrame(this.animate.bind(this, 'hide'));\n    }\n    hideComplete(){\n       cancelAnimationFrame(this.frame)\n    }\n    animate(type){\n        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n        for(let i = 0; i < this.particlesLength; i++)\n        {\n            let p = this.particles[i];\n            if(type === 'show')p.move();\n            if(type === 'hide')p.hide();\n        }\n        if(type === null)return;\n        cancelAnimationFrame(this.frame)\n        this.frame = requestAnimationFrame(this.animate.bind(this, type));\n    }\n    _resize(){\n        let dw = (this.canvas.width - window.innerWidth)/2;\n        this.canvas.width = window.innerWidth;\n        this.canvas.height = window.innerHeight;\n        for(let i = 0; i < this.particlesLength; i++)        {\n            let p = this.particles[i];\n            p.resize(dw);\n        }\n    }\n}\nclass Particle{\n    constructor(canvas, context, particleImg){\n        this.canvas = canvas;\n        this.context = context;\n        this.img = particleImg;\n        this.x = Math.random()*900 + canvas.width/2-200;\n        this.y = canvas.height - Math.random()*canvas.height;\n        this.radius = Math.random() * 30;\n        this.angle =Math.random();\n        this.dy = Math.random()*100;\n        this.w = canvas.width;\n        this.h = canvas.height;\n        this.alpha = Math.random()*0.5 + 0.5;\n    }\n    draw(){\n        this.context.globalAlpha = this.alpha;\n        this.context.drawImage(this.img, this.x , this.y, this.radius, this.radius);\n    }\n    init(){\n        this.y = this.canvas.height*2 - Math.random()*this.canvas.height*2;\n        this.dy =  Math.random()*100;\n    }\n    move(){\n        this.angle +=0.01;\n        this.x += Math.sin(this.angle*3);\n        this.y -= this.radius/10; //Math.cos(this.angle*5)\n        if(this.y < -this.canvas.height*1.5) this.y = this.h;\n        this.draw();\n    }\n    hide(){\n        this.dy +=0.01;\n        this.y += this.dy;\n        this.draw();\n    }\n    resize(dw) {\n        this.w = this.canvas.width;\n        this.h = this.canvas.height;\n        this.x -= dw;\n    }\n}\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/page/page1.js","import BasePage from  './basePage';\n\nexport default class Layer1 extends BasePage{\n    constructor(info){\n        super(info);\n\n        this._motionSet();\n    }\n    _init(){\n        $(this.ele).find('.btn-close-layer').on('click', ()=>{\n            this.ele.dispatchEvent(new CustomEvent(\"pageEvent\", {detail:{action:'hideLayer', key:'layer1'}}));\n        })\n    }\n    _motionSet(){\n\n        this.showMotion\n            .fromTo(this.ele, 2, {scale: 1.1, autoAlpha:0, y:0}, {autoAlpha:1, scale: 1, y:0, ease: Quart.easeOut})\n            .fromTo(this.ele.querySelector('.txt-1'), 0.7, {y:-50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=1')\n            .addLabel('box-1', '-=0.5')\n            .addLabel('box-2', '-=0.5')\n            .fromTo(this.ele.querySelector('.img-box-1'), 0.7, {scale:0.5, autoAlpha:0}, {scale:1, autoAlpha: 1, ease: Quart.easeOut}, 'box-1')\n            .fromTo(this.ele.querySelector('.img-box-1 .cha'), 1.2, {y:100, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, 'box-1+=0.5')\n            .fromTo(this.ele.querySelector('.img-box-1 .ef'), 0.7, { autoAlpha:0}, {autoAlpha: 1, ease: Bounce.easeOut}, 'box-1+=1')\n            .fromTo(this.ele.querySelector('.img-box-2'), 0.7, {scale:0.5, autoAlpha:0}, {scale:1, autoAlpha: 1, ease: Quart.easeOut}, 'box-2')\n            .fromTo(this.ele.querySelector('.img-box-2 .cha'), 1.2, {y:100, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, 'box-2+=0.5')\n            .fromTo(this.ele.querySelector('.img-box-2 .ef'), 0.7, { autoAlpha:0}, {autoAlpha: 1, ease: Bounce.easeOut}, 'box-2+=1')\n            .fromTo(this.ele.querySelector('.item-box'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, '-=0.5')\n            .staggerFromTo(this.ele.querySelectorAll('.item-box>li'), 0.7, {y: 50, autoAlpha:0}, {y:0, autoAlpha: 1, ease: Quart.easeOut}, 0.2, '-=0.5')\n            .fromTo(this.ele.querySelector('.btn-close-layer'), 0.3, {right:-120, autoAlpha:0}, {right:20, autoAlpha: 1, ease: Cubic.easeOut}, '-=2')\n\n    };\n    show(){\n        TweenLite.set(this.ele, {css:{className:`+=${this.showClass}`}});\n        this.showMotion.seek(0)\n        this.showMotion.play();\n        //this.frame = requestAnimationFrame(this.animate.bind(this, 'show'));\n    }\n    _showComplete(thisv){\n    }\n    hide(){\n        TweenMax.to(this.ele, 0.5, {opacity:0, onComplete:this._hidetComplete, onCompleteParams:[this]});\n    }\n    _hidetComplete(thisv){\n        TweenLite.set(thisv.ele, {css:{className:`-=${thisv.showClass}`}});\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/js/page/layer1.js"],"sourceRoot":""}