{"version":3,"sources":["webpack:///src/app/components/CartItem.vue","webpack:///./src/app/components/CartItem.vue?7fbc","webpack:///./src/app/components/CartItem.vue"],"names":["mixins","offers","determineActivePrice","data","previousQuantity","props","item","basePrice","type","Number","default","price","icon","String","undefined","components","quantity","disablePrice","Boolean","filters","toDecimal","value","toFixed","addCurrency","switchToComma","replace","computed","extends_default","Object","vuex_esm","mode","activePrice","this","realPrice","path","showPrice","hidden","watch","current","previous","components_CartItem","render","_vm","_h","$createElement","_c","_self","staticClass","meta","class","_e","_v","attrs","name","_s","_t","included","isOffer","config","isResumable","cart__item__price--muted","staticRenderFns","Component","__webpack_require__","normalizeComponent","CartItem","ssrContext","__webpack_exports__"],"mappings":"sKAiDAA,QACAC,EAAA,EACAC,EAAA,GAEAC,KALA,WAMA,OACAC,iBAAA,OAGAC,OACAC,QACAC,WACAC,KAAAC,OACAC,QAAA,MAEAC,SACAC,MACAJ,KAAAK,OACAH,aAAAI,GAEAC,cAEAC,YACAC,cACAT,KAAAU,QACAR,SAAA,IAGAS,SACAC,UADA,SACAC,GACA,WAAAA,EACA,OAGAA,EAAAC,QAAA,IAEAC,YARA,SAQAF,GACA,WAAAA,EACA,GAGA,IAAAA,GAEAG,cAfA,SAeAH,GACA,WAAAA,EACA,GAGAA,EAAAI,QAAA,WAGAC,SAAAC,OACAC,OAAAC,EAAA,EAAAD,EACAE,KAAA,wBAEAC,YAJA,WAKA,OAAAC,KAAA9B,qBAAA8B,KAAArB,QAEAsB,UAPA,WAQA,IAAAjB,EAAAgB,KAAAhB,SAAAgB,KAAAhB,SAAAgB,KAAA5B,iBAEA,OAAA4B,KAAAD,YAAAV,MAAAL,EAAAgB,KAAAzB,WAEA2B,KAZA,WAaA,OAAAF,KAAA1B,KAAA4B,MAEAC,UAfA,WAgBA,OAAAH,KAAAf,eAAAe,KAAAD,YAAAK,UAOAC,OACArB,SADA,SACAsB,EAAAC,GACAP,KAAA5B,iBAAAmC,KC1HAC,GADiBC,OAFjB,WAA0B,IAAAC,EAAAV,KAAaW,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,MAAgBE,YAAA,eAAyB,UAAAL,EAAAZ,MAAAY,EAAApC,KAAA0C,KAAA,KAAAH,EAAA,KAAuDE,YAAA,sBAAAE,MAAA,MAAAP,EAAA9B,OAA2D8B,EAAAQ,KAAAR,EAAAS,GAAA,KAAAN,EAAA,OAAiCE,YAAA,sBAAgCF,EAAA,cAAmBO,OAAOC,KAAA,sBAA2BX,EAAApC,KAAAU,SAAA,EAAA6B,EAAA,QAAqCE,YAAA,yBAAmCL,EAAAS,GAAA,gBAAAT,EAAAY,GAAAZ,EAAApC,KAAAU,UAAA,gBAAA0B,EAAAQ,OAAAR,EAAAS,GAAA,KAAAT,EAAAa,GAAA,iBAAAV,EAAA,OAA4HE,YAAA,sBAAgCL,EAAApC,KAAA0C,KAAA,KAAAH,EAAA,KAA+BE,YAAA,sBAAAE,MAAA,MAAAP,EAAA9B,OAA2D8B,EAAAQ,KAAAR,EAAAS,GAAA,KAAAN,EAAA,cAAwCO,OAAOC,KAAA,sBAA2BX,EAAApC,KAAAU,SAAA,EAAA6B,EAAA,QAAqCE,YAAA,yBAAmCL,EAAAS,GAAA,gBAAAT,EAAAY,GAAAZ,EAAApC,KAAAU,UAAA,gBAAA0B,EAAAQ,OAAAR,EAAAS,GAAA,KAAAT,EAAAa,GAAA,gBAAAb,EAAAS,GAAA,KAAAT,EAAA,YAAAA,EAAAX,YAAAyB,UAAAd,EAAAe,UAAAf,EAAApC,KAAAoD,OAAAC,YAAoUjB,EAAA,QAAAG,EAAA,QAA2BE,YAAA,sBAAgCL,EAAAS,GAAA,YAAAN,EAAA,QAAgCE,YAAA,yBAAmCL,EAAAS,GAAA,cAAlcN,EAAA,QAAwOE,YAAA,qBAAAE,OAAwCW,2BAAA,IAAAlB,EAAAT,cAAkLS,EAAAQ,MAAA,IAE3uCW,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACAC,EACAzB,GATA,EAVA,SAAA0B,GACAH,EAAA,SAaA,KAEA,MAUAI,EAAA,QAAAL,EAAA","file":"static/js/40.fd51364830831127d792.js","sourcesContent":["<template>\r\n  <li class=\"cart__item\">\r\n    <template v-if=\"mode === 'kiosk'\">\r\n      <i v-if=\"item.meta.icon\"\r\n        class=\"cart__item__icon ic\"\r\n        :class=\"`ic-${icon}`\"></i>\r\n      <div class=\"cart__item__title\">\r\n        <transition name=\"expand-from-left\">\r\n          <span v-if=\"item.quantity > 1\"\r\n                class=\"cart__item__quantity\">\r\n            x{{item.quantity}}\r\n          </span>\r\n        </transition>\r\n        <slot></slot>\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"cart__item__title\">\r\n        <i v-if=\"item.meta.icon\"\r\n          class=\"cart__item__icon ic\"\r\n          :class=\"`ic-${icon}`\"></i>\r\n        <transition name=\"expand-from-left\">\r\n          <span v-if=\"item.quantity > 1\"\r\n                class=\"cart__item__quantity\">\r\n            x{{item.quantity}}\r\n          </span>\r\n        </transition>\r\n        <slot></slot>\r\n      </div>\r\n    </template>\r\n    <template v-if=\"showPrice\">\r\n      <span v-if=\"(!activePrice.included  && !isOffer) || !item.config.isResumable\"\r\n            class=\"cart__item__price \"\r\n            :class=\"{ 'cart__item__price--muted' : realPrice === 0 }\">\r\n      </span>\r\n      <span v-else-if=\"isOffer\"\r\n            class=\"cart__item__offer\">OFERTA</span>\r\n      <span v-else\r\n            class=\"cart__item__included\">INCLUÍDO</span>\r\n    </template>\r\n  </li>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport offersMixin from '../mixins/offers';\r\nimport determineActivePriceMixin from '../mixins/determineActivePrice';\r\n\r\nexport default {\r\n  mixins: [\r\n    offersMixin,\r\n    determineActivePriceMixin\r\n  ],\r\n  data() {\r\n    return {\r\n      previousQuantity: null\r\n    };\r\n  },\r\n  props: {\r\n    item: {},\r\n    basePrice: {\r\n      type: Number,\r\n      default: null\r\n    },\r\n    price: {},\r\n    icon: {\r\n      type: String,\r\n      default: undefined\r\n    },\r\n    components: {\r\n    },\r\n    quantity: {},\r\n    disablePrice: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  filters: {\r\n    toDecimal(value) {\r\n      if (value === '') {\r\n        return '0.00';\r\n      }\r\n\r\n      return value.toFixed(2);\r\n    },\r\n    addCurrency(value) {\r\n      if (value === '') {\r\n        return '';\r\n      }\r\n\r\n      return `€${value}`;\r\n    },\r\n    switchToComma(value) {\r\n      if (value === '') {\r\n        return '';\r\n      }\r\n\r\n      return value.replace('.', ',');\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      mode: 'simulation/getMode'\r\n    }),\r\n    activePrice() {\r\n      return this.determineActivePrice(this.price);\r\n    },\r\n    realPrice() {\r\n      const quantity = this.quantity ? this.quantity : this.previousQuantity;\r\n\r\n      return (this.activePrice.value * quantity) + this.basePrice;\r\n    },\r\n    path() {\r\n      return this.item.path;\r\n    },\r\n    showPrice() {\r\n      if (this.disablePrice || this.activePrice.hidden) {\r\n        return false;\r\n      }\r\n\r\n      return true;\r\n    }\r\n  },\r\n  watch: {\r\n    quantity(current, previous) {\r\n      this.previousQuantity = previous;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../assets/sass/settings/colors';\r\n@import '../../assets/sass/tools/font';\r\n\r\n.cart__item {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .device-sm & {\r\n    background-color: $color-silver-light;\r\n  }\r\n\r\n  .device-kiosk & {\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n\r\n    width: 13.6875rem;\r\n    height: 9.375rem;\r\n\r\n    margin: 0 .25rem .5rem;\r\n    padding: 1rem 1.5625rem;\r\n\r\n    overflow: hidden;\r\n\r\n    background-color: $color-white;\r\n\r\n    border: .0625rem solid $color-silver-faint;\r\n    border-radius: .625rem;\r\n  }\r\n\r\n  &__title {\r\n    display: flex;\r\n    align-items: center;\r\n    flex: 1;\r\n    padding-right: 0.5rem;\r\n\r\n    .device-kiosk & {\r\n      font-size: 1rem;\r\n      line-height: 1.3125rem;\r\n\r\n      width: 10.4375rem;\r\n\r\n      color: $color-gray;\r\n    }\r\n\r\n    &__striked {\r\n      position: relative;\r\n      margin-left: 0.5rem;\r\n\r\n      @include font('Zona Pro', 'semi-bold');\r\n      color: $color-gray-lighter;\r\n\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -20%);\r\n        width: 110%;\r\n        height: 0.0625rem;\r\n\r\n        background-color: $color-orange-light;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__icon {\r\n    font-size: 1rem;\r\n    margin-right: .875rem;\r\n\r\n    .device-kiosk & {\r\n      font-size: 1.375rem;\r\n      margin-bottom: 0.75rem;\r\n\r\n      color: $color-purple;\r\n    }\r\n  }\r\n\r\n  &__quantity {\r\n    margin-right: 0.5rem;\r\n  }\r\n\r\n  &__price {\r\n    @include font('Zona Pro', 'semi-bold');\r\n    color: $color-gray-darker;\r\n\r\n    &--muted {\r\n      color: rgba($color-gray-lighter, 0.7);\r\n    }\r\n\r\n    &--striked {\r\n      position: relative;\r\n      color: rgba($color-gray-lighter, 0.7);\r\n      margin-right: 0.5rem;\r\n\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n\r\n        transform: translate(-50%, -70%);\r\n\r\n        width: 102.5%;\r\n        height: .0625rem;\r\n        background-color: $color-orange-light;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__offer {\r\n    @include font('Zona Pro', 'bold');\r\n    font-size: .6875rem;\r\n    color: $color-purple-lighter;\r\n  }\r\n\r\n  &__included {\r\n  @include font('Zona Pro', 'bold');\r\n    font-size: .6875rem;\r\n    color: rgba($color-gray-lighter, 0.7);\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/CartItem.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"cart__item\"},[(_vm.mode === 'kiosk')?[(_vm.item.meta.icon)?_c('i',{staticClass:\"cart__item__icon ic\",class:(\"ic-\" + _vm.icon)}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"cart__item__title\"},[_c('transition',{attrs:{\"name\":\"expand-from-left\"}},[(_vm.item.quantity > 1)?_c('span',{staticClass:\"cart__item__quantity\"},[_vm._v(\"\\n          x\"+_vm._s(_vm.item.quantity)+\"\\n        \")]):_vm._e()]),_vm._v(\" \"),_vm._t(\"default\")],2)]:[_c('div',{staticClass:\"cart__item__title\"},[(_vm.item.meta.icon)?_c('i',{staticClass:\"cart__item__icon ic\",class:(\"ic-\" + _vm.icon)}):_vm._e(),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"expand-from-left\"}},[(_vm.item.quantity > 1)?_c('span',{staticClass:\"cart__item__quantity\"},[_vm._v(\"\\n          x\"+_vm._s(_vm.item.quantity)+\"\\n        \")]):_vm._e()]),_vm._v(\" \"),_vm._t(\"default\")],2)],_vm._v(\" \"),(_vm.showPrice)?[((!_vm.activePrice.included  && !_vm.isOffer) || !_vm.item.config.isResumable)?_c('span',{staticClass:\"cart__item__price \",class:{ 'cart__item__price--muted' : _vm.realPrice === 0 }}):(_vm.isOffer)?_c('span',{staticClass:\"cart__item__offer\"},[_vm._v(\"OFERTA\")]):_c('span',{staticClass:\"cart__item__included\"},[_vm._v(\"INCLUÍDO\")])]:_vm._e()],2)}\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-731d2944\",\"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/CartItem.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-731d2944\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./CartItem.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!./CartItem.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./CartItem.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-731d2944\\\",\\\"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!./CartItem.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/CartItem.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}