{"version":3,"sources":["webpack:///./src/views/chapter_one/SlideThree.vue?5dd1","webpack:///./src/views/chapter_one/SlideThree.vue","webpack:///src/views/chapter_one/SlideThree.vue","webpack:///./src/views/chapter_one/SlideThree.vue?7eb3","webpack:///./src/views/chapter_one/SlideThree.vue?2225"],"names":["render","_vm","this","_c","_self","staticClass","_m","class","textIndex","on","$event","setTextIndex","_v","_s","data","text","_e","staticRenderFns","dataSet","methods","computed","component"],"mappings":"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","file":"js/chunk-5a1fb4ae.a686f3c1.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!./SlideThree.vue?vue&type=style&index=0&id=5b3aa128&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chapter-two\"},[_vm._m(0),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"ul-wrapper\"},[_c('div',{staticClass:\"ul-container\"},[_c('ul',{staticClass:\"no-margin-bottom\"},[_vm._m(1),_c('li',{class:{'active' : _vm.textIndex === 0},on:{\"mouseover\":function($event){return _vm.setTextIndex(0)}}},[_vm._v(\"Nokia\"),_c('br'),_vm._v(\" automation\")]),_c('li',{class:{'active' : _vm.textIndex === 1},on:{\"mouseover\":function($event){return _vm.setTextIndex(1)}}},[_vm._v(\"Nokia core\"),_c('br'),_vm._v(\" automation\")]),_c('li',{class:{'active' : _vm.textIndex === 2},on:{\"mouseover\":function($event){return _vm.setTextIndex(2)}}},[_vm._v(\"Digital\"),_c('br'),_vm._v(\" Operations\"),_c('br'),_vm._v(\" Center\")]),_c('li',{class:{'active' : _vm.textIndex === 3},on:{\"mouseover\":function($event){return _vm.setTextIndex(3)}}},[_vm._v(\"IP and optical\"),_c('br'),_vm._v(\" network\"),_c('br'),_vm._v(\" automation\")])])]),_c('div',{staticClass:\"text-container\"},[(_vm.textIndex <= 3)?_c('p',[_vm._v(_vm._s(_vm.data.text))]):_vm._e()])]),_c('div',{staticClass:\"ul-wrapper grey-background\"},[_c('div',{staticClass:\"ul-container\"},[_c('ul',[_vm._m(2),_c('li',{class:{'active' : _vm.textIndex === 4},on:{\"mouseover\":function($event){return _vm.setTextIndex(4)}}},[_vm._v(\"5G Core\")]),_c('li',{class:{'active' : _vm.textIndex === 5},on:{\"mouseover\":function($event){return _vm.setTextIndex(5)}}},[_vm._v(\"Nokia\"),_c('br'),_vm._v(\"Container\"),_c('br'),_vm._v(\"Services\")]),_c('li',{class:{'active' : _vm.textIndex === 6},on:{\"mouseover\":function($event){return _vm.setTextIndex(6)}}},[_vm._v(\"Service\"),_c('br'),_vm._v(\"Lifecycle Automation\"),_c('br'),_vm._v(\" for 5G Core\")]),_c('li',{class:{'active' : _vm.textIndex === 7},on:{\"mouseover\":function($event){return _vm.setTextIndex(7)}}},[_vm._v(\"Network\"),_c('br'),_vm._v(\"Services\"),_c('br'),_vm._v(\"Platform\")])]),_c('ul',[_vm._m(3),_c('li',{class:{'active' : _vm.textIndex === 8},on:{\"mouseover\":function($event){return _vm.setTextIndex(8)}}},[_vm._v(\"Network\"),_c('br'),_vm._v(\"Operations\"),_c('br'),_vm._v(\"Master\")]),_c('li',{class:{'active' : _vm.textIndex === 9},on:{\"mouseover\":function($event){return _vm.setTextIndex(9)}}},[_vm._v(\"Nokia\"),_c('br'),_vm._v(\"Orchestration\"),_c('br'),_vm._v(\"Center\")]),_c('li',{class:{'active' : _vm.textIndex === 10},on:{\"mouseover\":function($event){return _vm.setTextIndex(10)}}},[_vm._v(\"Nokia\"),_c('br'),_vm._v(\"Assurance\"),_c('br'),_vm._v(\"Center\")]),_c('li',{class:{'active' : _vm.textIndex === 11},on:{\"mouseover\":function($event){return _vm.setTextIndex(11)}}},[_vm._v(\"Data Center\"),_c('br'),_vm._v(\"Fabric\")])])]),_c('div',{staticClass:\"text-container\"},[(_vm.textIndex > 3)?_c('p',[_vm._v(_vm._s(_vm.data.text))]):_vm._e()])])])])])\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-bottom\"},[_vm._v(\"Learn more about Nokia automation\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('p',[_vm._v(\"Topics\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('p',[_vm._v(\"Core\"),_c('br'),_vm._v(\"automation\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('p',[_vm._v(\"Operations\"),_c('br'),_vm._v(\"automation\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"chapter-two\">\n      <div class=\"row auto\">\n        <div class=\"col\">\n          <h1 class=\"no-margin-bottom\">Learn more about Nokia automation</h1>\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"col\">\n          <div class=\"ul-wrapper\">\n            <div class=\"ul-container\">\n              <ul class=\"no-margin-bottom\">\n                <li><p>Topics</p></li>\n                <li @mouseover=\"setTextIndex(0)\" :class=\"{'active' : textIndex === 0}\">Nokia<br> automation</li>\n                <li @mouseover=\"setTextIndex(1)\" :class=\"{'active' : textIndex === 1}\">Nokia core<br> automation</li>\n                <li @mouseover=\"setTextIndex(2)\" :class=\"{'active' : textIndex === 2}\">Digital<br> Operations<br> Center</li>\n                <li @mouseover=\"setTextIndex(3)\" :class=\"{'active' : textIndex === 3}\">IP and optical<br> network<br> automation</li>\n              </ul>\n            </div>\n            <div class=\"text-container\">\n              <p  v-if=\"textIndex <= 3\">{{ data.text }}</p>\n            </div>\n          </div>\n          <div class=\"ul-wrapper grey-background\">\n            <div class=\"ul-container\">\n              <ul>\n                <li><p>Core<br>automation</p></li>\n                <li @mouseover=\"setTextIndex(4)\" :class=\"{'active' : textIndex === 4}\">5G Core</li>\n                <li @mouseover=\"setTextIndex(5)\" :class=\"{'active' : textIndex === 5}\">Nokia<br>Container<br>Services</li>\n                <li @mouseover=\"setTextIndex(6)\" :class=\"{'active' : textIndex === 6}\">Service<br>Lifecycle Automation<br> for 5G Core</li>\n                <li @mouseover=\"setTextIndex(7)\" :class=\"{'active' : textIndex === 7}\">Network<br>Services<br>Platform</li>\n              </ul>\n              <ul>\n                <li><p>Operations<br>automation</p></li>\n                <li @mouseover=\"setTextIndex(8)\" :class=\"{'active' : textIndex === 8}\">Network<br>Operations<br>Master</li>\n                <li @mouseover=\"setTextIndex(9)\" :class=\"{'active' : textIndex === 9}\">Nokia<br>Orchestration<br>Center</li>\n                <li @mouseover=\"setTextIndex(10)\" :class=\"{'active' : textIndex === 10}\">Nokia<br>Assurance<br>Center</li>\n                <li @mouseover=\"setTextIndex(11)\" :class=\"{'active' : textIndex === 11}\">Data Center<br>Fabric</li>\n              </ul>\n            </div>\n            <div class=\"text-container\">\n              <p v-if=\"textIndex > 3\">{{ data.text }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n  </div>\n  </template>\n\n  <script>\n  export default {\n    data(){\n      return{\n        textIndex: 0,\n        dataSet: [\n          { text: \"Create a living network\"},\n          { text: \"Assure network performance for millions of users: people, devices, slices\" },\n          { text: \"Enable new digital services and address customer-affecting issues with a fully automated solution for managing the entire service lifecycle\" },\n          { text: \"Meet the time, cost, performance and quality requirements of the digital economy\"},\n          { text: \"Build a cloud-native 5G Core, to innovate, execute, and pivot to new opportunities\"},\n          { text: \"Boost your efficiency and agility with containerized cloud-native infrastructure and management\"},\n          { text: \"Capture the 5G opportunity with service enablement of the whole lifecycle\"},\n          { text: \"Automate, optimize and assure your network with our unified, multi-layer, multi-tenant solution.\"},\n          { text: \"Enable the transformation to software-driven network management with an intelligent cloud-native system underpinned by extreme automation\"},\n          { text: \"Hide the network complexity to design and deploy tailored services at scale\"},\n          { text: \"Evolve to automated operations\"},\n          { text: \"Give your NetOps teams the flexibility and tools they need\"},\n\n        ]\n      }\n    },\n    methods:{\n      setTextIndex(index){\n        this.textIndex = index\n      }\n    },\n    computed:{\n      data(){\n        return this.dataSet[this.textIndex]\n      }\n    }\n  }\n  </script>\n  <style lang=\"scss\">\n  @import '@/scss/main.scss';\n  .chapter-two{\n\n    .ul-wrapper{\n      display: block;\n      float: left;\n      width: 100%;\n      display: flex;\n      margin-top: 15px;\n\n      ul{\n        display: flex;\n        padding-right: 15px;\n        padding-left: 0px;\n      }\n      li{\n        display: inline-block;\n        float: left;\n        background-color: white;\n        height: 100px;\n        margin-left: 15px;\n        padding: 15px;\n        font-weight: 100;\n        flex: 1;\n        transition-duration: .3s;\n        cursor: pointer;\n\n        &:first-child{\n          background-color: transparent;\n          color: $color-nokia-blue;\n          position: relative;\n          display: inline-block;\n          width: 20px;\n          flex: none;\n          margin-left: 0px;\n\n          p{\n            position: absolute;\n            top: 40%;\n            left: 50%;\n            transform:  translateX(-50%) translateY(-50%) rotate(-90deg);\n            text-align: center;\n            color: white;\n          }\n        }\n        &.active{\n          opacity: .8;\n        }\n      }\n      &.grey-background{\n        background: #027490;\n        margin-top: 30px;\n        padding-top: 30px;\n        padding-bottom: 30px;\n        ul{\n          margin: 0px;\n          clear: both;\n          li{\n            background-color: white;\n            color: $color-nokia-blue-dark;\n            &:first-child{\n              color: $color-nokia-blue;\n              background-color: transparent;\n            }\n          }\n          &:first-child{\n            li{\n              margin-bottom: 15px;\n            }\n          }\n        }\n      }\n      .ul-container{\n        float: left;\n        flex-direction: column;\n        width: 70%;\n        display: table-cell;\n      }\n      .text-container{\n        width: 30%;\n        float: left;\n        position: relative;\n        display: table-cell;\n        p{\n          position: absolute;\n          top: 50%;\n          left: 50px;\n          right: 50px;\n          transform: translateY(-50%);\n          margin-top: 0px;\n          margin-bottom: 0px;\n        }\n      }\n    }\n  }\n  @media screen and (max-width: 992px) {\n    .chapter-two{\n       .ul-wrapper{\n         li{\n           height: 75px;\n           font-size: 13px;\n         }\n       }\n    }\n  }\n  </style>\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!./SlideThree.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!./SlideThree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SlideThree.vue?vue&type=template&id=5b3aa128&\"\nimport script from \"./SlideThree.vue?vue&type=script&lang=js&\"\nexport * from \"./SlideThree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SlideThree.vue?vue&type=style&index=0&id=5b3aa128&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"],"sourceRoot":""}