{"version":3,"sources":["webpack:///src/app/components/Nav.vue","webpack:///./src/app/components/Nav.vue?99e0","webpack:///./src/app/components/Nav.vue"],"names":["Nav","data","currentIndex","computed","extends_default","Object","vuex_esm","items","current","isNavBlocked","simulationPackage","mode","activePackageConfig","itemsFiltered","this","filter","item","display","currentFiltered","indexOf","isNavBlockable","features","disableTimelineNavigation","methods","onClick","watch","newValue","oldValue","$route","to","from","name","isBackNavigation","findIndex","el","handle","toLowerCase","element","find","position","mounted","components_Nav","render","_vm","_h","$createElement","_c","_self","staticClass","_l","index","key","navigatable","class","active","_v","_s","attrs","disabled","replace","on","click","$event","$gm_router_push","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"kKAgCAA,GACAC,KADA,WAEA,OACAC,aAAA,IAGAC,SAAAC,OACAC,OAAAC,EAAA,EAAAD,EACAE,MAAA,oBACAC,QAAA,sBACAC,aAAA,sBACAC,kBAAA,wBACAC,KAAA,qBACAC,oBAAA,qCAEAC,cATA,WAUA,OAAAC,KAAAP,MAAAQ,OAAA,SAAAC,GAAA,OAAAA,EAAAC,WAEAC,gBAZA,WAaA,IAAAF,EAAAF,KAAAP,MAAAO,KAAAN,SAEA,OAAAM,KAAAD,cAAAM,QAAAH,IAEAI,eAjBA,WAkBA,OAAAN,KAAAF,oBAAAS,SAAAC,6BAGAC,QAAAnB,OACAC,OAAAC,EAAA,EAAAD,EACAmB,QAAA,yBAGAC,OACAP,gBADA,SACAQ,EAAAC,GACAD,EAAA,EACAZ,KAAAN,QAAAmB,EACAb,KAAAZ,aAAAyB,EAEAb,KAAAZ,aAAAyB,EAAA,EAGAb,KAAAZ,aAAAwB,GAGAE,OAZA,SAYAC,EAAAC,GACA,GAAAD,EAAAE,OAAAD,EAAAC,KAAA,CAEA,IAAAC,EACAlB,KAAAP,MAAA0B,UAAA,SAAAC,GAAA,OAAAA,EAAAC,OAAAC,gBAAAP,EAAAE,KAAAK,gBACAtB,KAAAP,MAAA0B,UAAA,SAAAC,GAAA,OAAAA,EAAAC,OAAAC,gBAAAN,EAAAC,KAAAK,gBAGAC,EAAAvB,KAAAP,MAAA+B,KAAA,SAAAJ,GAAA,OAAAA,EAAAC,OAAAC,gBAAAP,EAAAE,KAAAK,gBAGAG,GAAAF,EAAApB,SAAAe,EACAlB,KAAAP,MAAA0B,UAAA,SAAAC,GAAA,OAAAA,IAAAG,IAAA,EAAAvB,KAAAP,MAAA0B,UAAA,SAAAC,GAAA,OAAAA,IAAAG,IAEAvB,KAAAU,QAAAe,MAIAC,QA9DA,WA+DA1B,KAAAZ,aAAAY,KAAAI,kBC5FAuB,GADiBC,OAFjB,WAA0B,IAAAC,EAAA7B,KAAa8B,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,QAAkBF,EAAA,OAAYE,YAAA,oCAA8CF,EAAA,MAAWE,YAAA,cAAyBL,EAAAM,GAAAN,EAAA,eAAA3B,EAAAkC,GAAyC,OAAAlC,EAAAC,SAAA,WAAAD,EAAAe,KAAAe,EAAA,MAAyDK,IAAAD,KAAUlC,EAAAoC,aAAAT,EAAAlC,cAAAkC,EAAAvB,eAAgS0B,EAAA,KAAkEE,YAAA,gCAAAK,OAAmD7C,QAAA0C,IAAAP,EAAAzC,aAAAoD,OAAAJ,EAAAP,EAAAzC,gBAA4EyC,EAAAY,GAAA,eAAAZ,EAAAa,GAAAxC,EAAAe,MAAA,gBAAjee,EAAA,KAAyEE,YAAA,iBAAAK,OAAoC7C,QAAA0C,IAAAP,EAAAnC,QAAA8C,OAAAJ,EAAAP,EAAAnC,SAAiEiD,OAAQC,SAAAf,EAAAlC,aAAAkD,QAAA,IAAyCC,IAAKC,MAAA,SAAAC,GAAyBnB,EAAAoB,gBAAA/C,EAAAmB,YAAmCQ,EAAAY,GAAA,eAAAZ,EAAAa,GAAAxC,EAAAe,MAAA,kBAAiMY,EAAAqB,aAEtxBC,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACApE,EACAyC,GATA,EAVA,SAAA4B,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/42.e9714cbf5ee45a432983.js","sourcesContent":["<template>\r\n  <nav class=\"nav\">\r\n    <div class=\"container container--no-padding\">\r\n      <ul class=\"nav__items\">\r\n        <li v-for=\"(item, index) in items\"\r\n            :key=\"index\"\r\n            v-if=\"item.display && item.name !== 'Fatura'\">\r\n\r\n          <a v-if=\"item.navigatable && !isNavBlocked && !isNavBlockable\"\r\n                       :class=\"{  current : index === current, active : index < current }\"\r\n                       class=\"link link--nav\"\r\n                       @click=\"$gm_router_push(item.handle)\"\r\n                       :disabled=\"isNavBlocked\"\r\n                       replace>\r\n            {{ item.name }}\r\n          </a>\r\n\r\n          <a v-else\r\n             :class=\"{  current : index === currentIndex, active : index < currentIndex }\"\r\n             class=\"link link--nav link--disabled\">\r\n            {{ item.name }}\r\n          </a>\r\n\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </nav>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from 'vuex';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      currentIndex: 0\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      items: 'timeline/getItems',\r\n      current: 'timeline/getCurrent',\r\n      isNavBlocked: 'timeline/getBlocked',\r\n      simulationPackage: 'simulation/getPackage',\r\n      mode: 'simulation/getMode',\r\n      activePackageConfig: 'packages/getActivePackageConfig'\r\n    }),\r\n    itemsFiltered() {\r\n      return this.items.filter(item => item.display);\r\n    },\r\n    currentFiltered() {\r\n      const item = this.items[this.current];\r\n\r\n      return this.itemsFiltered.indexOf(item);\r\n    },\r\n    isNavBlockable() {\r\n      return this.activePackageConfig.features.disableTimelineNavigation;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      onClick: 'timeline/setCurrent'\r\n    })\r\n  },\r\n  watch: {\r\n    currentFiltered(newValue, oldValue) {\r\n      if (newValue < 0) {\r\n        if (this.current > oldValue) {\r\n          this.currentIndex = oldValue;\r\n        } else {\r\n          this.currentIndex = oldValue - 1;\r\n        }\r\n      } else {\r\n        this.currentIndex = newValue;\r\n      }\r\n    },\r\n    $route(to, from) {\r\n      if (to.name !== from.name) {\r\n        // Check if is navigating back\r\n        const isBackNavigation =\r\n          this.items.findIndex(el => el.handle.toLowerCase() === to.name.toLowerCase()) <\r\n          this.items.findIndex(el => el.handle.toLowerCase() === from.name.toLowerCase());\r\n\r\n        // Get item\r\n        const element = this.items.find(el => el.handle.toLowerCase() === to.name.toLowerCase());\r\n\r\n        // Get item's \"parent\" position\r\n        const position = !element.display && isBackNavigation ?\r\n          this.items.findIndex(el => el === element) - 1 : this.items.findIndex(el => el === element);\r\n\r\n        this.onClick(position);\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    this.currentIndex = this.currentFiltered;\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../assets/sass/settings/colors';\r\n\r\n.nav {\r\n  position: absolute;\r\n  top: 6.25rem;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n\r\n  z-index: 15;\r\n  overflow: hidden;\r\n\r\n  .device-kiosk & {\r\n    top: 5.425rem;\r\n  }\r\n\r\n  &__items {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n\r\n    z-index: 1;\r\n\r\n    > li {\r\n      position: relative;\r\n\r\n      flex: 1 0 0;\r\n\r\n      text-align: center;\r\n\r\n      > a {\r\n        padding: .625rem;\r\n\r\n        .device-kiosk & {\r\n          padding: .75rem .625rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/Nav.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:\"nav\"},[_c('div',{staticClass:\"container container--no-padding\"},[_c('ul',{staticClass:\"nav__items\"},_vm._l((_vm.items),function(item,index){return (item.display && item.name !== 'Fatura')?_c('li',{key:index},[(item.navigatable && !_vm.isNavBlocked && !_vm.isNavBlockable)?_c('a',{staticClass:\"link link--nav\",class:{  current : index === _vm.current, active : index < _vm.current },attrs:{\"disabled\":_vm.isNavBlocked,\"replace\":\"\"},on:{\"click\":function($event){_vm.$gm_router_push(item.handle)}}},[_vm._v(\"\\n          \"+_vm._s(item.name)+\"\\n        \")]):_c('a',{staticClass:\"link link--nav link--disabled\",class:{  current : index === _vm.currentIndex, active : index < _vm.currentIndex }},[_vm._v(\"\\n          \"+_vm._s(item.name)+\"\\n        \")])]):_vm._e()}))])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-60159469\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/app/components/Nav.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60159469\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Nav.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Nav.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Nav.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-60159469\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Nav.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/Nav.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}