{"version":3,"sources":["webpack:///src/app/layouts/ContentWithCart.vue","webpack:///./src/app/layouts/ContentWithCart.vue?eccc","webpack:///./src/app/layouts/ContentWithCart.vue"],"names":["ContentWithCart","data","cartMobileVisible","computed","extends_default","Object","vuex_esm","simulationStatus","mode","methods","returnToSummary","this","$router","replace","toggleCart","layouts_ContentWithCart","render","_vm","_h","$createElement","_c","_self","staticClass","_t","_v","attrs","position","key","$mq","on","toggle-cart","name","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"2IAkCAA,GACAC,KADA,WAEA,OACAC,mBAAA,IAGAC,SAAAC,OACAC,OAAAC,EAAA,EAAAD,EACAE,iBAAA,uBACAC,KAAA,wBAGAC,SACAC,gBADA,WAEAC,KAAAC,QAAAC,QAAA,YAEAC,WAJA,WAKAH,KAAAT,mBAAAS,KAAAT,qBChDAa,GADiBC,OAFjB,WAA0B,IAAAC,EAAAN,KAAaO,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,gBAAAD,EAAAT,KAAAY,EAAA,OAAwCE,YAAA,wBAAkCL,EAAAM,GAAA,WAAAN,EAAAO,GAAA,KAAAJ,EAAA,qBAAwDK,OAAOC,SAAA,YAAqBN,EAAA,cAAAH,EAAAO,GAAA,KAAAJ,EAAA,gBAAkDO,IAAA,UAAW,cAAAV,EAAAW,KAAA,OAAAX,EAAAW,IAAAR,EAAA,OAA2DE,YAAA,4BAAsCF,EAAA,OAAYE,YAAA,cAAwBF,EAAA,OAAYE,YAAA,uBAAiCF,EAAA,OAAYE,YAAA,UAAoBL,EAAAM,GAAA,WAAAN,EAAAO,GAAA,KAAAJ,EAAA,kBAAAH,EAAAO,GAAA,KAAAJ,EAAA,OAA2EE,YAAA,UAAoBF,EAAA,oBAAAA,EAAA,OAAmCE,YAAA,wBAAkCL,EAAAM,GAAA,WAAAN,EAAAO,GAAA,KAAAJ,EAAA,cAAAH,EAAAO,GAAA,KAAAJ,EAAA,eAA+ES,IAAIC,cAAAb,EAAAH,cAA8BG,EAAAO,GAAA,KAAAJ,EAAA,cAA+BK,OAAOM,KAAA,2BAAgCd,EAAA,kBAAAG,EAAA,UAAuCO,IAAA,OAAAE,IAAeC,cAAAb,EAAAH,cAA8BG,EAAAe,MAAA,QAEp6BC,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACApC,EACAe,GATA,EAVA,SAAAsB,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/44.f7a00050d6b1c8f72344.js","sourcesContent":["<template>\r\n  <div class=\"content content--sm\" v-if=\"mode === 'kiosk'\">\r\n    <slot></slot>\r\n    <c-fixed-container position=\"bottom\">\r\n      <c-controls/>\r\n      <c-cart-kiosk key=\"cart\"/>\r\n    </c-fixed-container>\r\n  </div>\r\n  <div class=\"content content--halves\" v-else-if=\"$mq === 'md' || $mq === 'lg'\">\r\n    <div class=\"container\">\r\n      <div class=\"grid grid-noGutter\">\r\n        <div class=\"col-8\">\r\n          <slot></slot>\r\n          <c-controls/>\r\n        </div>\r\n        <div class=\"col-4\">\r\n          <c-cart/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"content content--sm\" v-else>\r\n    <slot></slot>\r\n    <c-controls/>\r\n    <c-cart-peak @toggle-cart=\"toggleCart\"/>\r\n    <transition name=\"translate-from-bottom\">\r\n      <c-cart @toggle-cart=\"toggleCart\" v-if=\"cartMobileVisible\" key=\"cart\"/>\r\n    </transition>\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      cartMobileVisible: false\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      simulationStatus: 'simulation/getStatus',\r\n      mode: 'simulation/getMode'\r\n    })\r\n  },\r\n  methods: {\r\n    returnToSummary() {\r\n      this.$router.replace('/resumo');\r\n    },\r\n    toggleCart() {\r\n      this.cartMobileVisible = !this.cartMobileVisible;\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.children-section {\r\n  padding: 0 !important;\r\n\r\n  h2 {\r\n    margin-top: .875rem;\r\n    margin-bottom: .875rem;\r\n\r\n    @include font('Zona Pro', 'extra-bold');\r\n    font-size: .6875rem;\r\n    line-height: .9375rem;\r\n    color: $color-purple-ash-lighter;\r\n    text-transform: uppercase;\r\n\r\n    user-select: none;\r\n\r\n    .device-kiosk & {\r\n      margin-top: 2.5rem;\r\n      margin-bottom: 1.45rem;\r\n      font-size: 1.35rem;\r\n      line-height: 1.5rem;\r\n    }\r\n  }\r\n}\r\n\r\n.content {\r\n    position: relative;\r\n    height: 100%;\r\n    z-index: 1;\r\n\r\n    &--sm {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    section {\r\n      flex: 1 0 0%;\r\n      // padding: 5.75rem 1rem 1rem 1rem;\r\n      padding: 5.75rem 0 1rem;\r\n      width: 100%;\r\n\r\n      .device-sm & {\r\n        padding: 3.75rem 1rem 12.25rem;\r\n      }\r\n    }\r\n\r\n    &--halves {\r\n      background-color: $color-silver-light;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 100%;\r\n        top: 0;\r\n      }\r\n\r\n      &:before {\r\n        width: 50%;\r\n        left: 0;\r\n        background-color: $color-white;\r\n      }\r\n\r\n      &:after {\r\n        width: 50%;\r\n        right: 0;\r\n        background-color: $color-silver-light;\r\n        z-index: -1;\r\n      }\r\n    }\r\n\r\n    > .container {\r\n      height: inherit;\r\n      align-items: inherit;\r\n\r\n      > .grid {\r\n        height: inherit;\r\n        width: 100%;\r\n\r\n        > [class*=\"col-\"] {\r\n          padding: 5.625rem 1.875rem 0;\r\n\r\n          &:first-of-type {\r\n            padding-left: 0;\r\n          }\r\n\r\n          &:last-of-type {\r\n            padding-right: 0;\r\n          }\r\n        }\r\n\r\n        > .col-8 {\r\n          display: flex;\r\n          flex-direction: column;\r\n          background-color: $color-white;\r\n\r\n          > section:first-of-type {\r\n            flex: 1 0 0%;\r\n          }\r\n        }\r\n\r\n        > .col-4 {\r\n          background-color: $color-silver-light;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/layouts/ContentWithCart.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.mode === 'kiosk')?_c('div',{staticClass:\"content content--sm\"},[_vm._t(\"default\"),_vm._v(\" \"),_c('c-fixed-container',{attrs:{\"position\":\"bottom\"}},[_c('c-controls'),_vm._v(\" \"),_c('c-cart-kiosk',{key:\"cart\"})],1)],2):(_vm.$mq === 'md' || _vm.$mq === 'lg')?_c('div',{staticClass:\"content content--halves\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"grid grid-noGutter\"},[_c('div',{staticClass:\"col-8\"},[_vm._t(\"default\"),_vm._v(\" \"),_c('c-controls')],2),_vm._v(\" \"),_c('div',{staticClass:\"col-4\"},[_c('c-cart')],1)])])]):_c('div',{staticClass:\"content content--sm\"},[_vm._t(\"default\"),_vm._v(\" \"),_c('c-controls'),_vm._v(\" \"),_c('c-cart-peak',{on:{\"toggle-cart\":_vm.toggleCart}}),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"translate-from-bottom\"}},[(_vm.cartMobileVisible)?_c('c-cart',{key:\"cart\",on:{\"toggle-cart\":_vm.toggleCart}}):_vm._e()],1)],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-4a0b89f0\",\"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/layouts/ContentWithCart.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-4a0b89f0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ContentWithCart.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!./ContentWithCart.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./ContentWithCart.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4a0b89f0\\\",\\\"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!./ContentWithCart.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/layouts/ContentWithCart.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}