{"version":3,"sources":["webpack:///src/app/components/Timeline.vue","webpack:///./src/app/components/Timeline.vue?0099","webpack:///./src/app/components/Timeline.vue"],"names":["Timeline","data","currentIndex","computed","extends_default","Object","vuex_esm","items","itemsLength","current","simulationStatus","itemsFiltered","this","filter","item","display","name","toLowerCase","currentFiltered","indexOf","indicatorLength","stepWidth","length","halfStep","watch","newValue","oldValue","mounted","components_Timeline","render","_vm","_h","$createElement","_c","_self","$mq","staticClass","_l","index","key","class","active","_v","style","width","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"kKA8BAA,GACAC,KADA,WAEA,OACAC,aAAA,IAGAC,SAAAC,OACAC,OAAAC,EAAA,EAAAD,EACAE,MAAA,oBACAC,YAAA,0BACAC,QAAA,sBACAC,iBAAA,0BAEAC,cAPA,WAQA,OAAAC,KAAAL,MAAAM,OAAA,SAAAC,GAAA,OAAAA,EAAAC,SAAA,WAAAD,EAAAE,KAAAC,iBAEAC,gBAVA,WAWA,IAAAJ,EAAAF,KAAAL,MAAAK,KAAAH,SAEA,OAAAG,KAAAD,cAAAQ,QAAAL,IAEAM,gBAfA,WAgBA,IAAAC,EAAA,IAAAT,KAAAD,cAAAW,OACAC,EAAAF,EAAA,EAGA,OADAA,EAAAT,KAAAV,aAAAqB,EACA,OAGAC,OACAN,gBADA,SACAO,EAAAC,GACAD,EAAA,EACAb,KAAAH,QAAAiB,EACAd,KAAAV,aAAAwB,EAEAd,KAAAV,aAAAwB,EAAA,EAGAd,KAAAV,aAAAuB,IAIAE,QA1CA,WA2CAf,KAAAV,aAAAU,KAAAM,kBCtEAU,GADiBC,OAFjB,WAA0B,IAAAC,EAAAlB,KAAamB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,aAAAD,EAAAK,KAAA,OAAAL,EAAAK,IAAAF,EAAA,OAAwDG,YAAA,aAAuBH,EAAA,OAAYG,YAAA,oCAA8CH,EAAA,MAAWG,YAAA,mBAA8BN,EAAAO,GAAAP,EAAA,uBAAAhB,EAAAwB,GAAiD,OAAAL,EAAA,MAAgBM,IAAAD,EAAAE,OAAiBC,OAAAH,EAAAR,EAAA5B,aAAAO,QAAA6B,IAAAR,EAAA5B,mBAA8E4B,EAAAY,GAAA,KAAAT,EAAA,OAAyBG,YAAA,mBAA6BH,EAAA,OAAYG,YAAA,4BAAAO,OAAgDC,MAAAd,EAAAV,uBAA+BU,EAAAY,GAAA,KAAAT,EAAA,OAA4BG,YAAA,uBAA+B,YAAAN,EAAApB,iBAAAuB,EAAA,OAAmDG,YAAA,aAAuBH,EAAA,OAAYG,YAAA,mBAA6BH,EAAA,OAAYG,YAAA,4BAAAO,OAAgDC,MAAAd,EAAAV,qBAA+BU,EAAAY,GAAA,KAAAT,EAAA,OAA0BG,YAAA,uBAA+BN,EAAAe,MAE72BC,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACAjD,EACA4B,GATA,EAVA,SAAAsB,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/48.19fb921326944e67ce88.js","sourcesContent":["<template>\r\n  <div class=\"timeline\" v-if=\"$mq === 'md' || $mq === 'lg'\">\r\n    <div class=\"container container--no-padding\">\r\n      <ul class=\"timeline__steps\">\r\n        <li v-for=\"(item, index) in itemsFiltered\"\r\n            :key=\"index\"\r\n            :class=\"{  active : index < currentIndex, current : index === currentIndex }\">\r\n        </li>\r\n      </ul>\r\n      <div class=\"timeline__rail\">\r\n        <div class=\"timeline__rail__indicator\"\r\n             :style=\"{ width: indicatorLength }\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"timeline__shadow\"></div>\r\n  </div>\r\n  <div class=\"timeline\" v-else-if=\"simulationStatus === 'initial'\">\r\n    <div class=\"timeline__rail\">\r\n      <div class=\"timeline__rail__indicator\"\r\n           :style=\"{ width: indicatorLength }\">\r\n      </div>\r\n    </div>\r\n    <div class=\"timeline__shadow\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } 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      itemsLength: 'timeline/getItemsLength',\r\n      current: 'timeline/getCurrent',\r\n      simulationStatus: 'simulation/getStatus'\r\n    }),\r\n    itemsFiltered() {\r\n      return this.items.filter(item => item.display && item.name.toLowerCase() !== 'fatura');\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    indicatorLength() {\r\n      const stepWidth = 100 / this.itemsFiltered.length;\r\n      const halfStep = stepWidth / 2;\r\n\r\n      const result = (stepWidth * this.currentIndex) + halfStep;\r\n      return `${result}%`;\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  },\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.timeline {\r\n  position: fixed;\r\n  top: 5.625rem;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n\r\n  z-index: 5100;\r\n\r\n  .device-sm & {\r\n    top: 0;\r\n    height: .1875rem;\r\n  }\r\n\r\n  .device-kiosk & {\r\n    top: 4.5rem;\r\n  }\r\n\r\n  &__steps {\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      flex: 1 0 0;\r\n\r\n      &:before {\r\n        content: '';\r\n\r\n        position: absolute;\r\n\r\n        left: 50%;\r\n\r\n        width: .6875rem;\r\n        height: .6875rem;\r\n\r\n        border: .125rem solid $color-white;\r\n        border-radius: 6rem;\r\n\r\n        background-color: $color-silver-dark;\r\n\r\n        transform: translate(-50%, -42.5%);\r\n\r\n        transition: all 200ms;\r\n      }\r\n\r\n      z-index: 1;\r\n\r\n      &.active, &.current {\r\n\r\n        &:before {\r\n          background-color: $color-yellow;\r\n        }\r\n      }\r\n\r\n      &.current {\r\n        &:before {\r\n          transform: translate(-50%, -42.5%) scale(1.36364);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__rail {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: .1875rem;\r\n    background-color: $color-silver-dark;\r\n\r\n    z-index: 0;\r\n\r\n    &__indicator {\r\n      height: .1875rem;\r\n      background-color: $color-yellow;\r\n\r\n      border-top-right-radius: .0625rem;\r\n      border-bottom-right-radius: .0625rem;\r\n\r\n      .device-sm & {\r\n        transition: all 200ms ease-in;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &__shadow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: .1875rem;\r\n\r\n    z-index: -1;\r\n\r\n    &:before, &:after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      top: 0;\r\n\r\n      width: 50%;\r\n      height: 100%;\r\n    }\r\n\r\n    &:before {\r\n      left: 0;\r\n\r\n      background-color: $color-yellow;\r\n    }\r\n\r\n    &:after {\r\n      right: 0;\r\n\r\n      background-color: $color-silver-dark;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/Timeline.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.$mq === 'md' || _vm.$mq === 'lg')?_c('div',{staticClass:\"timeline\"},[_c('div',{staticClass:\"container container--no-padding\"},[_c('ul',{staticClass:\"timeline__steps\"},_vm._l((_vm.itemsFiltered),function(item,index){return _c('li',{key:index,class:{  active : index < _vm.currentIndex, current : index === _vm.currentIndex }})})),_vm._v(\" \"),_c('div',{staticClass:\"timeline__rail\"},[_c('div',{staticClass:\"timeline__rail__indicator\",style:({ width: _vm.indicatorLength })})])]),_vm._v(\" \"),_c('div',{staticClass:\"timeline__shadow\"})]):(_vm.simulationStatus === 'initial')?_c('div',{staticClass:\"timeline\"},[_c('div',{staticClass:\"timeline__rail\"},[_c('div',{staticClass:\"timeline__rail__indicator\",style:({ width: _vm.indicatorLength })})]),_vm._v(\" \"),_c('div',{staticClass:\"timeline__shadow\"})]):_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-2a1216cc\",\"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/Timeline.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-2a1216cc\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Timeline.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!./Timeline.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Timeline.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2a1216cc\\\",\\\"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!./Timeline.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/Timeline.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}