{"version":3,"sources":["webpack:///./src/components/card/card.vue?394b","webpack:///./src/components/card/card.vue?e133","webpack:///src/components/card/card.vue","webpack:///./src/components/card/card.vue?cbf4","webpack:///./src/components/card/card.vue?ad66"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","checkCardSize","checkCardTheme","style","minHeightSize","maxWidth","_t","_e","staticRenderFns","props","cardSize","type","String","default","cardTheme","showHeader","Boolean","showFooter","computed","component"],"mappings":"iIAAA,yBAA0jB,EAAG,G,yCCA7jB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAC/HP,EAAIQ,cACJR,EAAIS,gBAAiBC,MAAQ,oBAAsBV,EAAIW,cAAgB,oBAAsBX,EAAIY,SAAW,SAAW,CAAEZ,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIa,GAAG,WAAW,GAAGb,EAAIc,KAAKV,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIa,GAAG,SAAS,GAAIb,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIa,GAAG,WAAW,GAAGb,EAAIc,QACpVC,EAAkB,GC4BtB,GACEC,MAAO,CACLC,SAAU,CACRC,KAAMC,OACNC,QAAS,IAEXT,cAAe,CACbO,KAAMC,OACNC,QAAS,MAEXR,SAAU,CACRM,KAAMC,OACNC,QAAS,MAEXC,UAAW,CACTH,KAAMC,OACNC,QAAS,IAEXE,WAAY,CACVJ,KAAMK,QACNH,SAAS,GAEXI,WAAY,CACVN,KAAMK,QACNH,SAAS,IAGbK,SAAU,CACRjB,cADJ,WAEM,MAAO,CACL,WAA8B,QAAlBP,KAAKgB,SACjB,cAAiC,WAAlBhB,KAAKgB,SACpB,oBAAuC,KAAlBhB,KAAKgB,WAG9BR,eARJ,WASM,MAAO,CACL,YAAgC,SAAnBR,KAAKoB,cCpEmU,I,wBCQzVK,EAAY,eACd,EACA3B,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAW,E","file":"js/Card.fe5dc786.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./card.vue?vue&type=style&index=0&id=823d3172&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./card.vue?vue&type=style&index=0&id=823d3172&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\",class:[\n    _vm.checkCardSize,\n    _vm.checkCardTheme ],style:((\"\\n    min-height:\" + _vm.minHeightSize + \";\\n    max-width:\" + _vm.maxWidth + \";\\n  \"))},[(_vm.showHeader)?_c('div',{staticClass:\"card-header\"},[_vm._t(\"header\")],2):_vm._e(),_c('div',{staticClass:\"card-body\"},[_vm._t(\"body\")],2),(_vm.showFooter)?_c('div',{staticClass:\"card-footer\"},[_vm._t(\"footer\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"card\"\n    :class=\"[\n      checkCardSize,\n      checkCardTheme,\n    ]\"\n    :style=\"`\n      min-height:${minHeightSize};\n      max-width:${maxWidth};\n    `\"\n  >\n    <div\n      v-if=\"showHeader\"\n      class=\"card-header\"\n    >\n      <slot name=\"header\"></slot>\n    </div>\n    <div class=\"card-body\">\n      <slot name=\"body\"></slot>\n    </div>\n    <div\n      v-if=\"showFooter\"\n      class=\"card-footer\"\n    >\n      <slot name=\"footer\"></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    cardSize: {\n      type: String,\n      default: \"\",\n    },\n    minHeightSize: {\n      type: String,\n      default: null,\n    },\n    maxWidth: {\n      type: String,\n      default: null,\n    },\n    cardTheme: {\n      type: String,\n      default: \"\",\n    },\n    showHeader: {\n      type: Boolean,\n      default: false,\n    },\n    showFooter: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    checkCardSize() {\n      return {\n        \"card-big\": this.cardSize === \"big\",\n        \"card-medium\": this.cardSize === \"medium\",\n        \"card-size-default\": this.cardSize === \"\",\n      }\n    },\n    checkCardTheme() {\n      return {\n        \"card-dark\": this.cardTheme === \"dark\",\n      }\n    }\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n@import \"../../styles/colors.less\";\n@import \"../../styles/screen-size.less\";\n\n/* card */\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  margin: auto;\n  word-wrap: break-word;\n  background-color: @ColorPriWhite;\n  background-clip: border-box;\n  border-radius: 10px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);\n  transition: all .2s ease-in-out;\n\n  // checar - alinhar o último ítem\n  overflow: hidden;\n\n  // checar        \n  color: @ColorPriGrey;\n\n}\n\n// checar\n.card-header:first-child {\n  // border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;\n}\n\n.card-header {\n  padding: .9375rem 1.25rem;\n  margin-bottom: 0;\n}\n\n.card-body {\n  flex: 1 1 auto;\n  padding: 1.25rem;\n}\n\n// checar\n.card-footer:last-child {\n  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);\n}\n\n.card-footer {\n  padding: .75rem 1.25rem 1.25rem 1.25rem;\n}\n\n.card-disabled {\n  background-color: #eeeeee;\n}\n\n/* card fim */\n\n.card-title {\n  font-size: 1.125rem;\n  font-weight: 500;\n  margin-bottom: 0.5rem;\n}\n\n.card-title-sub {\n  margin-top: -.375rem;\n  font-size: 0.875rem;  \n  color: @ColorPriTurquoise;\n  margin-bottom: 0.5rem;\n}\n\n.card-title-2 {\n  font-size: 1.125rem;\n  font-weight: 500;\n  margin-bottom: 0.25rem;\n  \n  @media (min-width: @screenLarge) {\n    font-size: 1.375rem;\n  }\n}\n\n.card-title-sub-2 {  \n  font-size: 1rem;\n  margin-bottom: 0.25rem;\n\n  @media (min-width: @screenLarge) {\n    font-size: 1.125rem;\n  }\n}\n\n.card-text {\n  font-weight: 400;\n  opacity: 0.85;\n}\n\n\n\n\n/*  */\n\n.card-size-default {\n\n  @media (min-width: @screenLarge) {\n    height: 100%;\n  }\n\n  // se tirar a altura mínima, alguns cards ficam menores devido a quantidade de texto\n  min-height: 376px;\n  // min-height: 100%;\n\n  //avaliar\n  // margin-bottom: 15px;\n\n\n}\n\n.card-big {\n  .card-body {\n    @media (min-width: @screenLarge) {\n      padding: 1.875rem;\n    }\n  }\n}\n\n.card-medium {\n\n  .card-title {\n    font-size: 1rem;\n    line-height: 22px;\n    //margin-bottom: 0.125rem;\n  }\n\n  .card-text {\n    font-size: 0.875rem;\n    font-weight: 400;\n  }\n\n  .card-body {\n    padding: 1.25rem 1rem;\n  }\n}\n\n\n\n// Necessário permanecer com estes tamanhos?\n// Talvez seja sempre 100% de largura\n/* .card-features {\n  max-width: 350px;\n  min-height: 376px;\n  margin: auto;\n  margin-bottom: 15px;\n} */\n\n\n.card-dark {\n  border: 1px solid @ColorPriTurquoise;\n  background-color: @ColorCorporatePrimary;\n  color: @ColorPriWhite;\n}\n\n\n\n.card-table {\n  border-radius: 0;\n\n  .card-body {\n    @media (max-width: @screenSmall) {\n      padding: .625rem;\n    }\n  }\n}\n\n.card-call-to-action {\n  max-width: 387px;\n  margin: auto;\n\n  @media (min-width: @screenLarge) {\n    width: 387px;\n  }\n\n  .card-header {\n    padding: 0.6rem 1.25rem 0.4rem;\n    font-size: 18px;\n    line-height: 24px;\n    text-align: center;\n    color: @ColorPriWhite;\n    background-color: @ColorPriTurquoise;\n\n    @media (min-width: @screenLarge) {\n      padding: 1.3rem 1.25rem 1.1rem;\n      font-size: 23px;\n      line-height: 30px;\n    }\n  }\n\n  .card-header-emphasis {\n    font-weight: 600;\n\n    @media (min-width: @screenLarge) {\n      font-weight: 500;\n    }\n  }\n\n  .card-body {\n    @media (min-width: @screenLarge) {\n      padding: 1.875rem;\n    }\n  }\n}\n\n.card-header-theme-yellow {\n  .card-header {\n    background-color: @ColorPriYellow;\n    color: @ColorPriGrey;\n  }\n}\n\n.card-header-theme-turquoise {\n  .card-header {\n    background-color: @ColorPriTurquoise;\n    color: #FFF;\n  }\n\n  button {\n    background-color: @ColorPriTurquoise;\n    color: #FFF;\n\n    &:hover:enabled:not(.active) {\n      background-color: darken(@ColorPriTurquoise, 12%);\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./card.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./card.vue?vue&type=template&id=823d3172&scoped=true&\"\nimport script from \"./card.vue?vue&type=script&lang=js&\"\nexport * from \"./card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./card.vue?vue&type=style&index=0&id=823d3172&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"823d3172\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}