{"version":3,"file":"js/Card.93a45216.js","mappings":"0LAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAClGL,EAAIM,cACJN,EAAIO,gBACJC,MAAO,oBACMR,EAAIS,iCACLT,EAAIU,iBACd,CAAEV,EAAIW,WAAYT,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIY,GAAG,WAAW,GAAGZ,EAAIa,KAAKX,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIY,GAAG,SAAS,GAAIZ,EAAIc,WAAYZ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIY,GAAG,WAAW,GAAGZ,EAAIa,MACnO,EACIE,EAAkB,GCuBtB,GACAC,MAAA,CACAC,SAAA,CACAC,KAAAC,OACAC,QAAA,IAEAX,cAAA,CACAS,KAAAC,OACAC,QAAA,MAEAV,SAAA,CACAQ,KAAAC,OACAC,QAAA,MAEAC,UAAA,CACAH,KAAAC,OACAC,QAAA,IAEAT,WAAA,CACAO,KAAAI,QACAF,SAAA,GAEAN,WAAA,CACAI,KAAAI,QACAF,SAAA,IAGAG,SAAA,CACAjB,aAAAA,GACA,OACA,wBAAAW,SACA,8BAAAA,SACA,8BAAAA,SAEA,EACAV,cAAAA,GACA,OACA,0BAAAc,UAEA,ICtE4P,I,WCQxPG,GAAY,OACd,EACAzB,EACAgB,GACA,EACA,KACA,WACA,MAIF,EAAeS,EAAiB,O","sources":["webpack://direct-digital.web-app/./src/components/card/card.vue","webpack://direct-digital.web-app/src/components/card/card.vue","webpack://direct-digital.web-app/./src/components/card/card.vue?18c5","webpack://direct-digital.web-app/./src/components/card/card.vue?1f10"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card\",class:[\n    _vm.checkCardSize,\n    _vm.checkCardTheme,\n  ],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()])\n}\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\" />\n    </div>\n    <div class=\"card-body\">\n      <slot name=\"body\" />\n    </div>\n    <div\n      v-if=\"showFooter\"\n      class=\"card-footer\"\n    >\n      <slot name=\"footer\" />\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/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./card.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./card.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./card.vue?vue&type=template&id=acb410c2&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=acb410c2&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"acb410c2\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","class","checkCardSize","checkCardTheme","style","minHeightSize","maxWidth","showHeader","_t","_e","showFooter","staticRenderFns","props","cardSize","type","String","default","cardTheme","Boolean","computed","component"],"sourceRoot":""}