{"version":3,"sources":["webpack:///./src/views/About.vue?5094","webpack:///./node_modules/vue-slide-toggle/dist/vue-slide-toggle.es.js","webpack:///./src/views/About.vue?3c5a","webpack:///./src/views/About.vue?f2a0","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?060c","webpack:///./src/views/About.vue"],"names":["SlideToggle","name","props","open","Boolean","duration","type","Number","default","tag","String","data","scrollHeight","doneOpenTransition","innerOpen","this","mounted","window","addEventListener","getHeight","updated","destroyed","removeEventListener","watch","bool","_this","$nextTick","then","computed","style","heightSize","overflow","transitionProperty","height","concat","transitionDuration","methods","container","$refs","handleTransition","render","h","ref","on","transitionend","$slots","install","Vue","installed","component","plugin","VueSlideToggle","GlobalVue","use","_vm","_h","$createElement","_c","_self","staticClass","isLoading","_e","_m","_v","_s","about","$event","open1","attrs","birth","creativeMedia","domProps","info","title1","open2","educationTitle","education","currentJobTitle","currentJob","experience","title","_l","yearList","key","year","yearItem","index","title2","open3","soloExhibitions","groupExhibitions","title3","open4","awards","title4","open5","collections","staticRenderFns","components","sceneArr","isOpen","screenWidth","beforeDestroy","map","setSwitch","setInitial","gsap","y","opacity","setAnimate","$scrollmagic","forEach","getAboutData","getAbout","lang"],"mappings":"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","file":"js/chunk-648da3b5.15c122d6.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=sass&\"","/*!\n * vue-slide-toggle v1.1.1\n * (c) 2018-present Nikita Nafranets <eddimensi@gmail.com>\n * Released under the MIT License.\n */\nvar SlideToggle = {\n  name: 'VueSlideToggle',\n  props: {\n    open: Boolean,\n    duration: {\n      type: Number,\n      default: 300\n    },\n    tag: {\n      type: String,\n      default: 'div'\n    }\n  },\n  data: function data() {\n    return {\n      scrollHeight: 0,\n      doneOpenTransition: false,\n      innerOpen: this.open\n    };\n  },\n  mounted: function mounted() {\n    window.addEventListener('resize', this.getHeight); // recalc height on resize window\n\n    this.getHeight();\n  },\n  updated: function updated() {\n    this.getHeight(); // recalc for dynamic change content\n  },\n  destroyed: function destroyed() {\n    window.removeEventListener('resize', this.getHeight);\n  },\n  watch: {\n    open: function open(bool) {\n      var _this = this;\n\n      if (!bool) {\n        this.getHeight();\n        this.doneOpenTransition = false;\n        this.$nextTick().then(function () {\n          _this.innerOpen = false;\n        });\n      } else {\n        this.innerOpen = true;\n      }\n    }\n  },\n  computed: {\n    style: function style() {\n      if (this.innerOpen && this.doneOpenTransition) return null;\n      var heightSize = this.innerOpen ? this.scrollHeight : 0;\n      return {\n        overflow: 'hidden',\n        transitionProperty: 'height',\n        height: \"\".concat(heightSize, \"px\"),\n        transitionDuration: \"\".concat(this.duration, \"ms\")\n      };\n    }\n  },\n  methods: {\n    getHeight: function getHeight() {\n      var container = this.$refs.container;\n      this.scrollHeight = container.scrollHeight;\n    },\n    handleTransition: function handleTransition() {\n      if (this.innerOpen) {\n        this.doneOpenTransition = true;\n      }\n    }\n  },\n  render: function render(h) {\n    return h(this.tag, {\n      style: this.style,\n      ref: 'container',\n      on: {\n        transitionend: this.handleTransition\n      }\n    }, this.$slots.default);\n  }\n};\n\nfunction install(Vue) {\n  if (install.installed) return;\n  install.installed = true;\n  Vue.component('VueSlideToggle', SlideToggle);\n}\n\nvar plugin = {\n  install: install\n};\nvar VueSlideToggle = SlideToggle;\nvar GlobalVue = null;\n\nif (typeof window !== 'undefined') {\n  GlobalVue = window.Vue;\n}\n\nif (GlobalVue) {\n  GlobalVue.use(plugin);\n}\n\nexport default plugin;\nexport { VueSlideToggle };\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=1&id=1c467435&lang=sass&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',{staticClass:\"about\"},[(!_vm.isLoading)?[_vm._m(0),_c('section',{staticClass:\"intro intro1\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.about.name)),_c('div',{staticClass:\"slide-switch\",on:{\"click\":function($event){_vm.open1=!_vm.open1}}},[_vm._v(_vm._s(_vm.open1?\"－\":\"＋\"))])]),_c('div',{staticClass:\"intro-box\"},[_c('VueSlideToggle',{attrs:{\"open\":_vm.open1}},[_c('div',{staticClass:\"info colum-1 mb dark\"},[_vm._v(_vm._s(_vm.about.birth)),_c('br'),_vm._v(_vm._s(_vm.about.creativeMedia))]),_c('div',{staticClass:\"info colum-1 separate\",domProps:{\"innerHTML\":_vm._s(_vm.about.info)}})])],1)])]),_c('section',{staticClass:\"intro intro2\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.about.title1)}}),_c('div',{staticClass:\"slide-switch\",on:{\"click\":function($event){_vm.open2=!_vm.open2}}},[_vm._v(_vm._s(_vm.open2?\"－\":\"＋\"))])]),_c('div',{staticClass:\"intro-box\"},[_c('VueSlideToggle',{attrs:{\"open\":_vm.open2}},[_c('div',{staticClass:\"info colum-2 mb\"},[_c('div',{staticClass:\"sub-title\"},[_vm._v(_vm._s(_vm.about.educationTitle))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.about.education)}})]),_c('div',{staticClass:\"info colum-2 mb\"},[_c('div',{staticClass:\"sub-title\"},[_vm._v(_vm._s(_vm.about.currentJobTitle))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.about.currentJob)}})]),_c('div',{staticClass:\"info colum-1\"},[_c('div',{staticClass:\"sub-title\"},[_vm._v(_vm._s(_vm.about.experience.title))]),_vm._l((_vm.about.experience.list),function(yearList){return _c('div',{key:yearList.year,staticClass:\"year\"},[_c('p',[_vm._v(_vm._s(yearList.year))]),_c('ul',_vm._l((yearList.items),function(yearItem,index){return _c('li',{key:index,domProps:{\"innerHTML\":_vm._s(yearItem)}})}),0)])})],2)])],1)])]),_c('section',{staticClass:\"intro intro3\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.about.title2)}}),_c('div',{staticClass:\"slide-switch\",on:{\"click\":function($event){_vm.open3=!_vm.open3}}},[_vm._v(_vm._s(_vm.open3?\"－\":\"＋\"))])]),_c('div',{staticClass:\"intro-box\"},[_c('VueSlideToggle',{attrs:{\"open\":_vm.open3}},[_c('div',{staticClass:\"info colum-1 mb\"},[_c('div',{staticClass:\"sub-title\"},[_vm._v(_vm._s(_vm.about.soloExhibitions.title))]),_vm._l((_vm.about.soloExhibitions.list),function(yearList){return _c('div',{key:yearList.year,staticClass:\"year\"},[_c('p',[_vm._v(_vm._s(yearList.year))]),_c('ul',_vm._l((yearList.items),function(yearItem,index){return _c('li',{key:index,domProps:{\"innerHTML\":_vm._s(yearItem)}})}),0)])})],2),_c('div',{staticClass:\"info colum-1mb\"},[_c('div',{staticClass:\"sub-title\"},[_vm._v(_vm._s(_vm.about.groupExhibitions.title))]),_c('div',{staticClass:\"separate\"},_vm._l((_vm.about.groupExhibitions.list),function(yearList){return _c('div',{key:yearList.year,staticClass:\"year\"},[_c('p',[_vm._v(_vm._s(yearList.year))]),_c('ul',_vm._l((yearList.items),function(yearItem,index){return _c('li',{key:index,domProps:{\"innerHTML\":_vm._s(yearItem)}})}),0)])}),0)])])],1)])]),_c('section',{staticClass:\"intro intro4\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.about.title3)}}),_c('div',{staticClass:\"slide-switch\",on:{\"click\":function($event){_vm.open4=!_vm.open4}}},[_vm._v(_vm._s(_vm.open4?\"－\":\"＋\"))])]),_c('div',{staticClass:\"intro-box\"},[_c('VueSlideToggle',{attrs:{\"open\":_vm.open4}},[_c('div',{staticClass:\"info colum-1 mb\"},[_c('div',{staticClass:\"separate\"},_vm._l((_vm.about.awards.list),function(yearList){return _c('div',{key:yearList.year,staticClass:\"year\"},[_c('p',[_vm._v(_vm._s(yearList.year))]),_c('ul',_vm._l((yearList.items),function(yearItem,index){return _c('li',{key:index,domProps:{\"innerHTML\":_vm._s(yearItem)}})}),0)])}),0)])])],1)])]),_c('section',{staticClass:\"intro intro5\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.about.title4)}}),_c('div',{staticClass:\"slide-switch\",on:{\"click\":function($event){_vm.open5=!_vm.open5}}},[_vm._v(_vm._s(_vm.open5?\"－\":\"＋\"))])]),_c('div',{staticClass:\"intro-box\"},[_c('VueSlideToggle',{attrs:{\"open\":_vm.open5}},[_c('div',{staticClass:\"info colum-1\"},[_c('div',{staticClass:\"separate\"},_vm._l((_vm.about.collections.list),function(yearList){return _c('div',{key:yearList.year,staticClass:\"year\"},[_c('p',[_vm._v(_vm._s(yearList.year))]),_c('ul',_vm._l((yearList.items),function(yearItem,index){return _c('li',{key:index,domProps:{\"innerHTML\":_vm._s(yearItem)}})}),0)])}),0)])])],1)])])]:_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"banner\"},[_c('figure',{staticClass:\"banner-pic\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/about-banner-d.jpg\")}})])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\narticle.about\n  template(v-if=\"!isLoading\")\n    section.banner\n      figure.banner-pic\n        img(src=\"@/assets/images/about-banner-d.jpg\")\n    section.intro.intro1\n      .content\n        .title\n          | {{about.name}}\n          .slide-switch(@click=\"open1=!open1\") {{open1?\"－\":\"＋\"}}\n        .intro-box\n          VueSlideToggle(:open=\"open1\")\n            .info.colum-1.mb.dark\n              | {{about.birth}}\n              br\n              | {{about.creativeMedia}}\n            .info.colum-1.separate(v-html=\"about.info\")\n    section.intro.intro2\n      .content\n        .title\n          p(v-html=\"about.title1\")\n          .slide-switch(@click=\"open2=!open2\") {{open2?\"－\":\"＋\"}}\n        .intro-box\n          VueSlideToggle(:open=\"open2\")\n            .info.colum-2.mb\n              .sub-title {{about.educationTitle}}\n              p(v-html=\"about.education\")\n            .info.colum-2.mb\n              .sub-title {{about.currentJobTitle}}\n              p(v-html=\"about.currentJob\")\n            .info.colum-1\n              .sub-title {{about.experience.title}}\n              .year(v-for=\"yearList in about.experience.list\" :key=\"yearList.year\")\n                p {{yearList.year}}\n                ul\n                  li(v-for=\"(yearItem,index) in yearList.items\" :key=\"index\" v-html=\"yearItem\")\n    section.intro.intro3\n      .content\n        .title\n          p(v-html=\"about.title2\")\n          .slide-switch(@click=\"open3=!open3\") {{open3?\"－\":\"＋\"}}\n        .intro-box\n          VueSlideToggle(:open=\"open3\")\n            .info.colum-1.mb\n              .sub-title {{about.soloExhibitions.title}}\n              .year(v-for=\"yearList in about.soloExhibitions.list\" :key=\"yearList.year\")\n                p {{yearList.year}}\n                ul\n                  li(v-for=\"(yearItem,index) in yearList.items\" :key=\"index\" v-html=\"yearItem\")\n            .info.colum-1mb\n              .sub-title {{about.groupExhibitions.title}}\n              .separate\n                .year(v-for=\"yearList in about.groupExhibitions.list\" :key=\"yearList.year\")\n                  p {{yearList.year}}\n                  ul\n                    li(v-for=\"(yearItem,index) in yearList.items\" :key=\"index\" v-html=\"yearItem\")\n    section.intro.intro4\n      .content\n        .title\n          p(v-html=\"about.title3\")\n          .slide-switch(@click=\"open4=!open4\") {{open4?\"－\":\"＋\"}}\n        .intro-box\n          VueSlideToggle(:open=\"open4\")\n            .info.colum-1.mb\n              .separate\n                .year(v-for=\"yearList in about.awards.list\" :key=\"yearList.year\")\n                  p {{yearList.year}}\n                  ul\n                    li(v-for=\"(yearItem,index) in yearList.items\" :key=\"index\" v-html=\"yearItem\")\n    section.intro.intro5\n      .content\n        .title\n          p(v-html=\"about.title4\")\n          .slide-switch(@click=\"open5=!open5\") {{open5?\"－\":\"＋\"}}\n        .intro-box\n          VueSlideToggle(:open=\"open5\")\n            .info.colum-1\n              .separate\n                .year(v-for=\"yearList in about.collections.list\" :key=\"yearList.year\")\n                  p {{yearList.year}}\n                  ul\n                    li(v-for=\"(yearItem,index) in yearList.items\" :key=\"index\" v-html=\"yearItem\")\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport { VueSlideToggle } from \"vue-slide-toggle\";\nimport { TweenMax, gsap } from \"gsap\";\n\nexport default {\n  name: \"About\",\n  components: {\n    VueSlideToggle\n  },\n  data() {\n    return {\n      open1: true,\n      open2: true,\n      open3: true,\n      open4: true,\n      open5: true,\n      sceneArr: []\n    };\n  },\n  computed: {\n    ...mapState([\"isLoading\", \"about\", \"screenWidth\"]),\n    isOpen() {\n      return this.screenWidth > 768 ? true : false;\n    }\n  },\n  beforeDestroy() {\n    this.sceneArr.map(scene => {\n      this.$scrollmagic.removeScene(scene);\n    });\n  },\n  mounted() {\n    this.$nextTick(() => {\n      this.getAboutData();\n      this.setSwitch();\n      this.setInitial();\n      this.setAnimate();\n    });\n  },\n  methods: {\n    ...mapActions([\"getAbout\"]),\n    setSwitch() {\n      this.open1 = this.isOpen;\n      this.open2 = this.isOpen;\n      this.open3 = this.isOpen;\n      this.open4 = this.isOpen;\n      this.open5 = this.isOpen;\n    },\n    setInitial() {\n      gsap.set(\"section.banner\", {\n        y: 100,\n        opacity: 0\n      });\n      gsap.set(\"section.intro\", {\n        y: 100,\n        opacity: 0\n      });\n    },\n    setAnimate() {\n      this.sceneArr[0] = this.$scrollmagic\n        .scene({\n          triggerElement: \"section.banner\",\n          triggerHook: 1,\n          reverse: false\n        })\n        // .setTween(tl)\n        .on(\"enter\", function() {\n          gsap\n            .timeline()\n            .to(\"section.banner\", 1, {\n              y: 0,\n              opacity: 1\n            })\n            .add(\n              TweenMax.staggerTo(\n                \"section.intro\",\n                1,\n                {\n                  y: 0,\n                  opacity: 1,\n                  delay: -1\n                },\n                0.5\n              )\n            );\n        });\n      // .addIndicators({ name: \"banner\" });\n\n      this.sceneArr.forEach(scene => {\n        this.$scrollmagic.addScene(scene);\n      });\n    },\n    getAboutData() {\n      this.getAbout(this.lang === \"ch\" ? \"tw\" : \"us\")\n        .then(() => {\n          console.log(\"success\");\n        })\n        .catch(() => {\n          console.log(\"fail\");\n        });\n    }\n  },\n  watch: {\n    screenWidth() {\n      this.setSwitch();\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\">\n@import \"@/assets/sass/var.sass\"\n\n.break\n  display: block\n  +rwd(768px)\n    display: inline\n</style>\n\n<style lang=\"sass\" scoped>\n@import \"@/assets/sass/var.sass\"\n\narticle.about\n  section.banner\n    width: 90%\n    margin: auto\n    border-radius: 1rem\n    overflow: hidden\n    figure.banner-pic\n  section.intro\n    width: 100%\n    padding: 2rem 3rem\n    margin-top: 1.5rem\n    border-radius: 1.5rem\n    background-color: rgba(#fff,.1)\n    box-sizing: border-box\n    .content\n      display: flex\n      .title\n        width: 20%\n        font-size: 1.8rem\n        letter-spacing: 2px\n        color: $gray-004\n        border-right: 1px solid $gray-005\n        p\n        .slide-switch\n          display: none\n      .intro-box\n        width: 80%\n        .info\n          width: 100%\n          padding-left: 3rem\n          font-size: 1rem\n          letter-spacing: .5px\n          line-height: 1.5\n          color: $gray-005\n          box-sizing: border-box\n          display: inline-block\n          vertical-align: top\n          .sub-title\n            margin-bottom: 0.8rem\n            font-size: 1.4rem\n            color: $gray-004\n          .year\n            & + .year\n              margin-top: 0.5rem\n            p\n              width: 50px\n              display: inline-block\n              vertical-align: top\n            ul\n              width: calc(100% - 50px)\n              padding-left: 2rem\n              box-sizing: border-box\n              display: inline-block\n              vertical-align: top\n              li\n        .colum-1\n          width: 100%\n        .colum-2\n          width: 50%\n        .dark\n          color: $gray-004\n        .mb\n          margin-bottom: 60px\n        .separate\n          // column-count: 2\n          column-gap: 30px\n  +rwd(1080px)\n    section.intro\n      .content\n        .title\n          width: 30%\n        .intro-box\n          width: 70%\n  +rwd(768px)\n    section.banner\n      figure.banner-pic\n    section.intro\n      width: 100%\n      padding: 0rem\n      margin-top: 1rem\n      border-radius: 1.5rem\n      background-color: transparent\n      .content\n        display: block\n        .title\n          width: 100%\n          padding: 1rem 0\n          border-right: none\n          border-bottom: 1px solid $gray-004\n          position: relative\n          .slide-switch\n            display: block\n            cursor: pointer\n            position: absolute\n            right: 0\n            top: 50%\n            transform: translateY(-50%)\n        .intro-box\n          width: 100%\n          padding: 0.5rem 0\n          .info\n            padding-left: 0\n            font-size: 1rem\n            .sub-title\n              margin-bottom: 0.8rem\n              font-size: 1.4rem\n            .year\n              & + .year\n                // margin-top: 0.5rem\n              p\n                // width: 50px\n              ul\n                // width: calc(100% - 50px)\n                // padding-left: 2rem\n                li\n          .colum-1\n            width: 100%\n          .colum-2\n            width: 100%\n          .separate\n            column-count: 1\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=1c467435&scoped=true&lang=pug&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&lang=sass&\"\nimport style1 from \"./About.vue?vue&type=style&index=1&id=1c467435&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1c467435\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}