{"version":3,"sources":["webpack:///src/app/components/SummaryPrice.vue","webpack:///./src/app/components/SummaryPrice.vue?72df","webpack:///./src/app/components/SummaryPrice.vue"],"names":["SummaryPrice","props","price","type","Number","default","relative","Boolean","recurring","striked","periodicStatement","String","required","computed","value","this","toFixed","int","split","decimal","components_SummaryPrice","render","_vm","_h","$createElement","_c","_self","staticClass","class","summary__price--striked","summary__price--periodic","_v","_e","_s","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HA6BA,IAAAA,GACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,GAEAC,UACAH,KAAAI,QACAF,SAAA,GAEAG,WACAL,KAAAI,QACAF,SAAA,GAEAI,SACAN,KAAAI,QACAF,SAAA,GAEAK,mBACAP,KAAAQ,OACAN,QAAA,GACAO,UAAA,IAGAC,UACAC,MADA,WAEA,OAAAC,KAAAb,MAAAc,QAAA,IAGAC,IALA,WAQA,OAFAF,KAAAD,MAAAI,MAAA,KAEA,IAGAC,QAXA,WAcA,OAFAJ,KAAAD,MAAAI,MAAA,KAEA,MChEAE,GADiBC,OAFjB,WAA0B,IAAAC,EAAAP,KAAaQ,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAAAC,OAAoCC,0BAAAP,EAAAb,QAAAqB,2BAAAR,EAAAZ,qBAA+FK,KAAA,OAAAU,EAAA,OAA0BE,YAAA,0BAAoCL,EAAA,SAAAG,EAAA,QAA4BE,YAAA,oCAA8CL,EAAAS,GAAA,OAAAT,EAAAU,KAAAV,EAAAS,GAAA,KAAAN,EAAA,QAAgDE,YAAA,+BAAyCL,EAAAS,GAAA,cAAAT,EAAAW,GAAAX,EAAAL,KAAA,cAAAK,EAAAS,GAAA,KAAAN,EAAA,QAA4EE,YAAA,mCAA6CL,EAAAS,GAAA,cAAAT,EAAAW,GAAAX,EAAAH,SAAA,gBAAAG,EAAAS,GAAA,KAAAT,EAAA,UAAAG,EAAA,QAAkGE,YAAA,8BAAwCL,EAAAS,GAAA,wBAAAT,EAAAU,KAAAV,EAAAS,GAAA,KAAAT,EAAA,kBAAAG,EAAA,QAAyFE,YAAA,8BAAwCL,EAAAS,GAAA,WAAAT,EAAAW,GAAAX,EAAAZ,mBAAA,YAAAY,EAAAU,OAAAP,EAAA,OAAmFE,YAAA,0BAAoCL,EAAAS,GAAA,gCAEx7BG,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACArC,EACAoB,GATA,EAVA,SAAAkB,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/84.76bcd87c6daac705747f.js","sourcesContent":["<template>\r\n  <div class=\"summary__price\"\r\n       :class=\"{ 'summary__price--striked' : striked, 'summary__price--periodic' : periodicStatement }\">\r\n    <template v-if=\"this.price\">\r\n      <div class=\"summary__price__value\">\r\n        <span class=\"summary__price__value__relative\" v-if=\"relative\">+</span>\r\n        <span class=\"summary__price__value__int\">\r\n          &euro;{{ int }}\r\n        </span>\r\n        <span class=\"summary__price__value__decimal\">\r\n          ,{{ decimal }}\r\n        </span>\r\n      </div>\r\n      <span class=\"summary__price__recurring\" v-if=\"recurring\">\r\n        /Mês\r\n      </span>\r\n      <span class=\"summary__price__statement\" v-if=\"periodicStatement\">\r\n        {{ periodicStatement }}\r\n      </span>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"summary__price__offer\">\r\n        OFERTA\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    price: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    relative: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    recurring: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    striked: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    periodicStatement: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    }\r\n  },\r\n  computed: {\r\n    value() {\r\n      return this.price.toFixed(2);\r\n    },\r\n\r\n    int() {\r\n      const priceValue = this.value.split('.');\r\n\r\n      return priceValue[0];\r\n    },\r\n\r\n    decimal() {\r\n      const priceValue = this.value.split('.');\r\n\r\n      return priceValue[1];\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../assets/sass/tools/font';\r\n@import '../../assets/sass/settings/colors';\r\n\r\n.summary__price {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: baseline;\r\n\r\n  &--striked {\r\n    margin-right: 0.5rem;\r\n\r\n    .device-kiosk & {\r\n      margin-right: 0.65rem;\r\n    }\r\n\r\n    .summary__price__value {\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 40%;\r\n        left: 50%;\r\n\r\n        transform: translate(-50%, -20%);\r\n\r\n        width: 102.5%;\r\n        height: .0625rem;\r\n        background-color: $color-orange-light;\r\n\r\n        .device-kiosk & {\r\n          height: 0.12rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    .summary__price__value__int {\r\n      @include font('Zona Pro', 'bold');\r\n      font-size: 1.1875rem;\r\n\r\n      .device-kiosk & {\r\n        font-size: 1.25rem;\r\n      }\r\n    }\r\n    .summary__price__value__decimal {\r\n      @include font('Zona Pro', 'bold');\r\n      font-size: 0.9875rem;\r\n\r\n      .device-kiosk & {\r\n        font-size: 0.85rem;\r\n      }\r\n    }\r\n\r\n    color: $color-gray-lighter;\r\n  }\r\n\r\n  &--periodic {\r\n    margin-top: 0.25rem;\r\n\r\n    .device-kiosk & {\r\n      margin-top: 0.325rem;\r\n    }\r\n\r\n    .summary__price__statement {\r\n      font-size: 0.9rem;\r\n      margin-left: 0.5rem;\r\n    }\r\n\r\n    .summary__price__value {\r\n      .summary__price__value__int {\r\n        @include font('Zona Pro', 'normal');\r\n        font-size: 0.9rem;\r\n\r\n        .device-kiosk & {\r\n          font-size: 1.25rem;\r\n        }\r\n      }\r\n\r\n      .summary__price__value__decimal {\r\n        @include font('Zona Pro', 'normal');\r\n        font-size: 0.9rem;\r\n\r\n        .device-kiosk & {\r\n          font-size: 0.85rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    color: $color-gray-lighter;\r\n  }\r\n\r\n  &__offer {\r\n    @include font('Zona Pro', 'black');\r\n    font-size: 1.1875rem;\r\n    line-height: 1.625rem;\r\n\r\n    .device-kiosk & {\r\n      @include font('Zona Pro', 'semi-bold');\r\n      font-size: 1.375rem;\r\n      line-height: 2.125rem;\r\n\r\n      color: $color-purple;\r\n    }\r\n\r\n    @media print {\r\n      @include font('Zona Pro', 'bold');\r\n      font-size: 1rem;\r\n      line-height: 1.2rem;\r\n      margin-top: 0.2rem;\r\n    }\r\n  }\r\n\r\n  &__value {\r\n    display: inline-flex;\r\n    align-items: baseline;\r\n    @include font('Zona Pro', 'black');\r\n\r\n    &__relative {\r\n      @include font('Zona Pro', 'extra-bold');\r\n      font-size: .8125rem;\r\n      line-height: 1.125rem;\r\n\r\n      align-self: center;\r\n\r\n      margin-right: .4375rem\r\n    }\r\n\r\n    &__int {\r\n      font-size: 1.5625rem;\r\n\r\n      .device-sm & {\r\n        @include font('Zona Pro', 'bold');\r\n        font-size: .9rem;\r\n        line-height: 1.25rem;\r\n      }\r\n\r\n      .device-kiosk & {\r\n        font-size: 1.75rem;\r\n        line-height: 2.125rem;\r\n      }\r\n\r\n      @media print {\r\n        @include font('Zona Pro', 'semi-bold');\r\n        font-size: 1.2rem;\r\n        line-height: 1.5rem;\r\n      }\r\n    }\r\n\r\n    &__decimal {\r\n      font-size: 1.1875rem;\r\n      list-style: 1em;\r\n\r\n      .device-sm & {\r\n        @include font('Zona Pro', 'bold');\r\n        font-size: .9rem;\r\n        line-height: 1.25rem;\r\n      }\r\n\r\n      .device-kiosk & {\r\n        font-size: 1.375rem;\r\n        line-height: 1rem;\r\n      }\r\n\r\n      @media print {\r\n        @include font('Zona Pro', 'semi-bold');\r\n        font-size: 1rem;\r\n        line-height: 1.2rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__recurring {\r\n    @include font('Zona Pro', 'extra-bold');\r\n    font-size: .8125rem;\r\n    line-height: 1.125rem;\r\n\r\n    margin-left: 0.5rem;\r\n\r\n    text-transform: uppercase;\r\n\r\n    .device-sm & {\r\n      font-size: .625rem;\r\n      letter-spacing: .03875rem;\r\n      line-height: .8125rem;\r\n      margin-left: .1875rem;\r\n    }\r\n\r\n    .device-kiosk & {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    @media print {\r\n      @include font('Zona Pro', 'semi-bold');\r\n    }\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/SummaryPrice.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"summary__price\",class:{ 'summary__price--striked' : _vm.striked, 'summary__price--periodic' : _vm.periodicStatement }},[(this.price)?[_c('div',{staticClass:\"summary__price__value\"},[(_vm.relative)?_c('span',{staticClass:\"summary__price__value__relative\"},[_vm._v(\"+\")]):_vm._e(),_vm._v(\" \"),_c('span',{staticClass:\"summary__price__value__int\"},[_vm._v(\"\\n        €\"+_vm._s(_vm.int)+\"\\n      \")]),_vm._v(\" \"),_c('span',{staticClass:\"summary__price__value__decimal\"},[_vm._v(\"\\n        ,\"+_vm._s(_vm.decimal)+\"\\n      \")])]),_vm._v(\" \"),(_vm.recurring)?_c('span',{staticClass:\"summary__price__recurring\"},[_vm._v(\"\\n      /Mês\\n    \")]):_vm._e(),_vm._v(\" \"),(_vm.periodicStatement)?_c('span',{staticClass:\"summary__price__statement\"},[_vm._v(\"\\n      \"+_vm._s(_vm.periodicStatement)+\"\\n    \")]):_vm._e()]:[_c('div',{staticClass:\"summary__price__offer\"},[_vm._v(\"\\n      OFERTA\\n    \")])]],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-3e6dbcd8\",\"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/SummaryPrice.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-3e6dbcd8\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./SummaryPrice.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!./SummaryPrice.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./SummaryPrice.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3e6dbcd8\\\",\\\"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!./SummaryPrice.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/SummaryPrice.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}