{"version":3,"sources":["webpack:///./src/views/chapter_one/SlideTwo.vue","webpack:///./src/components/widgets/SixBlocks.vue","webpack:///src/components/widgets/SixBlocks.vue","webpack:///./src/components/widgets/SixBlocks.vue?48c3","webpack:///./src/components/widgets/SixBlocks.vue?aa90","webpack:///src/views/chapter_one/SlideTwo.vue","webpack:///./src/views/chapter_one/SlideTwo.vue?fbf1","webpack:///./src/views/chapter_one/SlideTwo.vue?b7a2","webpack:///./src/components/widgets/SixBlocks.vue?9b8a"],"names":["render","_vm","this","_c","_self","staticClass","_m","staticRenderFns","_v","staticStyle","_l","content","item","index","key","on","$event","contentIndex","class","_s","title","text","attrs","animation","data","component","computed","components","SixBlocks"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACJ,EAAIK,GAAG,GAAGH,EAAG,eAAe,IAE/II,EAAkB,CAAC,WAAY,IAAIN,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACE,YAAY,kCAAkC,CAACJ,EAAIO,GAAG,iCAAiCL,EAAG,KAAK,CAACE,YAAY,qBAAqBI,YAAY,CAAC,gBAAgB,SAAS,CAACR,EAAIO,GAAG,+CCF5TR,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiBJ,EAAIS,GAAIT,EAAIU,SAAS,SAASC,EAAKC,GAAO,OAAOV,EAAG,MAAM,CAACW,IAAID,EAAMR,YAAY,MAAMU,GAAG,CAAC,UAAY,SAASC,GAAQf,EAAIgB,aAAeJ,GAAO,WAAa,SAASG,GAAQf,EAAIgB,cAAe,KAAS,CAACd,EAAG,SAAS,CAACe,MAAM,CAAC,OAAWL,IAAUZ,EAAIgB,eAAe,CAAEJ,IAAUZ,EAAIgB,aAAcd,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACJ,EAAIO,GAAGP,EAAIkB,GAAGP,EAAKQ,UAAUjB,EAAG,IAAI,CAACF,EAAIO,GAAGP,EAAIkB,GAAGP,EAAKS,WAAWlB,EAAG,MAAM,CAACA,EAAG,kBAAkB,CAACE,YAAY,sBAAsBiB,MAAM,CAAC,SAAW,GAAG,KAAO,GAAG,cAAgBV,EAAKW,UAAU,OAAS,MAAM,MAAQ,SAASpB,EAAG,KAAK,CAACE,YAAY,2BAA2B,CAACJ,EAAIO,GAAGP,EAAIkB,GAAGP,EAAKQ,WAAW,UAAS,IAE5vBb,EAAkB,GCsBP,GACfiB,OACA,OACAP,gBACAN,SACA,CACAS,sBACAC,0GACAE,qBAGA,CACAH,qBACAC,mGACAE,qBAEA,CACAH,0BACAC,sGACAE,qBAEA,CACAH,+BACAC,4GACAE,qBAEA,CACAH,wBACAC,4GACAE,qBAEA,CACAH,wBACAC,yGACAE,yBC1D+O,I,wBCQ3OE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCLA,GACfD,OACA,OACAP,eACAN,SACA,GAEA,MAMAe,UACAF,OACA,yCAGAG,YACAC,cCjC8O,ICO1O,EAAY,eACd,EACA5B,EACAO,GACA,EACA,KACA,KACA,MAIa,e,2CClBf","file":"js/chunk-393a7e5e.56ccbb17.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chapter-two margin-top-40\"},[_vm._m(0),_c('six-blocks')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row auto\"},[_c('div',{staticClass:\"col\"},[_c('h1',{staticClass:\"no-margin-top no-margin-bottom\"},[_vm._v(\"Building the living network\")]),_c('h4',{staticClass:\"no-margin-top dark\",staticStyle:{\"margin-bottom\":\"40px\"}},[_vm._v(\"6 Benefits for the service provider\")])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row wrap auto\"},_vm._l((_vm.content),function(item,index){return _c('div',{key:index,staticClass:\"col\",on:{\"mouseover\":function($event){_vm.contentIndex = index},\"mouseleave\":function($event){_vm.contentIndex = false}}},[_c('figure',{class:{'active' : index === _vm.contentIndex}},[(index === _vm.contentIndex)?_c('div',[_c('h4',{staticClass:\"no-margin-bottom\"},[_vm._v(_vm._s(item.title))]),_c('p',[_vm._v(_vm._s(item.text))])]):_c('div',[_c('v-lottie-player',{staticClass:\"lottie-video-player\",attrs:{\"autoplay\":\"\",\"loop\":\"\",\"animationData\":item.animation,\"height\":\"300\",\"width\":\"300\"}}),_c('h4',{staticClass:\"no-margin-bottom center\"},[_vm._v(_vm._s(item.title))])],1)])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row wrap auto\">\n        <div class=\"col\" v-for=\"(item, index) in content\" :key=\"index\" @mouseover=\"contentIndex = index\" @mouseleave=\"contentIndex = false\">\n            <figure :class=\"{'active' : index === contentIndex}\">\n                <div v-if=\"index === contentIndex\">\n                    <h4 class=\"no-margin-bottom\">{{ item.title }}</h4>\n                    <p>{{ item.text }}</p>\n                </div>\n                <div v-else>\n                    <v-lottie-player\n                        class=\"lottie-video-player\"\n                        autoplay\n                        loop\n                        :animationData=\"item.animation\"\n                        height=\"300\"\n                        width=\"300\"\n                    />\n                    <h4 class=\"no-margin-bottom center\">{{ item.title }}</h4>\n                </div>\n            </figure>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n  data(){\n    return{\n        contentIndex: false,\n        content: [\n            {\n                title: 'Reduced costs',\n                text: 'Automated repetitive processes and manual procedures, freeing up staff time for higher level tasks',\n                animation: require('@/assets/videos/Building-the-living-network-icon-1.json')\n\n            },\n            {\n                title: 'Acceleration',\n                text: 'Automated delivery and operations of software updates speeds new network features to market',\n                animation: require('@/assets/videos/Building-the-living-network-icon-2.json')\n            },\n            {\n                title: 'Network stability',\n                text: 'Continuous testing for proactive fault finding and network self-healing for improved stability',\n                animation: require('@/assets/videos/Building-the-living-network-icon-3.json')\n            },\n            {\n                title: 'Real-time optimization',\n                text: 'Dynamic decisions in real-time to optimize network resource usage, responding to external conditions',\n                animation: require('@/assets/videos/Building-the-living-network-icon-4.json')\n            },\n            {\n                title: 'Service agility',\n                text: 'IT webscale cloud-native approach with in-built automation enables rapid deployment of new use cases',\n                animation: require('@/assets/videos/Building-the-living-network-icon-5.json')\n            },\n            {\n                title: 'Reduced outages',\n                text: 'Automated configuration and operations reduces human errors, which account for 40%-80% of outages',\n                animation: require('@/assets/videos/Building-the-living-network-icon-6.json')\n            },\n        ]\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n    @import '@/scss/main.scss';\n    figure{\n        height: 200px;\n        background-color: $color-nokia-neutral-lighter;\n        width: 100%;\n        margin: 0px;\n        cursor: pointer;\n        transition-duration: .3s;\n        h4{\n            position: absolute;\n            bottom: 30px;\n            text-align: center;\n            left: 0;\n            right: 0;\n            color: #001135;\n        }\n        .lottie-video-player{\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n            max-width: 100%;\n            position: absolute;\n            transform: scale(.6);\n            top: -20px\n        }\n        &.active{\n            background-color: #027490;\n            h4{\n                position: relative;\n                text-align: left;\n            }\n            p{\n                margin-top: 0px;\n            }\n            * {\n                color: white;\n            }\n            > div{\n                display: inline-block;\n                padding: 20px;\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!./SixBlocks.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!./SixBlocks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SixBlocks.vue?vue&type=template&id=15a40fb1&scoped=true&\"\nimport script from \"./SixBlocks.vue?vue&type=script&lang=js&\"\nexport * from \"./SixBlocks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SixBlocks.vue?vue&type=style&index=0&id=15a40fb1&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  \"15a40fb1\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div class=\"chapter-two margin-top-40\">\n    <div class=\"row auto\">\n      <div class=\"col\">\n        <h1 class=\"no-margin-top no-margin-bottom\">Building the living network</h1>\n        <h4 class=\"no-margin-top dark\" style=\"margin-bottom: 40px;\">6 Benefits for the service provider</h4>\n      </div>\n    </div>\n    <six-blocks></six-blocks>\n</div>\n</template>\n\n<script>\nimport SixBlocks from '@/components/widgets/SixBlocks.vue'\nexport default {\n  data(){\n    return{\n      contentIndex: 0,\n      content: [\n        {\n\n        },{\n\n        }\n      ]\n    }\n  },\n  computed: {\n    data(){\n      return this.content[this.contentIndex]\n    }\n  },\n  components: {\n    SixBlocks\n  }\n}\n</script>\n","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=67661b5e&\"\nimport script from \"./SlideTwo.vue?vue&type=script&lang=js&\"\nexport * from \"./SlideTwo.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!./SixBlocks.vue?vue&type=style&index=0&id=15a40fb1&prod&lang=scss&scoped=true&\""],"sourceRoot":""}