{"version":3,"sources":["webpack:///webpack/bootstrap 4c56d943e10833d97d78","webpack:///./~/vue-loader/lib/component-normalizer.js","webpack:///./src/js/router.js","webpack:///./src/js/store/store.js","webpack:///./~/es6-promise/dist/es6-promise.js","webpack:///./src/index.pug","webpack:///./src/components/App.vue?d1f3","webpack:///App.vue","webpack:///Loading.vue","webpack:///Mobiletip.vue","webpack:///Nav.vue","webpack:///VideoAlert.vue","webpack:///Design.vue","webpack:///Part1.vue","webpack:///Part1Stage1.vue","webpack:///Part1Stage2.vue","webpack:///Part1Stage3.vue","webpack:///Part2.vue","webpack:///Part2Stage1.vue","webpack:///Part2Stage2.vue","webpack:///Part3.vue","webpack:///Part3Stage1.vue","webpack:///Part3Stage2.vue","webpack:///Part3Stage3.vue","webpack:///Drive.vue","webpack:///Part1.vue?5e22","webpack:///Part1Stage1.vue?2cbe","webpack:///Part2.vue?00a2","webpack:///Part2Stage1.vue?af85","webpack:///Part3.vue?0db3","webpack:///Part3Stage1.vue?7e0e","webpack:///Index.vue","webpack:///Part1.vue?f6bc","webpack:///Part2.vue?9c39","webpack:///Stage1.vue","webpack:///Stage2.vue","webpack:///Vision.vue","webpack:///./src/js/app.js","webpack:///./src/components/vision/Stage2.vue?109a","webpack:///./src/components/vision/Stage1.vue?486a","webpack:///./src/components/drive/Drive.vue?3796","webpack:///./src/components/drive/Part3Stage1.vue?479a","webpack:///./src/components/design/Part2Stage2.vue?f7ad","webpack:///./src/components/design/Part2Stage1.vue?3666","webpack:///./src/components/design/Part1.vue?98b3","webpack:///./src/components/design/Part2.vue?3f02","webpack:///./src/components/design/Part3.vue?6114","webpack:///./src/components/component/Nav.vue?55ec","webpack:///./src/components/design/Design.vue?1882","webpack:///./src/components/component/Loading.vue?5267","webpack:///./src/components/drive/Part3.vue?d304","webpack:///./src/components/drive/Part2.vue?bd43","webpack:///./src/components/drive/Part1.vue?cdbb","webpack:///./src/components/drive/Part1Stage1.vue?c88f","webpack:///./src/components/index/Index.vue?5512","webpack:///./src/components/vision/Vision.vue?26ac","webpack:///./src/components/design/Part1Stage1.vue?4cbc","webpack:///./src/components/design/Part1Stage2.vue?5662","webpack:///./src/components/design/Part1Stage3.vue?1c58","webpack:///./src/components/component/Mobiletip.vue?6faf","webpack:///./src/components/drive/Part2Stage1.vue?38b9","webpack:///./src/components/App.vue?0886","webpack:///./src/components/component/VideoAlert.vue?9688","webpack:///./src/components/vision/Part2.vue?be92","webpack:///./src/components/vision/Part1.vue?2d2d","webpack:///./src/components/design/Part3Stage3.vue?efad","webpack:///./src/components/design/Part3Stage2.vue?4b05","webpack:///./src/components/design/Part3Stage1.vue?153a","webpack:///./~/process/browser.js","webpack:///./src/components/component/Loading.vue","webpack:///./src/components/component/Mobiletip.vue","webpack:///./src/components/component/Nav.vue","webpack:///./src/components/component/VideoAlert.vue","webpack:///./src/components/design/Design.vue?d20d","webpack:///./src/components/design/Part1.vue?2156","webpack:///./src/components/design/Part1Stage1.vue","webpack:///./src/components/design/Part1Stage2.vue","webpack:///./src/components/design/Part1Stage3.vue","webpack:///./src/components/design/Part2.vue?84ed","webpack:///./src/components/design/Part2Stage1.vue","webpack:///./src/components/design/Part2Stage2.vue","webpack:///./src/components/design/Part3.vue?cfe4","webpack:///./src/components/design/Part3Stage1.vue","webpack:///./src/components/design/Part3Stage2.vue","webpack:///./src/components/design/Part3Stage3.vue","webpack:///./src/components/drive/Drive.vue?0598","webpack:///./src/components/drive/Part1.vue?77b3","webpack:///./src/components/drive/Part1Stage1.vue","webpack:///./src/components/drive/Part2.vue?f66c","webpack:///./src/components/drive/Part2Stage1.vue","webpack:///./src/components/drive/Part3.vue?6c9d","webpack:///./src/components/drive/Part3Stage1.vue","webpack:///./src/components/index/Index.vue?346d","webpack:///./src/components/vision/Part1.vue?3234","webpack:///./src/components/vision/Part2.vue?20f2","webpack:///./src/components/vision/Stage1.vue","webpack:///./src/components/vision/Stage2.vue","webpack:///./src/components/vision/Vision.vue?8e46","webpack:///./src/components/vision/Stage2.vue?0899","webpack:///./src/components/vision/Stage1.vue?22c2","webpack:///./src/components/drive/Drive.vue?0599","webpack:///./src/components/drive/Part3Stage1.vue?f0db","webpack:///./src/components/design/Part2Stage2.vue?9089","webpack:///./src/components/design/Part2Stage1.vue?2dd9","webpack:///./src/components/design/Part1.vue?e85f","webpack:///./src/components/design/Part2.vue?9074","webpack:///./src/components/design/Part3.vue?987c","webpack:///./src/components/component/Nav.vue?9f2f","webpack:///./src/components/design/Design.vue?a3c7","webpack:///./src/components/component/Loading.vue?530e","webpack:///./src/components/drive/Part3.vue?907f","webpack:///./src/components/drive/Part2.vue?43c7","webpack:///./src/components/drive/Part1.vue?5e3c","webpack:///./src/components/drive/Part1Stage1.vue?b722","webpack:///./src/components/index/Index.vue?9812","webpack:///./src/components/vision/Vision.vue?6769","webpack:///./src/components/design/Part1Stage1.vue?1f58","webpack:///./src/components/design/Part1Stage2.vue?38b5","webpack:///./src/components/design/Part1Stage3.vue?9614","webpack:///./src/components/component/Mobiletip.vue?0b44","webpack:///./src/components/drive/Part2Stage1.vue?5769","webpack:///./src/components/App.vue?a2cf","webpack:///./src/components/component/VideoAlert.vue?3303","webpack:///./src/components/vision/Part2.vue?0217","webpack:///./src/components/vision/Part1.vue?39ec","webpack:///./src/components/design/Part3Stage3.vue?2d6a","webpack:///./src/components/design/Part3Stage2.vue?5fc3","webpack:///./src/components/design/Part3Stage1.vue?a581","webpack:///(webpack)/buildin/global.js","webpack:///vertx (ignored)"],"names":[],"mappings":"YAAA,cACA,wBACA,EACA,cAQA,6CACA,4BACA,iBACA,4BACA,6BACA,+BACA,EAEA,aACA,iCACA,IACA,sDACA,0BACA,UACA,2BACA,gCACA,QACA,mBACA,KAAK,SACL,UACA,EACA,gCACA,IACA,oBAEA,kDACM,wBAEN,eACM,4BAEN,oDACM,iBAEN,IACA,oBACA,aAAO,SACP,CAEA,cADA,EAEA,GACA,EACA,CACA,CACA,EAIA,cAQA,SACA,eACA,oBACA,cACA,UACA,GACA,6CAEA,OACA,KAEA,GACA,yCAEA,0EACA,GAEA,QACA,EACA,eACA,OACA,CACA,gBACA,4BACA,UACA,EACA,kBACA,MACA,EAEA,EACA,cACA,8CACA,qCAGA,0BACA,aASA,CACA,IACA,mBACA,MAEA,UACA,OAGA,IACA,OAlBA,eACA,WACA,8BACA,MACA,KACA,EAEA,EAYA,EACA,CAEA,cACA,OAEA,CACA,yBACA,yBACA,iBACA,iBACA,8BAGA,EACA,8BACA,IACA,wBACA,yBACA,qCACA,UACA,6BAAoB,MAAgB,OACpC,gDAEA,gDACA,CACA,qBACA,IACA,wBACA,yBACA,6BAAoB,MAAgB,OACpC,8BAEA,oCACA,KACA,qBACA,yBACA,EACA,+BACA,yBACA,EACA,kCACA,kCACA,qCACA,EAGA,QACA,QACA,oBACA,sBAEA,GADA,CAEA,8BACA,QACA,EACA,iCACA,iBACA,oBACA,EAGA,SAEA,UACA,UACA,CAEA,cAIA,GACA,YAAiB,MAA8B,OAC/C,mBACA,EAGA,cAWA,eACA,KACA,CAEA,cACA,+BACA,mDACA,IACA,6BACA,KACA,WACA,QAEA,KACA,KACA,SACA,MAEA,IACA,0CACA,GACA,SACA,SAEA,EACA,GACA,WAKA,GAFA,yBAGA,OAEA,IACA,CACA,EAEA,gBACA,YAEA,mBACA,MACA,yCACA,YAGA,YACA,OAEA,IAEA,cACA,GACA,MAGA,MACA,MAEA,MAJA,KAMA,aACA,GACA,eACA,OACA,KACA,KACA,uBACA,WACA,EAAK,aACL,UACA,EACI,OACJ,IACA,kBACA,0CACA,aAGA,cACA,EACA,CAEA,cACA,eAUA,aACA,IAEA,oCACA,OACA,QACA,OAEA,GACA,gBACA,WACA,YACA,SACA,aACA,cAEA,wBACA,oBACA,MACA,sBACA,YAGA,aACA,YACA,MACA,mBACA,YAGA,eAAmB,eAA2B,YAC9C,kBACA,SACA,OACA,oCACA,UACA,MACA,4BACA,cACA,YAGA,SACA,wDACA,IACA,SACA,kBACA,KACA,QACA,WACA,YACA,YACA,kBACA,QAEA,MACA,EAEA,OACA,MACA,oBACA,mBACA,wBAEA,GAEA,kBACA,eAAkB,QAAc,OAChC,WACA,IACA,0BAEA,GAIA,gCArFA,6CAEA,SACA,GACA,EACA,EACA,EAEA,GA8EA,MACA,MAEA,mBACA,sDACA,uBAEA,eACA,iDACA,MACA,OACA,MACA,MAEA,IACA,MACA,oBAGA,OACA,OACA,MACA,SACA,aACA,kDAEA,YACA,UACA,kBACA,yBACA,MACA,8EACA,KACA,UACA,aACA,yBACA,MACA,wGACA,KACA,UACA,eACA,6BACA,MACA,yEACA,KACA,UACA,aACA,yBACA,IACA,MACA,UACA,aACA,yBACA,IACA,MACA,MACA,+CAEA,UACA,YACA,wBAEA,OACA,sBACA,YACA,oBACA,kFACA,SACA,SACA,yCAIA,MACA,cACA,kBAEA,GAIA,IACA,aAAa,OAA4B,OACzC,UACA,oBACA,uBACA,QACA,0BAKA,kBACA,8CACA,QACA,OAEA,GAEA,UACA,UACA,QACA,sBACA,UACA,IAEA,MAGA,gBACA,uBAAc,OAA4B,OAC1C,SACA,KAEA,cAGA,SAGA,mBAGA,MAAc,eAA4B,WAC1C,qBACA,IACA,2BACA,IACA,4BAEA,GAIA,KACA,IACA,YACA,+CACA,UACA,IACA,aACA,MAAgB,OAAuC,OACvD,UACA,yBACA,gCAOA,eAEA,WAGA,EACA,2CACA,eAKA,YACA,cACA,mDACA,KACA,UACA,OACA,aAAe,OAAuC,OACtD,UACA,iCACA,IACA,0BAEA,SAAe,OAAsB,WACrC,MACA,MACA,GACA,GAAO,UACP,GACA,uBACA,MACA,0BACA,mBACA,SAGA,OACA,eACA,QAEA,GACA,CACA,CAIA,OAAa,OAAwC,WACrD,WACA,SACA,UACA,OACA,GACA,GAAK,UACL,IACA,sCACA,iBACA,GAAO,UACP,GACA,uBACA,MACA,6CACA,SACA,gBAGA,OACA,eACA,QAEA,IACA,QACA,GAEA,QACA,uBACA,MACA,+BACA,SAGA,OACA,eACA,QAGA,GACA,CAGA,OACA,OACA,uBAGA,QACA,wBACA,IAGA,cAMA,MACA,eAGA,mBACA,GACA,EACA,KACA,iBACA,qBACA,GAIA,sDAGA,MAGA,OACA,OAIA,OAvpBA,sBACA,mCACA,KACA,UACA,EAEA,KAqDA,GAmJA,IAEA,EAxJA,OACA,uBACA,KAEA,KAEA,KA+HA,OAEA,SAQA,IACA,EACA,KACA,KACA,KAgbA,gBA+BA,MAGA,iBAA2C,OAAc,EAGzD,qBACA,OACA,8BACA,CACA,gBACA,kBAGA,GAGA,iBACA,YACA,qBAA2B,UAA0B,UACrD,YAAiC,OAAe,EAChD,mBACA,GACA,CAGA,mBAAsD,+CAA+D,EAGrH,MAGA,iBAAsC,OAAuB,EAG7D,8BChsBA,CAEA,UACA,SACA,EACA,EACA,EACA,EACA,IACA,OAGA,iBACA,sBACA,mBACA,MAIA,eACA,uBACA,QAGA,KACA,eACA,2BAIA,iBACA,eAIA,KACA,iCACA,wCACA,SACA,kBAAmC,SACnC,CACA,cACA,CAEA,OACA,UACA,UACA,UAEA,kCClDA,GAAM,GAAS,CACb,CAAE,KAAM,IAAK,UAAW,EAAQ,KAChC,CAAE,KAAM,UAAW,UAAW,EAAQ,KACtC,CAAE,KAAM,UAAW,UAAW,EAAQ,KACtC,CAAE,KAAM,SAAU,UAAW,EAK/B,MAAM,EAAS,GAAI,WACjB,QAD2B,IAI7B,EAAO,QAAU,4BCbjB,GAAM,GAAQ,GAAI,MAAK,MACrB,OACE,CACA,0BACA,GACA,iBACA,gBACA,qBACA,GACA,iBAGF,6BACE,CADS,uBACM,EAAO,EACpB,GAAM,YACP,CACD,EAJS,sBAIK,EAAO,EACnB,GAAM,WACP,CACD,EAPS,uBAOM,EAAO,EACpB,GAAM,QACP,CACD,EAVS,6BAUY,EAAO,EAC1B,GAAM,cACP,CACD,EAbS,4BAaW,EAAO,EACzB,GAAM,aACP,CACD,EAhBS,yBAgBQ,EAAO,EACtB,GAAM,UACP,CACD,EAnBS,6BAmBY,EAAO,EAC1B,GAAM,cACP,CACD,EAtBS,0BAsBS,EAAO,EACvB,GAAM,eACP,CAGH,GAIA,mBACE,CADO,yBACoB,EAAM,SAC/B,SAAO,gBACR,EACD,EAJO,yBAIoB,EAAM,SAC/B,SAAO,gBACR,EACD,EAPO,+BAO0B,EAAM,SACrC,SAAO,sBACR,EACD,EAVO,8BAUyB,EAAM,SACpC,SAAO,qBACR,EACD,EAbO,2BAasB,EAAM,SACjC,SAAO,kBACR,EACD,EAhBO,mBAgBc,SACnB,OAAG,OAAO,UAAU,EAAO,eAC3B,UAAG,OAAO,UAAU,EAAO,eAC3B,UAAG,OAAO,WAAW,EAAO,eAC7B,UACD,EArBO,+BAqBwB,SAE7B,aAAG,QACD,iBAIF,+BAAuB,EAApB,SAAO,aAAuC,CAAC,EAArB,SAAO,YAAkB,EAA8B,0BAC/E,EACN,0BACD,EA/BO,sBA+Be,GACpB,OAAG,OAGJ,SACD,EApCO,4BAoCsB,EAAK,SAChC,SAAO,mBACR,EACD,EAvCO,sBAuCgB,EAAO,SAC5B,OAAI,EACD,EAAC,OAAO,YAAW,EAAW,KAEjC,MAAG,OAAQ,WACX,MAAG,iBAAkB,WACtB,EACD,EA9CO,uBA8CiB,EAAS,SAC/B,OAAI,EACD,EAAC,OAAO,YAAW,EAAW,KAEjC,MAAG,OAAQ,QAAS,SAAU,QAC9B,MAAG,iBAAkB,QAAS,SAAU,QACzC,EAEH,GAAQ,aAKV,EAAO,QAAU,kCCtGjB,MAQA;;;;;;iBACA,WAGA,GAAC,kBAAqB,cAEtB,cACA,mDACA,UAEA,cACA,OACA,sBA2DA,YACA,OACA,uBAMA,cALA,IACA,EAGA,EAuBA,YAGA,QACA,4BACA,aACA,EACA,CAEA,CACA,YACA,YAAiB,KAAS,SAC1B,WACA,aAEA,MAEA,OACA,iBACA,SAEA,IACA,EA2BA,iBACA,QAEA,aAEA,6BAEA,eACA,OAGA,cAEA,aACA,cACA,cACA,gBACA,sBACA,QACA,EAEA,eAGA,IACA,EAgCA,CACA,cAEA,QAEA,kDACA,SAGA,kBACA,eACA,IACA,GAIA,aAEA,CAMA,YACA,sBACA,4CAEA,YACA,sBACA,wDAEA,cACA,IACA,WACA,IAAG,UACH,iBACA,GACA,EACA,EAEA,uBACA,IACA,eACA,GAAG,UACH,OACA,GACA,EAEA,oBACA,gBACA,IACA,8BACA,CAGA,KACA,WACA,QAIA,SAFA,IAEK,cACL,CAGA,KAEA,WACA,IAAK,yBAEL,0BACA,KACA,WAEA,IAAG,EACH,IAEA,iBACA,aACA,WACG,qBACH,WAEA,iCACA,aACA,GAAK,cACL,aACA,GAEA,GAEA,oBACA,mEACA,OAEA,SACA,YACA,gBACK,MACL,iBACK,MACL,YAEA,SAGA,IAEA,iBACA,MACA,QACG,OACH,cAEA,UAEA,IAEA,cACA,IACA,yBAGA,WACA,IAEA,iBACA,aAIA,gBACA,aAEA,GACA,iCAEA,KAEA,iBACA,aAGA,eACA,cAEA,QACA,KAEA,uBACA,WACA,mBAEA,mBAEA,YACA,aACA,aAEA,cACA,aAEA,IAEA,cACA,WACA,mBAEA,UAIA,sBACA,WACA,gBAEA,WAAiB,QAAwB,WACzC,QACA,aAEA,IACA,cAEA,OAIA,2BACA,GAEA,YACA,YACA,IAEA,CAEA,iBACA,IACA,WACA,GAAG,UACH,iBACA,GACA,EACA,EAEA,uBACA,UACA,IACA,UACA,UACA,UAEA,cACA,MAgBA,GAGA,sBAjBA,SACA,IACA,YACA,eAEA,MAGA,WACA,GAIA,iBAHA,iBASG,SACH,QACK,IACL,QACK,SACL,QACK,SACL,SAEA,KAEA,iBACA,IACA,gBACA,MACA,GAAK,cACL,MACA,GACA,EAAG,UACH,MACA,GACA,CAEA,CACA,YACA,OACA,MAEA,cACA,QACA,QACA,iBACA,kBACA,gBAEA,kBACA,2BACA,uBAEA,gBACA,YAGA,YACA,iBACA,kBACA,0BAEA,+BAEA,QACA,oCAEA,mCACA,OACA,aACA,yCAIA,0BAEA,MAEA,aACA,kBACA,2CAiPA,aACA,qBACA,sFAEA,aACA,qBACA,wHAwGA,CACA,eACA,UACA,sBACA,mBAEA,oBACA,4BACA,mCAEA,MAv1BA,GACA,oBACA,cAKA,oBAJA,OACA,qDAEA,EAGA,OAEA,MACA,EACA,UAEA,4BACA,QACA,YACA,OACA,EAIA,QACA,MAEA,GAGA,4CAWA,UACA,kCACA,2EAGA,kBAHiF,oGAKjF,iDA6EA,aACA,GA7EA,UAGA,kBACA,mBACA,EACA,CAEA,CAsEC,GACD,GA5DA,UACA,QACA,YACA,8BACA,yBAA0B,CAE1B,6BACA,iBACA,CACA,CAEA,CAkDC,GACD,GAlDA,UACA,WACA,0CACA,YACA,6BACA,EACA,EA6CC,GACD,eAGA,IAvBA,UACA,IACA,CACA,SACA,gCACA,aACA,GAAG,UACH,OACA,IACA,CAEA,CAWA,GA0EA,uDAKA,MACA,KAEA,yBAq5BA,MA5nBA,mCACA,iBACA,eAEA,UAAiB,uBAAuC,GACxD,4BAEA,KAEA,uCACA,aACA,2BAEA,kBACA,UAEA,2BACA,mCACK,iBACL,2BACA,8BACK,mBACL,eACA,WACA,0BACA,GACA,4CACA,WACA,GAAO,GAEP,GACA,gCAEA,KAEA,0CACA,aAEA,oBACA,UAEA,kBACA,QAEA,qBAIA,IACA,+BAEA,UAEA,0CACA,QAEA,6BACA,4BACA,GAAG,cACH,4BACA,GACA,EAgDA,EA4PA,OA3PA,YACA,wBACA,OAkEA,EAwLA,QAvLA,YAEA,QAEA,eACA,0BAKA,eACA,UAAqB,KAAY,GACjC,gCAEA,GAEA,yBAVA,yBACA,mCAEA,EA0CA,EAqIA,aACA,UArIA,YAEA,QACA,eACA,eACA,IACA,IAgIA,iBA9zBA,YACA,IACA,IA6zBA,YA3zBA,YACA,IACA,EAEA,EAwzBA,YAEA,aACA,aAmMA,QA6BA,sBACA,uBACA,GACA,GAoCA,YAlCA,UACA,IAEA,cACA,yBACK,UACL,4BAEA,aACA,aACA,gBAAS,UACT,iBACA,2EAGA,WAEA,cACA,QACA,QACA,sCACA,UAAS,UAET,CAEA,iCACA,KAEA,MAEA,YACA,EAEA,EAEA,cAIA,EACA,qCCroCA,kBCCA,CACA,EAAsQ,IAEtQ,QAEA,KAEA,KAEA,KAEA,KACA,MAEA,sQCEA,MACA,QACA,QACA,QAEA,oBAEA,qBACA,QAIA,eACA,gEAEA,6CAGA,UAJA,uBAKA,4BACA,iBAEA,wBAUA,mEAGA,oCACA,mBAGA,CAEA,wBACA,0BAEA,MAEA,yDARA,IASA,GAEA,GAhBA,qBACA,eAVA,uBACA,qCACA,uCACA,mDACA,wDACA,0CAEA,cARA,0CA2BA,eAGA,8CACA,GAGA,kBACA,mDACA,8CAGA,cAGA,SACA,oBACA,uFACA,qBACA,8BACA,gHAEA,+BACA,qBAEA,+BACA,QACA,gCACA,2BACA,yDAGA,UAGA,oBAEA,SACA,MACA,YAEA,aALA,oPC5FA,kBAEA,yBACA,YAEA,aACA,iBAGA,GACA,gEAGA,WAFA,uBAGA,iBAGA,yBAEA,MAEA,kCAEA,8CACA,EACA,wEAGA,YANA,oPClBA,kBAEA,2BACA,CAIA,QACA,kEAIA,aAHA,uBAIA,kDACA,0BAGA,qBACA,oBAEA,qCAGA,+PCWA,kBAEA,qBACA,CAIA,QACA,gEAEA,0CAEA,OAHA,yBAIA,IACA,YACA,uBAGA,uBAGA,CACA,oBACA,iGACA,oBACA,IAEA,WADA,mBAGA,oBACA,8BAEA,oBACA,6BAEA,mBACA,2BAEA,iBACA,8BAEA,kBACA,0BAEA,qBACA,0BAIA,qDAEA,qCACA,+DACA,wBACA,8BAEA,0CACA,gBAGA,WAGA,+PCnGA,kBAEA,4BACA,CAIA,QACA,mEAIA,cAHA,uBAMA,GAGA,WAGA,iQCPA,MACA,QACA,QAEA,oBAEA,wBACA,QAEA,uCACA,oBACA,oBACA,qBACA,UACA,YACA,WACA,SACA,YACA,mBACA,GACA,kBACA,iCACA,GACA,mCACA,YAGA,KAMA,sEAEA,6CACA,+CACA,iDACA,6CACA,wCAEA,OAPA,yBAQA,SAEA,sCACA,SAEA,sCACA,SAEA,0CACA,OACA,0DAEA,0BACA,oCAEA,4BACA,wCAEA,oCACA,sCAGA,gCAEA,gCACA,6BAEA,2BAEA,yDACA,GACA,uCACA,wBAGA,qEACA,GACA,sCAGA,qDACA,OACA,mCACA,+BACA,wBACA,+CAEA,oBACA,aACA,iBAEA,iCACA,iBAEA,iCACA,iBAKA,yEACA,gBACA,0BACA,kBACA,sCACA,wBAGA,8CACA,sBACA,mBAEA,iBACA,EACA,oBAEA,yIACA,0BACA,0DAEA,aACA,gCACA,GAYA,6KAEA,kCAIA,kDACA,oCACA,mDACA,mBAEA,iDACA,2CACA,8EACA,MACA,2DACA,oCACA,QAGA,6CACA,qDAEA,uDACA,6GAGA,0BACA,OAKA,sDACA,iDACA,mDACA,gBACA,mBAsBA,CAEA,wBACA,0BAEA,MAEA,OA5BA,qDACA,sBAEA,oBACA,qDACA,sBAEA,oBACA,sDACA,wBAEA,yDACA,wBACA,uBACA,4BACA,kEAEA,uBACA,iFAEA,IASA,GACA,wEACA,kCAIA,gDACA,GACA,mBAGA,uBAGA,gBACA,0BACA,uCACA,oBACA,4BAEA,sBACA,aACA,wBACA,GACA,0BACA,4BACA,0BACA,sCACA,GAEA,eACA,wBACA,GACA,0BACA,4BACA,0BACA,sCACA,GAEA,eACA,wBACA,GACA,0BACA,4BACA,0BACA,uCACA,GAKA,+BACA,0BACA,wBAGA,0BACA,2BACA,qCACA,wCACA,8CACA,sCACA,iCAEA,+BACA,0CACA,gEACA,4CAEA,+CACA,kDAEA,wCACA,YACA,2BAEA,0CACA,gCACA,qCAEA,yEACA,iCAGA,wCACA,MACA,iGAGA,4CAEA,mDACA,4DAEA,mCACA,MAEA,sCACA,6BAEA,uCACA,4BACA,4BAEA,4BACA,KACA,cACA,aACA,gCAEA,uBACA,iCAEA,uBACA,iCAKA,cA7BA,uBA8BA,mBACA,sCACA,kBACA,6BACA,4BAEA,gCAEA,OACA,QAEA,QAJA,sPClUA,MACA,QACA,QAEA,oBAEA,SACA,qCACA,iBAEA,UACA,GACA,kBACA,oEACA,sBACA,iBAEA,YACA,YACA,IACA,wBACA,4BACA,YACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,8CACA,SAEA,8CACA,SAEA,oCACA,+BAEA,oBACA,+BAEA,oBACA,+BAGA,wBACA,eACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,QACA,mCACA,gDAEA,gDAGA,2CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,4BACA,wFAGA,0BACA,OAGA,+DACA,uDACA,GACA,qBAEA,QACA,mBAUA,CAEA,wBACA,0BAEA,MAGA,KACA,oBAlBA,uCACA,WACA,wBACA,uBACA,sCAEA,wDAEA,IAYA,kBAGA,uBACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,sCACA,oBAEA,sCACA,oBAIA,kDACA,kDACA,kBACA,IAEA,0BACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,sCACA,oBAEA,sCACA,oBAIA,kDACA,kDACA,kBACA,IAEA,6BACA,qBAGA,8CAEA,CACA,yDACA,aACA,gDACA,cACA,6BAKA,YAXA,uBAYA,qBAGA,yBAEA,aACA,cAEA,cAJA,oPCzMA,kBAEA,wBACA,cAIA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,mBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,+PCvCA,kBAEA,wBACA,cAIA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,mBACA,oBACA,kGACA,QACA,sDAIA,OAGA,6BAGA,GAGA,+PC1CA,kBAEA,wBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,mBACA,oBACA,kGACA,QACA,sDAIA,OAGA,6BAGA,GAGA,iQC3DA,MACA,QAEA,oBAEA,SACA,qCACA,iBAEA,UACA,GACA,kBACA,oEACA,sBACA,iBAEA,YACA,YACA,IACA,wBACA,4BACA,YACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,8CACA,SAEA,oCACA,+BAEA,oBACA,+BAGA,wBACA,eACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,2CACA,gDAEA,6CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,4BACA,wFAGA,0BACA,OAGA,+DACA,uDACA,GACA,qBAEA,QACA,mBAWA,CAEA,wBACA,0BAEA,MAEA,yBAjBA,uCACA,WACA,oCAEA,kBACA,sCAEA,wDAEA,IAUA,kBAGA,uBACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,sCACA,oBAIA,kDACA,kDACA,kBACA,IAGA,0BACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,sCACA,oBAIA,kDACA,kDACA,kBACA,IAGA,6BACA,qBAGA,8CAEA,CACA,yDACA,aACA,gDACA,cACA,6BAIA,YAVA,uBAWA,qBAGA,yBAEA,aAEA,cAHA,oPCrLA,kBAEA,wBACA,cAIA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,mBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,+PCxCA,kBAEA,wBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,mBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,iQCvDA,MACA,QACA,QAEA,oBAEA,SACA,qCACA,iBAEA,UACA,GACA,kBACA,oEACA,sBACA,iBAEA,YACA,YACA,IACA,wBACA,4BACA,YACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,8CACA,SAEA,8CACA,SAEA,oCACA,+BAEA,oBACA,+BAEA,oBACA,+BAGA,wBACA,OACA,oBAEA,OACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,QACA,+CACA,kCAEA,iDAGA,6CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,4BACA,wFAGA,0BACA,OAGA,+DACA,uDACA,GACA,qBAEA,QACA,mBAYA,CAEA,wBACA,0BAEA,MAEA,yBAlBA,uCACA,WAEA,wBACA,mCACA,kBACA,sCAEA,wDAEA,IAUA,kBAGA,uBACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,uCACA,oBAEA,uCACA,oBAIA,mDACA,kDACA,kBACA,IAEA,0BACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,uCACA,oBAEA,uCACA,oBAIA,mDACA,kDACA,kBACA,IAGA,6BACA,qBAGA,8CAEA,CACA,yDACA,aACA,gDACA,cACA,6BAIA,YAVA,uBAWA,qBAGA,yBAEA,aACA,cAEA,cAJA,oPC5MA,kBAEA,wBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,oBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,+PCzCA,kBAEA,wBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,oBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,+PCzCA,kBAEA,wBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,oBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,iQC/DA,MACA,QACA,QAEA,oBAEA,uBACA,QAEA,uCACA,oBACA,oBACA,qBACA,UACA,YACA,WACA,SACA,YACA,mBACA,GACA,kBACA,iCACA,GACA,mCACA,YAGA,KAMA,sEAEA,6CACA,+CACA,iDACA,6CACA,wCAEA,OAPA,yBAQA,SAEA,sCACA,SAEA,sCACA,SAEA,0CACA,OACA,0DAEA,0BACA,oCAEA,4BACA,wCAEA,oCACA,sCAGA,gCAEA,gCACA,6BAEA,0BAEA,yDACA,GACA,uCACA,wBAGA,qEACA,GACA,sCAGA,qDACA,OACA,mCACA,+BACA,wBACA,+CAEA,oBACA,aACA,iBAEA,gCACA,iBAEA,8BACA,iBAKA,sEACA,gBACA,0BACA,kBACA,sCACA,wBAGA,8CACA,sBACA,mBAEA,iBACA,EACA,oBAEA,yIACA,0BACA,yDAEA,aACA,gCACA,GAYA,6KAEA,kCAIA,kDACA,oCACA,mDACA,mBAEA,iDACA,2CACA,8EACA,MACA,2DACA,oCACA,QAGA,6CACA,qDAEA,uDACA,6GAGA,0BACA,OAKA,uDACA,kDACA,iDACA,gBACA,mBAsBA,CAEA,wBACA,0BAEA,MAEA,OA5BA,qDACA,uBAEA,mBACA,qDACA,uBAEA,iBACA,sDACA,sBAEA,sDACA,wBACA,sCACA,gCACA,4BACA,kEAEA,yDAEA,IASA,GACA,wEACA,kCAIA,gDACA,GACA,mBAGA,uBAEA,gBACA,0BACA,uCACA,oBACA,4BAEA,sBACA,aACA,wBACA,GACA,0BACA,4BACA,0BACA,qCACA,GAEA,eACA,wBACA,GACA,0BACA,4BACA,0BACA,mCACA,GAEA,eACA,wBACA,GACA,0BACA,4BACA,0BACA,oCACA,GAIA,+BACA,0BACA,wBAEA,0BACA,2BACA,qCACA,uCACA,8CACA,sCACA,iCAEA,+BACA,0CACA,gEACA,4CAEA,+CACA,kDAEA,wCACA,YACA,2BAEA,0CACA,iCACA,qCAEA,yEACA,iCAGA,wCACA,MACA,iGAGA,4CAEA,mDACA,4DAEA,mCACA,MAEA,sCACA,6BAEA,uCACA,4BACA,4BAEA,4BACA,KACA,cACA,aACA,gCAEA,uBACA,iCAEA,uBACA,gCAKA,cA7BA,uBA8BA,mBACA,sCACA,kBACA,6BACA,4BAEA,gCAEA,OACA,QAEA,QAJA,sPC7UA,MAEA,oBAEA,QACA,qCACA,iBAEA,UACA,GACA,kBACA,oEACA,sBACA,iBAEA,YACA,YACA,IACA,wBACA,uBACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,8CACA,SAEA,8CACA,SAEA,oCACA,+BAEA,oBACA,+BAEA,oBACA,+BAGA,wBACA,eACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,2CACA,gDAEA,6CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,yBACA,wFAGA,0BACA,OAGA,+DAEA,WACA,qBACA,qBACA,WAGA,sEACA,GACA,qBAGA,wBACA,qCAIA,4BAGA,uBACA,+CACA,4BACA,kDACA,GAGA,0BACA,+CACA,4BACA,kDACA,GAIA,sCAEA,CACA,kDACA,aACA,gDACA,cACA,6BAKA,YAXA,uBAYA,mBACA,yBAGA,oCAGA,aAFA,oPC3IA,kBAEA,uBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,kBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,iQC1DA,MAEA,oBAEA,QACA,qCACA,iBAEA,UACA,GACA,kBACA,oEACA,sBACA,sBACA,iBAEA,YACA,YACA,IACA,wBACA,cACA,4BACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,oCACA,+BAGA,wBACA,eACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAGA,+EAEA,aACA,eACA,cAYA,6KAEA,oCAIA,sDACA,kBAEA,yCACA,CACA,kEAGA,wCACA,2CACA,gDAEA,6CAGA,6BACA,+GACA,8BACA,iEACA,GACA,mBAEA,yBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,yBACA,wFAGA,0BACA,OAGA,+DACA,WACA,oBACA,OACA,2CAGA,oDACA,GACA,qBAGA,uBACA,8BACA,6BACA,cACA,oCAEA,4BAGA,mCAGA,uBACA,yEACA,+CAEA,0BACA,yEACA,+CAGA,sCAEA,CACA,mDACA,iDACA,cACA,gDACA,0BACA,cACA,6BAIA,YAZA,uBAaA,mBACA,sCACA,yBAGA,oCAGA,aAFA,oPC9KA,kBAEA,uBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,gBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,iQC5DA,MAEA,oBAEA,QACA,qCACA,iBAEA,UACA,GACA,kBACA,oEACA,sBACA,iBAEA,YACA,YACA,IACA,wBACA,uBACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,oCACA,+BAGA,wBACA,eACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,2CACA,gDAEA,6CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,yBACA,wFAGA,0BACA,OAGA,+DAEA,WACA,sBACA,OACA,2CAGA,oDACA,GACA,qBAGA,uBACA,+BAGA,mCAGA,uBACA,yEACA,+CAEA,0BACA,yEACA,+CAGA,sCAEA,CACA,kDACA,aACA,gDACA,cACA,6BAIA,YAVA,uBAaA,cAGA,aAFA,oPC/HA,kBAEA,uBACA,cAKA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,iBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,+PCxCA,kBAEA,uBACA,mBAEA,UACA,SACA,QACA,QACA,UACA,UACA,UACA,SACA,OACA,GACA,oBAGA,KAMA,sEAEA,6CAEA,UAHA,6BAIA,wCAEA,oCACA,sCAEA,+BACA,2BAIA,wBACA,aAKA,CAEA,wBACA,0BAEA,MAGA,iCAXA,gEAEA,iCAUA,GAGA,yBAEA,wBACA,wDACA,qBACA,4EACA,oDACA,qDAGA,gDACA,kDACA,oDACA,qDAEA,EAEA,uDACA,kCACA,aACA,kDACA,kBAEA,sBACA,kDACA,kBAEA,sBACA,mDACA,kBAEA,yCAEA,oDACA,qBACA,gCACA,OAGA,0DACA,UACA,qDACA,oDACA,qDACA,kBAGA,WACA,EACA,oBACA,gGACA,oBACA,uCAEA,uBACA,uCAEA,wBACA,0CAEA,wBACA,0CAEA,wBACA,0CAEA,iEACA,wCAEA,gEACA,oCAEA,4DACA,mCAEA,6DACA,mCAEA,6DACA,mCAEA,4CACA,kDAEA,wCACA,wBACA,qBACA,qBACA,yBACA,uBACA,iEACA,aACA,8BACA,wCACA,GACA,cAGA,gCACA,8BAEA,iCAEA,wCACA,GACA,cAGA,UAGA,6BACA,mBACA,4DAEA,gBAGA,iQCjMA,MACA,QAEA,oBAEA,SACA,qCACA,iBAEA,WACA,UACA,GACA,kBACA,sDACA,sBACA,iBAEA,GACA,kCACA,IACA,4BACA,YACA,qBAGA,IAIA,sEAEA,6CACA,8CAEA,YAJA,+BAKA,SAEA,8CACA,SAEA,oCACA,+BAEA,oBACA,+BAGA,wBACA,eACA,MACA,4BACA,0BACA,GAEA,mBAEA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,QACA,mCACA,gDAEA,gDAGA,2CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,yCACA,iBAGA,iDACA,+BAEA,4BACA,wFAGA,0BACA,OAGA,+DACA,4BACA,iEACA,GACA,qBAEA,QACA,mBAkBA,CAEA,wBACA,0BAEA,MAGA,yBAzBA,yBACA,wCACA,oBACA,OAEA,kEAEA,OAEA,iBACA,6DAEA,IACA,8CAGA,yBAUA,GACA,uBAIA,qBAGA,uBACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,oCACA,oBAIA,gDACA,yCACA,kBACA,IAEA,0BACA,uCACA,gDACA,0BAEA,aACA,cACA,oBAEA,oCACA,oBAIA,gDACA,yCACA,kBACA,IAEA,6BACA,qBAGA,8CAEA,CACA,gEACA,iDAEA,aACA,wDACA,cACA,6BAIA,YAZA,uBAaA,qBAGA,yBAEA,QAEA,SAHA,oPC/LA,kBAEA,SACA,qCACA,gBAEA,GACA,kBACA,sDACA,sBACA,iBAEA,aACA,IACA,cACA,yBACA,YACA,qBAGA,IAIA,sEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,eACA,MACA,4BACA,0BACA,GAEA,mBACA,EACA,CACA,oBACA,sKACA,sDAEA,aACA,gCACA,GAYA,6KAEA,oCAIA,sDACA,2CACA,gDAEA,6CAGA,uBACA,iBACA,4CACA,WACA,OACA,wBACA,sBACA,iBAGA,iDACA,+BAEA,4BACA,wFAGA,0BACA,OAGA,+DACA,uDACA,GACA,qBAEA,QACA,mBAUA,CAEA,wBACA,0BAEA,MAEA,KACA,oBAjBA,uCACA,WACA,kCACA,yBACA,6BACA,uCACA,mEAEA,IAWA,kBAGA,qBACA,QACA,sDAGA,qCAEA,CACA,yDACA,aACA,mCACA,cACA,6BAIA,YAVA,uBAWA,qBAGA,cAGA,+PC1JA,kBAEA,wBACA,cAIA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,iBACA,oBACA,kGACA,QACA,sDAGA,OAGA,6BAGA,GAGA,+PCxCA,kBAEA,wBACA,cAIA,GAMA,gEAEA,6CAEA,UAHA,wBAIA,kBAGA,+BACA,iBAEA,iBACA,oBACA,kGACA,QACA,sDAIA,OAGA,6BAGA,GAGA,iQCjEA,MACA,QAEA,oBAEA,wBACA,OAGA,CACA,uCACA,oBACA,oBACA,qBACA,UACA,YACA,WACA,SACA,YACA,mBACA,GACA,kBACA,iCACA,GACA,mCACA,YAGA,KAMA,sEAEA,6CACA,+CACA,iDACA,6CACA,wCAEA,OAPA,yBAQA,SAEA,sCACA,SAEA,0CACA,OACA,0DAEA,0BACA,oCAEA,4BACA,wCAEA,oCACA,sCAGA,gCAEA,gCACA,6BAEA,2BAEA,yDACA,GACA,uCACA,wBAGA,qEACA,GACA,sCAGA,qDACA,OACA,mCACA,+BACA,wBACA,+CAEA,oBACA,aACA,iBAEA,+BACA,iBAKA,wEACA,gBACA,0BACA,kBACA,sCACA,wBAGA,8CACA,sBACA,mBAEA,iBACA,EACA,oBAEA,yIACA,0BACA,0DAEA,aACA,gCACA,GAYA,6KAEA,kCAIA,kDACA,oCACA,mDACA,mBAEA,iDACA,2CACA,8EACA,MACA,2DACA,oCACA,QAGA,6CACA,qDAEA,uDACA,6GAGA,0BACA,OAKA,sDACA,iDACA,gBACA,mBAkBA,CAEA,wBACA,0BAEA,MAEA,OAxBA,qDACA,sBAEA,kBACA,sDACA,sBAEA,wDACA,wBACA,uBACA,4BACA,kEAEA,uBACA,iFAEA,IASA,GACA,wEACA,kCAIA,gDACA,GACA,mBAGA,uBAGA,gBACA,0BACA,uCACA,oBACA,4BAEA,sBACA,aACA,wBACA,GACA,0BACA,4BACA,0BACA,oCACA,GAEA,eACA,wBACA,GACA,0BACA,4BACA,0BACA,sCACA,GAIA,+BACA,0BACA,wBAEA,0BACA,2BACA,qCACA,wCACA,8CACA,sCACA,iCAEA,+BACA,0CACA,gEACA,4CAEA,+CACA,kDAEA,wCACA,YACA,2BAEA,0CACA,gCACA,qCAEA,yEACA,iCAGA,wCACA,MACA,iGAGA,4CAEA,mDACA,4DAEA,mCACA,MAEA,sCACA,6BAEA,uCACA,4BACA,4BAEA,4BACA,KACA,cACA,aACA,gCAEA,uBACA,gCAKA,cA1BA,uBA2BA,mBACA,sCACA,kBACA,6BACA,4BAEA,gCAEA,OAEA,QAHA,kCC3UA,EAAQ,GACR,EAAQ,GAAe,WACvB,GAAM,GAAQ,EACd,GAAM,EAAS,EACf,GAAM,EAAM,EAAQ,GAGpB,EAAE,UACA,IAAI,KACF,IACA,aACA,SACA,SAAQ,kBAAK,GAAE,EAElB,GAPD,cCPA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,aCAA,cCAA,CAWA,YACA,iBACA,mCACA,YACA,iBACA,oCACA,CAoBA,aACA,QAEA,+BAGA,mBACA,oBACA,wBAEA,MAEA,YACA,EAAK,SACL,IAEA,sBACA,EAAS,SAET,sBACA,EACA,CAGA,EACA,aACA,QAEA,iCAGA,mBACA,sBACA,0BAEA,MAEA,UACA,EAAK,SACL,IAEA,oBACA,EAAS,SAGT,oBACA,EACA,CAIA,EAMA,YACA,IAGA,IACA,OACA,kBAEA,MAEA,IACA,QAEA,KAEA,YACA,KAGA,WACA,GAEA,iBACA,UACA,OACA,EACA,SACA,GACA,QAGA,SACA,MACA,MACA,GACA,KACA,OACA,IAgBA,eACA,UACA,aACA,EAWA,cAhKA,QAOA,WACA,eASA,IACA,GACA,8BAEA,WAEA,CAAK,SACL,GACA,CACA,IACA,GACA,gCAEA,aAEA,CAAK,SACL,GACA,CACA,CAAC,KAqDD,GACA,MACA,KACA,OAyCA,sBACA,8BACA,MACA,6BAAuB,cAAsB,OAC7C,qBAGA,kBACA,kBACA,KAEA,EAEA,EAKA,0BACA,0BACA,QACA,kBACA,aACA,SACA,UACA,UAAqB,GACrB,cAIA,OACA,gBACA,SACA,QACA,mBACA,uBACA,SACA,oBACA,wBAEA,sBAAqC,WAErC,oBACA,iBACA,qCAEA,gBAA2B,YAC3B,kBACA,iBACA,mCACA,kBAA4B,OAAU,oBCtLtC,CACA,EAA4Q,IAE5Q,QAEA,KAEA,KAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,KAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,KAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,IAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,IAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,IAEA,KACA,MAEA,oCCdA,CACA,EAA4Q,IAE5Q,QAEA,KAEA,MAEA,KAEA,KACA,MAEA,iCCfA,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,mFACH,aACG,+GACH,aACG,0BACH,aACG,0OACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,mFACH,aACG,wGACH,aACG,0BACH,aACG,kOACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,0BACH,aACA,uBACA,qBACA,SAEG,sCACH,OACA,eAEG,4CACH,OACA,eAEG,4CACH,OACA,eAEG,8BACH,aACA,MACA,eACA,iBACA,yBAEA,8BACA,kBACA,eACA,SACA,0BAEG,2BACH,CAKG,yDACH,aACG,kBACH,aACA,gBACA,SAEG,+BACH,CAIG,+CACH,aACA,MACA,eACA,iBACA,wBAEA,6BACA,WAKG,oEACH,aACG,qBACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACG,iBACH,aACA,kBACA,uBAEG,mBACH,CAGG,kCACH,EAAC,E,iCC1GD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,oIACH,aACG,oCACH,aAEA,YAAC,8BAA+B,MAAa,SAA0B,6BACvE,iBACA,aACG,6MACH,iKAAC,iBCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,kHACH,aACG,0BACH,aACG,gYACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,yFACH,aACG,0BACH,aACG,yUACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,yBACH,CAIG,6DACH,aACG,sBACH,aACG,uBACH,CAGG,8CACH,aACG,kBACH,aACA,gBACG,0IACH,aACA,wBACG,wBACH,aACA,cACA,iBACA,aAEG,wBACH,aACA,aACA,SAEG,kCACH,aACA,aACA,SAEG,kCACH,aACG,gBACH,aACA,aACG,gBACH,aACA,aACG,gBACH,aACA,aACG,oBACH,aACG,gBACH,aACG,6CACH,aACG,2DACH,CAIG,iGACH,CAIG,iGACH,CAIG,uFACH,EAAC,E,iCC1ED,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,yBACH,CAIG,6DACH,aACG,sBACH,aACG,uBACH,CAGG,8CACH,aACG,kBACH,aACA,gBACG,qJACH,aACA,wBACG,wBACH,aACA,cACA,iBACA,aAEG,wBACH,aACA,aACA,SAEG,kCACH,aACA,aACA,SAEG,kCACH,aACG,gBACH,aACA,aACG,gBACH,aACA,aACG,oBACH,aACG,gBACH,aACG,6CACH,aACG,2DACH,CAIG,iGACH,CAIG,uFACH,EAAC,E,iCClED,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,mCACH,aACG,sBACH,aACG,uBACH,CAGG,4CACH,aACG,kBACH,aACA,gBACG,2JACH,aACA,wBACG,wBACH,aACA,cACA,iBACA,aAEG,wBACH,aACA,aACA,SAEG,kCACH,aACA,aACA,SAEG,kCACH,aACG,gBACH,aACA,aACG,gBACH,aACA,aACG,gBACH,aACA,aACG,oBACH,aACG,gBACH,aACG,6CACH,aACG,2DACH,CAIG,iGACH,CAIG,iGACH,CAIG,mFACH,IAAC,E,iCCrED,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,0BACA,aACA,kBACA,WACA,SAEG,yBACH,aACG,iBACH,aACG,oBACH,aACG,4BACH,CAIG,wDACH,aACG,wBACH,IACA,iBACA,eACA,SAEG,qBACH,CAGG,gCACH,aACG,kCACH,aACG,wCACH,IACA,iBACA,eACA,SAEG,qBACH,CAGG,gCACH,aACG,kCACH,aACG,wCACH,IACA,iBACA,eACA,QAEG,qBACH,CAGG,+BACH,aACG,oCACH,aACG,uCACH,IACA,iBACA,eACA,MAEG,WACH,CAGA,+BACA,iBACA,cACA,yCAEG,cACH,aACG,2DACH,IACA,iBACA,eACA,SAEG,WACH,CAGA,+BACA,iBACA,cACA,uCAEG,cACH,aACG,6DACH,IACA,iBACA,eACA,KAEG,WACH,CAGA,+BACA,iBACA,cACA,qCAEG,cACH,aACG,6DACH,IACA,iBACA,eACA,KAEG,WACH,CAGA,+BACA,iBACA,cACA,kDAEG,cACH,aACG,2EACH,aACA,WACA,SAEG,oCACH,EAAC,8BAA+B,MAAa,SAA0B,6BACvE,iBACA,aACG,sBACH,aACG,gBACH,aACG,gBACH,aACG,gBACH,aAEA,QAAC,iBCpJD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,2BACH,aACA,uBACA,qBACA,SAEG,sCACH,OACA,eAEG,4CACH,OACA,eAEG,4CACH,OACA,eAEG,8BACH,aACA,MACA,eACA,iBACA,yBAEA,8BACA,kBACA,eACA,SACA,0BAEG,2BACH,CAKG,yDACH,aACG,kBACH,aACA,gBACA,SAEG,+BACH,CAIG,+CACH,aACA,MACA,eACA,iBACA,wBAEA,6BACA,WAKG,qEACH,aACG,qBACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACA,cACA,iBACA,qBACA,eACA,qBACA,GAEG,aACH,aACG,iBACH,aACA,kBACA,uBAEG,mBACH,CAGG,mCACH,EAAC,E,iCC1GD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,wBACA,CAIG,0DACH,aACG,kDACH,MAAC,E,iCCTD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,yBACH,CAIG,6DACH,aACG,sBACH,aACG,uBACH,CAGG,8CACH,aACG,oCACH,aACA,gBACG,gIACH,CAIG,uFACH,EAAC,E,iCC5BD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,yBACH,CAIG,6DACH,aACG,sBACH,aACG,uBACH,CAGG,mCACH,CAGG,8CACH,aACG,oCACH,aACA,gBACG,+KACH,CAIG,uFACH,EAAC,E,iCChCD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,yBACH,CAIG,6DACH,aACG,sBACH,aACG,uBACH,CAGG,8CACH,aACG,yBACH,CAIG,8DACH,aACA,gBACG,+JACH,CAIG,uFACH,EAAC,E,iCCjCD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,0HACH,aACG,0BACH,aACG,8YACH,aAEA,YAAC,E,iCClBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,qBACH,aACG,kCACH,aACA,iBACG,6CACH,aAEA,UAAC,8BAA+B,MAAa,SAA0B,6BACvE,iBACA,aACG,qBACH,CAKG,yDACH,CAMA,4CAAC,aAAa,MAAa,SAA0B,6BACrD,iBACA,aACA,MAGG,2CACH,CAMA,8CAAC,aAAa,MAAa,SAA0B,6BACrD,iBACA,aACA,MAGG,2CACH,CAMA,8CAAC,aAAa,MAAa,SAA0B,6BACrD,iBACA,aACA,MAGG,0CACH,CAMA,8CAAC,iBClED,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,2BACH,aACA,uBACA,qBACA,SAEG,sCACH,OACA,eAEG,4CACH,OACA,eAEG,8BACH,aACA,MACA,eACA,iBACA,yBAEA,8BACA,kBACA,eACA,SACA,0BAEG,2BACH,CAKG,yDACH,aACG,kBACH,aACA,gBACA,SAEG,+BACH,CAIG,+CACH,aACA,MACA,eACA,iBACA,wBAEA,6BACA,WAKG,qEACH,aACG,qBACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACA,cACA,iBACA,qBACA,cACA,qBACA,EAEG,aACH,aACG,iBACH,aACA,kBACA,uBAEG,mBACH,CAGG,mCACH,EAAC,E,iCC7FD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,kHACH,aACG,0BACH,aACG,6XACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,sGACH,aACG,0BACH,aACG,uSACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,4GACH,aACG,0BACH,aACG,4SACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,wBACA,CAIG,4DACH,aACG,0BACH,aACG,iBACH,aACG,mEACH,aACG,mBACH,aACG,gBACH,MAAC,E,iCCjBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,gGACH,aACG,0BACH,aACG,wZACH,aAEA,YAAC,E,iCClBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,SACA,WAGG,+EACH,aACA,OAGG,kCACH,aACA,aACA,SAEG,0CACH,CAIG,0DACH,EAAC,E,iCCtBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,wBACA,CAIG,6DACH,aACG,uBACH,aACG,iBACH,aACG,+GACH,MAAC,E,iCCbD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,mCACH,aACG,sBACH,aACG,uBACH,CAGG,4CACH,aACG,kBACH,aACA,gBACG,yLACH,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,qGACH,aACG,0BACH,aACG,ifACH,aACG,eACH,QAAC,E,iCClCD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACA,gBACG,yBACH,CAIG,6DACH,aACG,sBACH,aACG,uBACH,CAGG,8CACH,aACG,kBACH,aACA,qBACG,wBACH,aACA,gBACG,sJACH,aACA,wBACG,wBACH,aACA,cACA,iBACA,aAEG,wBACH,aACA,aACA,SAEG,kCACH,aACA,aACA,SAEG,kCACH,aACG,gBACH,aACA,aACG,gBACH,aACA,aACG,oBACH,aACG,gBACH,aACG,6CACH,aACG,2DACH,CAIG,4FACH,CAIG,kFACH,EAAC,E,iCCrED,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,wEACH,aACG,0BACH,aACG,sPACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,gGACH,aACG,0BACH,aACG,gMACH,aAEA,YAAC,E,iCCpBD,WAAgB,kBAAmB,MAAa,SAA0B,6BAC1E,iBACA,aACG,mBACH,aACA,cACA,SACA,SAEG,mBACH,aACG,yFACH,aACG,8EACH,aACG,0BACH,aACG,kKACH,aAEA,YAAC,E,iCCpBD,GAGA,aACA,OACA,KAAC,IAED,GAEA,0CACA,OAAC,SAED,CACA,4BACA,OAI4C,CAE5C,uBCpBA","file":"js/app.js","sourcesContent":[" \tfunction hotDisposeChunk(chunkId) {\n \t\tdelete installedChunks[chunkId];\n \t}\n \tvar parentHotUpdateCallback = this[\"webpackHotUpdate\"];\n \tthis[\"webpackHotUpdate\"] = \r\n \tfunction webpackHotUpdateCallback(chunkId, moreModules) { // eslint-disable-line no-unused-vars\r\n \t\thotAddUpdateChunk(chunkId, moreModules);\r\n \t\tif(parentHotUpdateCallback) parentHotUpdateCallback(chunkId, moreModules);\r\n \t} ;\r\n \t\r\n \tfunction hotDownloadUpdateChunk(chunkId) { // eslint-disable-line no-unused-vars\r\n \t\tvar head = document.getElementsByTagName(\"head\")[0];\r\n \t\tvar script = document.createElement(\"script\");\r\n \t\tscript.type = \"text/javascript\";\r\n \t\tscript.charset = \"utf-8\";\r\n \t\tscript.src = __webpack_require__.p + \"\" + chunkId + \".\" + hotCurrentHash + \".hot-update.js\";\r\n \t\thead.appendChild(script);\r\n \t}\r\n \t\r\n \tfunction hotDownloadManifest() { // eslint-disable-line no-unused-vars\r\n \t\treturn new Promise(function(resolve, reject) {\r\n \t\t\tif(typeof XMLHttpRequest === \"undefined\")\r\n \t\t\t\treturn reject(new Error(\"No browser support\"));\r\n \t\t\ttry {\r\n \t\t\t\tvar request = new XMLHttpRequest();\r\n \t\t\t\tvar requestPath = __webpack_require__.p + \"\" + hotCurrentHash + \".hot-update.json\";\r\n \t\t\t\trequest.open(\"GET\", requestPath, true);\r\n \t\t\t\trequest.timeout = 10000;\r\n \t\t\t\trequest.send(null);\r\n \t\t\t} catch(err) {\r\n \t\t\t\treturn reject(err);\r\n \t\t\t}\r\n \t\t\trequest.onreadystatechange = function() {\r\n \t\t\t\tif(request.readyState !== 4) return;\r\n \t\t\t\tif(request.status === 0) {\r\n \t\t\t\t\t// timeout\r\n \t\t\t\t\treject(new Error(\"Manifest request to \" + requestPath + \" timed out.\"));\r\n \t\t\t\t} else if(request.status === 404) {\r\n \t\t\t\t\t// no update available\r\n \t\t\t\t\tresolve();\r\n \t\t\t\t} else if(request.status !== 200 && request.status !== 304) {\r\n \t\t\t\t\t// other failure\r\n \t\t\t\t\treject(new Error(\"Manifest request to \" + requestPath + \" failed.\"));\r\n \t\t\t\t} else {\r\n \t\t\t\t\t// success\r\n \t\t\t\t\ttry {\r\n \t\t\t\t\t\tvar update = JSON.parse(request.responseText);\r\n \t\t\t\t\t} catch(e) {\r\n \t\t\t\t\t\treject(e);\r\n \t\t\t\t\t\treturn;\r\n \t\t\t\t\t}\r\n \t\t\t\t\tresolve(update);\r\n \t\t\t\t}\r\n \t\t\t};\r\n \t\t});\r\n \t}\r\n\n \t\r\n \t\r\n \tvar hotApplyOnUpdate = true;\r\n \tvar hotCurrentHash = \"4c56d943e10833d97d78\"; // eslint-disable-line no-unused-vars\r\n \tvar hotCurrentModuleData = {};\r\n \tvar hotCurrentChildModule; // eslint-disable-line no-unused-vars\r\n \tvar hotCurrentParents = []; // eslint-disable-line no-unused-vars\r\n \tvar hotCurrentParentsTemp = []; // eslint-disable-line no-unused-vars\r\n \t\r\n \tfunction hotCreateRequire(moduleId) { // eslint-disable-line no-unused-vars\r\n \t\tvar me = installedModules[moduleId];\r\n \t\tif(!me) return __webpack_require__;\r\n \t\tvar fn = function(request) {\r\n \t\t\tif(me.hot.active) {\r\n \t\t\t\tif(installedModules[request]) {\r\n \t\t\t\t\tif(installedModules[request].parents.indexOf(moduleId) < 0)\r\n \t\t\t\t\t\tinstalledModules[request].parents.push(moduleId);\r\n \t\t\t\t} else {\r\n \t\t\t\t\thotCurrentParents = [moduleId];\r\n \t\t\t\t\thotCurrentChildModule = request;\r\n \t\t\t\t}\r\n \t\t\t\tif(me.children.indexOf(request) < 0)\r\n \t\t\t\t\tme.children.push(request);\r\n \t\t\t} else {\r\n \t\t\t\tconsole.warn(\"[HMR] unexpected require(\" + request + \") from disposed module \" + moduleId);\r\n \t\t\t\thotCurrentParents = [];\r\n \t\t\t}\r\n \t\t\treturn __webpack_require__(request);\r\n \t\t};\r\n \t\tvar ObjectFactory = function ObjectFactory(name) {\r\n \t\t\treturn {\r\n \t\t\t\tconfigurable: true,\r\n \t\t\t\tenumerable: true,\r\n \t\t\t\tget: function() {\r\n \t\t\t\t\treturn __webpack_require__[name];\r\n \t\t\t\t},\r\n \t\t\t\tset: function(value) {\r\n \t\t\t\t\t__webpack_require__[name] = value;\r\n \t\t\t\t}\r\n \t\t\t};\r\n \t\t};\r\n \t\tfor(var name in __webpack_require__) {\r\n \t\t\tif(Object.prototype.hasOwnProperty.call(__webpack_require__, name) && name !== \"e\") {\r\n \t\t\t\tObject.defineProperty(fn, name, ObjectFactory(name));\r\n \t\t\t}\r\n \t\t}\r\n \t\tfn.e = function(chunkId) {\r\n \t\t\tif(hotStatus === \"ready\")\r\n \t\t\t\thotSetStatus(\"prepare\");\r\n \t\t\thotChunksLoading++;\r\n \t\t\treturn __webpack_require__.e(chunkId).then(finishChunkLoading, function(err) {\r\n \t\t\t\tfinishChunkLoading();\r\n \t\t\t\tthrow err;\r\n \t\t\t});\r\n \t\r\n \t\t\tfunction finishChunkLoading() {\r\n \t\t\t\thotChunksLoading--;\r\n \t\t\t\tif(hotStatus === \"prepare\") {\r\n \t\t\t\t\tif(!hotWaitingFilesMap[chunkId]) {\r\n \t\t\t\t\t\thotEnsureUpdateChunk(chunkId);\r\n \t\t\t\t\t}\r\n \t\t\t\t\tif(hotChunksLoading === 0 && hotWaitingFiles === 0) {\r\n \t\t\t\t\t\thotUpdateDownloaded();\r\n \t\t\t\t\t}\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t};\r\n \t\treturn fn;\r\n \t}\r\n \t\r\n \tfunction hotCreateModule(moduleId) { // eslint-disable-line no-unused-vars\r\n \t\tvar hot = {\r\n \t\t\t// private stuff\r\n \t\t\t_acceptedDependencies: {},\r\n \t\t\t_declinedDependencies: {},\r\n \t\t\t_selfAccepted: false,\r\n \t\t\t_selfDeclined: false,\r\n \t\t\t_disposeHandlers: [],\r\n \t\t\t_main: hotCurrentChildModule !== moduleId,\r\n \t\r\n \t\t\t// Module API\r\n \t\t\tactive: true,\r\n \t\t\taccept: function(dep, callback) {\r\n \t\t\t\tif(typeof dep === \"undefined\")\r\n \t\t\t\t\thot._selfAccepted = true;\r\n \t\t\t\telse if(typeof dep === \"function\")\r\n \t\t\t\t\thot._selfAccepted = dep;\r\n \t\t\t\telse if(typeof dep === \"object\")\r\n \t\t\t\t\tfor(var i = 0; i < dep.length; i++)\r\n \t\t\t\t\t\thot._acceptedDependencies[dep[i]] = callback || function() {};\r\n \t\t\t\telse\r\n \t\t\t\t\thot._acceptedDependencies[dep] = callback || function() {};\r\n \t\t\t},\r\n \t\t\tdecline: function(dep) {\r\n \t\t\t\tif(typeof dep === \"undefined\")\r\n \t\t\t\t\thot._selfDeclined = true;\r\n \t\t\t\telse if(typeof dep === \"object\")\r\n \t\t\t\t\tfor(var i = 0; i < dep.length; i++)\r\n \t\t\t\t\t\thot._declinedDependencies[dep[i]] = true;\r\n \t\t\t\telse\r\n \t\t\t\t\thot._declinedDependencies[dep] = true;\r\n \t\t\t},\r\n \t\t\tdispose: function(callback) {\r\n \t\t\t\thot._disposeHandlers.push(callback);\r\n \t\t\t},\r\n \t\t\taddDisposeHandler: function(callback) {\r\n \t\t\t\thot._disposeHandlers.push(callback);\r\n \t\t\t},\r\n \t\t\tremoveDisposeHandler: function(callback) {\r\n \t\t\t\tvar idx = hot._disposeHandlers.indexOf(callback);\r\n \t\t\t\tif(idx >= 0) hot._disposeHandlers.splice(idx, 1);\r\n \t\t\t},\r\n \t\r\n \t\t\t// Management API\r\n \t\t\tcheck: hotCheck,\r\n \t\t\tapply: hotApply,\r\n \t\t\tstatus: function(l) {\r\n \t\t\t\tif(!l) return hotStatus;\r\n \t\t\t\thotStatusHandlers.push(l);\r\n \t\t\t},\r\n \t\t\taddStatusHandler: function(l) {\r\n \t\t\t\thotStatusHandlers.push(l);\r\n \t\t\t},\r\n \t\t\tremoveStatusHandler: function(l) {\r\n \t\t\t\tvar idx = hotStatusHandlers.indexOf(l);\r\n \t\t\t\tif(idx >= 0) hotStatusHandlers.splice(idx, 1);\r\n \t\t\t},\r\n \t\r\n \t\t\t//inherit from previous dispose call\r\n \t\t\tdata: hotCurrentModuleData[moduleId]\r\n \t\t};\r\n \t\thotCurrentChildModule = undefined;\r\n \t\treturn hot;\r\n \t}\r\n \t\r\n \tvar hotStatusHandlers = [];\r\n \tvar hotStatus = \"idle\";\r\n \t\r\n \tfunction hotSetStatus(newStatus) {\r\n \t\thotStatus = newStatus;\r\n \t\tfor(var i = 0; i < hotStatusHandlers.length; i++)\r\n \t\t\thotStatusHandlers[i].call(null, newStatus);\r\n \t}\r\n \t\r\n \t// while downloading\r\n \tvar hotWaitingFiles = 0;\r\n \tvar hotChunksLoading = 0;\r\n \tvar hotWaitingFilesMap = {};\r\n \tvar hotRequestedFilesMap = {};\r\n \tvar hotAvailableFilesMap = {};\r\n \tvar hotDeferred;\r\n \t\r\n \t// The update info\r\n \tvar hotUpdate, hotUpdateNewHash;\r\n \t\r\n \tfunction toModuleId(id) {\r\n \t\tvar isNumber = (+id) + \"\" === id;\r\n \t\treturn isNumber ? +id : id;\r\n \t}\r\n \t\r\n \tfunction hotCheck(apply) {\r\n \t\tif(hotStatus !== \"idle\") throw new Error(\"check() is only allowed in idle status\");\r\n \t\thotApplyOnUpdate = apply;\r\n \t\thotSetStatus(\"check\");\r\n \t\treturn hotDownloadManifest().then(function(update) {\r\n \t\t\tif(!update) {\r\n \t\t\t\thotSetStatus(\"idle\");\r\n \t\t\t\treturn null;\r\n \t\t\t}\r\n \t\t\thotRequestedFilesMap = {};\r\n \t\t\thotWaitingFilesMap = {};\r\n \t\t\thotAvailableFilesMap = update.c;\r\n \t\t\thotUpdateNewHash = update.h;\r\n \t\r\n \t\t\thotSetStatus(\"prepare\");\r\n \t\t\tvar promise = new Promise(function(resolve, reject) {\r\n \t\t\t\thotDeferred = {\r\n \t\t\t\t\tresolve: resolve,\r\n \t\t\t\t\treject: reject\r\n \t\t\t\t};\r\n \t\t\t});\r\n \t\t\thotUpdate = {};\r\n \t\t\tvar chunkId = 0;\r\n \t\t\t{ // eslint-disable-line no-lone-blocks\r\n \t\t\t\t/*globals chunkId */\r\n \t\t\t\thotEnsureUpdateChunk(chunkId);\r\n \t\t\t}\r\n \t\t\tif(hotStatus === \"prepare\" && hotChunksLoading === 0 && hotWaitingFiles === 0) {\r\n \t\t\t\thotUpdateDownloaded();\r\n \t\t\t}\r\n \t\t\treturn promise;\r\n \t\t});\r\n \t}\r\n \t\r\n \tfunction hotAddUpdateChunk(chunkId, moreModules) { // eslint-disable-line no-unused-vars\r\n \t\tif(!hotAvailableFilesMap[chunkId] || !hotRequestedFilesMap[chunkId])\r\n \t\t\treturn;\r\n \t\thotRequestedFilesMap[chunkId] = false;\r\n \t\tfor(var moduleId in moreModules) {\r\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\r\n \t\t\t\thotUpdate[moduleId] = moreModules[moduleId];\r\n \t\t\t}\r\n \t\t}\r\n \t\tif(--hotWaitingFiles === 0 && hotChunksLoading === 0) {\r\n \t\t\thotUpdateDownloaded();\r\n \t\t}\r\n \t}\r\n \t\r\n \tfunction hotEnsureUpdateChunk(chunkId) {\r\n \t\tif(!hotAvailableFilesMap[chunkId]) {\r\n \t\t\thotWaitingFilesMap[chunkId] = true;\r\n \t\t} else {\r\n \t\t\thotRequestedFilesMap[chunkId] = true;\r\n \t\t\thotWaitingFiles++;\r\n \t\t\thotDownloadUpdateChunk(chunkId);\r\n \t\t}\r\n \t}\r\n \t\r\n \tfunction hotUpdateDownloaded() {\r\n \t\thotSetStatus(\"ready\");\r\n \t\tvar deferred = hotDeferred;\r\n \t\thotDeferred = null;\r\n \t\tif(!deferred) return;\r\n \t\tif(hotApplyOnUpdate) {\r\n \t\t\thotApply(hotApplyOnUpdate).then(function(result) {\r\n \t\t\t\tdeferred.resolve(result);\r\n \t\t\t}, function(err) {\r\n \t\t\t\tdeferred.reject(err);\r\n \t\t\t});\r\n \t\t} else {\r\n \t\t\tvar outdatedModules = [];\r\n \t\t\tfor(var id in hotUpdate) {\r\n \t\t\t\tif(Object.prototype.hasOwnProperty.call(hotUpdate, id)) {\r\n \t\t\t\t\toutdatedModules.push(toModuleId(id));\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t\tdeferred.resolve(outdatedModules);\r\n \t\t}\r\n \t}\r\n \t\r\n \tfunction hotApply(options) {\r\n \t\tif(hotStatus !== \"ready\") throw new Error(\"apply() is only allowed in ready status\");\r\n \t\toptions = options || {};\r\n \t\r\n \t\tvar cb;\r\n \t\tvar i;\r\n \t\tvar j;\r\n \t\tvar module;\r\n \t\tvar moduleId;\r\n \t\r\n \t\tfunction getAffectedStuff(updateModuleId) {\r\n \t\t\tvar outdatedModules = [updateModuleId];\r\n \t\t\tvar outdatedDependencies = {};\r\n \t\r\n \t\t\tvar queue = outdatedModules.slice().map(function(id) {\r\n \t\t\t\treturn {\r\n \t\t\t\t\tchain: [id],\r\n \t\t\t\t\tid: id\r\n \t\t\t\t};\r\n \t\t\t});\r\n \t\t\twhile(queue.length > 0) {\r\n \t\t\t\tvar queueItem = queue.pop();\r\n \t\t\t\tvar moduleId = queueItem.id;\r\n \t\t\t\tvar chain = queueItem.chain;\r\n \t\t\t\tmodule = installedModules[moduleId];\r\n \t\t\t\tif(!module || module.hot._selfAccepted)\r\n \t\t\t\t\tcontinue;\r\n \t\t\t\tif(module.hot._selfDeclined) {\r\n \t\t\t\t\treturn {\r\n \t\t\t\t\t\ttype: \"self-declined\",\r\n \t\t\t\t\t\tchain: chain,\r\n \t\t\t\t\t\tmoduleId: moduleId\r\n \t\t\t\t\t};\r\n \t\t\t\t}\r\n \t\t\t\tif(module.hot._main) {\r\n \t\t\t\t\treturn {\r\n \t\t\t\t\t\ttype: \"unaccepted\",\r\n \t\t\t\t\t\tchain: chain,\r\n \t\t\t\t\t\tmoduleId: moduleId\r\n \t\t\t\t\t};\r\n \t\t\t\t}\r\n \t\t\t\tfor(var i = 0; i < module.parents.length; i++) {\r\n \t\t\t\t\tvar parentId = module.parents[i];\r\n \t\t\t\t\tvar parent = installedModules[parentId];\r\n \t\t\t\t\tif(!parent) continue;\r\n \t\t\t\t\tif(parent.hot._declinedDependencies[moduleId]) {\r\n \t\t\t\t\t\treturn {\r\n \t\t\t\t\t\t\ttype: \"declined\",\r\n \t\t\t\t\t\t\tchain: chain.concat([parentId]),\r\n \t\t\t\t\t\t\tmoduleId: moduleId,\r\n \t\t\t\t\t\t\tparentId: parentId\r\n \t\t\t\t\t\t};\r\n \t\t\t\t\t}\r\n \t\t\t\t\tif(outdatedModules.indexOf(parentId) >= 0) continue;\r\n \t\t\t\t\tif(parent.hot._acceptedDependencies[moduleId]) {\r\n \t\t\t\t\t\tif(!outdatedDependencies[parentId])\r\n \t\t\t\t\t\t\toutdatedDependencies[parentId] = [];\r\n \t\t\t\t\t\taddAllToSet(outdatedDependencies[parentId], [moduleId]);\r\n \t\t\t\t\t\tcontinue;\r\n \t\t\t\t\t}\r\n \t\t\t\t\tdelete outdatedDependencies[parentId];\r\n \t\t\t\t\toutdatedModules.push(parentId);\r\n \t\t\t\t\tqueue.push({\r\n \t\t\t\t\t\tchain: chain.concat([parentId]),\r\n \t\t\t\t\t\tid: parentId\r\n \t\t\t\t\t});\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\r\n \t\t\treturn {\r\n \t\t\t\ttype: \"accepted\",\r\n \t\t\t\tmoduleId: updateModuleId,\r\n \t\t\t\toutdatedModules: outdatedModules,\r\n \t\t\t\toutdatedDependencies: outdatedDependencies\r\n \t\t\t};\r\n \t\t}\r\n \t\r\n \t\tfunction addAllToSet(a, b) {\r\n \t\t\tfor(var i = 0; i < b.length; i++) {\r\n \t\t\t\tvar item = b[i];\r\n \t\t\t\tif(a.indexOf(item) < 0)\r\n \t\t\t\t\ta.push(item);\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// at begin all updates modules are outdated\r\n \t\t// the \"outdated\" status can propagate to parents if they don't accept the children\r\n \t\tvar outdatedDependencies = {};\r\n \t\tvar outdatedModules = [];\r\n \t\tvar appliedUpdate = {};\r\n \t\r\n \t\tvar warnUnexpectedRequire = function warnUnexpectedRequire() {\r\n \t\t\tconsole.warn(\"[HMR] unexpected require(\" + result.moduleId + \") to disposed module\");\r\n \t\t};\r\n \t\r\n \t\tfor(var id in hotUpdate) {\r\n \t\t\tif(Object.prototype.hasOwnProperty.call(hotUpdate, id)) {\r\n \t\t\t\tmoduleId = toModuleId(id);\r\n \t\t\t\tvar result;\r\n \t\t\t\tif(hotUpdate[id]) {\r\n \t\t\t\t\tresult = getAffectedStuff(moduleId);\r\n \t\t\t\t} else {\r\n \t\t\t\t\tresult = {\r\n \t\t\t\t\t\ttype: \"disposed\",\r\n \t\t\t\t\t\tmoduleId: id\r\n \t\t\t\t\t};\r\n \t\t\t\t}\r\n \t\t\t\tvar abortError = false;\r\n \t\t\t\tvar doApply = false;\r\n \t\t\t\tvar doDispose = false;\r\n \t\t\t\tvar chainInfo = \"\";\r\n \t\t\t\tif(result.chain) {\r\n \t\t\t\t\tchainInfo = \"\\nUpdate propagation: \" + result.chain.join(\" -> \");\r\n \t\t\t\t}\r\n \t\t\t\tswitch(result.type) {\r\n \t\t\t\t\tcase \"self-declined\":\r\n \t\t\t\t\t\tif(options.onDeclined)\r\n \t\t\t\t\t\t\toptions.onDeclined(result);\r\n \t\t\t\t\t\tif(!options.ignoreDeclined)\r\n \t\t\t\t\t\t\tabortError = new Error(\"Aborted because of self decline: \" + result.moduleId + chainInfo);\r\n \t\t\t\t\t\tbreak;\r\n \t\t\t\t\tcase \"declined\":\r\n \t\t\t\t\t\tif(options.onDeclined)\r\n \t\t\t\t\t\t\toptions.onDeclined(result);\r\n \t\t\t\t\t\tif(!options.ignoreDeclined)\r\n \t\t\t\t\t\t\tabortError = new Error(\"Aborted because of declined dependency: \" + result.moduleId + \" in \" + result.parentId + chainInfo);\r\n \t\t\t\t\t\tbreak;\r\n \t\t\t\t\tcase \"unaccepted\":\r\n \t\t\t\t\t\tif(options.onUnaccepted)\r\n \t\t\t\t\t\t\toptions.onUnaccepted(result);\r\n \t\t\t\t\t\tif(!options.ignoreUnaccepted)\r\n \t\t\t\t\t\t\tabortError = new Error(\"Aborted because \" + moduleId + \" is not accepted\" + chainInfo);\r\n \t\t\t\t\t\tbreak;\r\n \t\t\t\t\tcase \"accepted\":\r\n \t\t\t\t\t\tif(options.onAccepted)\r\n \t\t\t\t\t\t\toptions.onAccepted(result);\r\n \t\t\t\t\t\tdoApply = true;\r\n \t\t\t\t\t\tbreak;\r\n \t\t\t\t\tcase \"disposed\":\r\n \t\t\t\t\t\tif(options.onDisposed)\r\n \t\t\t\t\t\t\toptions.onDisposed(result);\r\n \t\t\t\t\t\tdoDispose = true;\r\n \t\t\t\t\t\tbreak;\r\n \t\t\t\t\tdefault:\r\n \t\t\t\t\t\tthrow new Error(\"Unexception type \" + result.type);\r\n \t\t\t\t}\r\n \t\t\t\tif(abortError) {\r\n \t\t\t\t\thotSetStatus(\"abort\");\r\n \t\t\t\t\treturn Promise.reject(abortError);\r\n \t\t\t\t}\r\n \t\t\t\tif(doApply) {\r\n \t\t\t\t\tappliedUpdate[moduleId] = hotUpdate[moduleId];\r\n \t\t\t\t\taddAllToSet(outdatedModules, result.outdatedModules);\r\n \t\t\t\t\tfor(moduleId in result.outdatedDependencies) {\r\n \t\t\t\t\t\tif(Object.prototype.hasOwnProperty.call(result.outdatedDependencies, moduleId)) {\r\n \t\t\t\t\t\t\tif(!outdatedDependencies[moduleId])\r\n \t\t\t\t\t\t\t\toutdatedDependencies[moduleId] = [];\r\n \t\t\t\t\t\t\taddAllToSet(outdatedDependencies[moduleId], result.outdatedDependencies[moduleId]);\r\n \t\t\t\t\t\t}\r\n \t\t\t\t\t}\r\n \t\t\t\t}\r\n \t\t\t\tif(doDispose) {\r\n \t\t\t\t\taddAllToSet(outdatedModules, [result.moduleId]);\r\n \t\t\t\t\tappliedUpdate[moduleId] = warnUnexpectedRequire;\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// Store self accepted outdated modules to require them later by the module system\r\n \t\tvar outdatedSelfAcceptedModules = [];\r\n \t\tfor(i = 0; i < outdatedModules.length; i++) {\r\n \t\t\tmoduleId = outdatedModules[i];\r\n \t\t\tif(installedModules[moduleId] && installedModules[moduleId].hot._selfAccepted)\r\n \t\t\t\toutdatedSelfAcceptedModules.push({\r\n \t\t\t\t\tmodule: moduleId,\r\n \t\t\t\t\terrorHandler: installedModules[moduleId].hot._selfAccepted\r\n \t\t\t\t});\r\n \t\t}\r\n \t\r\n \t\t// Now in \"dispose\" phase\r\n \t\thotSetStatus(\"dispose\");\r\n \t\tObject.keys(hotAvailableFilesMap).forEach(function(chunkId) {\r\n \t\t\tif(hotAvailableFilesMap[chunkId] === false) {\r\n \t\t\t\thotDisposeChunk(chunkId);\r\n \t\t\t}\r\n \t\t});\r\n \t\r\n \t\tvar idx;\r\n \t\tvar queue = outdatedModules.slice();\r\n \t\twhile(queue.length > 0) {\r\n \t\t\tmoduleId = queue.pop();\r\n \t\t\tmodule = installedModules[moduleId];\r\n \t\t\tif(!module) continue;\r\n \t\r\n \t\t\tvar data = {};\r\n \t\r\n \t\t\t// Call dispose handlers\r\n \t\t\tvar disposeHandlers = module.hot._disposeHandlers;\r\n \t\t\tfor(j = 0; j < disposeHandlers.length; j++) {\r\n \t\t\t\tcb = disposeHandlers[j];\r\n \t\t\t\tcb(data);\r\n \t\t\t}\r\n \t\t\thotCurrentModuleData[moduleId] = data;\r\n \t\r\n \t\t\t// disable module (this disables requires from this module)\r\n \t\t\tmodule.hot.active = false;\r\n \t\r\n \t\t\t// remove module from cache\r\n \t\t\tdelete installedModules[moduleId];\r\n \t\r\n \t\t\t// remove \"parents\" references from all children\r\n \t\t\tfor(j = 0; j < module.children.length; j++) {\r\n \t\t\t\tvar child = installedModules[module.children[j]];\r\n \t\t\t\tif(!child) continue;\r\n \t\t\t\tidx = child.parents.indexOf(moduleId);\r\n \t\t\t\tif(idx >= 0) {\r\n \t\t\t\t\tchild.parents.splice(idx, 1);\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// remove outdated dependency from module children\r\n \t\tvar dependency;\r\n \t\tvar moduleOutdatedDependencies;\r\n \t\tfor(moduleId in outdatedDependencies) {\r\n \t\t\tif(Object.prototype.hasOwnProperty.call(outdatedDependencies, moduleId)) {\r\n \t\t\t\tmodule = installedModules[moduleId];\r\n \t\t\t\tif(module) {\r\n \t\t\t\t\tmoduleOutdatedDependencies = outdatedDependencies[moduleId];\r\n \t\t\t\t\tfor(j = 0; j < moduleOutdatedDependencies.length; j++) {\r\n \t\t\t\t\t\tdependency = moduleOutdatedDependencies[j];\r\n \t\t\t\t\t\tidx = module.children.indexOf(dependency);\r\n \t\t\t\t\t\tif(idx >= 0) module.children.splice(idx, 1);\r\n \t\t\t\t\t}\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// Not in \"apply\" phase\r\n \t\thotSetStatus(\"apply\");\r\n \t\r\n \t\thotCurrentHash = hotUpdateNewHash;\r\n \t\r\n \t\t// insert new code\r\n \t\tfor(moduleId in appliedUpdate) {\r\n \t\t\tif(Object.prototype.hasOwnProperty.call(appliedUpdate, moduleId)) {\r\n \t\t\t\tmodules[moduleId] = appliedUpdate[moduleId];\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// call accept handlers\r\n \t\tvar error = null;\r\n \t\tfor(moduleId in outdatedDependencies) {\r\n \t\t\tif(Object.prototype.hasOwnProperty.call(outdatedDependencies, moduleId)) {\r\n \t\t\t\tmodule = installedModules[moduleId];\r\n \t\t\t\tmoduleOutdatedDependencies = outdatedDependencies[moduleId];\r\n \t\t\t\tvar callbacks = [];\r\n \t\t\t\tfor(i = 0; i < moduleOutdatedDependencies.length; i++) {\r\n \t\t\t\t\tdependency = moduleOutdatedDependencies[i];\r\n \t\t\t\t\tcb = module.hot._acceptedDependencies[dependency];\r\n \t\t\t\t\tif(callbacks.indexOf(cb) >= 0) continue;\r\n \t\t\t\t\tcallbacks.push(cb);\r\n \t\t\t\t}\r\n \t\t\t\tfor(i = 0; i < callbacks.length; i++) {\r\n \t\t\t\t\tcb = callbacks[i];\r\n \t\t\t\t\ttry {\r\n \t\t\t\t\t\tcb(moduleOutdatedDependencies);\r\n \t\t\t\t\t} catch(err) {\r\n \t\t\t\t\t\tif(options.onErrored) {\r\n \t\t\t\t\t\t\toptions.onErrored({\r\n \t\t\t\t\t\t\t\ttype: \"accept-errored\",\r\n \t\t\t\t\t\t\t\tmoduleId: moduleId,\r\n \t\t\t\t\t\t\t\tdependencyId: moduleOutdatedDependencies[i],\r\n \t\t\t\t\t\t\t\terror: err\r\n \t\t\t\t\t\t\t});\r\n \t\t\t\t\t\t}\r\n \t\t\t\t\t\tif(!options.ignoreErrored) {\r\n \t\t\t\t\t\t\tif(!error)\r\n \t\t\t\t\t\t\t\terror = err;\r\n \t\t\t\t\t\t}\r\n \t\t\t\t\t}\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// Load self accepted modules\r\n \t\tfor(i = 0; i < outdatedSelfAcceptedModules.length; i++) {\r\n \t\t\tvar item = outdatedSelfAcceptedModules[i];\r\n \t\t\tmoduleId = item.module;\r\n \t\t\thotCurrentParents = [moduleId];\r\n \t\t\ttry {\r\n \t\t\t\t__webpack_require__(moduleId);\r\n \t\t\t} catch(err) {\r\n \t\t\t\tif(typeof item.errorHandler === \"function\") {\r\n \t\t\t\t\ttry {\r\n \t\t\t\t\t\titem.errorHandler(err);\r\n \t\t\t\t\t} catch(err2) {\r\n \t\t\t\t\t\tif(options.onErrored) {\r\n \t\t\t\t\t\t\toptions.onErrored({\r\n \t\t\t\t\t\t\t\ttype: \"self-accept-error-handler-errored\",\r\n \t\t\t\t\t\t\t\tmoduleId: moduleId,\r\n \t\t\t\t\t\t\t\terror: err2,\r\n \t\t\t\t\t\t\t\torginalError: err\r\n \t\t\t\t\t\t\t});\r\n \t\t\t\t\t\t}\r\n \t\t\t\t\t\tif(!options.ignoreErrored) {\r\n \t\t\t\t\t\t\tif(!error)\r\n \t\t\t\t\t\t\t\terror = err2;\r\n \t\t\t\t\t\t}\r\n \t\t\t\t\t\tif(!error)\r\n \t\t\t\t\t\t\terror = err;\r\n \t\t\t\t\t}\r\n \t\t\t\t} else {\r\n \t\t\t\t\tif(options.onErrored) {\r\n \t\t\t\t\t\toptions.onErrored({\r\n \t\t\t\t\t\t\ttype: \"self-accept-errored\",\r\n \t\t\t\t\t\t\tmoduleId: moduleId,\r\n \t\t\t\t\t\t\terror: err\r\n \t\t\t\t\t\t});\r\n \t\t\t\t\t}\r\n \t\t\t\t\tif(!options.ignoreErrored) {\r\n \t\t\t\t\t\tif(!error)\r\n \t\t\t\t\t\t\terror = err;\r\n \t\t\t\t\t}\r\n \t\t\t\t}\r\n \t\t\t}\r\n \t\t}\r\n \t\r\n \t\t// handle errors in accept handlers and self accepted module load\r\n \t\tif(error) {\r\n \t\t\thotSetStatus(\"fail\");\r\n \t\t\treturn Promise.reject(error);\r\n \t\t}\r\n \t\r\n \t\thotSetStatus(\"idle\");\r\n \t\treturn Promise.resolve(outdatedModules);\r\n \t}\r\n\n \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\thot: hotCreateModule(moduleId),\n \t\t\tparents: (hotCurrentParentsTemp = hotCurrentParents, hotCurrentParents = [], hotCurrentParentsTemp),\n \t\t\tchildren: []\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));\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// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\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// __webpack_hash__\n \t__webpack_require__.h = function() { return hotCurrentHash; };\n\n \t// Load entry module and return exports\n \treturn hotCreateRequire(36)(__webpack_require__.s = 36);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 4c56d943e10833d97d78","// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  scopeId,\n  cssModules\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  // inject cssModules\n  if (cssModules) {\n    var computed = Object.create(options.computed || null)\n    Object.keys(cssModules).forEach(function (key) {\n      var module = cssModules[key]\n      computed[key] = function () { return module }\n    })\n    options.computed = computed\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/component-normalizer.js\n// module id = 0\n// module chunks = 0","const routes = [\r\n  { path: '/', component: require('../components/index/Index.vue') },\r\n  { path: '/vision', component: require('../components/vision/Vision.vue') },\r\n  { path: '/design', component: require('../components/design/Design.vue') },\r\n  { path: '/drive', component: require('../components/drive/Drive.vue') },\r\n\r\n  // { path:'*', component:require('error')}  //404\r\n]\r\n\r\nconst router = new VueRouter({\r\n  routes\r\n})\r\n\r\nmodule.exports = router;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/router.js","const store = new Vuex.Store({\r\n  state: {\r\n    loadingShow: true,\r\n    userDevice: '',\r\n    visionBackbtn:false,\r\n    showvideobtn:false,\r\n    closeTick:false,\r\n    openNav:'',\r\n    MobiletipShow:false,\r\n    VideoAlertShow:false,\r\n  },\r\n\r\n  mutations: {\r\n    changeLoading (state, show) {\r\n      state.loadingShow=show\r\n    },\r\n    changeDevice (state, dev) {\r\n      state.userDevice = dev\r\n    },\r\n    changeopenNav (state, dev) {\r\n      state.openNav = dev\r\n    },\r\n    changevisionBackbtn (state, show) {\r\n      state.visionBackbtn = show\r\n    },\r\n    changeshowvideobtn (state, show) {\r\n      state.showvideobtn = show\r\n    },\r\n    changecloseTick (state, show){\r\n      state.closeTick = show\r\n    },\r\n    changeMobiletipShow (state, show){\r\n      state.MobiletipShow=show\r\n    },\r\n    changeVideoAlert (state, show){\r\n      state.VideoAlertShow = show\r\n    },\r\n  },\r\n\r\n  getters: {\r\n\r\n  },\r\n\r\n  actions: {\r\n    changeLoading ({ commit }, show) {\r\n      commit('changeLoading',show)\r\n    },\r\n    changeopenNav ({ commit }, show) {\r\n      commit('changeopenNav',show)\r\n    },\r\n    changevisionBackbtn ({ commit }, show) {\r\n      commit('changevisionBackbtn',show)\r\n    },\r\n    changeshowvideobtn ({ commit }, show) {\r\n      commit('changeshowvideobtn',show)\r\n    },\r\n    changecloseTick ({ commit }, show) {\r\n      commit('changecloseTick',show)\r\n    },\r\n    wResize ({ commit }) {\r\n      if(device.mobile()) commit('changeDevice','mobile')\r\n      if(device.tablet()) commit('changeDevice','tablet')\r\n      if(device.desktop()) commit('changeDevice','desktop')\r\n    },\r\n    changeMobiletipShow({ commit }){\r\n      \r\n      if(device.desktop()){\r\n        commit('changeMobiletipShow', false)\r\n        return\r\n      }\r\n\r\n      if(window.orientation==90 || window.orientation==-90) commit('changeMobiletipShow', false)\r\n      else commit('changeMobiletipShow', true)\r\n    },\r\n    mobileOpen({ commit }){\r\n      if(device.desktop()) return\r\n      // $('body,html').scrollTop(0)\r\n      // $('body,html').animate({scrollTop:$('.wrapper').height()},600)\r\n    },\r\n    changeVideoAlert({ commit }, show){\r\n      commit('changeVideoAlert', show)\r\n    },\r\n    tracker_pg({ commit }, value ){\r\n      let valueFin = value\r\n      if(!device.desktop()) valueFin = '/m' + value\r\n\r\n      ga('send', 'pageview',valueFin);\r\n      ga('eventSite.send', 'pageview',valueFin);\r\n    },\r\n    tracker_btn({ commit }, valuebt ){\r\n      let valueFin = valuebt\r\n      if(!device.desktop()) valueFin = '/m' + valuebt\r\n\r\n      ga('send', 'event', 'button', 'click', valueFin);\r\n      ga('eventSite.send', 'event', 'button', 'click', valueFin);\r\n    },\r\n  },\r\n  modules:{\r\n    \r\n  }\r\n})\r\n\r\nmodule.exports = store;\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/store/store.js","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license   Licensed under MIT license\n *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version   4.1.0\n */\n\n(function (global, factory) {\n    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n    typeof define === 'function' && define.amd ? define(factory) :\n    (global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n  return typeof x === 'function' || typeof x === 'object' && x !== null;\n}\n\nfunction isFunction(x) {\n  return typeof x === 'function';\n}\n\nvar _isArray = undefined;\nif (!Array.isArray) {\n  _isArray = function (x) {\n    return Object.prototype.toString.call(x) === '[object Array]';\n  };\n} else {\n  _isArray = Array.isArray;\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = undefined;\nvar customSchedulerFn = undefined;\n\nvar asap = function asap(callback, arg) {\n  queue[len] = callback;\n  queue[len + 1] = arg;\n  len += 2;\n  if (len === 2) {\n    // If len is 2, that means that we need to schedule an async flush.\n    // If additional callbacks are queued before the queue is flushed, they\n    // will be processed by this flush that we are scheduling.\n    if (customSchedulerFn) {\n      customSchedulerFn(flush);\n    } else {\n      scheduleFlush();\n    }\n  }\n};\n\nfunction setScheduler(scheduleFn) {\n  customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n  asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && ({}).toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n  // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n  // see https://github.com/cujojs/when/issues/410 for details\n  return function () {\n    return process.nextTick(flush);\n  };\n}\n\n// vertx\nfunction useVertxTimer() {\n  if (typeof vertxNext !== 'undefined') {\n    return function () {\n      vertxNext(flush);\n    };\n  }\n\n  return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n  var iterations = 0;\n  var observer = new BrowserMutationObserver(flush);\n  var node = document.createTextNode('');\n  observer.observe(node, { characterData: true });\n\n  return function () {\n    node.data = iterations = ++iterations % 2;\n  };\n}\n\n// web worker\nfunction useMessageChannel() {\n  var channel = new MessageChannel();\n  channel.port1.onmessage = flush;\n  return function () {\n    return channel.port2.postMessage(0);\n  };\n}\n\nfunction useSetTimeout() {\n  // Store setTimeout reference so es6-promise will be unaffected by\n  // other code modifying setTimeout (like sinon.useFakeTimers())\n  var globalSetTimeout = setTimeout;\n  return function () {\n    return globalSetTimeout(flush, 1);\n  };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n  for (var i = 0; i < len; i += 2) {\n    var callback = queue[i];\n    var arg = queue[i + 1];\n\n    callback(arg);\n\n    queue[i] = undefined;\n    queue[i + 1] = undefined;\n  }\n\n  len = 0;\n}\n\nfunction attemptVertx() {\n  try {\n    var r = require;\n    var vertx = r('vertx');\n    vertxNext = vertx.runOnLoop || vertx.runOnContext;\n    return useVertxTimer();\n  } catch (e) {\n    return useSetTimeout();\n  }\n}\n\nvar scheduleFlush = undefined;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n  scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n  scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n  scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n  scheduleFlush = attemptVertx();\n} else {\n  scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n  var _arguments = arguments;\n\n  var parent = this;\n\n  var child = new this.constructor(noop);\n\n  if (child[PROMISE_ID] === undefined) {\n    makePromise(child);\n  }\n\n  var _state = parent._state;\n\n  if (_state) {\n    (function () {\n      var callback = _arguments[_state - 1];\n      asap(function () {\n        return invokeCallback(_state, child, callback, parent._result);\n      });\n    })();\n  } else {\n    subscribe(parent, child, onFulfillment, onRejection);\n  }\n\n  return child;\n}\n\n/**\n  `Promise.resolve` returns a promise that will become resolved with the\n  passed `value`. It is shorthand for the following:\n\n  ```javascript\n  let promise = new Promise(function(resolve, reject){\n    resolve(1);\n  });\n\n  promise.then(function(value){\n    // value === 1\n  });\n  ```\n\n  Instead of writing the above, your code now simply becomes the following:\n\n  ```javascript\n  let promise = Promise.resolve(1);\n\n  promise.then(function(value){\n    // value === 1\n  });\n  ```\n\n  @method resolve\n  @static\n  @param {Any} value value that the returned promise will be resolved with\n  Useful for tooling.\n  @return {Promise} a promise that will become fulfilled with the given\n  `value`\n*/\nfunction resolve(object) {\n  /*jshint validthis:true */\n  var Constructor = this;\n\n  if (object && typeof object === 'object' && object.constructor === Constructor) {\n    return object;\n  }\n\n  var promise = new Constructor(noop);\n  _resolve(promise, object);\n  return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(16);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nvar GET_THEN_ERROR = new ErrorObject();\n\nfunction selfFulfillment() {\n  return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n  return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction getThen(promise) {\n  try {\n    return promise.then;\n  } catch (error) {\n    GET_THEN_ERROR.error = error;\n    return GET_THEN_ERROR;\n  }\n}\n\nfunction tryThen(then, value, fulfillmentHandler, rejectionHandler) {\n  try {\n    then.call(value, fulfillmentHandler, rejectionHandler);\n  } catch (e) {\n    return e;\n  }\n}\n\nfunction handleForeignThenable(promise, thenable, then) {\n  asap(function (promise) {\n    var sealed = false;\n    var error = tryThen(then, thenable, function (value) {\n      if (sealed) {\n        return;\n      }\n      sealed = true;\n      if (thenable !== value) {\n        _resolve(promise, value);\n      } else {\n        fulfill(promise, value);\n      }\n    }, function (reason) {\n      if (sealed) {\n        return;\n      }\n      sealed = true;\n\n      _reject(promise, reason);\n    }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n    if (!sealed && error) {\n      sealed = true;\n      _reject(promise, error);\n    }\n  }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n  if (thenable._state === FULFILLED) {\n    fulfill(promise, thenable._result);\n  } else if (thenable._state === REJECTED) {\n    _reject(promise, thenable._result);\n  } else {\n    subscribe(thenable, undefined, function (value) {\n      return _resolve(promise, value);\n    }, function (reason) {\n      return _reject(promise, reason);\n    });\n  }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$) {\n  if (maybeThenable.constructor === promise.constructor && then$$ === then && maybeThenable.constructor.resolve === resolve) {\n    handleOwnThenable(promise, maybeThenable);\n  } else {\n    if (then$$ === GET_THEN_ERROR) {\n      _reject(promise, GET_THEN_ERROR.error);\n      GET_THEN_ERROR.error = null;\n    } else if (then$$ === undefined) {\n      fulfill(promise, maybeThenable);\n    } else if (isFunction(then$$)) {\n      handleForeignThenable(promise, maybeThenable, then$$);\n    } else {\n      fulfill(promise, maybeThenable);\n    }\n  }\n}\n\nfunction _resolve(promise, value) {\n  if (promise === value) {\n    _reject(promise, selfFulfillment());\n  } else if (objectOrFunction(value)) {\n    handleMaybeThenable(promise, value, getThen(value));\n  } else {\n    fulfill(promise, value);\n  }\n}\n\nfunction publishRejection(promise) {\n  if (promise._onerror) {\n    promise._onerror(promise._result);\n  }\n\n  publish(promise);\n}\n\nfunction fulfill(promise, value) {\n  if (promise._state !== PENDING) {\n    return;\n  }\n\n  promise._result = value;\n  promise._state = FULFILLED;\n\n  if (promise._subscribers.length !== 0) {\n    asap(publish, promise);\n  }\n}\n\nfunction _reject(promise, reason) {\n  if (promise._state !== PENDING) {\n    return;\n  }\n  promise._state = REJECTED;\n  promise._result = reason;\n\n  asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n  var _subscribers = parent._subscribers;\n  var length = _subscribers.length;\n\n  parent._onerror = null;\n\n  _subscribers[length] = child;\n  _subscribers[length + FULFILLED] = onFulfillment;\n  _subscribers[length + REJECTED] = onRejection;\n\n  if (length === 0 && parent._state) {\n    asap(publish, parent);\n  }\n}\n\nfunction publish(promise) {\n  var subscribers = promise._subscribers;\n  var settled = promise._state;\n\n  if (subscribers.length === 0) {\n    return;\n  }\n\n  var child = undefined,\n      callback = undefined,\n      detail = promise._result;\n\n  for (var i = 0; i < subscribers.length; i += 3) {\n    child = subscribers[i];\n    callback = subscribers[i + settled];\n\n    if (child) {\n      invokeCallback(settled, child, callback, detail);\n    } else {\n      callback(detail);\n    }\n  }\n\n  promise._subscribers.length = 0;\n}\n\nfunction ErrorObject() {\n  this.error = null;\n}\n\nvar TRY_CATCH_ERROR = new ErrorObject();\n\nfunction tryCatch(callback, detail) {\n  try {\n    return callback(detail);\n  } catch (e) {\n    TRY_CATCH_ERROR.error = e;\n    return TRY_CATCH_ERROR;\n  }\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n  var hasCallback = isFunction(callback),\n      value = undefined,\n      error = undefined,\n      succeeded = undefined,\n      failed = undefined;\n\n  if (hasCallback) {\n    value = tryCatch(callback, detail);\n\n    if (value === TRY_CATCH_ERROR) {\n      failed = true;\n      error = value.error;\n      value.error = null;\n    } else {\n      succeeded = true;\n    }\n\n    if (promise === value) {\n      _reject(promise, cannotReturnOwn());\n      return;\n    }\n  } else {\n    value = detail;\n    succeeded = true;\n  }\n\n  if (promise._state !== PENDING) {\n    // noop\n  } else if (hasCallback && succeeded) {\n      _resolve(promise, value);\n    } else if (failed) {\n      _reject(promise, error);\n    } else if (settled === FULFILLED) {\n      fulfill(promise, value);\n    } else if (settled === REJECTED) {\n      _reject(promise, value);\n    }\n}\n\nfunction initializePromise(promise, resolver) {\n  try {\n    resolver(function resolvePromise(value) {\n      _resolve(promise, value);\n    }, function rejectPromise(reason) {\n      _reject(promise, reason);\n    });\n  } catch (e) {\n    _reject(promise, e);\n  }\n}\n\nvar id = 0;\nfunction nextId() {\n  return id++;\n}\n\nfunction makePromise(promise) {\n  promise[PROMISE_ID] = id++;\n  promise._state = undefined;\n  promise._result = undefined;\n  promise._subscribers = [];\n}\n\nfunction Enumerator(Constructor, input) {\n  this._instanceConstructor = Constructor;\n  this.promise = new Constructor(noop);\n\n  if (!this.promise[PROMISE_ID]) {\n    makePromise(this.promise);\n  }\n\n  if (isArray(input)) {\n    this._input = input;\n    this.length = input.length;\n    this._remaining = input.length;\n\n    this._result = new Array(this.length);\n\n    if (this.length === 0) {\n      fulfill(this.promise, this._result);\n    } else {\n      this.length = this.length || 0;\n      this._enumerate();\n      if (this._remaining === 0) {\n        fulfill(this.promise, this._result);\n      }\n    }\n  } else {\n    _reject(this.promise, validationError());\n  }\n}\n\nfunction validationError() {\n  return new Error('Array Methods must be provided an Array');\n};\n\nEnumerator.prototype._enumerate = function () {\n  var length = this.length;\n  var _input = this._input;\n\n  for (var i = 0; this._state === PENDING && i < length; i++) {\n    this._eachEntry(_input[i], i);\n  }\n};\n\nEnumerator.prototype._eachEntry = function (entry, i) {\n  var c = this._instanceConstructor;\n  var resolve$$ = c.resolve;\n\n  if (resolve$$ === resolve) {\n    var _then = getThen(entry);\n\n    if (_then === then && entry._state !== PENDING) {\n      this._settledAt(entry._state, i, entry._result);\n    } else if (typeof _then !== 'function') {\n      this._remaining--;\n      this._result[i] = entry;\n    } else if (c === Promise) {\n      var promise = new c(noop);\n      handleMaybeThenable(promise, entry, _then);\n      this._willSettleAt(promise, i);\n    } else {\n      this._willSettleAt(new c(function (resolve$$) {\n        return resolve$$(entry);\n      }), i);\n    }\n  } else {\n    this._willSettleAt(resolve$$(entry), i);\n  }\n};\n\nEnumerator.prototype._settledAt = function (state, i, value) {\n  var promise = this.promise;\n\n  if (promise._state === PENDING) {\n    this._remaining--;\n\n    if (state === REJECTED) {\n      _reject(promise, value);\n    } else {\n      this._result[i] = value;\n    }\n  }\n\n  if (this._remaining === 0) {\n    fulfill(promise, this._result);\n  }\n};\n\nEnumerator.prototype._willSettleAt = function (promise, i) {\n  var enumerator = this;\n\n  subscribe(promise, undefined, function (value) {\n    return enumerator._settledAt(FULFILLED, i, value);\n  }, function (reason) {\n    return enumerator._settledAt(REJECTED, i, reason);\n  });\n};\n\n/**\n  `Promise.all` accepts an array of promises, and returns a new promise which\n  is fulfilled with an array of fulfillment values for the passed promises, or\n  rejected with the reason of the first passed promise to be rejected. It casts all\n  elements of the passed iterable to promises as it runs this algorithm.\n\n  Example:\n\n  ```javascript\n  let promise1 = resolve(1);\n  let promise2 = resolve(2);\n  let promise3 = resolve(3);\n  let promises = [ promise1, promise2, promise3 ];\n\n  Promise.all(promises).then(function(array){\n    // The array here would be [ 1, 2, 3 ];\n  });\n  ```\n\n  If any of the `promises` given to `all` are rejected, the first promise\n  that is rejected will be given as an argument to the returned promises's\n  rejection handler. For example:\n\n  Example:\n\n  ```javascript\n  let promise1 = resolve(1);\n  let promise2 = reject(new Error(\"2\"));\n  let promise3 = reject(new Error(\"3\"));\n  let promises = [ promise1, promise2, promise3 ];\n\n  Promise.all(promises).then(function(array){\n    // Code here never runs because there are rejected promises!\n  }, function(error) {\n    // error.message === \"2\"\n  });\n  ```\n\n  @method all\n  @static\n  @param {Array} entries array of promises\n  @param {String} label optional string for labeling the promise.\n  Useful for tooling.\n  @return {Promise} promise that is fulfilled when all `promises` have been\n  fulfilled, or rejected if any of them become rejected.\n  @static\n*/\nfunction all(entries) {\n  return new Enumerator(this, entries).promise;\n}\n\n/**\n  `Promise.race` returns a new promise which is settled in the same way as the\n  first passed promise to settle.\n\n  Example:\n\n  ```javascript\n  let promise1 = new Promise(function(resolve, reject){\n    setTimeout(function(){\n      resolve('promise 1');\n    }, 200);\n  });\n\n  let promise2 = new Promise(function(resolve, reject){\n    setTimeout(function(){\n      resolve('promise 2');\n    }, 100);\n  });\n\n  Promise.race([promise1, promise2]).then(function(result){\n    // result === 'promise 2' because it was resolved before promise1\n    // was resolved.\n  });\n  ```\n\n  `Promise.race` is deterministic in that only the state of the first\n  settled promise matters. For example, even if other promises given to the\n  `promises` array argument are resolved, but the first settled promise has\n  become rejected before the other promises became fulfilled, the returned\n  promise will become rejected:\n\n  ```javascript\n  let promise1 = new Promise(function(resolve, reject){\n    setTimeout(function(){\n      resolve('promise 1');\n    }, 200);\n  });\n\n  let promise2 = new Promise(function(resolve, reject){\n    setTimeout(function(){\n      reject(new Error('promise 2'));\n    }, 100);\n  });\n\n  Promise.race([promise1, promise2]).then(function(result){\n    // Code here never runs\n  }, function(reason){\n    // reason.message === 'promise 2' because promise 2 became rejected before\n    // promise 1 became fulfilled\n  });\n  ```\n\n  An example real-world use case is implementing timeouts:\n\n  ```javascript\n  Promise.race([ajax('foo.json'), timeout(5000)])\n  ```\n\n  @method race\n  @static\n  @param {Array} promises array of promises to observe\n  Useful for tooling.\n  @return {Promise} a promise which settles in the same way as the first passed\n  promise to settle.\n*/\nfunction race(entries) {\n  /*jshint validthis:true */\n  var Constructor = this;\n\n  if (!isArray(entries)) {\n    return new Constructor(function (_, reject) {\n      return reject(new TypeError('You must pass an array to race.'));\n    });\n  } else {\n    return new Constructor(function (resolve, reject) {\n      var length = entries.length;\n      for (var i = 0; i < length; i++) {\n        Constructor.resolve(entries[i]).then(resolve, reject);\n      }\n    });\n  }\n}\n\n/**\n  `Promise.reject` returns a promise rejected with the passed `reason`.\n  It is shorthand for the following:\n\n  ```javascript\n  let promise = new Promise(function(resolve, reject){\n    reject(new Error('WHOOPS'));\n  });\n\n  promise.then(function(value){\n    // Code here doesn't run because the promise is rejected!\n  }, function(reason){\n    // reason.message === 'WHOOPS'\n  });\n  ```\n\n  Instead of writing the above, your code now simply becomes the following:\n\n  ```javascript\n  let promise = Promise.reject(new Error('WHOOPS'));\n\n  promise.then(function(value){\n    // Code here doesn't run because the promise is rejected!\n  }, function(reason){\n    // reason.message === 'WHOOPS'\n  });\n  ```\n\n  @method reject\n  @static\n  @param {Any} reason value that the returned promise will be rejected with.\n  Useful for tooling.\n  @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject(reason) {\n  /*jshint validthis:true */\n  var Constructor = this;\n  var promise = new Constructor(noop);\n  _reject(promise, reason);\n  return promise;\n}\n\nfunction needsResolver() {\n  throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n  throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n  Promise objects represent the eventual result of an asynchronous operation. The\n  primary way of interacting with a promise is through its `then` method, which\n  registers callbacks to receive either a promise's eventual value or the reason\n  why the promise cannot be fulfilled.\n\n  Terminology\n  -----------\n\n  - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n  - `thenable` is an object or function that defines a `then` method.\n  - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n  - `exception` is a value that is thrown using the throw statement.\n  - `reason` is a value that indicates why a promise was rejected.\n  - `settled` the final resting state of a promise, fulfilled or rejected.\n\n  A promise can be in one of three states: pending, fulfilled, or rejected.\n\n  Promises that are fulfilled have a fulfillment value and are in the fulfilled\n  state.  Promises that are rejected have a rejection reason and are in the\n  rejected state.  A fulfillment value is never a thenable.\n\n  Promises can also be said to *resolve* a value.  If this value is also a\n  promise, then the original promise's settled state will match the value's\n  settled state.  So a promise that *resolves* a promise that rejects will\n  itself reject, and a promise that *resolves* a promise that fulfills will\n  itself fulfill.\n\n\n  Basic Usage:\n  ------------\n\n  ```js\n  let promise = new Promise(function(resolve, reject) {\n    // on success\n    resolve(value);\n\n    // on failure\n    reject(reason);\n  });\n\n  promise.then(function(value) {\n    // on fulfillment\n  }, function(reason) {\n    // on rejection\n  });\n  ```\n\n  Advanced Usage:\n  ---------------\n\n  Promises shine when abstracting away asynchronous interactions such as\n  `XMLHttpRequest`s.\n\n  ```js\n  function getJSON(url) {\n    return new Promise(function(resolve, reject){\n      let xhr = new XMLHttpRequest();\n\n      xhr.open('GET', url);\n      xhr.onreadystatechange = handler;\n      xhr.responseType = 'json';\n      xhr.setRequestHeader('Accept', 'application/json');\n      xhr.send();\n\n      function handler() {\n        if (this.readyState === this.DONE) {\n          if (this.status === 200) {\n            resolve(this.response);\n          } else {\n            reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n          }\n        }\n      };\n    });\n  }\n\n  getJSON('/posts.json').then(function(json) {\n    // on fulfillment\n  }, function(reason) {\n    // on rejection\n  });\n  ```\n\n  Unlike callbacks, promises are great composable primitives.\n\n  ```js\n  Promise.all([\n    getJSON('/posts'),\n    getJSON('/comments')\n  ]).then(function(values){\n    values[0] // => postsJSON\n    values[1] // => commentsJSON\n\n    return values;\n  });\n  ```\n\n  @class Promise\n  @param {function} resolver\n  Useful for tooling.\n  @constructor\n*/\nfunction Promise(resolver) {\n  this[PROMISE_ID] = nextId();\n  this._result = this._state = undefined;\n  this._subscribers = [];\n\n  if (noop !== resolver) {\n    typeof resolver !== 'function' && needsResolver();\n    this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n  }\n}\n\nPromise.all = all;\nPromise.race = race;\nPromise.resolve = resolve;\nPromise.reject = reject;\nPromise._setScheduler = setScheduler;\nPromise._setAsap = setAsap;\nPromise._asap = asap;\n\nPromise.prototype = {\n  constructor: Promise,\n\n  /**\n    The primary way of interacting with a promise is through its `then` method,\n    which registers callbacks to receive either a promise's eventual value or the\n    reason why the promise cannot be fulfilled.\n  \n    ```js\n    findUser().then(function(user){\n      // user is available\n    }, function(reason){\n      // user is unavailable, and you are given the reason why\n    });\n    ```\n  \n    Chaining\n    --------\n  \n    The return value of `then` is itself a promise.  This second, 'downstream'\n    promise is resolved with the return value of the first promise's fulfillment\n    or rejection handler, or rejected if the handler throws an exception.\n  \n    ```js\n    findUser().then(function (user) {\n      return user.name;\n    }, function (reason) {\n      return 'default name';\n    }).then(function (userName) {\n      // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n      // will be `'default name'`\n    });\n  \n    findUser().then(function (user) {\n      throw new Error('Found user, but still unhappy');\n    }, function (reason) {\n      throw new Error('`findUser` rejected and we're unhappy');\n    }).then(function (value) {\n      // never reached\n    }, function (reason) {\n      // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n      // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n    });\n    ```\n    If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n  \n    ```js\n    findUser().then(function (user) {\n      throw new PedagogicalException('Upstream error');\n    }).then(function (value) {\n      // never reached\n    }).then(function (value) {\n      // never reached\n    }, function (reason) {\n      // The `PedgagocialException` is propagated all the way down to here\n    });\n    ```\n  \n    Assimilation\n    ------------\n  \n    Sometimes the value you want to propagate to a downstream promise can only be\n    retrieved asynchronously. This can be achieved by returning a promise in the\n    fulfillment or rejection handler. The downstream promise will then be pending\n    until the returned promise is settled. This is called *assimilation*.\n  \n    ```js\n    findUser().then(function (user) {\n      return findCommentsByAuthor(user);\n    }).then(function (comments) {\n      // The user's comments are now available\n    });\n    ```\n  \n    If the assimliated promise rejects, then the downstream promise will also reject.\n  \n    ```js\n    findUser().then(function (user) {\n      return findCommentsByAuthor(user);\n    }).then(function (comments) {\n      // If `findCommentsByAuthor` fulfills, we'll have the value here\n    }, function (reason) {\n      // If `findCommentsByAuthor` rejects, we'll have the reason here\n    });\n    ```\n  \n    Simple Example\n    --------------\n  \n    Synchronous Example\n  \n    ```javascript\n    let result;\n  \n    try {\n      result = findResult();\n      // success\n    } catch(reason) {\n      // failure\n    }\n    ```\n  \n    Errback Example\n  \n    ```js\n    findResult(function(result, err){\n      if (err) {\n        // failure\n      } else {\n        // success\n      }\n    });\n    ```\n  \n    Promise Example;\n  \n    ```javascript\n    findResult().then(function(result){\n      // success\n    }, function(reason){\n      // failure\n    });\n    ```\n  \n    Advanced Example\n    --------------\n  \n    Synchronous Example\n  \n    ```javascript\n    let author, books;\n  \n    try {\n      author = findAuthor();\n      books  = findBooksByAuthor(author);\n      // success\n    } catch(reason) {\n      // failure\n    }\n    ```\n  \n    Errback Example\n  \n    ```js\n  \n    function foundBooks(books) {\n  \n    }\n  \n    function failure(reason) {\n  \n    }\n  \n    findAuthor(function(author, err){\n      if (err) {\n        failure(err);\n        // failure\n      } else {\n        try {\n          findBoooksByAuthor(author, function(books, err) {\n            if (err) {\n              failure(err);\n            } else {\n              try {\n                foundBooks(books);\n              } catch(reason) {\n                failure(reason);\n              }\n            }\n          });\n        } catch(error) {\n          failure(err);\n        }\n        // success\n      }\n    });\n    ```\n  \n    Promise Example;\n  \n    ```javascript\n    findAuthor().\n      then(findBooksByAuthor).\n      then(function(books){\n        // found books\n    }).catch(function(reason){\n      // something went wrong\n    });\n    ```\n  \n    @method then\n    @param {Function} onFulfilled\n    @param {Function} onRejected\n    Useful for tooling.\n    @return {Promise}\n  */\n  then: then,\n\n  /**\n    `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n    as the catch block of a try/catch statement.\n  \n    ```js\n    function findAuthor(){\n      throw new Error('couldn't find that author');\n    }\n  \n    // synchronous\n    try {\n      findAuthor();\n    } catch(reason) {\n      // something went wrong\n    }\n  \n    // async with promises\n    findAuthor().catch(function(reason){\n      // something went wrong\n    });\n    ```\n  \n    @method catch\n    @param {Function} onRejection\n    Useful for tooling.\n    @return {Promise}\n  */\n  'catch': function _catch(onRejection) {\n    return this.then(null, onRejection);\n  }\n};\n\nfunction polyfill() {\n    var local = undefined;\n\n    if (typeof global !== 'undefined') {\n        local = global;\n    } else if (typeof self !== 'undefined') {\n        local = self;\n    } else {\n        try {\n            local = Function('return this')();\n        } catch (e) {\n            throw new Error('polyfill failed because global object is unavailable in this environment');\n        }\n    }\n\n    var P = local.Promise;\n\n    if (P) {\n        var promiseToString = null;\n        try {\n            promiseToString = Object.prototype.toString.call(P.resolve());\n        } catch (e) {\n            // silently ignored\n        }\n\n        if (promiseToString === '[object Promise]' && !P.cast) {\n            return;\n        }\n    }\n\n    local.Promise = Promise;\n}\n\n// Strange compat..\nPromise.polyfill = polyfill;\nPromise.Promise = Promise;\n\nreturn Promise;\n\n})));\n//# sourceMappingURL=es6-promise.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/es6-promise/dist/es6-promise.js\n// module id = 3\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/index.pug\n// module id = 4\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-75ac5488\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-75ac5488\\\"}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/App.vue\n// module id = 5\n// module chunks = 0","<style lang=\"scss\">\r\n@import \"../css/app.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n#app(:class=\"userDevice\")\r\n  VideoAlert\r\n  Mobiletip\r\n  Loading\r\n  router-link.logo(to=\"/\")\r\n  Nav\r\n  .sharefb(@click=\"sharefb\") Share\r\n  transition(name=\"fade\",mode=\"out-in\")\r\n    router-view\r\n</template>\r\n\r\n<script>\r\nconst VideoAlert = require('./component/VideoAlert.vue')\r\nconst Loading = require('./component/Loading.vue')\r\nconst Nav = require('./component/Nav.vue')\r\nconst Mobiletip = require('./component/Mobiletip.vue')\r\n\r\nexport default {\r\n  name: 'app',\r\n  data(){\r\n    return {\r\n      ShowbtnGtop: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n        loadingShow: state => state.loadingShow,\r\n        userDevice: state => state.userDevice,\r\n    }),\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/default')\r\n    this.reSize()\r\n\r\n    var assetsPath = 'sound/';\r\n    var sounds = [\r\n      { src:\"Back_SE.mp3\", id:\"Back_SE\" },\r\n      { src:\"Complete_SE.mp3\", id:\"Complete_SE\" },\r\n      { src:\"DemoBGM_2.mp3\", id:\"DemoBGM_2\" },\r\n      { src:\"DiamondButtonn_PopUp_SE.mp3\", id:\"DiamondButtonn_PopUp_SE\" },\r\n      { src:\"Fingerprint_SE.mp3\", id:\"Fingerprint_SE\" },\r\n      { src:\"OtherSE_1.mp3\", id:\"OtherSE_1\" },\r\n    ];\r\n    createjs.Sound.alternateExtensions = [\"mp3\"]\r\n    createjs.Sound.on(\"fileload\", loadHandler, this)\r\n    createjs.Sound.registerSounds(sounds, assetsPath)\r\n    function loadHandler(){\r\n      if($('.wrapper').hasClass('index')){\r\n        let bgm2  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn2()\r\n        function bgmFadeIn2(){\r\n          if(bgm2.volume >=1) return\r\n\r\n          bgm2.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn2()\r\n          }, 100);\r\n        }\r\n      }\r\n    }\r\n\r\n    $('.logo').on('click',()=>{\r\n      this.tracker_btn('/index/logo_btn')\r\n    })\r\n\r\n    $(window).load(()=>{\r\n      this.reSize()\r\n    })\r\n\r\n    if(!device.desktop()){\r\n      $('body').on('touchmove',(e)=>{ e.preventDefault() })\r\n      $(window).on('resize',this.reSize)\r\n    }\r\n\t\t\r\n    this.wResize()\r\n    \r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeResetTop','wResize','tracker_pg','tracker_btn']),\r\n    sharefb(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      this.tracker_btn('/index/share_btn')\r\n      window.open(\"http://www.facebook.com/sharer.php?u=http://www.lexus.com.tw/event/201705_LC/\",\"_blank\")\r\n    },\r\n    logoClick(){\r\n      createjs.Sound.play('OtherSE_1')\r\n    },\r\n    reSize(){\r\n      if(device.desktop()) return\r\n      $(window).scrollTop(0)\r\n      $('#app').height(window.innerHeight)\r\n      $('html').css('fontSize',window.innerHeight+'px')\r\n    }\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  components:{\r\n    Loading,\r\n    Nav,\r\n    Mobiletip,\r\n    VideoAlert\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// App.vue?5b54bb9c","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\ntransition(name=\"fade\",mode=\"out-in\")\r\n  .loading(v-if=\"loadingShow\")\r\n    span {{ percent }}\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Loading',\r\n  data(){\r\n    return {\r\n      num: 0,\r\n      randomTime: 100,\r\n      timerTimeout:'',\r\n    }\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n        loadingShow: state => state.loadingShow\r\n    }),\r\n    percent(){\r\n      return this.num + '%'\r\n    }\r\n  },\r\n  mounted(){\r\n    // this.randomTime = Math.floor(Math.random()*50 + 100)\r\n    this.timer()\r\n  },\r\n  methods:{\r\n    timer(){\r\n      this.num == 0 ? this.num = 96 : this.num += 1\r\n      if(this.num >= 100) return\r\n      this.timerTimeout = setTimeout(()=>{ this.timer() }, this.randomTime)\r\n    }\r\n  },\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Loading.vue?a6451fa0","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\ntransition(name=\"fade\",mode=\"out-in\")\r\n  .MobiletipShow(v-if=\"MobiletipShow\")\r\n    .main\r\n      .t 請旋轉您的裝置\r\n      .tippic\r\n      .tipbg\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Mobiletip',\r\n  data(){\r\n    return {\r\n      \r\n    }\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n        MobiletipShow: state => state.MobiletipShow\r\n    }),\r\n  },\r\n  mounted(){\r\n    window.addEventListener(\"orientationchange\", this.changeMobiletipShow);\r\n    this.changeMobiletipShow()\r\n    \r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeMobiletipShow']),\r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Mobiletip.vue?f13d8890","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\nnav\r\n  .menubtn(:class=\"openNav\",@click=\"menubtnClick\")\r\n    span.top\r\n    span.middle\r\n    span.bottom\r\n  transition(name=\"fade\",mode=\"out-in\")\r\n    .menu(v-if=\"isopenNav\")\r\n      ul\r\n        li(@click=\"menuliClick('VISION')\")\r\n          router-link(to=\"/vision\")\r\n            span.s part one\r\n            span.b the vision\r\n        li(@click=\"menuliClick('DESIGN')\")\r\n          router-link(to=\"/design\")\r\n            span.s part two\r\n            span.b the design\r\n        li(@click=\"menuliClick('DRIVE')\")\r\n          router-link(to=\"/drive\")\r\n            span.s part three\r\n            span.b the DRIVE\r\n        li(@click=\"menuliClick('CAR')\")\r\n          a(href=\"javascript:;\",@click=\"windowOpen('http://www.lexus.com.tw/testdrive.aspx')\")\r\n            span.b.single 預約賞車\r\n        li(@click=\"menuliClick('DETAIL')\")\r\n          a(href=\"javascript:;\",@click=\"windowOpen('http://www.lexus.com.tw/showroom/LC/')\")\r\n            span.b.single 更多LC細節\r\n        li(@click=\"menuliClick('FB')\")\r\n          a(href=\"javascript:;\",@click=\"windowOpen('https://www.facebook.com/lexus.tw/')\")\r\n            span.b.single Lexus FB粉絲團\r\n        li(@click=\"menuliClick('YT')\")\r\n          a(href=\"javascript:;\",@click=\"windowOpen('https://www.youtube.com/user/LEXUSTaiwanchannel')\")\r\n            span.b.single Lexus Youtube官方頻道\r\n      .cover(@click=\"menubtnClick\")\r\n  .soundbtn\r\n    span.l1\r\n    span.l2\r\n    span.l3\r\n    span.l4\r\n  \r\n\r\n  \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Nav',\r\n  data(){\r\n    return {\r\n      // openNav: '',\r\n    }\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n        loadingShow: state => state.loadingShow,\r\n        openNav: state => state.openNav,\r\n    }),\r\n    isopenNav(){\r\n      var t = false\r\n      this.openNav === 'on' ? t = true : t = false\r\n      return t\r\n    }\r\n  },\r\n  mounted(){\r\n    \r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changeopenNav','tracker_pg','tracker_btn']),\r\n    menuliClick(btn){\r\n      this.changeopenNav('')\r\n      switch (btn) {\r\n        case 'VISION':\r\n          this.tracker_btn('/menu/vision_btn')\r\n          break;\r\n        case 'DESIGN':\r\n          this.tracker_btn('/menu/design_btn')\r\n          break;\r\n        case 'DRIVE':\r\n          this.tracker_btn('/menu/drive_btn')\r\n          break;\r\n        case 'CAR':\r\n          this.tracker_btn('/menu/buy_btn')\r\n          break;\r\n        case 'DETAIL':\r\n          this.tracker_btn('/menu/more_btn')\r\n          break;\r\n        case 'FB':\r\n          this.tracker_btn('/menu/lexusFB_btn')\r\n          break;\r\n        case 'YT':\r\n          this.tracker_btn('/menu/lexusYoutube_btn')\r\n          break;\r\n      }\r\n      \r\n      createjs.Sound.play(\"OtherSE_1\")\r\n    },\r\n    menubtnClick(){\r\n      this.openNav === '' ? this.changeopenNav('on') : this.changeopenNav('')\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      this.tracker_btn('/index/menu_btn')\r\n    },\r\n    windowOpen(url){\r\n      window.open(url).focus()\r\n    },\r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Nav.vue?2a7e80ce","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\ntransition(name=\"fade\",mode=\"out-in\")\r\n  .VideoAlert(v-if=\"VideoAlertShow\")\r\n    .main\r\n      .t 你所處的網路環境較慢，請連接WIFI\r\n      \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'VideoAlert',\r\n  data(){\r\n    return {\r\n      \r\n    }\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n        VideoAlertShow: state => state.VideoAlertShow\r\n    }),\r\n  },\r\n  mounted(){\r\n    \r\n  },\r\n  methods:{\r\n    // ...Vuex.mapActions(['changeMobiletipShow']),\r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// VideoAlert.vue?c0ad6b0c","<style lang=\"scss\">\r\n@import \"./css/design/design.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .wrapper.design\r\n    .videoCtrlbtn(:class=\"videoCtrlbtnState\",@click=\"videoCtrlbtn\")\r\n    Part1(v-if=\"showPart1\", :readyToPlay=\"readyToPlay\")\r\n    Part2(v-if=\"showPart2\", :readyToPlay=\"readyToPlay\")\r\n    Part3(v-if=\"showPart3\", :readyToPlay=\"readyToPlay\")\r\n    .backbtn(v-show=\"visionBackbtn\",:class=\"showbackbtn\",@click=\"backMainVideo\",@mouseover=\"backbtnHover\")\r\n      canvas#backbtn(width=\"138\",height=\"70\")\r\n    .video\r\n      .videocover(@click=\"videoCtrlbtn\")\r\n        transition(name=\"fade\",mode=\"out-in\")\r\n          canvas.videobtn#videobtnDesign(v-show=\"showvideobtn\",width=\"274\" height=\"274\")\r\n      .timeline\r\n        .point.p1(@click=\"mainPlayer.seekTo(41);nowPart=1;mainVideoNowTime = 41\")\r\n        .point.p2(@click=\"mainPlayer.seekTo(82);nowPart=2;mainVideoNowTime = 82\")\r\n        .point.p3(@click=\"mainPlayer.seekTo(108);nowPart=3;mainVideoNowTime = 108\")\r\n        .line\r\n          .linecover(:style=\"{ width:timelineCover + '%' }\")\r\n      #mainPlayerDesign\r\n    \r\n</template>\r\n\r\n<script>\r\nconst Part1 = require('./Part1.vue')\r\nconst Part2 = require('./Part2.vue')\r\nconst Part3 = require('./Part3.vue')\r\n\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      mainVideoId:['QQKXH6hre8E'],\r\n      mainPlayer:'',\r\n      mainVideoTimeout:'',\r\n      mainVideoNowTime:0,\r\n      mainVideoTotalTime:1,\r\n      nowPart:1,\r\n      endedTime:0.8,\r\n      canvas:'',\r\n      stage:'',\r\n      videobtn:'',\r\n      videobtnTimeout:'',\r\n      partVideoReady:false,\r\n      readyToPlay:false,\r\n      videoCtrlbtnState:'',\r\n      videobtnGoEnd:false,\r\n      videoAlertTimeout:'',\r\n      stopTime:'',\r\n    }\r\n  },\r\n  head: {\r\n    // script: [\r\n    //   { type: 'text/javascript', src: 'js/video_btn.js', async: true, body: true},\r\n    // ],\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      visionBackbtn: state => state.visionBackbtn,\r\n      showvideobtn: state => state.showvideobtn,\r\n      closeTick: state => state.closeTick,\r\n      openNav: state => state.openNav,\r\n    }),\r\n    showPart1(){\r\n      return this.nowPart == 1 ? true : false\r\n    },\r\n    showPart2(){\r\n      return this.nowPart == 2 ? true : false\r\n    },\r\n    showPart3(){\r\n      return this.nowPart == 3 ? true : false\r\n    },\r\n    timelineCover(){\r\n      let percent = this.mainVideoNowTime / this.mainVideoTotalTime * 100\r\n      return percent\r\n    },\r\n    showbackbtn(){\r\n      return this.visionBackbtn === true ? 'on' : ''\r\n    },\r\n    usermousedown(){\r\n      return device.desktop() == true ? 'mousedown' : 'touchstart'\r\n    },\r\n    usermouseup(){\r\n      return device.desktop() == true ? 'mouseup' : 'touchend'\r\n    },\r\n  },\r\n  mounted(){\r\n\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    this.tracker_pg('/design')\r\n\r\n    if(YT.Player) this.creatMainVideo()\r\n\r\n    $('.videobtn').on(\"mouseover\",(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.videobtn.gotoAndPlay(29)\r\n      createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n    })\r\n\r\n    $('.videobtn').on(\"mouseout\",(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.videobtn.gotoAndStop(28)\r\n    })\r\n\r\n    $('.videobtn').on(this.usermousedown,(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.readyToPlay = 'press'\r\n      this.videobtn.gotoAndPlay(46)\r\n      createjs.Sound.stop('DiamondButtonn_PopUp_SE')\r\n      createjs.Sound.play('Fingerprint_SE')\r\n\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          this.tracker_btn('/design/cockpit_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/control_btn')\r\n          break\r\n        case 3:\r\n          this.tracker_btn('/design/exterior_btn')\r\n          break\r\n      }\r\n    })\r\n\r\n    $('.videobtn').on(this.usermouseup,(e)=>{\r\n      if(this.readyToPlay && this.readyToPlay != 'press') return\r\n      if(this.videobtnGoEnd) return\r\n      this.readyToPlay = false\r\n      this.videobtn.gotoAndStop(45)\r\n      createjs.Sound.stop('Fingerprint_SE')\r\n    })\r\n\r\n\t\t$(window).load(()=>{\r\n      if(this.mainPlayer==='') this.creatMainVideo()\r\n      this.changeLoading(false)\r\n    })\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeshowvideobtn','changeLoading','changevisionBackbtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    \r\n    //mainVideo\r\n    creatMainVideo(){\r\n      this.mainPlayer = new YT.Player('mainPlayerDesign', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.mainVideoId[0],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':true,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1      \r\n        },\r\n        events: {\r\n          'onReady': this.mainVideoReady,\r\n          'onStateChange': this.mainVideoStateChange\r\n        }\r\n      })\r\n    },\r\n    mainVideoReady(){\r\n      this.mainPlayer.setPlaybackQuality('default')\r\n      this.mainVideoTotalTime = this.mainPlayer.getDuration()\r\n      this.createVideobtn()\r\n    },\r\n    mainVideoStateChange(){\r\n      if(this.mainPlayer.getPlayerState() === 0) this.mainVideoTime(false)\r\n      else if(this.mainPlayer.getPlayerState() === 2) this.videoCtrlbtnState = 'off'\r\n      else if(this.mainPlayer.getPlayerState() === 1){\r\n        createjs.Sound.stop(\"DemoBGM_2\")\r\n        this.videoCtrlbtnState = ''\r\n        this.mainVideoTime(true)\r\n      }\r\n    },\r\n    mainVideoTime(start){\r\n      this.mainVideoNowTime = this.mainPlayer.getCurrentTime()\r\n      \r\n      if(this.mainVideoNowTime == this.stopTime && this.videoCtrlbtnState != 'off'){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n\r\n      //part1,part2,part3\r\n      if(\r\n        (start && this.mainVideoNowTime >=41.4 && this.nowPart == 1) ||\r\n        (start && this.mainVideoNowTime >=82.1 && this.nowPart == 2) ||\r\n        (start && this.mainVideoNowTime >=108.53 && this.nowPart == 3)\r\n       ){\r\n        if(this.nowPart == 1){\r\n          this.mainPlayer.pauseVideo().seekTo(41.4)\r\n          this.tracker_pg('/design/cockpit')\r\n        }\r\n        else if(this.nowPart == 2){\r\n          this.mainPlayer.pauseVideo().seekTo(82.1)\r\n          this.tracker_pg('/design/control')\r\n        }\r\n        else if(this.nowPart == 3){\r\n          this.mainPlayer.pauseVideo().seekTo(108.53)\r\n          this.tracker_pg('/design/exterior')\r\n        }\r\n        $('.point.p'+this.nowPart).addClass('on')\r\n        clearTimeout(this.mainVideoTimeout)\r\n        this.changeshowvideobtn(true)\r\n        this.changecloseTick(false)\r\n        if(!this.videobtnGoEnd) this.videobtn.gotoAndPlay(1)\r\n\r\n        createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n      }\r\n      //endedVideo\r\n      else if(start && this.mainVideoNowTime >= this.mainVideoTotalTime - this.endedTime  && this.nowPart == 4){\r\n        this.$router.push('/')\r\n      }\r\n      //keepPlay\r\n      else{\r\n        this.mainVideoTimeout = setTimeout(()=>{\r\n          this.mainVideoTime(true)\r\n        },33)\r\n      }\r\n\r\n      this.stopTime = this.mainVideoNowTime\r\n    },\r\n\r\n    //back\r\n    backMainVideo(){\r\n      createjs.Sound.play(\"Complete_SE\")\r\n      this.changeshowvideobtn(false)\r\n      this.videobtnGoEnd = false\r\n\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          setTimeout(()=>{\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/design/cockpit_back_btn')\r\n            this.nowPart = 2\r\n          },300)\r\n          break\r\n        case 2:\r\n          setTimeout(()=>{\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/design/control_back_btn')\r\n            this.nowPart = 3  \r\n          }, 300)\r\n          break\r\n        case 3:\r\n          setTimeout(()=>{\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/design/exterior_back_btn')\r\n            this.nowPart = 4\r\n          }, 300);\r\n          \r\n          break\r\n      }\r\n    },\r\n    backbtnHover(){\r\n      this.backbtn.gotoAndPlay(56)\r\n      createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n    },\r\n\r\n    //videobtn\r\n    createVideobtn() {\r\n      this.canvas = document.getElementById(\"videobtnDesign\");\r\n      this.videobtn = new lib.videobtn();\r\n      this.videobtn.setTransform(136,137,1,1)\r\n      this.stage = new createjs.Stage(this.canvas);\r\n      this.stage.addChild(this.videobtn);\r\n      \r\n      this.backbtn = new lib.backbtn()\r\n      this.backbtn.setTransform(69,35,1,1)\r\n      this.backbtnStage = new createjs.Stage(document.getElementById(\"backbtn\"))\r\n      this.backbtnStage.addChild(this.backbtn)\r\n\r\n      createjs.Ticker.setFPS(lib.properties.fps);\r\n      createjs.Ticker.addEventListener(\"tick\", this.stageLisenter);\r\n    },\r\n    stageLisenter(){\r\n      this.stage.update()\r\n      this.backbtnStage.update()\r\n\r\n      if(this.videobtn.currentFrame == 110 && this.readyToPlay == 'press'){\r\n        this.videobtnGoEnd = true\r\n        createjs.Sound.play('Complete_SE')\r\n      }\r\n      else if(this.videobtn.currentFrame == this.videobtn.totalFrames -1 && this.readyToPlay == 'press'){\r\n        this.readyToPlay = true\r\n      }\r\n    },\r\n    videoCtrlbtn(){\r\n      if(this.showvideobtn) return\r\n      this.mainPlayer.getPlayerState() === 1 ? this.mainPlayer.pauseVideo() : this.mainPlayer.playVideo()\r\n    }\r\n  },\r\n  watch:{\r\n    closeTick(e){\r\n      if(e) createjs.Ticker.removeEventListener(\"tick\", this.stageLisenter)\r\n      else createjs.Ticker.addEventListener(\"tick\", this.stageLisenter)\r\n    },\r\n    openNav(e){\r\n      if(this.readyToPlay) return\r\n\r\n      if(e == 'on') this.mainPlayer.pauseVideo()\r\n      else this.mainPlayer.playVideo()\r\n    },\r\n    visionBackbtn(e){\r\n      if(e) this.backbtn.gotoAndPlay(1)\r\n      else this.backbtn.gotoAndStop(0)\r\n    },\r\n    showvideobtn(e){\r\n      if(e) return\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          this.mainPlayer.seekTo(41.6).pauseVideo()\r\n          break\r\n        case 2:\r\n          this.mainPlayer.seekTo(82.37).pauseVideo()\r\n          break\r\n        case 3:\r\n          this.mainPlayer.seekTo(108.7).pauseVideo()\r\n          break\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    clearTimeout(this.mainVideoTimeout)\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    this.changevisionBackbtn(false)\r\n    this.changeshowvideobtn(false)\r\n    this.changecloseTick(true)\r\n  },\r\n  components:{\r\n    Part1,\r\n    Part2,\r\n    Part3,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Design.vue?777bad48","<style lang=\"scss\">\r\n@import \"./css/design/part1.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part1(:class=\"onPart1\")\r\n    transition(name=\"fade\",mode=\"out-in\")\r\n      .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      .title(:class=\"stageCoverOff\") -「以繁複的細節，體現内斂的張揚。」\r\n      .stage_control(:class=\"stageCoverOff\")\r\n        .box(:class=\"stageCtrClick\",@mouseover=\"boxMouseover\")\r\n          .nextbtn(@click=\"nextStage\") >>\r\n          .prevbtn(@click=\"prevStage\") <<\r\n          .que\r\n            .q1(:class=\"queQ1\")\r\n            .q2(:class=\"queQ2\")\r\n            .q3(:class=\"queQ3\")\r\n        .num\r\n          .top {{ '0' + nowstage }}\r\n          .bottom {{ '0' + maxstage }}\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part1Stage1(v-if=\"showPart1Stage1\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part1Stage2(v-if=\"showPart1Stage2\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part1Stage3(v-if=\"showPart1Stage3\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Part1Stage1 = require('./Part1Stage1.vue')\r\nconst Part1Stage2 = require('./Part1Stage2.vue')\r\nconst Part1Stage3 = require('./Part1Stage3.vue')\r\n\r\nexport default {\r\n  name: 'Design',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['E7IfsUHNkoA','6wID5TaXhac','ecjI-oaSkGA'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      maxstage:3,\r\n      endedTime:1.2,\r\n      videobtnTimeoutReady:false,\r\n      videoReady:false,\r\n      stageCtrClick:'',\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart1Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    showPart1Stage2(){\r\n      return this.nowstage === 2 ? true : false\r\n    },\r\n    showPart1Stage3(){\r\n      return this.nowstage === 3 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n    queQ2(){\r\n      return this.nowstage === 2 ? 'on' : ''\r\n    },\r\n    queQ3(){\r\n      return this.nowstage === 3 ? 'on' : ''\r\n    },\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[0],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()){\r\n        this.partPlayer1.mute().playVideo()\r\n        this.partPlayer1.setPlaybackQuality('default')\r\n      }else{\r\n        this.partPlayer1.setPlaybackQuality('small')\r\n      }\r\n    },\r\n    partPlayer1StateChange(){\r\n      \r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        clearTimeout(this.partPlayer1Timeout)\r\n        this.stageCoverOff = 'off'\r\n        this.showPart1Stage1 = true\r\n        this.showPart1Video = false\r\n        this.changevisionBackbtn(true)\r\n        this.nowstage = 1\r\n\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n\r\n        // this.initwaterify.init()\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/design/cockpit1_to2_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/cockpit2_to3_btn')\r\n          break\r\n        case 3:\r\n          this.tracker_btn('/design/cockpit3_to1_btn')\r\n          break\r\n      }\r\n      \r\n      setTimeout(()=>{\r\n        this.nowstage + 1 > this.maxstage ? this.nowstage = 1 : this.nowstage += 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n    },\r\n    prevStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/design/cockpit1_to3_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/cockpit2_to2_btn')\r\n          break\r\n        case 3:\r\n          this.tracker_btn('/design/cockpit3_to1_btn')\r\n          break\r\n      }\r\n\r\n      setTimeout(()=>{\r\n        this.nowstage - 1 < 1 ? this.nowstage = this.maxstage : this.nowstage -= 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n    },\r\n    boxMouseover(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n    },\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer1.seekTo(0).mute().playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer1.seekTo(0).pauseVideo().unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    }\r\n\r\n  },\r\n  destroyed(){\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Part1Stage1,\r\n    Part1Stage2,\r\n    Part1Stage3,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1.vue?7e7ef376","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 手工打造的駕駛座艙\r\n      .destitle \r\n        |首席試車手親手調校方向盤\r\n        .open(v-if=\"showopen\")\r\n      .text 經首席試車手反覆手握調校， 呈現出每個角度均有不同弧面的獨特方向盤設計，以最完美握感，創造駕駛者與LC合為一體的絕佳感受。\r\n    .mainbg\r\n      //- img(src=\"images/design_p1_01.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_01.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_01.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_01.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Vision',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/cockpit1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1Stage1.vue?69b7756c","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage2\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 手工打造的駕駛座艙\r\n      .destitle \r\n        |極致奢華手工精品皮革\r\n        .open(v-if=\"showopen\")\r\n      .text 以皮革及Alcantara®人造麂皮交織出精品般的內裝設計，每吋皮革均以手工縫製，講求縫線寬度一致工整。\r\n\r\n    .mainbg\r\n      //- img(src=\"images/design_p1_02.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_02.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_02.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_02.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/cockpit2')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n    \r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1Stage2.vue?4ed02046","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage3\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 手工打造的駕駛座艙\r\n      .destitle \r\n        |內對內縫線工法排檔桿頭\r\n        .open(v-if=\"showopen\")\r\n      .text 嚴選觸感最細緻真皮包覆排檔桿頭，皮革縫線採用精細的「內對內」縫紉技術，提供柔順就手的握感。\r\n    .mainbg\r\n      //- img(src=\"images/design_p1_03.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_03.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_03.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p1_03.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/cockpit3')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n    \r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1Stage3.vue?b86decd6","<style lang=\"scss\">\r\n@import \"./css/design/part2.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part2(:class=\"onPart1\")\r\n    transition(name=\"fade\",mode=\"out-in\")\r\n      .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      .title(:class=\"stageCoverOff\") -「駕駛經驗，<br>凌駕一切設計理念。」\r\n      .stage_control(:class=\"stageCoverOff\")\r\n        .box(:class=\"stageCtrClick\",@mouseover=\"boxMouseover\")\r\n          .nextbtn(@click=\"nextStage\") >>\r\n          .prevbtn(@click=\"prevStage\") <<\r\n          .que\r\n            .q1(:class=\"queQ1\")\r\n            .q2(:class=\"queQ2\")\r\n        .num\r\n          .top {{ '0' + nowstage }}\r\n          .bottom {{ '0' + maxstage }}\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part2Stage1(v-if=\"showPart2Stage1\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part2Stage2(v-if=\"showPart2Stage2\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Part2Stage1 = require('./Part2Stage1.vue')\r\nconst Part2Stage2 = require('./Part2Stage2.vue')\r\n\r\nexport default {\r\n  name: 'Design',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['E7IfsUHNkoA','6wID5TaXhac','ecjI-oaSkGA'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      maxstage:2,\r\n      endedTime:0.5,\r\n      videobtnTimeoutReady:false,\r\n      videoReady:false,\r\n      stageCtrClick:'',\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart2Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    showPart2Stage2(){\r\n      return this.nowstage === 2 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n    queQ2(){\r\n      return this.nowstage === 2 ? 'on' : ''\r\n    },\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[1],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()) this.partPlayer1.mute().playVideo()\r\n      this.partPlayer1.setPlaybackQuality('default')\r\n    },\r\n    partPlayer1StateChange(){\r\n      \r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        clearTimeout(this.partPlayer1Timeout)\r\n        this.stageCoverOff = 'off'\r\n        this.showPart1Stage1 = true\r\n        this.partPlayer1.pauseVideo()\r\n        // this.showPart1Video = false\r\n        this.changevisionBackbtn(true)\r\n        this.nowstage = 1\r\n\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/design/control1_to2_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/control2_to1_btn')\r\n          break\r\n      }\r\n      \r\n      setTimeout(()=>{\r\n        this.nowstage + 1 > this.maxstage ? this.nowstage = 1 : this.nowstage += 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n      // setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n    prevStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/design/control1_to2_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/control2_to1_btn')\r\n          break\r\n      }\r\n      \r\n      setTimeout(()=>{\r\n        this.nowstage - 1 < 1 ? this.nowstage = this.maxstage : this.nowstage -= 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n      // setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n    boxMouseover(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n    },\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer1.seekTo(0).mute().playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer1.seekTo(0).pauseVideo().unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Part2Stage1,\r\n    Part2Stage2,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part2.vue?c6268de0","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 打破極限的操控性能\r\n      .destitle \r\n        |前後52:48的完美配重\r\n        .open(v-if=\"showopen\")\r\n      .text 車重以前後52:48的黃金比例配置，達到車輛重心最靠近駕駛者的狀態，人與車自此緊密連結，掌握車身動態更輕易。\r\n    .mainbg\r\n      //- img(src=\"images/design_p2_01.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p2_01.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p2_01.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p2_01.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/control1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part2Stage1.vue?376b3a98","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage2\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 打破極限的操控性能\r\n      .destitle \r\n        |突破極限的多連桿懸吊系統\r\n        .open(v-if=\"showopen\")\r\n      .text 全新獨立多連桿懸吊系統，以獨立雙接頭上下支臂設計，提升過彎或減速時輪胎的貼地性，不管山路、平路都可流暢駕馭、無所顧忌。\r\n    .mainbg\r\n      //- img(src=\"images/design_p2_02.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p2_02.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p2_02.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p2_02.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/control2')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part2Stage2.vue?92aa6154","<style lang=\"scss\">\r\n@import \"./css/design/part3.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part3(:class=\"onPart1\")\r\n    //- transition(name=\"fade\",mode=\"out-in\")\r\n    .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      .title(:class=\"stageCoverOff\") -「毎個人都能找到<br>自己鍾愛的視角。」\r\n      .stage_control(:class=\"stageCoverOff\")\r\n        .box(:class=\"stageCtrClick\",@mouseover=\"boxMouseover\")\r\n          .nextbtn(@click=\"nextStage\") >>\r\n          .prevbtn(@click=\"prevStage\") <<\r\n          .que\r\n            .q1(:class=\"queQ1\")\r\n            .q2(:class=\"queQ2\")\r\n            .q3(:class=\"queQ3\")\r\n        .num\r\n          .top {{ '0' + nowstage }}\r\n          .bottom {{ '0' + maxstage }}\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part3Stage1(v-if=\"showPart3Stage1\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part3Stage2(v-if=\"showPart3Stage2\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part3Stage3(v-if=\"showPart3Stage3\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Part3Stage1 = require('./Part3Stage1.vue')\r\nconst Part3Stage2 = require('./Part3Stage2.vue')\r\nconst Part3Stage3 = require('./Part3Stage3.vue')\r\n\r\nexport default {\r\n  name: 'Design',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['E7IfsUHNkoA','6wID5TaXhac','zGZFfL0j-rc'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      maxstage:3,\r\n      endedTime:0.5,\r\n      videobtnTimeoutReady:false,\r\n      videoReady:false,\r\n      stageCtrClick:'',\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart3Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    showPart3Stage2(){\r\n      return this.nowstage === 2 ? true : false\r\n    },\r\n    showPart3Stage3(){\r\n      return this.nowstage === 3 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n    queQ2(){\r\n      return this.nowstage === 2 ? 'on' : ''\r\n    },\r\n    queQ3(){\r\n      return this.nowstage === 3 ? 'on' : ''\r\n    },\r\n  },\r\n  mounted(){\r\n    // if(device.tablet()) this.endedTime = 0.8\r\n    this.endedTime = 0.8\r\n\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[2],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()){\r\n        this.partPlayer1.setPlaybackQuality('hd1080')\r\n        this.partPlayer1.mute().playVideo()\r\n      }else{\r\n        this.partPlayer1.setPlaybackQuality('default')\r\n      }\r\n    },\r\n    partPlayer1StateChange(){\r\n      \r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        clearTimeout(this.partPlayer1Timeout)\r\n        this.stageCoverOff = 'off'\r\n        this.showPart1Stage1 = true\r\n        // if(device.tablet()) this.showPart1Video = false\r\n        this.showPart1Video = false\r\n        this.partPlayer1.pauseVideo()\r\n        this.changevisionBackbtn(true)\r\n        this.nowstage = 1\r\n\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/design/exterior1_to2_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/exterior2_to3_btn')\r\n          break\r\n        case 3:\r\n          this.tracker_btn('/design/exterior3_to1_btn')\r\n          break\r\n      }\r\n      \r\n      setTimeout(()=>{\r\n        this.nowstage + 1 > this.maxstage ? this.nowstage = 1 : this.nowstage += 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n    },\r\n    prevStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/design/exterior1_to3_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/design/exterior2_to1_btn')\r\n          break\r\n        case 3:\r\n          this.tracker_btn('/design/exterior3_to2_btn')\r\n          break\r\n      }\r\n\r\n      setTimeout(()=>{\r\n        this.nowstage - 1 < 1 ? this.nowstage = this.maxstage : this.nowstage -= 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n      // setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n    boxMouseover(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n    },\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer1.seekTo(0).mute().playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer1.seekTo(0).pauseVideo().unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Part3Stage1,\r\n    Part3Stage2,\r\n    Part3Stage3,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part3.vue?310d9dc9","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 前衛迷人的車身曲線\r\n      .destitle \r\n        |俐落車身腰線\r\n        .open(v-if=\"showopen\")\r\n      .text 大膽的寬腰曲線，完美描繪跑車趴伏地板的姿態。\r\n    .mainbg\r\n      //- img(src=\"images/design_p3_01.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_01.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_01.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_01.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/exterior1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part3Stage1.vue?1f5b0f1a","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage2\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 前衛迷人的車身曲線\r\n      .destitle \r\n        |武士刀造型車頂飾條\r\n        .open(v-if=\"showopen\")\r\n      .text 尾端武士刀造型的鍍鉻飾條，提升質感，同時壓低車頂視覺。\r\n    .mainbg\r\n      //- img(src=\"images/design_p3_02.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_02.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_02.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_02.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/exterior2')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part3Stage2.vue?6b272358","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage3\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 前衛迷人的車身曲線\r\n      .destitle \r\n        |收合式門把\r\n        .open(v-if=\"showopen\")\r\n      .text 設計自動式收合門把，讓跑車腰身線條一氣呵成，同時提升高速行駛的空力表現。\r\n    .mainbg\r\n      //- img(src=\"images/design_p3_03.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_03.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_03.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/design_p3_03.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Design',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/design/exterior3')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part3Stage3.vue?5e8c14be","<style lang=\"scss\">\r\n@import \"./css/drive/drive.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .wrapper.drive\r\n    .videoCtrlbtn(:class=\"videoCtrlbtnState\",@click=\"videoCtrlbtn\")\r\n    Part1(v-if=\"showPart1\", :readyToPlay=\"readyToPlay\")\r\n    Part2(v-if=\"showPart2\", :readyToPlay=\"readyToPlay\")\r\n    Part3(v-if=\"showPart3\", :readyToPlay=\"readyToPlay\")\r\n    .backbtn(v-show=\"visionBackbtn\",:class=\"showbackbtn\",@click=\"backMainVideo\",@mouseover=\"backbtnHover\")\r\n      canvas#backbtn(width=\"138\",height=\"70\")\r\n    .video\r\n      .videocover(@click=\"videoCtrlbtn\")\r\n        transition(name=\"fade\",mode=\"out-in\")\r\n          canvas.videobtn#videobtnDrive(v-show=\"showvideobtn\",width=\"274\" height=\"274\")\r\n      .timeline\r\n        .point.p1(@click=\"mainPlayer.seekTo(39);nowPart=1;mainVideoNowTime = 39;\")\r\n        .point.p2(@click=\"mainPlayer.seekTo(63);nowPart=2;mainVideoNowTime = 63;\")\r\n        .point.p3(@click=\"mainPlayer.seekTo(96);nowPart=3;mainVideoNowTime = 96;\")\r\n        .line\r\n          .linecover(:style=\"{ width:timelineCover + '%' }\")\r\n      #mainPlayerDrive\r\n    \r\n</template>\r\n\r\n<script>\r\nconst Part1 = require('./Part1.vue')\r\nconst Part2 = require('./Part2.vue')\r\nconst Part3 = require('./Part3.vue')\r\n\r\nexport default {\r\n  name: 'Drive',\r\n  data(){\r\n    return {\r\n      mainVideoId:['AjPVqrL5iG0'],\r\n      mainPlayer:'',\r\n      mainVideoTimeout:'',\r\n      mainVideoNowTime:0,\r\n      mainVideoTotalTime:1,\r\n      nowPart:1,\r\n      endedTime:0.8,\r\n      canvas:'',\r\n      stage:'',\r\n      videobtn:'',\r\n      videobtnTimeout:'',\r\n      partVideoReady:false,\r\n      readyToPlay:false,\r\n      videoCtrlbtnState:'',\r\n      videobtnGoEnd:false,\r\n      videoAlertTimeout:'',\r\n      stopTime:'',\r\n    }\r\n  },\r\n  head: {\r\n    // script: [\r\n    //   { type: 'text/javascript', src: 'js/video_btn.js', async: true, body: true},\r\n    // ],\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      visionBackbtn: state => state.visionBackbtn,\r\n      showvideobtn: state => state.showvideobtn,\r\n      closeTick: state => state.closeTick,\r\n      openNav: state => state.openNav,\r\n    }),\r\n    showPart1(){\r\n      return this.nowPart == 1 ? true : false\r\n    },\r\n    showPart2(){\r\n      return this.nowPart == 2 ? true : false\r\n    },\r\n    showPart3(){\r\n      return this.nowPart == 3 ? true : false\r\n    },\r\n    timelineCover(){\r\n      let percent = this.mainVideoNowTime / this.mainVideoTotalTime * 100\r\n      return percent\r\n    },\r\n    showbackbtn(){\r\n      return this.visionBackbtn === true ? 'on' : ''\r\n    },\r\n    usermousedown(){\r\n      return device.desktop() == true ? 'mousedown' : 'touchstart'\r\n    },\r\n    usermouseup(){\r\n      return device.desktop() == true ? 'mouseup' : 'touchend'\r\n    },\r\n  },\r\n  mounted(){\r\n\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    this.tracker_pg('/drive')\r\n\r\n    if(YT.Player) this.creatMainVideo()\r\n\r\n    $('.videobtn').on(\"mouseover\",(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.videobtn.gotoAndPlay(29)\r\n      createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n    })\r\n\r\n    $('.videobtn').on(\"mouseout\",(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.videobtn.gotoAndStop(28)\r\n    })\r\n\r\n    $('.videobtn').on(this.usermousedown,(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.readyToPlay = 'press'\r\n      this.videobtn.gotoAndPlay(46)\r\n      createjs.Sound.stop('DiamondButtonn_PopUp_SE')\r\n      createjs.Sound.play('Fingerprint_SE')\r\n\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          this.tracker_btn('/drive/gearbox_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/drive/sound_btn')\r\n          break\r\n        case 3:\r\n          this.tracker_btn('/drive/hybrid_btn')\r\n          break\r\n      }\r\n    })\r\n\r\n    $('.videobtn').on(this.usermouseup,(e)=>{\r\n      if(this.readyToPlay && this.readyToPlay != 'press') return\r\n      if(this.videobtnGoEnd) return\r\n      this.readyToPlay = false\r\n      this.videobtn.gotoAndStop(45)\r\n      createjs.Sound.stop('Fingerprint_SE')\r\n    })\r\n\r\n\t\t$(window).load(()=>{\r\n      if(this.mainPlayer==='') this.creatMainVideo()\r\n      this.changeLoading(false)\r\n    })\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeshowvideobtn','changeLoading','changevisionBackbtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    \r\n    //mainVideo\r\n    creatMainVideo(){\r\n      this.mainPlayer = new YT.Player('mainPlayerDrive', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.mainVideoId[0],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':true,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1      \r\n        },\r\n        events: {\r\n          'onReady': this.mainVideoReady,\r\n          'onStateChange': this.mainVideoStateChange\r\n        }\r\n      })\r\n    },\r\n    mainVideoReady(){\r\n      this.mainPlayer.setPlaybackQuality('default')\r\n      this.mainVideoTotalTime = this.mainPlayer.getDuration()\r\n      this.createVideobtn()\r\n    },\r\n    mainVideoStateChange(){\r\n      if(this.mainPlayer.getPlayerState() === 0) this.mainVideoTime(false)\r\n      else if(this.mainPlayer.getPlayerState() === 2) this.videoCtrlbtnState = 'off'\r\n      else if(this.mainPlayer.getPlayerState() === 1){\r\n        createjs.Sound.stop(\"DemoBGM_2\")\r\n        this.videoCtrlbtnState = ''\r\n        this.mainVideoTime(true)\r\n      }\r\n    },\r\n    mainVideoTime(start){\r\n      this.mainVideoNowTime = this.mainPlayer.getCurrentTime()\r\n\r\n      if(this.mainVideoNowTime == this.stopTime && this.videoCtrlbtnState != 'off'){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      //part1,part2,part3\r\n      if(\r\n        (start && this.mainVideoNowTime >=39.63 && this.nowPart == 1) ||\r\n        (start && this.mainVideoNowTime >=63.46 && this.nowPart == 2) ||\r\n        (start && this.mainVideoNowTime >=96.9 && this.nowPart == 3)\r\n       ){\r\n        if(this.nowPart == 1){\r\n          this.mainPlayer.pauseVideo().seekTo(39.63)\r\n          this.tracker_pg('/drive/gearbox')\r\n        }\r\n        else if(this.nowPart == 2){\r\n          this.mainPlayer.pauseVideo().seekTo(63.46)\r\n          this.tracker_pg('/drive/sound')\r\n        }\r\n        else if(this.nowPart == 3){\r\n          this.mainPlayer.pauseVideo().seekTo(96.9)\r\n          this.tracker_pg('/drive/hybrid')\r\n        }\r\n        $('.point.p'+this.nowPart).addClass('on')\r\n        clearTimeout(this.mainVideoTimeout)\r\n        createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n        this.changeshowvideobtn(true)\r\n        this.changecloseTick(false)\r\n        if(!this.videobtnGoEnd) this.videobtn.gotoAndPlay(1)\r\n\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n      }\r\n      //endedVideo\r\n      else if(start && this.mainVideoNowTime >= this.mainVideoTotalTime - this.endedTime  && this.nowPart == 4){\r\n        this.$router.push('/')\r\n      }\r\n      //keepPlay\r\n      else{\r\n        this.mainVideoTimeout = setTimeout(()=>{\r\n          this.mainVideoTime(true)\r\n        },33)\r\n      }\r\n\r\n      this.stopTime = this.mainVideoNowTime\r\n    },\r\n    //back\r\n    backMainVideo(){\r\n      createjs.Sound.play(\"Complete_SE\")\r\n      this.changeshowvideobtn(false)\r\n      this.videobtnGoEnd = false\r\n\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          setTimeout(()=>{\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/drive/gearbox_back_btn')\r\n            this.nowPart = 2  \r\n          }, 300)\r\n          break\r\n        case 2:\r\n          setTimeout(()=> {\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/drive/sound_back_btn')\r\n            this.nowPart = 3 \r\n          }, 300)\r\n          break\r\n        case 3:\r\n          setTimeout(()=> {\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/drive/hybrid_back_btn')\r\n            this.nowPart = 4\r\n          }, 300)\r\n          break\r\n      }\r\n    },\r\n    backbtnHover(){\r\n      this.backbtn.gotoAndPlay(56)\r\n      createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n    },\r\n    //videobtn\r\n    createVideobtn() {\r\n      this.canvas = document.getElementById(\"videobtnDrive\");\r\n      this.videobtn = new lib.videobtn()\r\n      this.videobtn.setTransform(136,137,1,1)\r\n      this.stage = new createjs.Stage(this.canvas)\r\n      this.stage.addChild(this.videobtn)\r\n\r\n      this.backbtn = new lib.backbtn()\r\n      this.backbtn.setTransform(69,35,1,1)\r\n      this.backbtnStage = new createjs.Stage(document.getElementById(\"backbtn\"))\r\n      this.backbtnStage.addChild(this.backbtn)\r\n\r\n      createjs.Ticker.setFPS(lib.properties.fps);\r\n      createjs.Ticker.addEventListener(\"tick\", this.stageLisenter);\r\n    },\r\n    stageLisenter(){\r\n      this.stage.update()\r\n      this.backbtnStage.update()\r\n\r\n      if(this.videobtn.currentFrame == 110 && this.readyToPlay == 'press'){\r\n        this.videobtnGoEnd = true\r\n        createjs.Sound.play('Complete_SE')\r\n      }\r\n      if(this.videobtn.currentFrame ==  this.videobtn.totalFrames -1  && this.readyToPlay == 'press'){\r\n        this.readyToPlay = true\r\n      } \r\n    },\r\n    videoCtrlbtn(){\r\n      if(this.showvideobtn) return\r\n      this.mainPlayer.getPlayerState() === 1 ? this.mainPlayer.pauseVideo() : this.mainPlayer.playVideo()\r\n    }\r\n  },\r\n  watch:{\r\n    closeTick(e){\r\n      if(e) createjs.Ticker.removeEventListener(\"tick\", this.stageLisenter)\r\n      else createjs.Ticker.addEventListener(\"tick\", this.stageLisenter)\r\n    },\r\n    openNav(e){\r\n      if(this.readyToPlay) return\r\n\r\n      if(e == 'on') this.mainPlayer.pauseVideo()\r\n      else this.mainPlayer.playVideo()\r\n    },\r\n    visionBackbtn(e){\r\n      if(e) this.backbtn.gotoAndPlay(1)\r\n      else this.backbtn.gotoAndStop(0)\r\n    },\r\n    showvideobtn(e){\r\n      if(e) return\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          this.mainPlayer.seekTo(39.8).pauseVideo()\r\n          break\r\n        case 2:\r\n          this.mainPlayer.seekTo(63.66).pauseVideo()\r\n          break\r\n        case 3:\r\n          this.mainPlayer.seekTo(97.1).pauseVideo()\r\n          break\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    clearTimeout(this.mainVideoTimeout)\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    this.changevisionBackbtn(false)\r\n    this.changeshowvideobtn(false)\r\n    this.changecloseTick(true)\r\n  },\r\n  components:{\r\n    Part1,\r\n    Part2,\r\n    Part3,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Drive.vue?110220da","<style lang=\"scss\">\r\n@import \"./css/drive/part1.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part1(:class=\"onPart1\")\r\n    transition(name=\"fade\",mode=\"out-in\")\r\n      .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        .title(v-if=\"showPart1Stage1\",:class=\"stageCoverOff\") -「狂妄加速時，<br>節奏依舊從容。」\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part1Stage1(v-if=\"showPart1Stage1\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Part1Stage1 = require('./Part1Stage1.vue')\r\n\r\nexport default {\r\n  name: 'Drive',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['rk17-3Cdmig','KHjHKaxLkFo','GGFQqTP1s-g'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      maxstage:3,\r\n      endedTime:0.4,\r\n      videobtnTimeoutReady:false,\r\n      videoReady:false,\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart1Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    showPart1Stage2(){\r\n      return this.nowstage === 2 ? true : false\r\n    },\r\n    showPart1Stage3(){\r\n      return this.nowstage === 3 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n    queQ2(){\r\n      return this.nowstage === 2 ? 'on' : ''\r\n    },\r\n    queQ3(){\r\n      return this.nowstage === 3 ? 'on' : ''\r\n    },\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[0],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()) this.partPlayer1.mute().playVideo()\r\n      this.partPlayer1.setPlaybackQuality('default')\r\n    },\r\n    partPlayer1StateChange(){\r\n      \r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n\r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        \r\n        if(nowtime > 10 ){\r\n          this.nowstage = 1\r\n          this.stageCoverOff = 'off'\r\n          this.changevisionBackbtn(true)\r\n        }\r\n\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        clearTimeout(this.partPlayer1Timeout)\r\n        this.partPlayer1.pauseVideo()\r\n        // this.initwaterify.init()\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      setTimeout(()=>{\r\n        this.nowstage + 1 > this.maxstage ? this.nowstage = 1 : this.nowstage += 1\r\n      },300)\r\n      // setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n    prevStage(){\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      setTimeout(()=>{\r\n        this.nowstage - 1 < 1 ? this.nowstage = this.maxstage : this.nowstage -= 1\r\n      },300)\r\n      // setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer1.seekTo(0).playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer1.seekTo(0).pauseVideo().unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    }\r\n\r\n  },\r\n  destroyed(){\r\n    clearTimeout(this.partPlayer1Timeout)\r\n    this.changevisionBackbtn(false)\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Part1Stage1,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1.vue?2d100478","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      //- .dessubtitle 手工打造的駕駛座艙\r\n      .destitle \r\n        |高級車首創10速手自排變速系統\r\n        .open(v-if=\"showopen\")\r\n      .text 10速手自排變速箱提供一致鮮明的換檔節奏與相仿轉數，能釋出絕佳的扭力表現。且迅速的換檔反應讓檔位銜接更犀利，大幅提升操駕樂趣。\r\n    .mainbg\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null1\" \r\n    //-     data-waterify\r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null2\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null3\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"3\" \r\n    //-     data-waterify-speed-y=\"2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null4\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Drive',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/drive/gearbox1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1Stage1.vue?6f8e2072","<style lang=\"scss\">\r\n@import \"./css/drive/part2.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part2(:class=\"onPart1\")\r\n    transition(name=\"fade\",mode=\"out-in\")\r\n      .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n        #partPlayer2\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      .title(v-if=\"showPart2Stage1\",:class=\"stageCoverOff\") -「宛如坐在沙發上，<br>聆聽環繞交響曲。」\r\n      //- .stage_control\r\n      //-   .box\r\n      //-     .nextbtn(@click=\"nextStage\") >>\r\n      //-     .prevbtn(@click=\"prevStage\") <<\r\n      //-     .que\r\n      //-       .q1(:class=\"queQ1\")\r\n      //-       .q2(:class=\"queQ2\")\r\n      //-       .q3(:class=\"queQ3\")\r\n      //-   .num\r\n      //-     .top {{ '0' + nowstage }}\r\n      //-     .bottom {{ nowstage + 1 > partVideoId.length ? '' : '0' + (nowstage*1 + 1) }}\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part2Stage1(v-if=\"showPart2Stage1\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Part2Stage1 = require('./Part2Stage1.vue')\r\n\r\nexport default {\r\n  name: 'Drive',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['rk17-3Cdmig','KHjHKaxLkFo','GGFQqTP1s-g'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      partPlayer2Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      maxstage:3,\r\n      endedTime:0.4,\r\n      videobtnTimeoutReady:false,\r\n      videoReady:false,\r\n      showpartPlayer1:true,\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart2Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[1],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      }),\r\n      this.partPlayer2 = new YT.Player('partPlayer2', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: 'IIOpAj23IJM',\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':true,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer2Ready,\r\n          'onStateChange': this.partPlayer2StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer2Ready(){\r\n      this.partPlayer2.mute()\r\n    },\r\n    partPlayer2StateChange(){\r\n      if(this.partPlayer2.getPlayerState() === 0 ) {\r\n        this.partPlayer2.seekTo(0).playVideo()\r\n      }\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()) this.partPlayer1.mute().playVideo()\r\n      this.partPlayer1.setPlaybackQuality('default')\r\n    },\r\n    partPlayer1StateChange(){\r\n      \r\n    },\r\n    partPlayer2Time(){\r\n      if(this.partPlayer2.getCurrentTime() >= this.partPlayer2.getDuration() - 0.03) this.partPlayer2.seekTo(0).playVideo()\r\n      clearTimeout(this.partPlayer2Timeout)\r\n      this.partPlayer2Timeout = setTimeout(()=>{\r\n        this.partPlayer2Time()\r\n      },10)\r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        if( nowtime > 8) {\r\n          this.nowstage = 1\r\n          this.changevisionBackbtn(true)\r\n          this.stageCoverOff = 'off'\r\n        }\r\n      \r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        this.partPlayer1.pauseVideo()\r\n        this.partPlayer2.playVideo()\r\n        this.partPlayer2.unMute()\r\n        this.partPlayer2Time()\r\n        $('#partPlayer1').fadeOut()\r\n\r\n        clearTimeout(this.partPlayer1Timeout)\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      this.nowstage + 1 > this.maxstage ? this.nowstage = 1 : this.nowstage += 1\r\n      setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n    prevStage(){\r\n      this.nowstage - 1 < 1 ? this.nowstage = this.maxstage : this.nowstage -= 1\r\n      setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer1.seekTo(0).playVideo().pauseVideo()\r\n        this.partPlayer2.mute().playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer1.seekTo(0).pauseVideo().unMute()\r\n        this.partPlayer2.unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    clearTimeout(this.partPlayer1Timeout)\r\n    clearTimeout(this.partPlayer2Timeout)\r\n    this.changevisionBackbtn(false)\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Part2Stage1,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part2.vue?19b514d0","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      //- .dessubtitle 手工打造的駕駛座艙\r\n      .destitle \r\n        |前後環繞的引擎聲浪\r\n        .open(v-if=\"showopen\")\r\n      .text 悅耳的聲浪從座艙的前方與後方包覆駕駛者。並由專家親自調校引擎聲浪響鳴器及聲浪導管，在任何轉數下，都能感受到完美和諧的聲浪表現。\r\n\r\n    .mainbg\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null1\" \r\n    //-     data-waterify\r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null2\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null3\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"3\" \r\n    //-     data-waterify-speed-y=\"2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null4\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Drive',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/drive/sound1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part2Stage1.vue?3b357ee9","<style lang=\"scss\">\r\n@import \"./css/drive/part3.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part3(:class=\"onPart1\")\r\n    transition(name=\"fade\",mode=\"out-in\")\r\n      .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      .title(v-if=\"showPart3Stage1\",:class=\"stageCoverOff\") -「節能與速度，兩者兼具。」\r\n      //- .stage_control\r\n      //-   .box\r\n      //-     .nextbtn(@click=\"nextStage\") >>\r\n      //-     .prevbtn(@click=\"prevStage\") <<\r\n      //-     .que\r\n      //-       .q1(:class=\"queQ1\")\r\n      //-       .q2(:class=\"queQ2\")\r\n      //-       .q3(:class=\"queQ3\")\r\n      //-   .num\r\n      //-     .top {{ '0' + nowstage }}\r\n      //-     .bottom {{ nowstage + 1 > partVideoId.length ? '' : '0' + (nowstage*1 + 1) }}\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Part3Stage1(v-if=\"showPart3Stage1\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Part3Stage1 = require('./Part3Stage1.vue')\r\n\r\nexport default {\r\n  name: 'Drive',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['rk17-3Cdmig','KHjHKaxLkFo','GGFQqTP1s-g'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      maxstage:3,\r\n      endedTime:0.4,\r\n      videobtnTimeoutReady:false,\r\n      videoReady:false,\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart3Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[2],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()) this.partPlayer1.mute().playVideo()\r\n      this.partPlayer1.setPlaybackQuality('default')\r\n    },\r\n    partPlayer1StateChange(){\r\n      \r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        \r\n        if(nowtime > 5.8){\r\n          this.nowstage = 1\r\n          this.changevisionBackbtn(true)\r\n          this.stageCoverOff = 'off'\r\n        }\r\n\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        this.partPlayer1.pauseVideo()\r\n        clearTimeout(this.partPlayer1Timeout)\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      this.nowstage + 1 > this.maxstage ? this.nowstage = 1 : this.nowstage += 1\r\n      setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n    prevStage(){\r\n      this.nowstage - 1 < 1 ? this.nowstage = this.maxstage : this.nowstage -= 1\r\n      setTimeout(()=>{ this.initwaterify.init() }, 500);\r\n    },\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer1.seekTo(0).playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer1.seekTo(0).pauseVideo().unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Part3Stage1,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part3.vue?1f746500","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      //- .dessubtitle 手工打造的駕駛座艙\r\n      .destitle \r\n        |顛覆想像的Multi-stage Hybrid多段式變速系統\r\n        .open(v-if=\"showopen\")\r\n      .text 系統能同時放大引擎及馬達扭力，打造加速貼背感，並能自動偵測<br>駕駛意圖及行駛狀態，提供最適檔位，大幅提升駕馭樂趣。\r\n    .mainbg\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null1\" \r\n    //-     data-waterify\r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null2\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null3\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"3\" \r\n    //-     data-waterify-speed-y=\"2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    //-   img(src=\"images/design_p1_01.jpg\" class=\"null4\" \r\n    //-     data-waterify \r\n    //-     data-waterify-speed-x=\"-3\" \r\n    //-     data-waterify-speed-y=\"-2\" \r\n    //-     data-waterify-amount=\"100\" \r\n    //-     data-waterify-start=\"500\" \r\n    //-     data-waterify-ease=\"0\"\r\n    //-     data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Drive',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/drive/hybrid1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part3Stage1.vue?0d1f96ac","<style lang=\"scss\">\r\n@import \"./css/index/index.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .indexBox\r\n    .wrapper.index\r\n      .title\r\n        canvas#title(width=\"390\",height=\"465\")\r\n        //- span.b lc\r\n        //- .middle\r\n        //-   span.line_b\r\n        //-   span.m 絕美移動工藝\r\n        //- span.line_s\r\n        //- span.s \r\n        //-   span.w 連\r\n        //-   span.w 結\r\n        //-   span.w 感\r\n        //-   span.w 官\r\n        //-   span.w 之\r\n        //-   span.w 巔\r\n        canvas#tip(width=\"291\",height=\"35\")\r\n      .btnbox(:class=\"setBoxon\")\r\n        .btn(data-href=\"/vision\")\r\n          canvas#btn1(width=\"430\",height=\"430\")\r\n          //- span.s part one\r\n          //- span.b the vision\r\n          //- span.que\r\n          //-   .que_fill\r\n          //- span.btnbg\r\n        .btn(data-href=\"/design\")\r\n          canvas#btn2(width=\"430\",height=\"430\")\r\n          //- span.s part two\r\n          //- span.b the design\r\n          //- span.que\r\n          //-   .que_fill\r\n          //- span.btnbg\r\n        .btn(data-href=\"/drive\")\r\n          canvas#btn3(width=\"430\",height=\"430\")\r\n          //- span.s part three\r\n          //- span.b the DRIVE\r\n          //- span.que\r\n          //-   .que_fill\r\n          //- span.btnbg\r\n      .bg\r\n    \r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'Index',\r\n  data(){\r\n    return {\r\n      btnTimeout: '',\r\n      goPath: '/',\r\n      btn1:'',\r\n      btn2:'',\r\n      btn3:'',\r\n      stage1:'',\r\n      stage2:'',\r\n      stage3:'',\r\n      title:'',\r\n      tip:'',\r\n      boxon:false,\r\n      tipTimeout:'',\r\n    }\r\n  },\r\n  head: {\r\n    // script: [\r\n    //   { type: 'text/javascript', src: 'js/index.js', async: true, body: true},\r\n    // ],\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    usermousedown(){\r\n      return device.desktop() == true ? 'mousedown' : 'touchstart'\r\n    },\r\n    usermouseup(){\r\n      return device.desktop() == true ? 'mouseup' : 'touchend'\r\n    },\r\n    setBoxon(){\r\n      return this.boxon == true ? 'on' : ''\r\n    },\r\n\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/index')\r\n\r\n    let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n    bgmFadeIn()\r\n    function bgmFadeIn(){\r\n      if(bgm.volume >=1) return\r\n\r\n      bgm.volume +=0.01\r\n      setTimeout(function() {\r\n        bgmFadeIn()\r\n      }, 100);\r\n    }\r\n\r\n\t\t$(window).load(()=>{\r\n      this.changeLoading(false)\r\n    })\r\n\r\n    this.createIndexAni()\r\n\r\n    if(device.desktop()){\r\n      $('.btnbox .btn').on('mouseover',(e)=>{\r\n        createjs.Sound.play(\"DiamondButtonn_PopUp_SE\")\r\n        if($(e.currentTarget).index() == 0) this.btn1.gotoAndPlay(2)\r\n        else if($(e.currentTarget).index() == 1) this.btn2.gotoAndPlay(2)\r\n        else if($(e.currentTarget).index() == 2) this.btn3.gotoAndPlay(2)\r\n      })\r\n\r\n      $('.btnbox .btn').on('mouseout',(e)=>{\r\n        if($(e.currentTarget).index() == 0) this.btn1.gotoAndStop(0)\r\n        else if($(e.currentTarget).index() == 1) this.btn2.gotoAndStop(0)\r\n        else if($(e.currentTarget).index() == 2) this.btn3.gotoAndStop(0)\r\n      })\r\n    }\r\n    \r\n    $('.btnbox .btn').on(this.usermousedown,(e)=>{\r\n      this.goPath = $(e.currentTarget).attr('data-href')\r\n      if($(e.currentTarget).index() == 0) {\r\n        this.btn1.gotoAndPlay(18)\r\n        this.tracker_btn('/index/vision_btn')\r\n      }\r\n      else if($(e.currentTarget).index() == 1) {\r\n        this.btn2.gotoAndPlay(18)\r\n        this.tracker_btn('/index/design_btn')\r\n      }\r\n      else if($(e.currentTarget).index() == 2) {\r\n        this.btn3.gotoAndPlay(18)\r\n        this.tracker_btn('/index/drive_btn')\r\n      }\r\n      createjs.Sound.play(\"Fingerprint_SE\")\r\n\r\n      this.btnTimeout = setTimeout(()=>{\r\n        createjs.Sound.play(\"Complete_SE\")\r\n         this.$router.push(this.goPath)\r\n      }, 3000);\r\n    })\r\n\r\n    $('.btnbox .btn').on(this.usermouseup,(e)=>{\r\n      this.goPath = '/'\r\n      if($(e.currentTarget).index() == 0) this.btn1.gotoAndStop(0)\r\n      else if($(e.currentTarget).index() == 1) this.btn2.gotoAndStop(0)\r\n      else if($(e.currentTarget).index() == 2) this.btn3.gotoAndStop(0)\r\n      clearTimeout(this.btnTimeout)\r\n    })\r\n\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','tracker_pg','tracker_btn','mobileOpen']),\r\n    createIndexAni(){\r\n      this.title = new lib.title()\r\n      this.title.setTransform(0,0,0.97,0.97)\r\n\r\n      this.tip = new lib.txtcue();\r\n      this.tip.setTransform(40,0,0.97,0.97)\r\n\r\n      this.btn1 = new lib.btn_01_mc()\r\n      this.btn1.setTransform(0,0,0.97,0.97)\r\n\r\n      this.btn2 = new lib.btn_02_mc()\r\n      this.btn2.setTransform(0,0,0.97,0.97)\r\n\r\n      this.btn3 = new lib.btn_03_mc()\r\n      this.btn3.setTransform(0,0,0.97,0.97)\r\n\r\n      this.titlestage = new createjs.Stage(document.getElementById(\"title\"))\r\n      this.titlestage.addChild(this.title)\r\n\r\n      this.tipstage = new createjs.Stage(document.getElementById(\"tip\"))\r\n      this.tipstage.addChild(this.tip)\r\n\r\n      this.stage1 = new createjs.Stage(document.getElementById(\"btn1\"))\r\n      this.stage1.addChild(this.btn1)\r\n\r\n      this.stage2 = new createjs.Stage(document.getElementById(\"btn2\"))\r\n      this.stage2.addChild(this.btn2)\r\n\r\n      this.stage3 = new createjs.Stage(document.getElementById(\"btn3\"))\r\n      this.stage3.addChild(this.btn3)\r\n\r\n      createjs.Ticker.setFPS(lib.properties.fps);\r\n      createjs.Ticker.addEventListener(\"tick\", this.stageListener)\r\n    },\r\n    stageListener(){\r\n      this.stage1.update()\r\n      this.stage2.update()\r\n      this.stage3.update()\r\n      this.titlestage.update()\r\n      this.tipstage.update()\r\n      if(this.title.currentFrame == this.title.totalFrames -1 && !this.boxon) {\r\n        this.boxon = true\r\n        this.tip.gotoAndPlay(1)\r\n        this.tipTimeout = setTimeout(()=>{\r\n          this.tipTimeoutFC()\r\n        },3000)\r\n      }\r\n    },\r\n    tipTimeoutFC(){\r\n      clearTimeout(this.tipTimeout)\r\n\r\n      this.tip.gotoAndPlay(1)\r\n\r\n      this.tipTimeout = setTimeout(()=>{\r\n        this.tipTimeoutFC()\r\n      },3000)\r\n    },\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    clearTimeout(this.tipTimeout)\r\n    createjs.Ticker.removeEventListener(\"tick\", this.stageListener)\r\n  },\r\n  components:{\r\n\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Index.vue?c0638730","<style lang=\"scss\">\r\n@import \"./css/vision/part1.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part1(:class=\"onPart1\")\r\n    transition(name=\"fade\",mode=\"out-in\")\r\n      .partVideo(v-if=\"showPart1Video\")\r\n        .videocover\r\n        #partPlayer1\r\n    .stage\r\n      .stageCover(:class=\"stageCoverOff\")\r\n      .title(:class=\"stageCoverOff\") -「深厚的設計内涵，第一眼就嶄露無遺。」\r\n      .stage_control(:class=\"stageCoverOff\")\r\n        .box(:class=\"stageCtrClick\",@mouseover=\"boxMouseover\")\r\n          .nextbtn(@click=\"nextStage\") >>\r\n          .prevbtn(@click=\"prevStage\") <<\r\n          .que\r\n            .q1(:class=\"queQ1\")\r\n            .q2(:class=\"queQ2\")\r\n        .num\r\n          .top {{ '0' + nowstage }}\r\n          .bottom {{ '0' + maxstage }}\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Stage1(v-if=\"showPart1Stage1\")\r\n      transition(name=\"fade\",mode=\"out-in\")\r\n        Stage2(v-if=\"showPart1Stage2\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\nconst Stage1 = require('./Stage1.vue')\r\nconst Stage2 = require('./Stage2.vue')\r\n\r\nexport default {\r\n  name: 'Vision',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      nowstage:0,\r\n      maxstage:2,\r\n      onPart1:'',\r\n      showPart1Video:true,\r\n      partVideoId:['eSTP8jhQfEw','PGpRe8MvS1Y'],\r\n      partPlayer1:'',\r\n      partPlayer1Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      videobtnTimeoutReady:false,\r\n      endedTime:1.5,\r\n      videoReady:false,\r\n      stageCtrClick:'',\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      showvideobtn: state => state.showvideobtn\r\n    }),\r\n    showPart1Stage1(){\r\n      return this.nowstage === 1 ? true : false\r\n    },\r\n    showPart1Stage2(){\r\n      return this.nowstage === 2 ? true : false\r\n    },\r\n    queQ1(){\r\n      return this.nowstage === 1 ? 'on' : ''\r\n    },\r\n    queQ2(){\r\n      return this.nowstage === 2 ? 'on' : ''\r\n    }\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer1()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer1()\r\n      })\r\n    }\r\n    \r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer1(){\r\n      this.partPlayer1 = new YT.Player('partPlayer1', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[0],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer1Ready,\r\n          'onStateChange': this.partPlayer1StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer1Ready(){\r\n      if(device.desktop()){\r\n        this.partPlayer1.mute().playVideo()\r\n        this.partPlayer1.setPlaybackQuality('default')\r\n      }else{\r\n        this.partPlayer1.setPlaybackQuality('small')\r\n      }\r\n    },\r\n    partPlayer1StateChange(){\r\n      // if(this.partPlayer1.getPlayerState() === 1 && !this.videoReady) {}\r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart1 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer1.unMute().seekTo(0).playVideo()\r\n        this.partPlayer1Time(true)\r\n      }\r\n    },\r\n    partPlayer1Time(start){\r\n      let nowtime = this.partPlayer1.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n      \r\n      if(start && nowtime < this.partPlayer1.getDuration() - this.endedTime ){\r\n        clearTimeout(this.partPlayer1Timeout)\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer1Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        clearTimeout(this.partPlayer1Timeout)\r\n        this.changeVideoAlert(false)\r\n        this.stageCoverOff = 'off'\r\n        this.nowstage = 1\r\n        this.showPart1Video = false\r\n        \r\n        createjs.Sound.stop(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n\r\n        let bgm\r\n\r\n        if(device.desktop()){\r\n          bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n          bgmFadeIn()\r\n        }else{\r\n          bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1 })\r\n        }\r\n        \r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n\r\n        setTimeout(()=>{\r\n          this.changevisionBackbtn(true)\r\n        },1000)\r\n        \r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    nextStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/vision/light1_to2_btn')\r\n          break;\r\n        case 2:\r\n          this.tracker_btn('/vision/light1_to1_btn')\r\n          break;\r\n      }\r\n\r\n      setTimeout(()=>{\r\n        this.nowstage + 1 > 2 ? this.nowstage = 1 : this.nowstage += 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n    },\r\n    prevStage(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n      $('.stage' + this.nowstage).addClass('off')\r\n      this.stageCtrClick = 'click'\r\n\r\n      switch (this.nowstage) {\r\n        case 1:\r\n          this.tracker_btn('/vision/light1_to2_btn')\r\n          break;\r\n        case 2:\r\n          this.tracker_btn('/vision/light1_to1_btn')\r\n          break;\r\n      }\r\n\r\n      setTimeout(()=>{\r\n        this.nowstage - 1 < 1 ? this.nowstage = 2 : this.nowstage -= 1\r\n        this.stageCtrClick = ''\r\n      },300)\r\n    },\r\n    boxMouseover(){\r\n      createjs.Sound.play(\"OtherSE_1\")\r\n    }\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        if(device.desktop()) this.partPlayer1.playVideo().mute().pauseVideo()\r\n        else this.partPlayer1.mute().playVideo().pauseVideo()\r\n        \r\n      }else if(e==true){\r\n        if(device.desktop()) this.partPlayer1.pauseVideo().unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    },\r\n  },\r\n  destroyed(){\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    Stage1,\r\n    Stage2,\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part1.vue?00b86d84","<style lang=\"scss\">\r\n@import \"./css/vision/part2.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .part2(:class=\"onPart2\")\r\n    .partVideo(v-if=\"showPart2Video\")\r\n      .videocover\r\n      #partPlayer2\r\n    .stage\r\n      //- .stageCover(:class=\"stageCoverOff\")\r\n      .title(:class=\"stageCoverOff\") -「不空談理想，<br>　　　讓未來觸摸得到。」\r\n      .stage1(v-if=\"showPart2Stage1\")\r\n        .des(@click=\"opendes\",:class=\"desOn\")\r\n          .destitle \r\n            |實踐LF-LC概念跑車的想像\r\n            .open(v-if=\"showopen\")\r\n          .text 原汁原味呈現LF-LC概念車的想法，以慣性定律兩大元素「低車身重心」、「重量往重心集中」為基礎，打造出前衛的車身曲線、深邃有層次感的尾燈，與輕量化的車體結構等設計。\r\n        .mainbg\r\n          //- img(src=\"/images/vision_p2_01.jpg\" class=\"null1\" \r\n          //-   data-waterify\r\n          //-   data-waterify-speed-x=\"-3\" \r\n          //-   data-waterify-speed-y=\"-2\" \r\n          //-   data-waterify-amount=\"100\" \r\n          //-   data-waterify-start=\"500\" \r\n          //-   data-waterify-ease=\"0\"\r\n          //-   data-waterify-displacement-url=\"/images/displacement_map4.png\")\r\n          //- img(src=\"/images/vision_p2_01.jpg\" class=\"null2\" \r\n          //-   data-waterify \r\n          //-   data-waterify-speed-x=\"-3\" \r\n          //-   data-waterify-speed-y=\"-2\" \r\n          //-   data-waterify-amount=\"100\" \r\n          //-   data-waterify-start=\"500\" \r\n          //-   data-waterify-ease=\"0\"\r\n          //-   data-waterify-displacement-url=\"/images/displacement_map4.png\")\r\n          //- img(src=\"/images/vision_p2_01.jpg\" class=\"null3\" \r\n          //-   data-waterify \r\n          //-   data-waterify-speed-x=\"3\" \r\n          //-   data-waterify-speed-y=\"2\" \r\n          //-   data-waterify-amount=\"100\" \r\n          //-   data-waterify-start=\"500\" \r\n          //-   data-waterify-ease=\"0\"\r\n          //-   data-waterify-displacement-url=\"/images/displacement_map4.png\")\r\n          //- img(src=\"/images/vision_p2_01.jpg\" class=\"null4\" \r\n          //-   data-waterify \r\n          //-   data-waterify-speed-x=\"-3\" \r\n          //-   data-waterify-speed-y=\"-2\" \r\n          //-   data-waterify-amount=\"100\" \r\n          //-   data-waterify-start=\"500\" \r\n          //-   data-waterify-ease=\"0\"\r\n          //-   data-waterify-displacement-url=\"/images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\n// const initwaterify = require('../../js/initwaterify.js')\r\n\r\nexport default {\r\n  name: 'Vision',\r\n  props: ['readyToPlay'],\r\n  data(){\r\n    return {\r\n      onPart2:'',\r\n      showPart2Video:true,\r\n      partVideoId:['eSTP8jhQfEw','PGpRe8MvS1Y'],\r\n      partPlayer2:'',\r\n      partPlayer2Timeout:'',\r\n      stageCoverOff:'',\r\n      // initwaterify: new initwaterify(),\r\n      endedTime:0.6,\r\n      videoReady:false,\r\n      showPart2Stage1:false,\r\n      desOn: '',\r\n      stopTime:'',\r\n      videoAlertTimeout:0,\r\n    }\r\n  },\r\n  head: {\r\n    \r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    try{\r\n      this.createPartPlayer2()\r\n    }catch(err){\r\n      $(window).load(()=>{\r\n        this.createPartPlayer2()\r\n      })\r\n    }\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','changeshowvideobtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    createPartPlayer2(){\r\n      this.partPlayer2 = new YT.Player('partPlayer2', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.partVideoId[1],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':false,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1\r\n        },\r\n        events: {\r\n          'onReady': this.partPlayer2Ready,\r\n          'onStateChange': this.partPlayer2StateChange\r\n        }\r\n      })\r\n    },\r\n    partPlayer2Ready(){\r\n      if(device.desktop()) this.partPlayer2.mute().playVideo()\r\n      this.partPlayer2.setPlaybackQuality('default')\r\n    },\r\n    partPlayer2StateChange(){\r\n      // if(this.partPlayer2.getPlayerState() === 1 && !this.videoReady) {}\r\n    },\r\n    partStart(){\r\n      if(this.videobtnTimeoutReady){\r\n        setTimeout(()=>{ \r\n          this.onPart2 = 'on' \r\n          this.changeshowvideobtn(false)\r\n        },300)\r\n        this.partPlayer2.playVideo()\r\n        this.partPlayer2Time(true)\r\n      }\r\n    },\r\n    partPlayer2Time(start){\r\n      let nowtime = this.partPlayer2.getCurrentTime()\r\n\r\n      if(nowtime == this.stopTime){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n\r\n      if(start && nowtime < this.partPlayer2.getDuration() - this.endedTime ){\r\n        this.partPlayer1Timeout = setTimeout(()=>{\r\n          this.partPlayer2Time(true)\r\n        },33)\r\n      }\r\n      else{\r\n        clearTimeout(this.partPlayer2Timeout)\r\n        this.stageCoverOff = 'off'\r\n        this.showPart2Video = false\r\n        this.tracker_pg('/vision/concept1')\r\n        this.changevisionBackbtn(true)\r\n        this.showPart2Stage1 = true\r\n        createjs.Sound.stop(\"DemoBGM_2\")\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n        // this.initwaterify.init()\r\n      }\r\n\r\n      this.stopTime = nowtime\r\n\r\n    },\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    }\r\n  },\r\n  watch:{\r\n    'readyToPlay'(e){\r\n      if(e=='press'){\r\n        this.partPlayer2.seekTo(0).mute().playVideo().pauseVideo()\r\n      }else if(e==true){\r\n        this.partPlayer2.seekTo(0).unMute()\r\n        this.videobtnTimeoutReady=true\r\n        this.partStart()\r\n      }\r\n    },\r\n  },\r\n  destroyed(){\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    // this.initwaterify.cancelAnimation()\r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Part2.vue?4e7255da","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage1\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 層次豐富的頭尾燈\r\n      .destitle \r\n        |啟發自LF-LC的超微型LED頭燈\r\n        .open(v-if=\"showopen\")\r\n      .text 輕巧的新式LED頭燈大小僅33mm，與LED日行燈前後搭配，塑造出具有深度的造型。\r\n    .mainbg\r\n      //- img(src=\"images/vision_p1_01.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/vision_p1_01.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/vision_p1_01.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/vision_p1_01.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Vision',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/vision/light1')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    }\r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Stage1.vue?81982e94","<style lang=\"scss\">\r\n\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .stage2\r\n    .des(@click=\"opendes\",:class=\"desOn\")\r\n      .dessubtitle 層次豐富的頭尾燈\r\n      .destitle \r\n        |極具未來感的多層次LED尾燈\r\n        .open(v-if=\"showopen\")\r\n      .text 運用鏡面多重反射原理，創造視覺上無限延伸感，讓尾燈變得既深邃又迷人。\r\n    .mainbg\r\n      //- img(src=\"images/vision_p1_02.jpg\" class=\"null1\" \r\n      //-   data-waterify\r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/vision_p1_02.jpg\" class=\"null2\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/vision_p1_02.jpg\" class=\"null3\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"3\" \r\n      //-   data-waterify-speed-y=\"2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n      //- img(src=\"images/vision_p1_02.jpg\" class=\"null4\" \r\n      //-   data-waterify \r\n      //-   data-waterify-speed-x=\"-3\" \r\n      //-   data-waterify-speed-y=\"-2\" \r\n      //-   data-waterify-amount=\"100\" \r\n      //-   data-waterify-start=\"500\" \r\n      //-   data-waterify-ease=\"0\"\r\n      //-   data-waterify-displacement-url=\"images/displacement_map4.png\")\r\n    \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Vision',\r\n  data(){\r\n    return {\r\n      desOn: '',\r\n    }\r\n  },\r\n  // head: {\r\n  //   script: [\r\n  //     { type: 'text/javascript', src: 'js/waterify.js', async: true, body: true},\r\n  //   ],\r\n  // },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice\r\n    }),\r\n    showopen(){\r\n      return device.desktop() == true ? false : true\r\n    },\r\n  },\r\n  mounted(){\r\n    this.tracker_pg('/vision/light2')\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeLoading','changevisionBackbtn','tracker_pg','tracker_btn']),\r\n    opendes(){\r\n      if(device.desktop()) return\r\n      this.desOn == '' ? this.desOn = 'on' : this.desOn = ''\r\n    }\r\n    \r\n  },\r\n  watch:{\r\n    \r\n  },\r\n  destroyed(){\r\n    \r\n  },\r\n  components:{\r\n    \r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Stage2.vue?661adb52","<style lang=\"scss\">\r\n@import \"./css/vision/vision.scss\";\r\n</style>\r\n\r\n<template lang=\"pug\">\r\n  .wrapper.vision\r\n    .videoCtrlbtn(:class=\"videoCtrlbtnState\",@click=\"videoCtrlbtn\")\r\n    Part1(v-if=\"showPart1\", :readyToPlay=\"readyToPlay\")\r\n    Part2(v-if=\"showPart2\", :readyToPlay=\"readyToPlay\")\r\n    .backbtn(v-show=\"visionBackbtn\",:class=\"showbackbtn\",@click=\"backMainVideo\",@mouseover=\"backbtnHover\")\r\n      canvas#backbtn(width=\"138\",height=\"70\")\r\n    .video\r\n      .videocover(@click=\"videoCtrlbtn\")\r\n        transition(name=\"fade\",mode=\"out-in\")\r\n          canvas.videobtn#videobtnVision(v-show=\"showvideobtn\",width=\"274\" height=\"274\")\r\n      .timeline\r\n        .point.p1(@click=\"mainPlayer.seekTo(36);nowPart=1;mainVideoNowTime = 36;\")\r\n        .point.p2(@click=\"mainPlayer.seekTo(67);nowPart=2;mainVideoNowTime = 67;\")\r\n        .line\r\n          .linecover(:style=\"{ width:timelineCover + '%' }\")\r\n      #mainPlayerVision\r\n    \r\n</template>\r\n\r\n<script>\r\nconst Part1 = require('./Part1.vue')\r\nconst Part2 = require('./Part2.vue')\r\n\r\nexport default {\r\n  name: 'Vision',\r\n  data(){\r\n    return {\r\n      // showPart1:false,\r\n      // showPart2:false,\r\n      mainVideoId:['Jn9w5xMzOTk'],\r\n      mainPlayer:'',\r\n      mainVideoTimeout:'',\r\n      mainVideoNowTime:0,\r\n      mainVideoTotalTime:1,\r\n      nowPart:1,\r\n      endedTime:0.5,\r\n      canvas:'',\r\n      stage:'',\r\n      videobtn:'',\r\n      videobtnTimeout:'',\r\n      partVideoReady:false,\r\n      readyToPlay:false,\r\n      videoCtrlbtnState:'',\r\n      videobtnGoEnd:false,\r\n      videoAlertTimeout:'',\r\n      stopTime:'',\r\n    }\r\n  },\r\n  head: {\r\n    // script: [\r\n    //   { type: 'text/javascript', src: 'js/video_btn.js', async: true, body: true},\r\n    // ],\r\n  },\r\n  computed: {\r\n    ...Vuex.mapState({\r\n      loadingShow: state => state.loadingShow,\r\n      userDevice: state => state.userDevice,\r\n      visionBackbtn: state => state.visionBackbtn,\r\n      showvideobtn: state => state.showvideobtn,\r\n      closeTick: state => state.closeTick,\r\n      openNav: state => state.openNav,\r\n    }),\r\n    showPart1(){\r\n      return this.nowPart == 1 ? true : false\r\n    },\r\n    showPart2(){\r\n      return this.nowPart == 2 ? true : false\r\n    },\r\n    timelineCover(){\r\n      let percent = this.mainVideoNowTime / this.mainVideoTotalTime * 100\r\n      return percent\r\n    },\r\n    showbackbtn(){\r\n      return this.visionBackbtn === true ? 'on' : ''\r\n    },\r\n    usermousedown(){\r\n      return device.desktop() == true ? 'mousedown' : 'touchstart'\r\n    },\r\n    usermouseup(){\r\n      return device.desktop() == true ? 'mouseup' : 'touchend'\r\n    },\r\n  },\r\n  mounted(){\r\n\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    this.tracker_pg('/vision')\r\n\r\n    if(YT.Player) this.creatMainVideo()\r\n\r\n    $('.videobtn').on(\"mouseover\",(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.videobtn.gotoAndPlay(29)\r\n      createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n    })\r\n\r\n    $('.videobtn').on(\"mouseout\",(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.videobtn.gotoAndStop(28)\r\n    })\r\n\r\n    $('.videobtn').on(this.usermousedown,(e)=>{\r\n      if(this.videobtnGoEnd) return\r\n      this.readyToPlay = 'press'\r\n      this.videobtn.gotoAndPlay(46)\r\n      createjs.Sound.stop('DiamondButtonn_PopUp_SE')\r\n      createjs.Sound.play('Fingerprint_SE')\r\n\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          this.tracker_btn('/vision/light_btn')\r\n          break\r\n        case 2:\r\n          this.tracker_btn('/vision/concept_btn')\r\n          break\r\n      }\r\n    })\r\n\r\n    $('.videobtn').on(this.usermouseup,(e)=>{\r\n      if(this.readyToPlay && this.readyToPlay != 'press') return\r\n      if(this.videobtnGoEnd) return\r\n      this.readyToPlay = false\r\n      this.videobtn.gotoAndStop(45)\r\n      createjs.Sound.stop('Fingerprint_SE')\r\n    })\r\n\r\n\t\t$(window).load(()=>{\r\n      if(this.mainPlayer==='') this.creatMainVideo()\r\n      this.changeLoading(false)\r\n    })\r\n  },\r\n  methods:{\r\n    ...Vuex.mapActions(['changeshowvideobtn','changeLoading','changevisionBackbtn','changecloseTick','tracker_pg','tracker_btn','changeVideoAlert']),\r\n    \r\n    //mainVideo\r\n    creatMainVideo(){\r\n      this.mainPlayer = new YT.Player('mainPlayerVision', {\r\n        height: '100%',\r\n        width: '100%',\r\n        videoId: this.mainVideoId[0],\r\n        playerVars:{\r\n          'controls':0,\r\n          'autoplay':true,\r\n          'enablejsapi':'0',\r\n          'hd':'1',\r\n          'rel':'0',\r\n          'showinfo':'0',\r\n          'modestbranding':'1',\r\n          'cc_load_policy':'1',\r\n          'wmode':'transparent',\r\n          'playsinline': 1      \r\n        },\r\n        events: {\r\n          'onReady': this.mainVideoReady,\r\n          'onStateChange': this.mainVideoStateChange\r\n        }\r\n      })\r\n    },\r\n    mainVideoReady(){\r\n      this.mainPlayer.setPlaybackQuality('default')\r\n      this.mainVideoTotalTime = this.mainPlayer.getDuration()\r\n      this.createVideobtn()\r\n    },\r\n    mainVideoStateChange(){\r\n      if(this.mainPlayer.getPlayerState() === 0) this.mainVideoTime(false)\r\n      else if(this.mainPlayer.getPlayerState() === 2) this.videoCtrlbtnState = 'off'\r\n      else if(this.mainPlayer.getPlayerState() === 1){\r\n        createjs.Sound.stop(\"DemoBGM_2\")\r\n        this.videoCtrlbtnState = ''\r\n        this.mainVideoTime(true)\r\n      }\r\n    },\r\n    mainVideoTime(start){\r\n      this.mainVideoNowTime = this.mainPlayer.getCurrentTime()\r\n\r\n      if(this.mainVideoNowTime == this.stopTime && this.videoCtrlbtnState != 'off'){\r\n        this.videoAlertTimeout + 1 >=60   ? this.changeVideoAlert(true) : this.videoAlertTimeout += 1\r\n      }\r\n      else{\r\n        this.videoAlertTimeout =0\r\n        this.changeVideoAlert(false)\r\n      }\r\n\r\n      //part1,part2\r\n      if(\r\n        (start && this.mainVideoNowTime >=36.7 && this.nowPart == 1) ||\r\n        (start && this.mainVideoNowTime >=67.4 && this.nowPart == 2)\r\n       ){\r\n        if(this.nowPart == 1){\r\n          this.mainPlayer.pauseVideo().seekTo(36.7)\r\n          this.tracker_pg('/vision/light')\r\n        }\r\n        else if(this.nowPart == 2){\r\n          this.mainPlayer.pauseVideo().seekTo(67.4)\r\n          this.tracker_pg('/vision/concept')\r\n        }\r\n        $('.point.p'+this.nowPart).addClass('on')\r\n        clearTimeout(this.mainVideoTimeout)\r\n        this.changeshowvideobtn(true)\r\n        this.changecloseTick(false)\r\n        if(!this.videobtnGoEnd) this.videobtn.gotoAndPlay(1)\r\n\r\n        createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n        let bgm  = createjs.Sound.play(\"DemoBGM_2\",{ loop: -1,volume: 0 })\r\n        bgmFadeIn()\r\n        function bgmFadeIn(){\r\n          if(bgm.volume >=1) return\r\n\r\n          bgm.volume +=0.01\r\n          setTimeout(function() {\r\n            bgmFadeIn()\r\n          }, 100);\r\n        }\r\n      }\r\n      //endedVideo\r\n      else if(start && this.mainVideoNowTime >= this.mainVideoTotalTime - this.endedTime  && this.nowPart == 3){\r\n        this.$router.push('/')\r\n      }\r\n      //keepPlay\r\n      else{\r\n        this.mainVideoTimeout = setTimeout(()=>{\r\n          this.mainVideoTime(true)\r\n        },33)\r\n      }\r\n      \r\n      this.stopTime = this.mainVideoNowTime\r\n    },\r\n\r\n    //back\r\n    backMainVideo(){\r\n      createjs.Sound.play(\"Complete_SE\")\r\n      this.changeshowvideobtn(false)\r\n      this.videobtnGoEnd = false\r\n      \r\n      switch (this.nowPart) {\r\n        case 1:\r\n          setTimeout(()=>{\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/vision/light_back_btn')\r\n            this.nowPart = 2\r\n          },300)\r\n          break\r\n        case 2:\r\n          setTimeout(()=>{\r\n            this.changevisionBackbtn(false)\r\n            this.readyToPlay = false\r\n            this.mainPlayer.playVideo()\r\n            this.tracker_btn('/vision/concept_back_btn')\r\n            this.nowPart = 3\r\n          },300)\r\n          break\r\n      }\r\n    },\r\n    backbtnHover(){\r\n      this.backbtn.gotoAndPlay(56)\r\n      createjs.Sound.play('DiamondButtonn_PopUp_SE')\r\n    },\r\n    //videobtn\r\n    createVideobtn() {\r\n      this.canvas = document.getElementById(\"videobtnVision\")\r\n      this.videobtn = new lib.videobtn()\r\n      this.videobtn.setTransform(136,137,1,1)\r\n      this.stage = new createjs.Stage(this.canvas)\r\n      this.stage.addChild(this.videobtn)\r\n\r\n      this.backbtn = new lib.backbtn()\r\n      this.backbtn.setTransform(69,35,1,1)\r\n      this.backbtnStage = new createjs.Stage(document.getElementById(\"backbtn\"))\r\n      this.backbtnStage.addChild(this.backbtn)\r\n\r\n      createjs.Ticker.setFPS(lib.properties.fps);\r\n      createjs.Ticker.addEventListener(\"tick\", this.stageLisenter);\r\n    },\r\n    stageLisenter(){\r\n      this.stage.update()\r\n      this.backbtnStage.update()\r\n\r\n      if(this.videobtn.currentFrame == 110 && this.readyToPlay == 'press'){\r\n        this.videobtnGoEnd = true\r\n        createjs.Sound.play('Complete_SE')\r\n      }\r\n      else if(this.videobtn.currentFrame == this.videobtn.totalFrames -1 && this.readyToPlay == 'press'){\r\n        this.readyToPlay = true\r\n      } \r\n    },\r\n    videoCtrlbtn(){\r\n      if(this.showvideobtn) return\r\n      this.mainPlayer.getPlayerState() === 1 ? this.mainPlayer.pauseVideo() : this.mainPlayer.playVideo()\r\n    }\r\n  },\r\n  watch:{\r\n    closeTick(e){\r\n      if(e) createjs.Ticker.removeEventListener(\"tick\", this.stageLisenter)\r\n      else createjs.Ticker.addEventListener(\"tick\", this.stageLisenter)\r\n    },\r\n    openNav(e){\r\n      if(this.readyToPlay) return\r\n\r\n      if(e == 'on') this.mainPlayer.pauseVideo()\r\n      else this.mainPlayer.playVideo()\r\n    },\r\n    visionBackbtn(e){\r\n      if(e) this.backbtn.gotoAndPlay(1)\r\n      else this.backbtn.gotoAndStop(0)\r\n    },\r\n    showvideobtn(e){\r\n      if(e) return\r\n      switch (this.nowPart) {\r\n        case 1:\r\n          this.mainPlayer.seekTo(36.9).pauseVideo()\r\n          break\r\n        case 2:\r\n          this.mainPlayer.seekTo(67.6).pauseVideo()\r\n          break\r\n      }\r\n    }\r\n  },\r\n  destroyed(){\r\n    clearTimeout(this.mainVideoTimeout)\r\n    createjs.Sound.stop(\"DemoBGM_2\")\r\n    this.changevisionBackbtn(false)\r\n    this.changeshowvideobtn(false)\r\n    this.changecloseTick(true)\r\n  },\r\n  components:{\r\n    Part1,\r\n    Part2\r\n  }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// Vision.vue?37905a2c","require('../index.pug');\r\nrequire('es6-promise').polyfill();\r\nconst store = require('../js/store/store.js');\r\nconst router = require('../js/router.js');\r\nconst App = require('../components/App.vue');\r\n\r\n\r\n$(()=>{\r\n  new Vue({\r\n    el: '#app',\r\n    store,\r\n    router,\r\n    render: h => h(App)\r\n  })\r\n});\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/app.js","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0486bfd4\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/vision/Stage2.vue\n// module id = 37\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-04a2eed6\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/vision/Stage1.vue\n// module id = 38\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0781c760\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Drive.vue\n// module id = 39\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-07ae7689\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Part3Stage1.vue\n// module id = 40\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0d2371d2\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part2Stage2.vue\n// module id = 41\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0d3fa0d4\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part2Stage1.vue\n// module id = 42\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0e237cc2\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part1.vue\n// module id = 43\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0e319443\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part2.vue\n// module id = 44\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-0e3fabc4\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part3.vue\n// module id = 45\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-10e950ec\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/component/Nav.vue\n// module id = 46\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-1574084a\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Design.vue\n// module id = 47\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-1f6c1405\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/component/Loading.vue\n// module id = 48\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-2a9e6514\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Part3.vue\n// module id = 49\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-2aba9416\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Part2.vue\n// module id = 50\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-2ad6c318\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Part1.vue\n// module id = 51\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-4435ddf2\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Part1Stage1.vue\n// module id = 52\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-444d87f0\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/index/Index.vue\n// module id = 53\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-47a7c50a\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/vision/Vision.vue\n// module id = 54\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-647b7cd5\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part1Stage1.vue\n// module id = 55\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-64899456\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part1Stage2.vue\n// module id = 56\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-6497abd7\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part1Stage3.vue\n// module id = 57\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-675b38c2\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/component/Mobiletip.vue\n// module id = 58\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-72c9c3c8\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/drive/Part2Stage1.vue\n// module id = 59\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-75ac5488\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/App.vue\n// module id = 60\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-dd57c830\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/component/VideoAlert.vue\n// module id = 61\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-e123fc26\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/vision/Part2.vue\n// module id = 62\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-e1402b28\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/vision/Part1.vue\n// module id = 63\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-e33ddd4e\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part3Stage3.vue\n// module id = 64\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-e35a0c50\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part3Stage2.vue\n// module id = 65\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"id\":1,\"omit\":0,\"remove\":true}!./~/css-loader?sourceMap&url=false!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-e3763b52\",\"scoped\":false,\"hasInlineConfig\":true}!./~/postcss-loader?sourceMap!./~/sass-loader?sourceMap!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/design/Part3Stage1.vue\n// module id = 66\n// module chunks = 0","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things.  But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals.  It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n    throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n    throw new Error('clearTimeout has not been defined');\n}\n(function () {\n    try {\n        if (typeof setTimeout === 'function') {\n            cachedSetTimeout = setTimeout;\n        } else {\n            cachedSetTimeout = defaultSetTimout;\n        }\n    } catch (e) {\n        cachedSetTimeout = defaultSetTimout;\n    }\n    try {\n        if (typeof clearTimeout === 'function') {\n            cachedClearTimeout = clearTimeout;\n        } else {\n            cachedClearTimeout = defaultClearTimeout;\n        }\n    } catch (e) {\n        cachedClearTimeout = defaultClearTimeout;\n    }\n} ())\nfunction runTimeout(fun) {\n    if (cachedSetTimeout === setTimeout) {\n        //normal enviroments in sane situations\n        return setTimeout(fun, 0);\n    }\n    // if setTimeout wasn't available but was latter defined\n    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n        cachedSetTimeout = setTimeout;\n        return setTimeout(fun, 0);\n    }\n    try {\n        // when when somebody has screwed with setTimeout but no I.E. maddness\n        return cachedSetTimeout(fun, 0);\n    } catch(e){\n        try {\n            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n            return cachedSetTimeout.call(null, fun, 0);\n        } catch(e){\n            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n            return cachedSetTimeout.call(this, fun, 0);\n        }\n    }\n\n\n}\nfunction runClearTimeout(marker) {\n    if (cachedClearTimeout === clearTimeout) {\n        //normal enviroments in sane situations\n        return clearTimeout(marker);\n    }\n    // if clearTimeout wasn't available but was latter defined\n    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n        cachedClearTimeout = clearTimeout;\n        return clearTimeout(marker);\n    }\n    try {\n        // when when somebody has screwed with setTimeout but no I.E. maddness\n        return cachedClearTimeout(marker);\n    } catch (e){\n        try {\n            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally\n            return cachedClearTimeout.call(null, marker);\n        } catch (e){\n            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n            // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n            return cachedClearTimeout.call(this, marker);\n        }\n    }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n    if (!draining || !currentQueue) {\n        return;\n    }\n    draining = false;\n    if (currentQueue.length) {\n        queue = currentQueue.concat(queue);\n    } else {\n        queueIndex = -1;\n    }\n    if (queue.length) {\n        drainQueue();\n    }\n}\n\nfunction drainQueue() {\n    if (draining) {\n        return;\n    }\n    var timeout = runTimeout(cleanUpNextTick);\n    draining = true;\n\n    var len = queue.length;\n    while(len) {\n        currentQueue = queue;\n        queue = [];\n        while (++queueIndex < len) {\n            if (currentQueue) {\n                currentQueue[queueIndex].run();\n            }\n        }\n        queueIndex = -1;\n        len = queue.length;\n    }\n    currentQueue = null;\n    draining = false;\n    runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n    var args = new Array(arguments.length - 1);\n    if (arguments.length > 1) {\n        for (var i = 1; i < arguments.length; i++) {\n            args[i - 1] = arguments[i];\n        }\n    }\n    queue.push(new Item(fun, args));\n    if (queue.length === 1 && !draining) {\n        runTimeout(drainQueue);\n    }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n    this.fun = fun;\n    this.array = array;\n}\nItem.prototype.run = function () {\n    this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n    throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n    throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/process/browser.js\n// module id = 67\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-1f6c1405\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Loading.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Loading.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1f6c1405\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Loading.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/component/Loading.vue\n// module id = 68\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-675b38c2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Mobiletip.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Mobiletip.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-675b38c2\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Mobiletip.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/component/Mobiletip.vue\n// module id = 69\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-10e950ec\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Nav.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Nav.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-10e950ec\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Nav.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/component/Nav.vue\n// module id = 70\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-dd57c830\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./VideoAlert.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./VideoAlert.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-dd57c830\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./VideoAlert.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/component/VideoAlert.vue\n// module id = 71\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-1574084a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Design.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Design.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1574084a\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Design.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Design.vue\n// module id = 72\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0e237cc2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0e237cc2\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part1.vue\n// module id = 73\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-647b7cd5\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-647b7cd5\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part1Stage1.vue\n// module id = 74\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-64899456\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1Stage2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1Stage2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-64899456\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1Stage2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part1Stage2.vue\n// module id = 75\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-6497abd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1Stage3.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1Stage3.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6497abd7\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1Stage3.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part1Stage3.vue\n// module id = 76\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0e319443\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0e319443\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part2.vue\n// module id = 77\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0d3fa0d4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part2Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part2Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0d3fa0d4\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part2Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part2Stage1.vue\n// module id = 78\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0d2371d2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part2Stage2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part2Stage2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0d2371d2\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part2Stage2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part2Stage2.vue\n// module id = 79\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0e3fabc4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part3.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part3.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0e3fabc4\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part3.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part3.vue\n// module id = 80\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-e3763b52\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part3Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part3Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e3763b52\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part3Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part3Stage1.vue\n// module id = 81\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-e35a0c50\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part3Stage2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part3Stage2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e35a0c50\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part3Stage2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part3Stage2.vue\n// module id = 82\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-e33ddd4e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part3Stage3.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part3Stage3.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e33ddd4e\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part3Stage3.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/design/Part3Stage3.vue\n// module id = 83\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0781c760\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Drive.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Drive.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0781c760\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Drive.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Drive.vue\n// module id = 84\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-2ad6c318\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2ad6c318\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Part1.vue\n// module id = 85\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-4435ddf2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4435ddf2\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Part1Stage1.vue\n// module id = 86\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-2aba9416\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2aba9416\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Part2.vue\n// module id = 87\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-72c9c3c8\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part2Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part2Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-72c9c3c8\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part2Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Part2Stage1.vue\n// module id = 88\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-2a9e6514\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part3.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part3.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2a9e6514\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part3.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Part3.vue\n// module id = 89\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-07ae7689\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part3Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part3Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-07ae7689\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part3Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/drive/Part3Stage1.vue\n// module id = 90\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-444d87f0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Index.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Index.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-444d87f0\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Index.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/index/Index.vue\n// module id = 91\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-e1402b28\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e1402b28\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vision/Part1.vue\n// module id = 92\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-e123fc26\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Part2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Part2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e123fc26\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Part2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vision/Part2.vue\n// module id = 93\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-04a2eed6\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Stage1.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Stage1.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-04a2eed6\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Stage1.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vision/Stage1.vue\n// module id = 94\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-0486bfd4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Stage2.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Stage2.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0486bfd4\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Stage2.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vision/Stage2.vue\n// module id = 95\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"id\\\":1,\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?sourceMap&url=false!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-47a7c50a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!postcss-loader?sourceMap!sass-loader?sourceMap!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Vision.vue\")\n\nvar Component = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Vision.vue\"),\n  /* template */\n  require(\"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-47a7c50a\\\"}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?raw&engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Vision.vue\"),\n  /* scopeId */\n  null,\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vision/Vision.vue\n// module id = 96\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage2\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"層次豐富的頭尾燈\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 極具未來感的多層次LED尾燈\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"運用鏡面多重反射原理，創造視覺上無限延伸感，讓尾燈變得既深邃又迷人。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0486bfd4\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vision/Stage2.vue\n// module id = 97\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"層次豐富的頭尾燈\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 啟發自LF-LC的超微型LED頭燈\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"輕巧的新式LED頭燈大小僅33mm，與LED日行燈前後搭配，塑造出具有深度的造型。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-04a2eed6\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vision/Stage1.vue\n// module id = 98\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"wrapper drive\"\n  }, [_c('div', {\n    staticClass: \"videoCtrlbtn\",\n    class: _vm.videoCtrlbtnState,\n    on: {\n      \"click\": _vm.videoCtrlbtn\n    }\n  }), (_vm.showPart1) ? _c('Part1', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), (_vm.showPart2) ? _c('Part2', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), (_vm.showPart3) ? _c('Part3', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), _c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.visionBackbtn),\n      expression: \"visionBackbtn\"\n    }],\n    staticClass: \"backbtn\",\n    class: _vm.showbackbtn,\n    on: {\n      \"click\": _vm.backMainVideo,\n      \"mouseover\": _vm.backbtnHover\n    }\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"backbtn\",\n      \"width\": \"138\",\n      \"height\": \"70\"\n    }\n  })]), _c('div', {\n    staticClass: \"video\"\n  }, [_c('div', {\n    staticClass: \"videocover\",\n    on: {\n      \"click\": _vm.videoCtrlbtn\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [_c('canvas', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.showvideobtn),\n      expression: \"showvideobtn\"\n    }],\n    staticClass: \"videobtn\",\n    attrs: {\n      \"id\": \"videobtnDrive\",\n      \"width\": \"274\",\n      \"height\": \"274\"\n    }\n  })])], 1), _c('div', {\n    staticClass: \"timeline\"\n  }, [_c('div', {\n    staticClass: \"point p1\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(39);\n        _vm.nowPart = 1;\n        _vm.mainVideoNowTime = 39;\n      }\n    }\n  }), _c('div', {\n    staticClass: \"point p2\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(63);\n        _vm.nowPart = 2;\n        _vm.mainVideoNowTime = 63;\n      }\n    }\n  }), _c('div', {\n    staticClass: \"point p3\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(96);\n        _vm.nowPart = 3;\n        _vm.mainVideoNowTime = 96;\n      }\n    }\n  }), _c('div', {\n    staticClass: \"line\"\n  }, [_c('div', {\n    staticClass: \"linecover\",\n    style: ({\n      width: _vm.timelineCover + '%'\n    })\n  })])]), _c('div', {\n    attrs: {\n      \"id\": \"mainPlayerDrive\"\n    }\n  })])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0781c760\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Drive.vue\n// module id = 99\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 顛覆想像的Multi-stage Hybrid多段式變速系統\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _vm._m(0)]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"系統能同時放大引擎及馬達扭力，打造加速貼背感，並能自動偵測\"), _c('br'), _vm._v(\"駕駛意圖及行駛狀態，提供最適檔位，大幅提升駕馭樂趣。\")])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-07ae7689\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Part3Stage1.vue\n// module id = 100\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage2\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"打破極限的操控性能\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 突破極限的多連桿懸吊系統\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"全新獨立多連桿懸吊系統，以獨立雙接頭上下支臂設計，提升過彎或減速時輪胎的貼地性，不管山路、平路都可流暢駕馭、無所顧忌。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0d2371d2\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part2Stage2.vue\n// module id = 101\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"打破極限的操控性能\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 前後52:48的完美配重\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"車重以前後52:48的黃金比例配置，達到車輛重心最靠近駕駛者的狀態，人與車自此緊密連結，掌握車身動態更輕易。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0d3fa0d4\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part2Stage1.vue\n// module id = 102\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part1\",\n    class: _vm.onPart1\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  })]) : _vm._e()]), _c('div', {\n    staticClass: \"stage\"\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「以繁複的細節，體現内斂的張揚。」\")]), _c('div', {\n    staticClass: \"stage_control\",\n    class: _vm.stageCoverOff\n  }, [_c('div', {\n    staticClass: \"box\",\n    class: _vm.stageCtrClick,\n    on: {\n      \"mouseover\": _vm.boxMouseover\n    }\n  }, [_c('div', {\n    staticClass: \"nextbtn\",\n    on: {\n      \"click\": _vm.nextStage\n    }\n  }, [_vm._v(\">>\")]), _c('div', {\n    staticClass: \"prevbtn\",\n    on: {\n      \"click\": _vm.prevStage\n    }\n  }, [_vm._v(\"<<\")]), _c('div', {\n    staticClass: \"que\"\n  }, [_c('div', {\n    staticClass: \"q1\",\n    class: _vm.queQ1\n  }), _c('div', {\n    staticClass: \"q2\",\n    class: _vm.queQ2\n  }), _c('div', {\n    staticClass: \"q3\",\n    class: _vm.queQ3\n  })])]), _c('div', {\n    staticClass: \"num\"\n  }, [_c('div', {\n    staticClass: \"top\"\n  }, [_vm._v(_vm._s('0' + _vm.nowstage))]), _c('div', {\n    staticClass: \"bottom\"\n  }, [_vm._v(_vm._s('0' + _vm.maxstage))])])]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage1) ? _c('Part1Stage1') : _vm._e()], 1), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage2) ? _c('Part1Stage2') : _vm._e()], 1), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage3) ? _c('Part1Stage3') : _vm._e()], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0e237cc2\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part1.vue\n// module id = 103\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part2\",\n    class: _vm.onPart1\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  })]) : _vm._e()]), _c('div', {\n    staticClass: \"stage\"\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「駕駛經驗，\"), _c('br'), _vm._v(\"凌駕一切設計理念。」\")]), _c('div', {\n    staticClass: \"stage_control\",\n    class: _vm.stageCoverOff\n  }, [_c('div', {\n    staticClass: \"box\",\n    class: _vm.stageCtrClick,\n    on: {\n      \"mouseover\": _vm.boxMouseover\n    }\n  }, [_c('div', {\n    staticClass: \"nextbtn\",\n    on: {\n      \"click\": _vm.nextStage\n    }\n  }, [_vm._v(\">>\")]), _c('div', {\n    staticClass: \"prevbtn\",\n    on: {\n      \"click\": _vm.prevStage\n    }\n  }, [_vm._v(\"<<\")]), _c('div', {\n    staticClass: \"que\"\n  }, [_c('div', {\n    staticClass: \"q1\",\n    class: _vm.queQ1\n  }), _c('div', {\n    staticClass: \"q2\",\n    class: _vm.queQ2\n  })])]), _c('div', {\n    staticClass: \"num\"\n  }, [_c('div', {\n    staticClass: \"top\"\n  }, [_vm._v(_vm._s('0' + _vm.nowstage))]), _c('div', {\n    staticClass: \"bottom\"\n  }, [_vm._v(_vm._s('0' + _vm.maxstage))])])]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart2Stage1) ? _c('Part2Stage1') : _vm._e()], 1), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart2Stage2) ? _c('Part2Stage2') : _vm._e()], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0e319443\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part2.vue\n// module id = 104\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part3\",\n    class: _vm.onPart1\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  })]) : _vm._e(), _c('div', {\n    staticClass: \"stage\"\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「毎個人都能找到\"), _c('br'), _vm._v(\"自己鍾愛的視角。」\")]), _c('div', {\n    staticClass: \"stage_control\",\n    class: _vm.stageCoverOff\n  }, [_c('div', {\n    staticClass: \"box\",\n    class: _vm.stageCtrClick,\n    on: {\n      \"mouseover\": _vm.boxMouseover\n    }\n  }, [_c('div', {\n    staticClass: \"nextbtn\",\n    on: {\n      \"click\": _vm.nextStage\n    }\n  }, [_vm._v(\">>\")]), _c('div', {\n    staticClass: \"prevbtn\",\n    on: {\n      \"click\": _vm.prevStage\n    }\n  }, [_vm._v(\"<<\")]), _c('div', {\n    staticClass: \"que\"\n  }, [_c('div', {\n    staticClass: \"q1\",\n    class: _vm.queQ1\n  }), _c('div', {\n    staticClass: \"q2\",\n    class: _vm.queQ2\n  }), _c('div', {\n    staticClass: \"q3\",\n    class: _vm.queQ3\n  })])]), _c('div', {\n    staticClass: \"num\"\n  }, [_c('div', {\n    staticClass: \"top\"\n  }, [_vm._v(_vm._s('0' + _vm.nowstage))]), _c('div', {\n    staticClass: \"bottom\"\n  }, [_vm._v(_vm._s('0' + _vm.maxstage))])])]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart3Stage1) ? _c('Part3Stage1') : _vm._e()], 1), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart3Stage2) ? _c('Part3Stage2') : _vm._e()], 1), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart3Stage3) ? _c('Part3Stage3') : _vm._e()], 1)], 1)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0e3fabc4\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part3.vue\n// module id = 105\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('nav', [_c('div', {\n    staticClass: \"menubtn\",\n    class: _vm.openNav,\n    on: {\n      \"click\": _vm.menubtnClick\n    }\n  }, [_c('span', {\n    staticClass: \"top\"\n  }), _c('span', {\n    staticClass: \"middle\"\n  }), _c('span', {\n    staticClass: \"bottom\"\n  })]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.isopenNav) ? _c('div', {\n    staticClass: \"menu\"\n  }, [_c('ul', [_c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('VISION')\n      }\n    }\n  }, [_c('router-link', {\n    attrs: {\n      \"to\": \"/vision\"\n    }\n  }, [_c('span', {\n    staticClass: \"s\"\n  }, [_vm._v(\"part one\")]), _c('span', {\n    staticClass: \"b\"\n  }, [_vm._v(\"the vision\")])])], 1), _c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('DESIGN')\n      }\n    }\n  }, [_c('router-link', {\n    attrs: {\n      \"to\": \"/design\"\n    }\n  }, [_c('span', {\n    staticClass: \"s\"\n  }, [_vm._v(\"part two\")]), _c('span', {\n    staticClass: \"b\"\n  }, [_vm._v(\"the design\")])])], 1), _c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('DRIVE')\n      }\n    }\n  }, [_c('router-link', {\n    attrs: {\n      \"to\": \"/drive\"\n    }\n  }, [_c('span', {\n    staticClass: \"s\"\n  }, [_vm._v(\"part three\")]), _c('span', {\n    staticClass: \"b\"\n  }, [_vm._v(\"the DRIVE\")])])], 1), _c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('CAR')\n      }\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"javascript:;\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.windowOpen('http://www.lexus.com.tw/testdrive.aspx')\n      }\n    }\n  }, [_c('span', {\n    staticClass: \"b single\"\n  }, [_vm._v(\"預約賞車\")])])]), _c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('DETAIL')\n      }\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"javascript:;\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.windowOpen('http://www.lexus.com.tw/showroom/LC/')\n      }\n    }\n  }, [_c('span', {\n    staticClass: \"b single\"\n  }, [_vm._v(\"更多LC細節\")])])]), _c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('FB')\n      }\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"javascript:;\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.windowOpen('https://www.facebook.com/lexus.tw/')\n      }\n    }\n  }, [_c('span', {\n    staticClass: \"b single\"\n  }, [_vm._v(\"Lexus FB粉絲團\")])])]), _c('li', {\n    on: {\n      \"click\": function($event) {\n        _vm.menuliClick('YT')\n      }\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"javascript:;\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.windowOpen('https://www.youtube.com/user/LEXUSTaiwanchannel')\n      }\n    }\n  }, [_c('span', {\n    staticClass: \"b single\"\n  }, [_vm._v(\"Lexus Youtube官方頻道\")])])])]), _c('div', {\n    staticClass: \"cover\",\n    on: {\n      \"click\": _vm.menubtnClick\n    }\n  })]) : _vm._e()]), _vm._m(0)], 1)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"soundbtn\"\n  }, [_c('span', {\n    staticClass: \"l1\"\n  }), _c('span', {\n    staticClass: \"l2\"\n  }), _c('span', {\n    staticClass: \"l3\"\n  }), _c('span', {\n    staticClass: \"l4\"\n  })])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-10e950ec\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/component/Nav.vue\n// module id = 106\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"wrapper design\"\n  }, [_c('div', {\n    staticClass: \"videoCtrlbtn\",\n    class: _vm.videoCtrlbtnState,\n    on: {\n      \"click\": _vm.videoCtrlbtn\n    }\n  }), (_vm.showPart1) ? _c('Part1', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), (_vm.showPart2) ? _c('Part2', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), (_vm.showPart3) ? _c('Part3', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), _c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.visionBackbtn),\n      expression: \"visionBackbtn\"\n    }],\n    staticClass: \"backbtn\",\n    class: _vm.showbackbtn,\n    on: {\n      \"click\": _vm.backMainVideo,\n      \"mouseover\": _vm.backbtnHover\n    }\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"backbtn\",\n      \"width\": \"138\",\n      \"height\": \"70\"\n    }\n  })]), _c('div', {\n    staticClass: \"video\"\n  }, [_c('div', {\n    staticClass: \"videocover\",\n    on: {\n      \"click\": _vm.videoCtrlbtn\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [_c('canvas', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.showvideobtn),\n      expression: \"showvideobtn\"\n    }],\n    staticClass: \"videobtn\",\n    attrs: {\n      \"id\": \"videobtnDesign\",\n      \"width\": \"274\",\n      \"height\": \"274\"\n    }\n  })])], 1), _c('div', {\n    staticClass: \"timeline\"\n  }, [_c('div', {\n    staticClass: \"point p1\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(41);\n        _vm.nowPart = 1;\n        _vm.mainVideoNowTime = 41\n      }\n    }\n  }), _c('div', {\n    staticClass: \"point p2\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(82);\n        _vm.nowPart = 2;\n        _vm.mainVideoNowTime = 82\n      }\n    }\n  }), _c('div', {\n    staticClass: \"point p3\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(108);\n        _vm.nowPart = 3;\n        _vm.mainVideoNowTime = 108\n      }\n    }\n  }), _c('div', {\n    staticClass: \"line\"\n  }, [_c('div', {\n    staticClass: \"linecover\",\n    style: ({\n      width: _vm.timelineCover + '%'\n    })\n  })])]), _c('div', {\n    attrs: {\n      \"id\": \"mainPlayerDesign\"\n    }\n  })])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1574084a\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Design.vue\n// module id = 107\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.loadingShow) ? _c('div', {\n    staticClass: \"loading\"\n  }, [_c('span', [_vm._v(_vm._s(_vm.percent))])]) : _vm._e()])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1f6c1405\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/component/Loading.vue\n// module id = 108\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part3\",\n    class: _vm.onPart1\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  })]) : _vm._e()]), _c('div', {\n    staticClass: \"stage\"\n  }, [(_vm.showPart3Stage1) ? _c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「節能與速度，兩者兼具。」\")]) : _vm._e(), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart3Stage1) ? _c('Part3Stage1') : _vm._e()], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-2a9e6514\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Part3.vue\n// module id = 109\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part2\",\n    class: _vm.onPart1\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer2\"\n    }\n  })]) : _vm._e()]), _c('div', {\n    staticClass: \"stage\"\n  }, [(_vm.showPart2Stage1) ? _c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「宛如坐在沙發上，\"), _c('br'), _vm._v(\"聆聽環繞交響曲。」\")]) : _vm._e(), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart2Stage1) ? _c('Part2Stage1') : _vm._e()], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-2aba9416\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Part2.vue\n// module id = 110\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part1\",\n    class: _vm.onPart1\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  })]) : _vm._e()]), _c('div', {\n    staticClass: \"stage\"\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage1) ? _c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「狂妄加速時，\"), _c('br'), _vm._v(\"節奏依舊從容。」\")]) : _vm._e()]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage1) ? _c('Part1Stage1') : _vm._e()], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-2ad6c318\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Part1.vue\n// module id = 111\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 高級車首創10速手自排變速系統\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"10速手自排變速箱提供一致鮮明的換檔節奏與相仿轉數，能釋出絕佳的扭力表現。且迅速的換檔反應讓檔位銜接更犀利，大幅提升操駕樂趣。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-4435ddf2\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Part1Stage1.vue\n// module id = 112\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"indexBox\"\n  }, [_c('div', {\n    staticClass: \"wrapper index\"\n  }, [_vm._m(0), _c('div', {\n    staticClass: \"btnbox\",\n    class: _vm.setBoxon\n  }, [_vm._m(1), _vm._m(2), _vm._m(3)]), _c('div', {\n    staticClass: \"bg\"\n  })])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"title\"\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"title\",\n      \"width\": \"390\",\n      \"height\": \"465\"\n    }\n  }), _c('canvas', {\n    attrs: {\n      \"id\": \"tip\",\n      \"width\": \"291\",\n      \"height\": \"35\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"btn\",\n    attrs: {\n      \"data-href\": \"/vision\"\n    }\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"btn1\",\n      \"width\": \"430\",\n      \"height\": \"430\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"btn\",\n    attrs: {\n      \"data-href\": \"/design\"\n    }\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"btn2\",\n      \"width\": \"430\",\n      \"height\": \"430\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"btn\",\n    attrs: {\n      \"data-href\": \"/drive\"\n    }\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"btn3\",\n      \"width\": \"430\",\n      \"height\": \"430\"\n    }\n  })])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-444d87f0\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/index/Index.vue\n// module id = 113\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"wrapper vision\"\n  }, [_c('div', {\n    staticClass: \"videoCtrlbtn\",\n    class: _vm.videoCtrlbtnState,\n    on: {\n      \"click\": _vm.videoCtrlbtn\n    }\n  }), (_vm.showPart1) ? _c('Part1', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), (_vm.showPart2) ? _c('Part2', {\n    attrs: {\n      \"readyToPlay\": _vm.readyToPlay\n    }\n  }) : _vm._e(), _c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.visionBackbtn),\n      expression: \"visionBackbtn\"\n    }],\n    staticClass: \"backbtn\",\n    class: _vm.showbackbtn,\n    on: {\n      \"click\": _vm.backMainVideo,\n      \"mouseover\": _vm.backbtnHover\n    }\n  }, [_c('canvas', {\n    attrs: {\n      \"id\": \"backbtn\",\n      \"width\": \"138\",\n      \"height\": \"70\"\n    }\n  })]), _c('div', {\n    staticClass: \"video\"\n  }, [_c('div', {\n    staticClass: \"videocover\",\n    on: {\n      \"click\": _vm.videoCtrlbtn\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [_c('canvas', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.showvideobtn),\n      expression: \"showvideobtn\"\n    }],\n    staticClass: \"videobtn\",\n    attrs: {\n      \"id\": \"videobtnVision\",\n      \"width\": \"274\",\n      \"height\": \"274\"\n    }\n  })])], 1), _c('div', {\n    staticClass: \"timeline\"\n  }, [_c('div', {\n    staticClass: \"point p1\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(36);\n        _vm.nowPart = 1;\n        _vm.mainVideoNowTime = 36;\n      }\n    }\n  }), _c('div', {\n    staticClass: \"point p2\",\n    on: {\n      \"click\": function($event) {\n        _vm.mainPlayer.seekTo(67);\n        _vm.nowPart = 2;\n        _vm.mainVideoNowTime = 67;\n      }\n    }\n  }), _c('div', {\n    staticClass: \"line\"\n  }, [_c('div', {\n    staticClass: \"linecover\",\n    style: ({\n      width: _vm.timelineCover + '%'\n    })\n  })])]), _c('div', {\n    attrs: {\n      \"id\": \"mainPlayerVision\"\n    }\n  })])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-47a7c50a\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vision/Vision.vue\n// module id = 114\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"手工打造的駕駛座艙\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 首席試車手親手調校方向盤\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"經首席試車手反覆手握調校， 呈現出每個角度均有不同弧面的獨特方向盤設計，以最完美握感，創造駕駛者與LC合為一體的絕佳感受。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-647b7cd5\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part1Stage1.vue\n// module id = 115\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage2\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"手工打造的駕駛座艙\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 極致奢華手工精品皮革\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"以皮革及Alcantara®人造麂皮交織出精品般的內裝設計，每吋皮革均以手工縫製，講求縫線寬度一致工整。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-64899456\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part1Stage2.vue\n// module id = 116\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage3\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"手工打造的駕駛座艙\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 內對內縫線工法排檔桿頭\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"嚴選觸感最細緻真皮包覆排檔桿頭，皮革縫線採用精細的「內對內」縫紉技術，提供柔順就手的握感。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-6497abd7\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part1Stage3.vue\n// module id = 117\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.MobiletipShow) ? _c('div', {\n    staticClass: \"MobiletipShow\"\n  }, [_c('div', {\n    staticClass: \"main\"\n  }, [_c('div', {\n    staticClass: \"t\"\n  }, [_vm._v(\"請旋轉您的裝置\")]), _c('div', {\n    staticClass: \"tippic\"\n  }), _c('div', {\n    staticClass: \"tipbg\"\n  })])]) : _vm._e()])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-675b38c2\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/component/Mobiletip.vue\n// module id = 118\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 前後環繞的引擎聲浪\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"悅耳的聲浪從座艙的前方與後方包覆駕駛者。並由專家親自調校引擎聲浪響鳴器及聲浪導管，在任何轉數下，都能感受到完美和諧的聲浪表現。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-72c9c3c8\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/drive/Part2Stage1.vue\n// module id = 119\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    class: _vm.userDevice,\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('VideoAlert'), _c('Mobiletip'), _c('Loading'), _c('router-link', {\n    staticClass: \"logo\",\n    attrs: {\n      \"to\": \"/\"\n    }\n  }), _c('Nav'), _c('div', {\n    staticClass: \"sharefb\",\n    on: {\n      \"click\": _vm.sharefb\n    }\n  }, [_vm._v(\"Share\")]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [_c('router-view')], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-75ac5488\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/App.vue\n// module id = 120\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.VideoAlertShow) ? _c('div', {\n    staticClass: \"VideoAlert\"\n  }, [_c('div', {\n    staticClass: \"main\"\n  }, [_c('div', {\n    staticClass: \"t\"\n  }, [_vm._v(\"你所處的網路環境較慢，請連接WIFI\")])])]) : _vm._e()])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-dd57c830\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/component/VideoAlert.vue\n// module id = 121\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part2\",\n    class: _vm.onPart2\n  }, [(_vm.showPart2Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer2\"\n    }\n  })]) : _vm._e(), _c('div', {\n    staticClass: \"stage\"\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「不空談理想，\"), _c('br'), _vm._v(\"　　　讓未來觸摸得到。」\")]), (_vm.showPart2Stage1) ? _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 實踐LF-LC概念跑車的想像\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"原汁原味呈現LF-LC概念車的想法，以慣性定律兩大元素「低車身重心」、「重量往重心集中」為基礎，打造出前衛的車身曲線、深邃有層次感的尾燈，與輕量化的車體結構等設計。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })]) : _vm._e()])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-e123fc26\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vision/Part2.vue\n// module id = 122\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"part1\",\n    class: _vm.onPart1\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Video) ? _c('div', {\n    staticClass: \"partVideo\"\n  }, [_c('div', {\n    staticClass: \"videocover\"\n  }), _c('div', {\n    attrs: {\n      \"id\": \"partPlayer1\"\n    }\n  })]) : _vm._e()]), _c('div', {\n    staticClass: \"stage\"\n  }, [_c('div', {\n    staticClass: \"stageCover\",\n    class: _vm.stageCoverOff\n  }), _c('div', {\n    staticClass: \"title\",\n    class: _vm.stageCoverOff\n  }, [_vm._v(\"-「深厚的設計内涵，第一眼就嶄露無遺。」\")]), _c('div', {\n    staticClass: \"stage_control\",\n    class: _vm.stageCoverOff\n  }, [_c('div', {\n    staticClass: \"box\",\n    class: _vm.stageCtrClick,\n    on: {\n      \"mouseover\": _vm.boxMouseover\n    }\n  }, [_c('div', {\n    staticClass: \"nextbtn\",\n    on: {\n      \"click\": _vm.nextStage\n    }\n  }, [_vm._v(\">>\")]), _c('div', {\n    staticClass: \"prevbtn\",\n    on: {\n      \"click\": _vm.prevStage\n    }\n  }, [_vm._v(\"<<\")]), _c('div', {\n    staticClass: \"que\"\n  }, [_c('div', {\n    staticClass: \"q1\",\n    class: _vm.queQ1\n  }), _c('div', {\n    staticClass: \"q2\",\n    class: _vm.queQ2\n  })])]), _c('div', {\n    staticClass: \"num\"\n  }, [_c('div', {\n    staticClass: \"top\"\n  }, [_vm._v(_vm._s('0' + _vm.nowstage))]), _c('div', {\n    staticClass: \"bottom\"\n  }, [_vm._v(_vm._s('0' + _vm.maxstage))])])]), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage1) ? _c('Stage1') : _vm._e()], 1), _c('transition', {\n    attrs: {\n      \"name\": \"fade\",\n      \"mode\": \"out-in\"\n    }\n  }, [(_vm.showPart1Stage2) ? _c('Stage2') : _vm._e()], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-e1402b28\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vision/Part1.vue\n// module id = 123\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage3\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"前衛迷人的車身曲線\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 收合式門把\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"設計自動式收合門把，讓跑車腰身線條一氣呵成，同時提升高速行駛的空力表現。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-e33ddd4e\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part3Stage3.vue\n// module id = 124\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage2\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"前衛迷人的車身曲線\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 武士刀造型車頂飾條\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"尾端武士刀造型的鍍鉻飾條，提升質感，同時壓低車頂視覺。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-e35a0c50\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part3Stage2.vue\n// module id = 125\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"stage1\"\n  }, [_c('div', {\n    staticClass: \"des\",\n    class: _vm.desOn,\n    on: {\n      \"click\": _vm.opendes\n    }\n  }, [_c('div', {\n    staticClass: \"dessubtitle\"\n  }, [_vm._v(\"前衛迷人的車身曲線\")]), _c('div', {\n    staticClass: \"destitle\"\n  }, [_vm._v(\" 俐落車身腰線\"), (_vm.showopen) ? _c('div', {\n    staticClass: \"open\"\n  }) : _vm._e()]), _c('div', {\n    staticClass: \"text\"\n  }, [_vm._v(\"大膽的寬腰曲線，完美描繪跑車趴伏地板的姿態。\")])]), _c('div', {\n    staticClass: \"mainbg\"\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-e3763b52\"}!./~/vue-loader/lib/template-compiler/preprocessor.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/design/Part3Stage1.vue\n// module id = 126\n// module chunks = 0","var g;\r\n\r\n// This works in non-strict mode\r\ng = (function() {\r\n\treturn this;\r\n})();\r\n\r\ntry {\r\n\t// This works if eval is allowed (see CSP)\r\n\tg = g || Function(\"return this\")() || (1,eval)(\"this\");\r\n} catch(e) {\r\n\t// This works if the window reference is available\r\n\tif(typeof window === \"object\")\r\n\t\tg = window;\r\n}\r\n\r\n// g can still be undefined, but nothing to do about it...\r\n// We return undefined, instead of nothing here, so it's\r\n// easier to handle this case. if(!global) { ...}\r\n\r\nmodule.exports = g;\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// (webpack)/buildin/global.js\n// module id = 127\n// module chunks = 0","/* (ignored) */\n\n\n//////////////////\n// WEBPACK FOOTER\n// vertx (ignored)\n// module id = 128\n// module chunks = 0"],"sourceRoot":""}