{"version":3,"file":"js/app.js","mappings":"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","sources":["webpack://2023_04_lexus_electrified_sport_concept/./src/App.vue","webpack://2023_04_lexus_electrified_sport_concept/./src/component/gallerySwiper.vue","webpack://2023_04_lexus_electrified_sport_concept/src/component/gallerySwiper.vue","webpack://2023_04_lexus_electrified_sport_concept/./src/component/gallerySwiper.vue?003f","webpack://2023_04_lexus_electrified_sport_concept/./src/component/gallerySwiper.vue?e5de","webpack://2023_04_lexus_electrified_sport_concept/src/App.vue","webpack://2023_04_lexus_electrified_sport_concept/./src/App.vue?51dd","webpack://2023_04_lexus_electrified_sport_concept/./src/App.vue?0e40","webpack://2023_04_lexus_electrified_sport_concept/./src/main.js","webpack://2023_04_lexus_electrified_sport_concept/./src/assets/img/swiper/ sync ^\\.\\/swiper_img_s0.*\\.jpg$","webpack://2023_04_lexus_electrified_sport_concept/webpack/bootstrap","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/chunk loaded","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/compat get default export","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/define property getters","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/global","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/hasOwnProperty shorthand","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/make namespace object","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/publicPath","webpack://2023_04_lexus_electrified_sport_concept/webpack/runtime/jsonp chunk loading","webpack://2023_04_lexus_electrified_sport_concept/webpack/startup"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{ 'header-margin': _vm.isProduction === 'production' },attrs:{\"id\":\"app\"}},[_c('div',{staticClass:\"wrapper\"},[_vm._m(0),_c('section',{staticClass:\"concept-container section\",class:{ active: _vm.sectionIdObj.concept },attrs:{\"id\":\"concept\"}},[_vm._m(1)]),_c('section',{staticClass:\"gallery-container section\",class:{ active: _vm.sectionIdObj.gallery },attrs:{\"id\":\"gallery\"}},[_c('div',{staticClass:\"content-box\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"GALLERY\")]),_c('p',{staticClass:\"text\"},[_vm._v(\"張揚大膽之姿 盡顯未來超跑魅力\")]),_c('gallerySwiper')],1)]),_c('section',{staticClass:\"social-container section\",class:{ active: _vm.sectionIdObj.social },attrs:{\"id\":\"social\"}},[_c('div',{staticClass:\"social-media-wrap\"},[_c('a',{staticClass:\"social-content\",attrs:{\"href\":_vm.shareUrl,\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"./assets/img/social_share_icon.png\"),\"alt\":\"\"}}),_vm._m(2)]),_vm._m(3),_vm._m(4)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"kv-container section\",attrs:{\"id\":\"kv\"}},[_c('div',{staticClass:\"content-box\"},[_c('div',{staticClass:\"main-title\"},[_vm._v(\"Lexus Electrified Sport Concept\")]),_c('div',{staticClass:\"title\"},[_vm._v(\"未來電動超跑概念車\")]),_c('p',{staticClass:\"text\"},[_vm._v(\" Lexus Electrified Sport Concept 整體設計\"),_c('br'),_vm._v(\"承襲了 Lexus 傳奇限量超跑 LFA 的 DNA \")]),_c('p',{staticClass:\"text\"},[_vm._v(\" 必將成為 Lexus 電動車款中劃時代跑車力作\"),_c('br'),_c('span',[_vm._v(\"，\")]),_vm._v(\"不僅展現了 Lexus 迎向全面電動化的決心、實力與革新精神 \")]),_c('p',{staticClass:\"text\"},[_vm._v(\"更是象徵著迎向美好生活的宏大願景\")]),_c('p')])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-box\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"傳承LFA超跑精神 \"),_c('br'),_vm._v(\"創造極致駕馭感受\")]),_c('p',{staticClass:\"text\"},[_vm._v(\" 結合大膽比例、低車身重心與流線型俐落體態\"),_c('br'),_c('span',[_vm._v(\"，\")]),_vm._v(\"Lexus Electrified Sport Concept 展現出完美吸睛的獨特魅力 \")]),_c('p',{staticClass:\"text\"},[_vm._v(\" 2 秒自靜止加速至時速 100 公里，續航里程更將超過 700 km \")]),_c('p',{staticClass:\"text\"},[_vm._v(\" 其優異的加速、轉向和剎車表現\"),_c('span',[_vm._v(\"，\")]),_c('br'),_vm._v(\"在在展現出強悍的跑車性能和無可取代的極致駕馭感受 \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"social-text\"},[_vm._v(\"分享至 \"),_c('br'),_vm._v(\"Facebook\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"social-content\",attrs:{\"href\":\"https://www.facebook.com/lexus.tw\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"./assets/img/social_fb_icon.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"social-text\"},[_vm._v(\"前往 Lexus TW \"),_c('br'),_vm._v(\"Facebook\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"social-content\",attrs:{\"href\":\"https://www.instagram.com/lexus_taiwan/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"./assets/img/social_ig_icon.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"social-text\"},[_vm._v(\"前往 Lexus TW \"),_c('br'),_vm._v(\"Instagram\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('swiper',{ref:\"mySwiper\",attrs:{\"options\":_vm.swiperOptions},on:{\"click-slide\":_vm.openLightBox}},_vm._l((8),function(o,index){return _c('swiper-slide',{key:`index-${index}`},[_c('img',{staticClass:\"swiper-img\",attrs:{\"src\":require(`../assets/img/swiper/swiper_img_s0${o}.jpg`),\"alt\":\"\"}})])}),1),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('LightBox',{ref:\"lightbox\",attrs:{\"media\":_vm.media,\"showLightBox\":false}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <swiper ref=\"mySwiper\" :options=\"swiperOptions\" @click-slide=\"openLightBox\">\r\n      <swiper-slide v-for=\"(o, index) in 8\" :key=\"`index-${index}`\">\r\n        <img\r\n          class=\"swiper-img\"\r\n          :src=\"require(`../assets/img/swiper/swiper_img_s0${o}.jpg`)\"\r\n          alt=\"\"\r\n        />\r\n      </swiper-slide>\r\n      <!-- <swiper-slide v-for=\"o in 3\" :key=\"o\">\r\n        <img\r\n          class=\"swiper-img\"\r\n          :src=\"require(`../assets/img/swiper/swiper-img-${o}.png`)\"\r\n          alt=\"\"\r\n        />\r\n      </swiper-slide> -->\r\n    </swiper>\r\n    <div class=\"swiper-button-prev\" slot=\"button-prev\"></div>\r\n    <div class=\"swiper-button-next\" slot=\"button-next\"></div>\r\n    <LightBox :media=\"media\" :showLightBox=\"false\" ref=\"lightbox\"></LightBox>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { Swiper, SwiperSlide, directive } from \"vue-awesome-swiper\";\r\nimport \"swiper/css/swiper.css\";\r\nimport LightBox from \"vue-image-lightbox\";\r\nrequire(\"vue-image-lightbox/dist/vue-image-lightbox.min.css\");\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      swiperOptions: {\r\n        slidesPerView: \"auto\",\r\n        freeMode: true,\r\n        spaceBetween: 10,\r\n        navigation: {\r\n          nextEl: \".swiper-button-next\",\r\n          prevEl: \".swiper-button-prev\",\r\n        },\r\n        breakpoints: {\r\n          992: {\r\n            slidesPerView: \"auto\",\r\n            freeMode: false,\r\n            spaceBetween: 10,\r\n            navigation: {\r\n              nextEl: \".swiper-button-next\",\r\n              prevEl: \".swiper-button-prev\",\r\n            },\r\n          },\r\n        },\r\n        // Some Swiper option/callback...\r\n      },\r\n      media: [\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b01.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b01.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b02.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b02.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b03.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b03.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b04.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b04.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b05.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b05.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b06.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b06.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b07.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b07.jpg\"),\r\n        },\r\n        {\r\n          thumb: require(\"@/assets/img/swiper/swiper_img_b08.jpg\"),\r\n          src: require(\"@/assets/img/swiper/swiper_img_b08.jpg\"),\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  computed: {\r\n    swiper() {\r\n      return this.$refs.mySwiper.$swiper;\r\n    },\r\n  },\r\n  methods: {\r\n    openLightBox(index) {\r\n      console.log(index);\r\n      this.$refs.lightbox.showImage(index);\r\n    },\r\n    slideClicked(index) {\r\n      console.log(index);\r\n    },\r\n    getIndex(index) {\r\n      console.log(index);\r\n    },\r\n  },\r\n  created() {\r\n    // vm = this;\r\n  },\r\n  mounted() {\r\n    // console.log(\"Current Swiper instance object\", this.swiper);\r\n    // this.swiper.slideTo(3, 1000, false);\r\n  },\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    LightBox,\r\n  },\r\n  directives: {\r\n    swiper: directive,\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.swiper-container {\r\n  width: vwX(1436);\r\n  @include tablet {\r\n    width: vw(600);\r\n  }\r\n  .swiper-wrapper {\r\n    .swiper-slide {\r\n      display: block;\r\n      width: auto;\r\n      height: vwX(497);\r\n      @include tablet {\r\n        height: vw(670);\r\n      }\r\n    }\r\n  }\r\n  .swiper-img {\r\n    // min-height: vwX(497);\r\n    height: 100%;\r\n  }\r\n}\r\n.swiper-button-prev {\r\n  left: vwX(180);\r\n  top: 52%;\r\n  @include tablet {\r\n    left: vw(15);\r\n    top: 59%;\r\n  }\r\n  &::after {\r\n    color: white;\r\n  }\r\n}\r\n.swiper-button-next {\r\n  right: vwX(180);\r\n  top: 52%;\r\n  @include tablet {\r\n    right: vw(10);\r\n    top: 59%;\r\n  }\r\n  &::after {\r\n    color: white;\r\n  }\r\n}\r\n.vue-lb-thumbnail-wrapper,\r\n.vue-lb-footer,\r\n.vue-lb-arrow {\r\n  display: none;\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./gallerySwiper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./gallerySwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gallerySwiper.vue?vue&type=template&id=74f8d66d&\"\nimport script from \"./gallerySwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./gallerySwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gallerySwiper.vue?vue&type=style&index=0&id=74f8d66d&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"app\" :class=\"{ 'header-margin': isProduction === 'production' }\">\r\n    <div class=\"wrapper\">\r\n      <section id=\"kv\" class=\"kv-container section\">\r\n        <div class=\"content-box\">\r\n          <div class=\"main-title\">Lexus Electrified Sport Concept</div>\r\n          <div class=\"title\">未來電動超跑概念車</div>\r\n          <p class=\"text\">\r\n            Lexus Electrified Sport Concept 整體設計<br />承襲了 Lexus\r\n            傳奇限量超跑 LFA 的 DNA\r\n          </p>\r\n          <p class=\"text\">\r\n            必將成為 Lexus 電動車款中劃時代跑車力作<br /><span>，</span\r\n            >不僅展現了 Lexus 迎向全面電動化的決心、實力與革新精神\r\n          </p>\r\n          <p class=\"text\">更是象徵著迎向美好生活的宏大願景</p>\r\n          <p></p>\r\n        </div>\r\n      </section>\r\n      <section\r\n        id=\"concept\"\r\n        class=\"concept-container section\"\r\n        :class=\"{ active: sectionIdObj.concept }\"\r\n      >\r\n        <div class=\"content-box\">\r\n          <div class=\"title\">傳承LFA超跑精神 <br />創造極致駕馭感受</div>\r\n          <p class=\"text\">\r\n            結合大膽比例、低車身重心與流線型俐落體態<br /><span>，</span>Lexus\r\n            Electrified Sport Concept 展現出完美吸睛的獨特魅力\r\n          </p>\r\n          <p class=\"text\">\r\n            2 秒自靜止加速至時速 100 公里，續航里程更將超過 700 km\r\n          </p>\r\n          <p class=\"text\">\r\n            其優異的加速、轉向和剎車表現<span>，</span\r\n            ><br />在在展現出強悍的跑車性能和無可取代的極致駕馭感受\r\n          </p>\r\n        </div>\r\n      </section>\r\n      <section\r\n        id=\"gallery\"\r\n        class=\"gallery-container section\"\r\n        :class=\"{ active: sectionIdObj.gallery }\"\r\n      >\r\n        <div class=\"content-box\">\r\n          <div class=\"title\">GALLERY</div>\r\n          <p class=\"text\">張揚大膽之姿 盡顯未來超跑魅力</p>\r\n          <gallerySwiper></gallerySwiper>\r\n        </div>\r\n      </section>\r\n      <!-- <section id=\"promotion\" class=\"promotion-container section\">\r\n        <div\r\n          class=\"video-wrap\"\r\n          @mouseenter=\"isControllerHide = false\"\r\n          @mouseleave=\"isControllerHide = true\"\r\n        >\r\n          <video\r\n            ref=\"promotionVideo\"\r\n            playsinline\r\n            poster=\"./assets/img/video_poster.png\"\r\n            @playing=\"startedPlaying\"\r\n            @onpause=\"paused\"\r\n            @ended=\"end\"\r\n            @canplay=\"getDuration\"\r\n            @timeupdate=\"getCurrntTime\"\r\n            @clcik=\"isControllerHide = true\"\r\n          >\r\n            <source src=\"video/promotion_final_video.mp4\" type=\"video/mp4\" />\r\n          </video>\r\n          <a\r\n            href=\"javascript:;\"\r\n            class=\"reply-btn\"\r\n            @click.prevent=\"playVideo\"\r\n            v-if=\"isPause\"\r\n          ></a>\r\n          <a\r\n            href=\"javascript:;\"\r\n            class=\"first-play-btn\"\r\n            @click.prevent=\"playVideo\"\r\n            v-if=\"isFirstPlay\"\r\n          ></a>\r\n          <div class=\"bottom-controller\" :class=\"{ hide: isControllerHide }\">\r\n            <div class=\"btn-group\">\r\n              <a\r\n                href=\"javascript:;\"\r\n                class=\"play-btn\"\r\n                @click.prevent=\"playVideo\"\r\n              ></a>\r\n              <a\r\n                href=\"javascript:;\"\r\n                class=\"pause-btn\"\r\n                @click.prevent=\"pauseVideo\"\r\n              ></a>\r\n            </div>\r\n            <div class=\"time-group\">\r\n              <div class=\"current-time\">{{ currentTime }}/</div>\r\n              <div class=\"duration\">\r\n                {{ durationTime }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section> -->\r\n      <section\r\n        id=\"social\"\r\n        class=\"social-container section\"\r\n        :class=\"{ active: sectionIdObj.social }\"\r\n      >\r\n        <div class=\"social-media-wrap\">\r\n          <a\r\n            :href=\"shareUrl\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"social-content\"\r\n          >\r\n            <img src=\"./assets/img/social_share_icon.png\" alt=\"\" />\r\n            <div class=\"social-text\">分享至 <br />Facebook</div>\r\n          </a>\r\n          <a\r\n            href=\"https://www.facebook.com/lexus.tw\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"social-content\"\r\n          >\r\n            <img src=\"./assets/img/social_fb_icon.png\" alt=\"\" />\r\n            <div class=\"social-text\">前往 Lexus TW <br />Facebook</div>\r\n          </a>\r\n          <a\r\n            href=\"https://www.instagram.com/lexus_taiwan/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"social-content\"\r\n          >\r\n            <img src=\"./assets/img/social_ig_icon.png\" alt=\"\" />\r\n            <div class=\"social-text\">前往 Lexus TW <br />Instagram</div>\r\n          </a>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport gallerySwiper from \"./component/gallerySwiper\";\r\n// import { useIntersectionObserver } from '@vueuse/core'\r\nexport default {\r\n  name: \"App\",\r\n  data() {\r\n    return {\r\n      isProduction: process.env.NODE_ENV,\r\n      sectionIdObj: {\r\n        kv: false,\r\n        concept: false,\r\n        gallery: false,\r\n        promotion: false,\r\n        social: false,\r\n      },\r\n      durationTime: \"\",\r\n      currentTime: \"00:00\",\r\n      isFirstPlay: true,\r\n      isPause: false,\r\n      isControllerHide: false,\r\n    };\r\n  },\r\n  components: {\r\n    gallerySwiper,\r\n  },\r\n  methods: {\r\n    startedPlaying() {\r\n      console.log(\"playing\");\r\n    },\r\n    paused() {\r\n      console.log(\"pause\");\r\n    },\r\n    end() {\r\n      console.log(\"end\");\r\n      this.isPause = true;\r\n    },\r\n    playVideo() {\r\n      this.$refs.promotionVideo.play();\r\n      this.isFirstPlay = false;\r\n      this.isPause = false;\r\n      this.isControllerHide = true;\r\n    },\r\n    pauseVideo() {\r\n      this.$refs.promotionVideo.pause();\r\n      this.isControllerHide = false;\r\n      // if (this.currentTime !== '00:00') {\r\n      //   this.isPause = true;\r\n      // }\r\n      // console.log(this.$refs.promotionVideo.currentTime);\r\n    },\r\n    getDuration() {\r\n      let seconds = Math.round(this.$refs.promotionVideo.duration);\r\n      let min =\r\n        Math.floor(seconds / 60) >= 10\r\n          ? Math.floor(seconds / 60)\r\n          : \"0\" + Math.floor(seconds / 60);\r\n      let sec = seconds >= 10 ? seconds : \"0\" + seconds;\r\n      this.durationTime = min + \":\" + sec;\r\n    },\r\n    getCurrntTime() {\r\n      let seconds = Math.round(this.$refs.promotionVideo.currentTime);\r\n      let min =\r\n        Math.floor(seconds / 60) >= 10\r\n          ? Math.floor(seconds / 60)\r\n          : \"0\" + Math.floor(seconds / 60);\r\n      let sec = seconds >= 10 ? seconds : \"0\" + seconds;\r\n      this.currentTime = min + \":\" + sec;\r\n    },\r\n  },\r\n  mounted() {\r\n    const self = this;\r\n    let sectionList = document.querySelectorAll(\"section\");\r\n    let io = new IntersectionObserver(\r\n      function (entries) {\r\n        entries.forEach(function (el) {\r\n          if (el.isIntersecting) {\r\n            self.sectionIdObj[el.target.id] = true;\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold: [0.25],\r\n      }\r\n    );\r\n    sectionList.forEach(function (el) {\r\n      io.observe(el);\r\n    });\r\n    // console.log(this.$refs.promotionVideo.duration);\r\n  },\r\n  computed: {\r\n    shareUrl() {\r\n      return `https://www.facebook.com/sharer.php?u=${process.env.VUE_APP_SITE}`;\r\n    },\r\n    // durationTime(){\r\n    //   if(this.$refs.promotionVideo.duration){\r\n    //     return this.$refs.promotionVideo.duration\r\n    //   }\r\n    //   else{\r\n    //     return \"00:00\"\r\n    //   }\r\n    // }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\nbody {\r\n  font: unset;\r\n}\r\n#app {\r\n  font-family: \"nbk\", $fontFamilyNotoSans;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  a:hover {\r\n    text-decoration: none;\r\n  }\r\n}\r\n.section {\r\n  min-height: vwX(960);\r\n  @include tablet {\r\n    min-height: vw(1100);\r\n  }\r\n}\r\n.main-title {\r\n  font-size: vwX(96);\r\n  letter-spacing: vwX(PsdLetterSpacing(20, 96));\r\n  margin-bottom: vwX(32);\r\n  @include tablet {\r\n    font-size: vw(56);\r\n    letter-spacing: vw(PsdLetterSpacing(0, 56));\r\n    margin-bottom: vw(36);\r\n  }\r\n}\r\n.title {\r\n  font-size: vwX(36);\r\n  letter-spacing: vwX(PsdLetterSpacing(400, 36));\r\n  margin-bottom: vwX(24);\r\n  @include tablet {\r\n    font-size: vw(36);\r\n    letter-spacing: vw(PsdLetterSpacing(400, 36));\r\n    line-height: lineHeight(36, 50);\r\n    margin-bottom: vw(28);\r\n  }\r\n  br {\r\n    display: none;\r\n    @include tablet {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n.text {\r\n  font-size: vwX(18);\r\n  letter-spacing: vwX(PsdLetterSpacing(120, 18));\r\n  margin-bottom: vwX(18);\r\n  text-shadow: black 0.1em 0.1em 0.2em;\r\n  @include tablet {\r\n    font-size: vw(21);\r\n    letter-spacing: vw(PsdLetterSpacing(120, 21));\r\n    margin-bottom: 0;\r\n    line-height: lineHeight(21, 36);\r\n  }\r\n  span {\r\n    @include tablet {\r\n      display: none;\r\n    }\r\n  }\r\n  br {\r\n    display: none;\r\n    @include tablet {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n.wrapper {\r\n  background: #fff;\r\n  color: #fff;\r\n  position: relative;\r\n  text-align: center;\r\n  @include tablet {\r\n  }\r\n  .kv-container {\r\n    background-image: url(./assets/img/kv_bg.png);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    padding-top: vwX(120);\r\n    @include tablet {\r\n      background-image: url(./assets/img/kv_bg_mb.png);\r\n      padding-top: vw(115);\r\n    }\r\n  }\r\n  .concept-container {\r\n    background-image: url(./assets/img/concept_bg.png);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    padding-top: vwX(162);\r\n    @include tablet {\r\n      background-image: url(./assets/img/concept_bg_mb.png);\r\n      padding-top: vw(140);\r\n    }\r\n    .content-box {\r\n      transform: translateY(30%);\r\n      opacity: 0;\r\n    }\r\n    &.active {\r\n      .content-box {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n        transition: all ease 0.6s;\r\n      }\r\n    }\r\n  }\r\n  .gallery-container {\r\n    position: relative;\r\n    background-image: url(./assets/img/gallery_bg.jpg);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    // padding-top: vwX(162);\r\n    overflow-y: hidden;\r\n    position: relative;\r\n    @include tablet {\r\n      background-image: url(./assets/img/gallery_bg_mb.jpg);\r\n      padding-top: vw(140);\r\n    }\r\n    .text {\r\n      margin-bottom: vwX(68);\r\n      @include tablet {\r\n        margin-bottom: vw(77);\r\n      }\r\n    }\r\n    .content-box {\r\n      position: absolute;\r\n      width: 100%;\r\n      top: 10%;\r\n      margin-top: vwX(162);\r\n      // transform: translateY(10%);\r\n      // transform: translate3d(0, 0, 0);\r\n      opacity: 0;\r\n      // min-height: vwX(960);\r\n      // display: inline;\r\n      @include tablet {\r\n        // min-height: vw(1100);\r\n      }\r\n    }\r\n    &.active {\r\n      .content-box {\r\n        top: 0%;\r\n        // transform: translateY(0%);\r\n        // transform: translate3d(0, 0, 0);\r\n        opacity: 1;\r\n        transition: all ease 0.5s;\r\n      }\r\n    }\r\n  }\r\n  // .promotion-container {\r\n  //   background-image: url(./assets/img/promotion_bg.png);\r\n  //   background-repeat: no-repeat;\r\n  //   background-size: cover;\r\n  //   padding-top: vwX(66);\r\n  //   display: flex;\r\n  //   justify-content: center;\r\n  //   align-items: flex-start;\r\n  //   @include tablet {\r\n  //     background-image: url(./assets/img/promotion_bg_mb.png);\r\n  //     padding-top: vw(257);\r\n  //   }\r\n  //   .video-wrap {\r\n  //     position: relative;\r\n  //     overflow-y: hidden;\r\n  //     a {\r\n  //       cursor: pointer;\r\n  //     }\r\n  //     video {\r\n  //       // transform: translate3d(0,0,0);\r\n  //       width: vwX(825);\r\n  //       @include tablet {\r\n  //         width: vw(673);\r\n  //       }\r\n  //     }\r\n  //     .first-play-btn {\r\n  //       display: block;\r\n  //       position: absolute;\r\n  //       width: vwX(89);\r\n  //       height: vwX(89);\r\n  //       background-image: url(./assets/img/play_btn_fixed.png);\r\n  //       background-repeat: no-repeat;\r\n  //       background-size: cover;\r\n  //       top: 50%;\r\n  //       left: 50%;\r\n  //       transform: translate(-50%, -50%);\r\n  //       @include tablet {\r\n  //         width: vw(92);\r\n  //         height: vw(92);\r\n  //       }\r\n  //     }\r\n  //     .reply-btn {\r\n  //       display: block;\r\n  //       position: absolute;\r\n  //       width: vwX(89);\r\n  //       height: vwX(89);\r\n  //       background-image: url(./assets/img/reply_icon.png);\r\n  //       background-repeat: no-repeat;\r\n  //       background-size: cover;\r\n  //       top: 50%;\r\n  //       left: 50%;\r\n  //       transform: translate(-50%, -50%);\r\n  //       &::before {\r\n  //         content: \"再次觀看\";\r\n  //         display: block;\r\n  //         position: absolute;\r\n  //         font-size: vwX(16);\r\n  //         letter-spacing: vwX(PsdLetterSpacing(120, 16));\r\n  //         width: vwX(120);\r\n  //         text-align: center;\r\n  //         left: 50%;\r\n  //         transform: translateX(-50%);\r\n  //         bottom: vwX(-40);\r\n  //         color: #fff;\r\n  //         @include tablet {\r\n  //           font-size: vw(16);\r\n  //           letter-spacing: vw(PsdLetterSpacing(120, 16));\r\n  //           width: vw(120);\r\n  //           bottom: vw(-40);\r\n  //         }\r\n  //       }\r\n  //       @include tablet {\r\n  //         width: vw(92);\r\n  //         height: vw(92);\r\n  //       }\r\n  //     }\r\n  //     .bottom-controller {\r\n  //       position: absolute;\r\n  //       padding: 0 vwX(44) vwX(24) vwX(44);\r\n  //       bottom: 0;\r\n  //       display: flex;\r\n  //       justify-content: space-between;\r\n  //       align-items: center;\r\n  //       width: 100%;\r\n  //       transform: translateY(0);\r\n  //       transition: all ease 0.3s;\r\n  //       @include tablet {\r\n  //         padding: 0 vw(44) vw(24) vw(44);\r\n  //       }\r\n  //       .btn-group {\r\n  //         display: flex;\r\n  //         .play-btn {\r\n  //           display: block;\r\n  //           background-image: url(./assets/img/play_icon.png);\r\n  //           background-repeat: no-repeat;\r\n  //           background-size: cover;\r\n  //           width: vwX(13);\r\n  //           height: vwX(15);\r\n  //           margin-right: vwX(20);\r\n  //           @include tablet {\r\n  //             width: vw(13);\r\n  //             height: vw(15);\r\n  //             margin-right: vw(20);\r\n  //           }\r\n  //         }\r\n  //         .pause-btn {\r\n  //           display: block;\r\n  //           background-image: url(./assets/img/pause_icon.png);\r\n  //           background-repeat: no-repeat;\r\n  //           background-size: cover;\r\n  //           width: vwX(9);\r\n  //           height: vwX(15);\r\n  //           @include tablet {\r\n  //             width: vw(9);\r\n  //             height: vw(15);\r\n  //           }\r\n  //         }\r\n  //       }\r\n  //       .time-group {\r\n  //         display: flex;\r\n  //       }\r\n  //     }\r\n  //     .bottom-controller.hide {\r\n  //       transform: translateY(100%);\r\n  //       transition: all ease 0.3s;\r\n  //     }\r\n  //   }\r\n  // }\r\n  .social-container {\r\n    background-color: black;\r\n    background-image: url(./assets/img/social_bg.png);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    padding-top: vwX(135);\r\n    @include tablet {\r\n      padding-top: vw(45);\r\n      min-height: vw(500) !important;\r\n      background-image: url(./assets/img/social_bg_mb.png);\r\n      // background-position: center center;\r\n    }\r\n    .social-media-wrap {\r\n      display: flex;\r\n      justify-content: center;\r\n      transform: translateY(45%);\r\n      opacity: 0;\r\n      @include tablet {\r\n        display: flex;\r\n        padding: 0 vw(44);\r\n        justify-content: space-between;\r\n      }\r\n      .social-content {\r\n        margin: 0 vwX(22);\r\n        color: #fff;\r\n        @include tablet {\r\n          display: flex;\r\n          margin: 0;\r\n          align-items: center;\r\n        }\r\n        img {\r\n          width: vwX(68);\r\n          margin-bottom: vwX(40);\r\n          @include tablet {\r\n            width: vw(68);\r\n            height: vw(68);\r\n            margin-bottom: vw(0);\r\n            margin-right: vw(13);\r\n          }\r\n        }\r\n        .social-text {\r\n          font-size: vwX(18);\r\n          letter-spacing: vwX(PsdLetterSpacing(60, 18));\r\n          @include tablet {\r\n            text-align: left;\r\n            font-size: vw(18);\r\n            letter-spacing: vw(PsdLetterSpacing(60, 18));\r\n            line-height: lineHeight(18, 30);\r\n          }\r\n          br {\r\n            display: none;\r\n            @include tablet {\r\n              display: block;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .social-container.active {\r\n    .social-media-wrap {\r\n      transform: translateY(0%);\r\n      opacity: 1;\r\n      transition: all ease 0.6s;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=502121f0&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=502121f0&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\nimport VueLazyLoad from 'vue-lazyload'\nVue.use(VueLazyLoad)\nVue.config.productionTip = false\n\nimport 'normalize.css/normalize.css'\nimport '@/assets/styles/abstracts/_utilities.scss'\nimport '@/assets/styles/base/_fonts.scss'\nimport '@/assets/styles/common.scss'\n\nnew Vue({\n  render: h => h(App),\n}).$mount('#app')\n","var map = {\n\t\"./swiper_img_s01.jpg\": 1,\n\t\"./swiper_img_s02.jpg\": 1111,\n\t\"./swiper_img_s03.jpg\": 3027,\n\t\"./swiper_img_s04.jpg\": 3979,\n\t\"./swiper_img_s05.jpg\": 1317,\n\t\"./swiper_img_s06.jpg\": 3725,\n\t\"./swiper_img_s07.jpg\": 7163,\n\t\"./swiper_img_s08.jpg\": 9125\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 1046;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunk_2023_04_lexus_electrified_sport_concept\"] = self[\"webpackChunk_2023_04_lexus_electrified_sport_concept\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(6229); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_vm","this","_c","_self","class","isProduction","attrs","staticClass","_m","active","sectionIdObj","concept","gallery","_v","social","shareUrl","require","staticRenderFns","ref","swiperOptions","on","openLightBox","_l","o","index","key","slot","media","data","slidesPerView","freeMode","spaceBetween","navigation","nextEl","prevEl","breakpoints","thumb","src","computed","swiper","$refs","mySwiper","$swiper","methods","console","log","lightbox","showImage","slideClicked","getIndex","created","mounted","components","Swiper","SwiperSlide","LightBox","directives","directive","component","name","process","kv","promotion","durationTime","currentTime","isFirstPlay","isPause","isControllerHide","gallerySwiper","startedPlaying","paused","end","playVideo","promotionVideo","play","pauseVideo","pause","getDuration","seconds","Math","round","duration","min","floor","sec","getCurrntTime","self","sectionList","document","querySelectorAll","io","IntersectionObserver","entries","forEach","el","isIntersecting","target","id","threshold","observe","Vue","VueLazyLoad","h","App","$mount","map","webpackContext","req","webpackContextResolve","__webpack_require__","e","Error","code","keys","Object","resolve","module","exports","__webpack_module_cache__","moduleId","cachedModule","undefined","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","every","splice","r","n","getter","__esModule","d","a","definition","defineProperty","enumerable","get","g","globalThis","Function","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","value","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","bind","push","__webpack_exports__"],"sourceRoot":""}