{"version":3,"sources":["webpack:///src/app/components/SectionHeader.vue","webpack:///./src/app/components/SectionHeader.vue?a991","webpack:///./src/app/components/SectionHeader.vue"],"names":["SectionHeader","props","meta","type","Object","default","undefined","description","String","icon","showInformation","Boolean","computed","extends_default","vuex_esm","mode","simulationPackage","methods","openInformationOverlay","this","$emit","components_SectionHeader","render","_vm","_h","$createElement","_c","_self","staticClass","$mq","class","_e","_v","alternative_subtitle","_s","subtitle","title","on","click","section-header__description--has-icon","lead","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6IA+BAA,GACAC,OACAC,MACAC,KAAAC,OACAC,aAAAC,GAEAC,aACAJ,KAAAK,OACAH,aAAAC,GAEAG,MACAN,KAAAK,OACAH,aAAAC,GAEAI,iBACAP,KAAAQ,QACAN,SAAA,IAGAO,SAAAC,OACAT,OAAAU,EAAA,EAAAV,EACAW,KAAA,qBACAC,kBAAA,2BAGAC,SACAC,uBADA,WAEAC,KAAAC,MAAA,+BCvDAC,GADiBC,OAFjB,WAA0B,IAAAC,EAAAJ,KAAaK,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,UAAoBE,YAAA,mBAA6BF,EAAA,MAAWE,YAAA,0BAAoC,OAAAL,EAAAM,KAAA,OAAAN,EAAAM,IAAAH,EAAA,KAAgDE,YAAA,gCAA0CL,EAAArB,KAAAO,MAAA,UAAAc,EAAAR,KAAAW,EAAA,KAAkDE,YAAA,0BAAAE,MAAA,MAAAP,EAAArB,KAAA,OAAsEqB,EAAAQ,KAAAR,EAAAS,GAAA,6BAAAb,KAAAH,mBAAAG,KAAAjB,KAAA+B,qBAAAP,EAAA,QAAAH,EAAAS,GAAAT,EAAAW,GAAAX,EAAArB,KAAA+B,yBAAAP,EAAA,QAAAH,EAAAS,GAAAT,EAAAW,GAAAX,EAAArB,KAAAiC,eAAAT,EAAA,KAAiOE,YAAA,gCAA0CF,EAAA,QAAAH,EAAAS,GAAAT,EAAAW,GAAAX,EAAArB,KAAAkC,UAAAb,EAAAS,GAAA,KAAAT,EAAA,gBAAAG,EAAA,QAA2FE,YAAA,2CAAAS,IAA2DC,MAAAf,EAAAL,0BAAoCQ,EAAA,KAAUE,YAAA,wBAAgCL,EAAAQ,OAAAR,EAAAS,GAAA,KAAAT,EAAArB,KAAA,YAAAwB,EAAA,KAA0DE,YAAA,8BAAAE,OAAiDS,wCAAAhB,EAAArB,KAAAO,QAA2Dc,EAAAS,GAAA,WAAAT,EAAAW,GAAAX,EAAArB,KAAAK,aAAA,YAAAgB,EAAAQ,OAAAR,EAAAS,GAAA,KAAAT,EAAArB,KAAA,KAAAwB,EAAA,MAA6GE,YAAA,yBAAmCL,EAAAS,GAAAT,EAAAW,GAAAX,EAAArB,KAAAsC,SAAAjB,EAAAQ,QAE/pCU,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACA5C,EACAqB,GATA,EAVA,SAAAwB,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/35.e6976365e6e63e53635d.js","sourcesContent":["<template>\r\n  <header class=\"section-header\">\r\n    <h1 class=\"section-header__title\">\r\n      <p class=\"section-header__title__meta\" v-if=\"$mq === 'md' || $mq ==='lg'\">\r\n        <i class=\"section-header__icon ic\"\r\n           :class=\"`ic-${meta.icon}`\"\r\n          v-if=\"meta.icon && mode !== 'kiosk'\"/>\r\n        <span v-if=\"this.simulationPackage === 'movel.carregamentos' &&  this.meta.alternative_subtitle\">{{ meta.alternative_subtitle }}</span>\r\n        <span v-else>{{ meta.subtitle }}</span>\r\n      </p>\r\n      <p class=\"section-header__title__meta\" v-else>\r\n        <span>{{ meta.title }}</span>\r\n        <span class=\"section-header__title__meta__information\"\r\n              @click=\"openInformationOverlay\"\r\n              v-if=\"showInformation\">\r\n          <i class=\"ic ic-info-bubble\"/>\r\n        </span>\r\n      </p>\r\n      <p v-if=\"meta.description\"\r\n          class=\"section-header__description\"\r\n          :class=\"{ 'section-header__description--has-icon' : meta.icon }\">\r\n        {{ meta.description }}\r\n      </p>\r\n    </h1>\r\n    <h2 class=\"section-header__lead\" v-if=\"meta.lead\">{{ meta.lead }}</h2>\r\n  </header>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\n\r\nexport default {\r\n  props: {\r\n    meta: {\r\n      type: Object,\r\n      default: undefined\r\n    },\r\n    description: {\r\n      type: String,\r\n      default: undefined\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: undefined\r\n    },\r\n    showInformation: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      mode: 'simulation/getMode',\r\n      simulationPackage: 'simulation/getPackage'\r\n    })\r\n  },\r\n  methods: {\r\n    openInformationOverlay() {\r\n      this.$emit('open-information-overlay');\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.section-header {\r\n  &__icon {\r\n    font-size: 2rem;\r\n\r\n    margin-left: .625rem;\r\n    margin-right: 1.3125rem;\r\n\r\n    .device-sm & {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &__title {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-flow: row wrap;\r\n\r\n    @include font('Zona Pro', 'extra-bold');\r\n    font-size: 1.875rem;\r\n\r\n    margin: 2rem 0;\r\n\r\n    .device-sm & {\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .device-kiosk & {\r\n      font-size: 3.4375rem;\r\n      margin: 10.9375rem 0 9rem;\r\n    }\r\n\r\n    &__meta {\r\n      width: 100%;\r\n      display: flex;\r\n      text-transform: uppercase;\r\n\r\n      .device-sm & {\r\n        justify-content: space-between;\r\n        font-size: 1.375rem;\r\n      }\r\n\r\n      &__information {\r\n        position: relative;\r\n        font-size: 1.25rem;\r\n        color: $color-silver-darkest;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__description {\r\n    flex-basis: 100%;\r\n\r\n    @include font('Work Sans', 'normal');\r\n    font-size: 1rem;\r\n    line-height: 1.1875rem;\r\n\r\n    margin-top: .5625rem;\r\n\r\n    &--has-icon {\r\n      margin-left: 4.0625rem;\r\n    }\r\n\r\n    .device-sm & {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n\r\n  &__lead {\r\n    @include font('Zona Pro', 'bold');\r\n    font-size: 1rem;\r\n    line-height: 1.3125rem;\r\n\r\n    color: $color-gray-darker;\r\n\r\n    margin-bottom: 3.9375rem;\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/SectionHeader.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:\"section-header\"},[_c('h1',{staticClass:\"section-header__title\"},[(_vm.$mq === 'md' || _vm.$mq ==='lg')?_c('p',{staticClass:\"section-header__title__meta\"},[(_vm.meta.icon && _vm.mode !== 'kiosk')?_c('i',{staticClass:\"section-header__icon ic\",class:(\"ic-\" + (_vm.meta.icon))}):_vm._e(),_vm._v(\" \"),(this.simulationPackage === 'movel.carregamentos' &&  this.meta.alternative_subtitle)?_c('span',[_vm._v(_vm._s(_vm.meta.alternative_subtitle))]):_c('span',[_vm._v(_vm._s(_vm.meta.subtitle))])]):_c('p',{staticClass:\"section-header__title__meta\"},[_c('span',[_vm._v(_vm._s(_vm.meta.title))]),_vm._v(\" \"),(_vm.showInformation)?_c('span',{staticClass:\"section-header__title__meta__information\",on:{\"click\":_vm.openInformationOverlay}},[_c('i',{staticClass:\"ic ic-info-bubble\"})]):_vm._e()]),_vm._v(\" \"),(_vm.meta.description)?_c('p',{staticClass:\"section-header__description\",class:{ 'section-header__description--has-icon' : _vm.meta.icon }},[_vm._v(\"\\n      \"+_vm._s(_vm.meta.description)+\"\\n    \")]):_vm._e()]),_vm._v(\" \"),(_vm.meta.lead)?_c('h2',{staticClass:\"section-header__lead\"},[_vm._v(_vm._s(_vm.meta.lead))]):_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-f3846788\",\"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/SectionHeader.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-f3846788\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./SectionHeader.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!./SectionHeader.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./SectionHeader.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-f3846788\\\",\\\"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!./SectionHeader.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/SectionHeader.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}