{"version":3,"sources":["webpack:///./src/views/chapter_two/SlideTwo.vue?e6b7","webpack:///./src/views/chapter_two/SlideTwo.vue","webpack:///./src/components/widgets/TextAnimation.vue","webpack:///src/components/widgets/TextAnimation.vue","webpack:///./src/components/widgets/TextAnimation.vue?161e","webpack:///./src/components/widgets/TextAnimation.vue?df4d","webpack:///src/views/chapter_two/SlideTwo.vue","webpack:///./src/views/chapter_two/SlideTwo.vue?2839","webpack:///./src/views/chapter_two/SlideTwo.vue?efab","webpack:///./src/components/widgets/TwoColumns.vue","webpack:///src/components/widgets/TwoColumns.vue","webpack:///./src/components/widgets/TwoColumns.vue?4e52","webpack:///./src/components/widgets/TwoColumns.vue?c729","webpack:///./src/components/widgets/TextAnimation.vue?f984"],"names":["render","_vm","this","_c","_self","staticClass","attrs","colOne","cols","colTwo","scopedSlots","_u","key","fn","class","data","bg","_l","animationComponents","animation","index","proxy","title","_v","_s","_e","subtitle","body","domProps","on","$event","containerVisible","info","staticRenderFns","animationLeft","animate","directives","name","rawName","value","expression","hoverAnimation","label","text","props","component","components","TwoColumns","TextAnimation","lottie","grid","greyBackground","_t"],"mappings":"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","file":"js/chunk-6011d4f8.4d9fb329.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SlideTwo.vue?vue&type=style&index=0&id=3ee0ba29&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chapter-two-slide-two\"},[_c('two-columns',{attrs:{\"grid\":{colOne: {cols: 'col-5'}, colTwo: {cols: 'col-3'},}},scopedSlots:_vm._u([{key:\"left-column\",fn:function(){return [_c('div',{staticClass:\"animation-container\"},[_c('div',{staticClass:\"img\",class:_vm.data.bg}),_vm._l((_vm.data.animationComponents),function(animation,index){return _c('TextAnimation',{key:index,attrs:{\"data\":animation}})})],2)]},proxy:true},{key:\"right-column\",fn:function(){return [_c('div',{staticClass:\"centered-content\"},[(_vm.data.title)?_c('h1',{staticClass:\"no-margin-bottom\"},[_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")]):_vm._e(),(_vm.data.subtitle)?_c('h4',{staticClass:\"no-margin-top dark\"},[_vm._v(_vm._s(_vm.data.subtitle))]):_vm._e(),(_vm.data.body)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.data.body)}}):_vm._e(),_c('button',{staticClass:\"white icon-left\",on:{\"click\":function($event){_vm.containerVisible = !_vm.containerVisible}}},[(!_vm.containerVisible)?_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"8\",\"fill\":\"none\",\"viewBox\":\"0 0 14 8\"}},[_c('path',{attrs:{\"stroke\":\"#005AFF\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m1 1 6 6 6-6\"}})]):_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"8\",\"fill\":\"none\",\"viewBox\":\"0 0 14 8\"}},[_c('path',{attrs:{\"stroke\":\"#005AFF\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"M13 7 7 1 1 7\"}})]),_vm._v(\" But what's the problem? \")]),_c('transition',{attrs:{\"name\":\"slide\",\"mode\":\"out-in\"}},[(_vm.containerVisible)?_c('div',{staticClass:\"content-container\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.data.info)+\" \")])]):_vm._e()])],1)]},proxy:true}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"animation-content\",class:{'animation-left' : _vm.data.animationLeft, 'animation-out' : _vm.animate}},[_c('div',{staticClass:\"circle\",on:{\"mouseenter\":function($event){_vm.animate = true},\"click\":function($event){_vm.animate = true},\"mouseleave\":function($event){_vm.animate = false}}},[_c('div',{staticClass:\"blob blue\"}),_c('div',{staticClass:\"outer-circle\"}),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('v-lottie-player',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.animate),expression:\"!animate\"}],staticClass:\"lottie-video-player one\",attrs:{\"autoplay\":\"\",\"loop\":\"\",\"animationData\":_vm.data.animation,\"height\":\"300\",\"width\":\"300\"}})],1),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('v-lottie-player',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.animate),expression:\"animate\"}],staticClass:\"lottie-video-player two\",attrs:{\"autoplay\":\"\",\"loop\":\"\",\"animationData\":_vm.data.hoverAnimation,\"height\":\"300\",\"width\":\"300\"}})],1)],1),_c('div',{staticClass:\"text-container\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.data.label))]),_c('p',[_vm._v(_vm._s(_vm.data.text))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"animation-content\" :class=\"{'animation-left' : data.animationLeft, 'animation-out' : animate}\">\n    <div class=\"circle\" @mouseenter=\"animate = true\" @click=\"animate = true\" @mouseleave=\"animate = false\">\n      <div class=\"blob blue\"></div>\n      <div class=\"outer-circle\"></div>\n\n      <transition name=\"fade\">\n        <v-lottie-player\n        class=\"lottie-video-player one\"\n        autoplay\n        loop\n        :animationData=\"data.animation\"\n        height=\"300\"\n        width=\"300\"\n        v-show=\"!animate\"\n        />\n      </transition>\n      <transition name=\"fade\">\n        <v-lottie-player\n        class=\"lottie-video-player two\"\n        autoplay\n        loop\n        :animationData=\"data.hoverAnimation\"\n        height=\"300\"\n        width=\"300\"\n        v-show=\"animate\"\n        />\n      </transition>\n\n    </div>\n    <div class=\"text-container\">\n      <p class=\"title\">{{ data.label }}</p>\n      <p>{{ data.text }}</p>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: ['data'],\n  data(){\n    return{\n      animate: false\n    }\n  },\n  // watch:{\n  //   animate(val){\n  //     if(val){\n  //       setTimeout(() => {\n  //           this.animate = false\n  //       }, 10000);\n  //     }\n  //   }\n  // },\n  // mounted(){\n  //   setTimeout(() => {\n  //       this.animate = true\n  //   }, this.data.animateAfter);\n  // }\n}\n</script>\n<style lang=\"scss\" scoped>\n    @import '@/scss/main.scss';\n    .animation-content{\n      position: absolute;\n      top: 50%;\n\n      p {\n          color: #001135;\n          margin: 0;\n\n          + p {\n            margin-top: 10px;\n          }\n\n          &.title {\n            font-weight: bold;\n            font-size: 16px;\n          }\n        }\n\n\n      .text-label{\n        background-color: $color-nokia-blue;\n        color: white;\n        position: absolute;\n        top: 28px;\n        min-width: 200px;\n        padding: 5px 5px 5px 40px;\n        left: 60px;\n        z-index: 1;\n        transition-duration: .3s;\n      }\n      .text-container{\n        opacity: 0;\n        transition-duration: .3s;\n        // font-family: 'Nokia';\n        // font-weight: 200;\n        transition: all 0s 0s;\n      }\n      .circle{\n        transition-duration: .3s;\n        cursor: pointer;\n        height: 80px;\n        overflow: hidden;\n        width: 80px;\n        z-index: 5;\n        position: absolute;\n        background-color: white;\n        border-radius: 100%;\n        .lottie-video-player{\n          position: absolute;\n          // top: 8px;\n          scale: 0.9;\n          transform-origin: center;\n          vertical-align: middle;\n          transition: all .5s;\n        }\n        .outer-circle{\n          position: absolute;\n          z-index: 2;\n          top: -7px;\n          right: -7px;\n          bottom: -7px;\n          left: -7px;\n          border-radius: 100%;\n        }\n\n        @keyframes pulse-blue {\n          0% {\n            transform: scale(0.95);\n            box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);\n          }\n\n          70% {\n            transform: scale(1);\n            box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);\n          }\n\n          100% {\n            transform: scale(0.95);\n            box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);\n          }\n        }\n\n      }\n      &.animation-out{\n        .circle{\n          background: #001135;\n          height: 152px;\n          width: 152px;\n        }\n        .text-label{\n          top: 4px;\n          transform: none;\n          left: 80px;\n          padding: 10px 10px 10px 68px;\n          width: 385px;\n        }\n        .text-container{\n          background: $color-nokia-neutral-lighter;\n          transition: all .3s .2s;\n          opacity: 1;\n          left: 80px;\n          position: absolute;\n          top: 4px;\n          height: 148px;\n          padding-top: 20px;\n          right: 0px;\n          width: 385px;\n          z-index: 0;\n          line-height: 16px;\n          padding: 15px 10px 10px 87px;\n          box-sizing: border-box;\n        }\n\n        .lottie-video-player{\n          scale: .8;\n        }\n\n\n      @media screen and (min-width: 992px) {\n        &.animation-left{\n            .text-label{\n              left: auto;\n              right: -65px;\n              padding: 20px 68px 20px 20px;\n              box-sizing: border-box;\n            }\n            .text-container{\n              right: -65px;\n              left: auto;\n              padding: 20px 68px 20px 20px;\n              box-sizing: border-box;\n            }\n          }\n        }\n      }\n    }\n    @media screen and (max-width: 992px) {\n\n      .chapter-two-slide-two .animation-container{\n        .animation-content{\n          height: 170px;\n          top: 10px!important;\n          display: block;\n          &:last-child{\n            top: 0px!important;\n          }\n          .circle{\n            height: 60px;\n            width: 60px;\n          }\n          .text-label{\n            top: 18px;\n            left: 40px;\n          }\n          &.animation-out{\n            .circle{\n              height: 114px;\n              width: 114px;\n            }\n            .text-label{\n              width: calc(100% - 100px);\n              left: 40px;\n              top: 5px;\n              padding: 20px 20px 20px 80px;\n            }\n            .text-container{\n              width: calc(100% - 100px);\n              padding: 20px 20px 20px 80px;\n              left: 60px;\n              height: auto;\n              p{\n                font-size: 13px;\n              }\n            }\n          }\n        }\n      }\n\n    }\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextAnimation.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!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextAnimation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextAnimation.vue?vue&type=template&id=095f92f8&scoped=true&\"\nimport script from \"./TextAnimation.vue?vue&type=script&lang=js&\"\nexport * from \"./TextAnimation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TextAnimation.vue?vue&type=style&index=0&id=095f92f8&prod&lang=scss&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  \"095f92f8\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div class=\"chapter-two-slide-two\">\n    <two-columns :grid=\"{colOne: {cols: 'col-5'}, colTwo: {cols: 'col-3'},}\">\n      <template v-slot:left-column>\n        <div class=\"animation-container\">\n          <div class=\"img\" :class=\"data.bg\"></div>\n          <TextAnimation v-for=\"(animation, index) in data.animationComponents\" :key=\"index\" :data=\"animation\"></TextAnimation>\n        </div>\n      </template>\n      <template v-slot:right-column>\n        <div class=\"centered-content\">\n            <h1 class=\"no-margin-bottom\" v-if=\"data.title\">\n              {{ data.title }}\n            </h1>\n            <h4 class=\"no-margin-top dark\" v-if=\"data.subtitle\">{{ data.subtitle }}</h4>\n            <div v-if=\"data.body\" v-html=\"data.body\"></div>\n            <button class=\"white icon-left\" @click=\"containerVisible = !containerVisible\">\n              <svg v-if=\"!containerVisible\" xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"8\" fill=\"none\" viewBox=\"0 0 14 8\"> <path stroke=\"#005AFF\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m1 1 6 6 6-6\"/> </svg>\n              <svg v-else xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"8\" fill=\"none\" viewBox=\"0 0 14 8\"> <path stroke=\"#005AFF\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7 7 1 1 7\" /> </svg>\n              But what's the problem?\n            </button>\n            <transition name=\"slide\" mode=\"out-in\">\n              <div class=\"content-container\" v-if=\"containerVisible\">\n                <p>\n                  {{ data.info }}\n                </p>\n              </div>\n            </transition>\n        </div>\n      </template>\n    </two-columns>\n</div>\n</template>\n\n<script>\nimport TwoColumns from '@/components/widgets/TwoColumns.vue'\nimport TextAnimation from '@/components/widgets/TextAnimation.vue'\nexport default {\n  props: ['data'],\n  components: {\n    TwoColumns,\n    TextAnimation\n  },\n  data(){\n    return{\n      containerVisible: false,\n      lottie: false\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@/scss/main.scss';\n.chapter-two-slide-two{\n  button{\n    margin-top: 30px;\n    position: relative;\n    z-index: 1;\n\n    &.white {\n      background: white;\n      color: #005AFF;\n      display: flex;\n      align-items: center;\n\n      svg {\n        margin-right: 10px;\n      }\n\n      &:hover {\n        background: darken(white, 10);\n      }\n    }\n  }\n  .content-container{\n    border-radius: 6px;\n    background-color: #FDC6F9;\n    padding-top: 15px;\n    margin-top: -15px;\n    margin-left: 15px;\n    p{\n      padding: 15px;\n      margin: 0px;\n      color: #001135;\n    }\n  }\n  .animation-container{\n    position: absolute;\n    top: 0;\n    right: 40px;\n    left: 40px;\n    bottom: 0;\n    .img{\n      background-size: contain;\n      background-position: bottom center;\n      background-repeat: no-repeat;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 50px;\n      z-index: 0;\n\n      &.city_1 { background-image: url('~@/assets/images/chapter-2/city_1.png'); }\n      &.city_2 { background-image: url('~@/assets/images/chapter-2/city_2.png'); }\n      &.city_3 { background-image: url('~@/assets/images/chapter-2/city_3.png'); }\n    }\n\n    .animation-content{\n      top: 160px;\n      left: 60px;\n\n      &:last-child{\n        top: 380px;\n        left: 450px;\n      }\n    }\n  }\n\n  @media screen and (max-width: 992px) {\n    .animation-container{\n      position: relative;\n      left: 0;\n      height: 320px;\n      right: auto;\n      .animation-content{\n        position: relative;\n        left: 10px!important;\n        top: 10px!important;\n        &:last-child{\n          top: 170px!important;\n        }\n      }\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SlideTwo.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!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SlideTwo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SlideTwo.vue?vue&type=template&id=3ee0ba29&\"\nimport script from \"./SlideTwo.vue?vue&type=script&lang=js&\"\nexport * from \"./SlideTwo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SlideTwo.vue?vue&type=style&index=0&id=3ee0ba29&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\",class:[_vm.grid.colTwo.cols, _vm.grid.colOne.greyBackground ? 'light-grey-background' : '']},[_vm._t(\"left-column\")],2),_c('div',{staticClass:\"col\",class:[_vm.grid.colTwo.cols, _vm.grid.colTwo.greyBackground ? 'light-grey-background' : '']},[_vm._t(\"right-column\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row\">\n        <div class=\"col\" :class=\"[grid.colTwo.cols, grid.colOne.greyBackground ? 'light-grey-background' : '']\">\n            <slot name=\"left-column\"></slot>\n        </div>\n        <div class=\"col\" :class=\"[grid.colTwo.cols, grid.colTwo.greyBackground ? 'light-grey-background' : '']\">\n            <slot name=\"right-column\"></slot>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n  props: ['greyBackground', 'grid'],\n}\n</script>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoColumns.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!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoColumns.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TwoColumns.vue?vue&type=template&id=994001e4&\"\nimport script from \"./TwoColumns.vue?vue&type=script&lang=js&\"\nexport * from \"./TwoColumns.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextAnimation.vue?vue&type=style&index=0&id=095f92f8&prod&lang=scss&scoped=true&\""],"sourceRoot":""}