{"version":3,"file":"js/3186.0edc6071.js","mappings":"oJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAO,CAAE,gBAAiBL,EAAIM,UAAU,aAAcN,EAAIO,UAAW,gBAAiBP,EAAIQ,aAAe,CAACN,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,QAAQ,CAACF,EAAIS,GAAG,UAAU,IAAI,GAAGP,EAAG,MAAM,CAACE,YAAY,uBAAuBJ,EAAIU,GAAIV,EAAIW,SAASC,MAAM,EAAEZ,EAAIQ,aAAa,SAASK,GAAM,OAAOX,EAAG,UAAU,CAACY,IAAID,EAAKE,GAAGC,MAAM,CAAC,YAAYH,EAAK,KAAOb,EAAIiB,WAAY,IAAE,GAAGf,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,cAAc,CAACE,YAAY,gCAAgCY,MAAM,CAAC,GAAK,CAAEE,KAAMlB,EAAIiB,YAAa,CAACjB,EAAIS,GAAG,YAAY,IAAI,IAChpB,EACGU,EAAkB,G,sBCiCtB,GACAC,KAAAA,cAEAC,WAAAA,CACAC,MADA,IAEAC,QAAAA,EAAAA,GAGAC,MAAAA,CACAb,SAAAA,CACAc,KAAAA,MACAC,QAAAA,IAAAA,IAEAlB,WAAAA,CACAiB,KAAAA,OACAC,QAAAA,GAEAT,SAAAA,CACAQ,KAAAA,OACAC,QAAAA,IAEApB,UAAAA,CACAmB,KAAAA,OACAC,QAAAA,KAEAnB,UAAAA,CACAkB,KAAAA,OACAC,QAAAA,MAIAb,OACA,QAEA,GCrEoQ,I,UCQhQc,GAAY,OACd,EACA5B,EACAoB,GACA,EACA,KACA,WACA,MAIF,EAAeQ,EAAiB,O,wDCnBhC,IAAI5B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAI4B,KAAM1B,EAAG,IAAI,CAAC2B,MAAM,CACxF7B,EAAI8B,6BACS,SAAb9B,EAAI+B,KAAkB,YAAc,GACvB,UAAb/B,EAAI+B,KAAmB,aAAe,IACtCf,MAAM,CAAC,KAAOhB,EAAI4B,KAAK,OAAS,SAAS,IAAM,wBAAwB,CAAC1B,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIS,GAAG,YAAY,GAAGP,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIgC,GAAGhC,EAAIiC,GAAGjC,EAAIkC,WAAYlC,EAAImC,GAAIjC,EAAG,cAAc,CAAC2B,MAAM,CAC/N7B,EAAI8B,6BACS,SAAb9B,EAAI+B,KAAkB,YAAc,GACvB,UAAb/B,EAAI+B,KAAmB,aAAe,IACtCf,MAAM,CAAC,GAAKhB,EAAImC,KAAK,CAACjC,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIS,GAAG,YAAY,GAAGP,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIgC,GAAGhC,EAAIiC,GAAGjC,EAAIkC,WAAWhC,EAAG,SAAS,CAAC2B,MAAM,CAC/J7B,EAAI8B,6BACS,SAAb9B,EAAI+B,KAAkB,YAAc,GACvB,UAAb/B,EAAI+B,KAAmB,aAAe,GACtC/B,EAAIoC,QAAU,UAAY,IAC1BpB,MAAM,CAAC,KAAOhB,EAAIyB,KAAK,SAAWzB,EAAIqC,UAAYrC,EAAIoC,SAASE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOvC,EAAIwC,MAAM,WAAY,IAAG,CAAExC,EAAIoC,QAASlC,EAAG,kBAAkB,CAACE,YAAY,aAAaJ,EAAIyC,KAAOzC,EAAIoC,QAA+DpC,EAAIyC,KAA1DvC,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIS,GAAG,YAAY,GAAcT,EAAIoC,QAAuEpC,EAAIyC,KAAlEvC,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIgC,GAAGhC,EAAIiC,GAAGjC,EAAIkC,UAAmB,EAC3W,EACGf,EAAkB,G,WCqDtB,GACAC,KAAAA,kBAEAC,WAAAA,CACAqB,gBAAAA,EAAAA,GAGAlB,MAAAA,CACAmB,SAAAA,CACAlB,KAAAA,OACAmB,UAAAA,EACAlB,QAAAA,WAEAQ,KAAAA,CACAT,KAAAA,OACAmB,UAAAA,GAEAb,KAAAA,CACAN,KAAAA,OACAmB,UAAAA,EACAlB,QAAAA,IAEAW,SAAAA,CACAZ,KAAAA,QACAmB,UAAAA,EACAlB,SAAAA,GAEAU,QAAAA,CACAX,KAAAA,QACAmB,UAAAA,EACAlB,SAAAA,GAEAD,KAAAA,CACAA,KAAAA,OACAmB,UAAAA,EACAlB,QAAAA,UAEAE,KAAAA,CACAH,KAAAA,OACAmB,UAAAA,EACAlB,QAAAA,IAEAS,GAAAA,CACAV,KAAAA,CAAAA,OAAAA,QACAmB,UAAAA,EACAlB,QAAAA,KAGAmB,SAAAA,CACAf,+BACA,oBACA,4BAMA,OAJA,sCACAgB,EAAAA,YAGA,CACA,IC9HwQ,I,UCQpQnB,GAAY,OACd,EACA5B,EACAoB,GACA,EACA,KACA,WACA,MAIF,EAAeQ,EAAiB,O,wDCnBhC,IAAI5B,EAAS,WAAkB,IAAIC,EAAIC,KAAQD,EAAIG,MAAMD,GAAG,OAAOF,EAAI+C,GAAG,EACzE,EACG5B,EAAkB,CAAC,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAOA,EAAG,OAAOA,EAAG,OAAOA,EAAG,QAC9I,GCOD,GACAkB,KAAAA,mBCXwQ,I,UCQpQO,GAAY,OACd,EACA5B,EACAoB,GACA,EACA,KACA,KACA,MAIF,EAAeQ,EAAiB,O,wDCnBhC,IAAI5B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACE,YAAY,WAAWY,MAAM,CAAC,GAAM,GAAEhB,EAAIkB,QAAQlB,EAAIW,SAASI,OAAO,CAACb,EAAG,MAAM,CAACE,YAAY,mBAAmByB,MAAM,CAAE,gCAAiC7B,EAAIW,SAASqC,QAAS3C,MAAO,CAAE,mBAAqB,OAAML,EAAIiD,UAAY/C,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACF,EAAG,YAAY,CAACc,MAAM,CAAC,KAAOhB,EAAIW,SAASE,SAAS,GAAGX,EAAG,KAAK,CAACE,YAAY,yBAAyB,CAACJ,EAAIgC,GAAG,IAAIhC,EAAIiC,GAAGjC,EAAIW,SAASuC,QAAQ,UAC9hB,EACG/B,EAAkB,G,WCsBtB,GACAC,KAAAA,GAEAC,WAAAA,CAAA8B,UAAAA,EAAAA,GAEA3B,MAAAA,CACAb,SAAAA,CACAc,KAAAA,OACAC,QAAAA,MAEAR,KAAAA,CACAO,KAAAA,OACAC,QAAAA,MAIAmB,SAAAA,CACAI,MACA,qCACA,IC3CgQ,I,UCQ5PtB,GAAY,OACd,EACA5B,EACAoB,GACA,EACA,KACA,WACA,MAIF,EAAeQ,EAAiB,O,wDCnBhC,IAAI5B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACE,YAAY,QAAQyB,MAAM7B,EAAIoD,iBAAiB,CAAEpD,EAAIqD,SAAUnD,EAAG,OAAO,CAACE,YAAY,eAAe,CAACF,EAAG,OAAO,CAACc,MAAM,CAAC,KAAOhB,EAAIqD,aAAa,GAAGrD,EAAIyC,KAAKzC,EAAIS,GAAG,YAAY,EAC1P,EACGU,EAAkB,G,WCgBtB,GACAC,KAAAA,QAEAC,WAAAA,CACAU,KAAAA,EAAAA,YAGAP,MAAAA,CACA6B,SAAAA,CACA5B,KAAAA,OACAmB,UAAAA,EACAlB,QAAAA,MAEA4B,OAAAA,CACA7B,KAAAA,QACAC,SAAAA,IAIAmB,SAAAA,CACAO,kBACA,OACA,+BAEA,IC1C8P,I,UCQ1PzB,GAAY,OACd,EACA5B,EACAoB,GACA,EACA,KACA,WACA,MAIF,EAAeQ,EAAiB,O,wDCnBhC,IAAI5B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIgC,GAAG,IAAIhC,EAAIiC,GAAGjC,EAAIuD,aAAa,YAC1I,EACGpC,EAAkB,GCKtB,GACAC,KAAAA,YAEAI,MAAAA,CACAgC,KAAAA,CACA/B,KAAAA,OACAC,QAAAA,KAIA+B,QAAAA,CACAF,YACA,uCACA,uBACA,GACA,CAAArB,KAAAA,SAAAwB,UAAAA,GAAA,cAAAC,QAAAA,GACA,CAAAzB,KAAAA,UAAAwB,UAAAA,GAAA,mBAAAC,QAAAA,GACA,CAAAzB,KAAAA,OAAAwB,UAAAA,GAAA,sBAAAC,QAAAA,IACA,CAAAzB,KAAAA,QAAAwB,UAAAA,GAAA,wBAAAC,QAAAA,IACA,CAAAzB,KAAAA,MAAAwB,UAAAA,GAAA,yBAAAC,QAAAA,MACA,CAAAzB,KAAAA,OAAAwB,UAAAA,GAAA,0BAAAC,QAAAA,MACA,CAAAzB,KAAAA,SAAAwB,UAAAA,GAAA,2BAAAC,QAAAA,OACA,CAAAzB,KAAAA,UAAAwB,UAAAA,GAAA,2BAAAC,QAAAA,OACA,CAAAzB,KAAAA,MAAAwB,UAAAA,GAAA,2BAAAC,QAAAA,OACA,CAAAzB,KAAAA,QAAAwB,UAAAA,GAAA,4BAAAC,QAAAA,OACA,CAAAzB,KAAAA,MAAAwB,UAAAA,GAAA,8BAAAC,QAAAA,QACA,CAAAzB,KAAAA,OAAAwB,UAAAA,GAAA,mBAAAC,QAAAA,SAEA,SAQA,OANAC,EAAAA,SAAAA,IACA,iBACAC,EAAAA,GAAAA,KAAAA,MAAAA,EAAAA,EAAAA,YAAAA,EAAAA,OACA,IAGA,CACA,IC5CkQ,I,UCO9PlC,GAAY,OACd,EACA5B,EACAoB,GACA,EACA,KACA,KACA,MAIF,EAAeQ,EAAiB,O","sources":["webpack://procon-web/./src/components/common/BottomCards.vue","webpack://procon-web/src/components/common/BottomCards.vue","webpack://procon-web/./src/components/common/BottomCards.vue?2e8c","webpack://procon-web/./src/components/common/BottomCards.vue?dcc3","webpack://procon-web/./src/components/common/ButtonComponent.vue","webpack://procon-web/src/components/common/ButtonComponent.vue","webpack://procon-web/./src/components/common/ButtonComponent.vue?ff3d","webpack://procon-web/./src/components/common/ButtonComponent.vue?99e9","webpack://procon-web/./src/components/common/EllipsisLoading.vue","webpack://procon-web/src/components/common/EllipsisLoading.vue","webpack://procon-web/./src/components/common/EllipsisLoading.vue?5fe2","webpack://procon-web/./src/components/common/EllipsisLoading.vue?ca55","webpack://procon-web/./src/components/common/ImgCard.vue","webpack://procon-web/src/components/common/ImgCard.vue","webpack://procon-web/./src/components/common/ImgCard.vue?de78","webpack://procon-web/./src/components/common/ImgCard.vue?7a1e","webpack://procon-web/./src/components/common/Title.vue","webpack://procon-web/src/components/common/Title.vue","webpack://procon-web/./src/components/common/Title.vue?60b6","webpack://procon-web/./src/components/common/Title.vue?3cea","webpack://procon-web/./src/components/newsComponents/TimeSince.vue","webpack://procon-web/src/components/newsComponents/TimeSince.vue","webpack://procon-web/./src/components/newsComponents/TimeSince.vue?b58a","webpack://procon-web/./src/components/newsComponents/TimeSince.vue?a2d6"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bottom-cards\",style:({ 'margin-bottom': _vm.marginbtm,'margin-top': _vm.margintop, '--cards-value': _vm.cardLength })},[_c('div',{staticClass:\"bottom-cards__title\"},[_c('Title',[_vm._t(\"title\")],2)],1),_c('div',{staticClass:\"bottom-cards__cards\"},_vm._l((_vm.cardData.slice(0,_vm.cardLength)),function(data){return _c('ImgCard',{key:data.id,attrs:{\"card-data\":data,\"path\":_vm.cardPath}})}),1),_c('div',{staticClass:\"bottom-cards__title__see\"},[_c('router-link',{staticClass:\"bottom-cards__title__see-more\",attrs:{\"to\":{ path: _vm.cardPath }}},[_vm._t(\"default\")],2)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"bottom-cards\"\n    :style=\"{ 'margin-bottom': marginbtm,'margin-top': margintop, '--cards-value': cardLength }\"\n  >\n    <div class=\"bottom-cards__title\">\n      <Title>\n        <slot name=\"title\" />\n      </Title>\n    </div>\n    <div\n      class=\"bottom-cards__cards\"\n    >\n      <ImgCard\n        v-for=\"data in cardData.slice(0,cardLength)\"\n        :key=\"data.id\"\n        :card-data=\"data\"\n        :path=\"cardPath\"\n      />\n    </div>\n    <div class=\"bottom-cards__title__see\">\n      <router-link\n        class=\"bottom-cards__title__see-more\"\n        :to=\"{ path: cardPath }\"\n      >\n        <slot />\n      </router-link>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Title from '@/components/common/Title.vue';\nimport ImgCard from '@/components/common/ImgCard.vue';\n\nexport default {\n  name: 'BottomCards',\n\n  components: {\n    Title,\n    ImgCard,\n  },\n\n  props: {\n    cardData: {\n      type: Array,\n      default: () => [],\n    },\n    cardLength: {\n      type: Number,\n      default: 3,\n    },\n    cardPath: {\n      type: String,\n      default: ''\n    },\n    marginbtm: {\n      type: String,\n      default: '0'\n    },\n    margintop: {\n      type: String,\n      default: '0'\n    }\n  },\n\n  data() {\n    return {\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.bottom-cards {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n\n    &__see {\n      width: 100%;\n      text-align: right;\n\n      &-more {\n        font-size: $text-sm;\n        color: $primary;\n        font-weight: $font-semibold;\n      }\n    }\n  }\n\n  &__cards {\n    @include gridCards(15rem);\n\n    width: fit-content !important;\n  }\n}\n</style>\n","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!./BottomCards.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!./BottomCards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BottomCards.vue?vue&type=template&id=2357dc6b&scoped=true&\"\nimport script from \"./BottomCards.vue?vue&type=script&lang=js&\"\nexport * from \"./BottomCards.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BottomCards.vue?vue&type=style&index=0&id=2357dc6b&prod&lang=scss&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  \"2357dc6b\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.href)?_c('a',{class:[\n    _vm.returnButtonTypeWhenIsMobile,\n    _vm.icon === 'left' ? 'icon-left' : '',\n    _vm.icon === 'right' ? 'icon-right' : '',\n  ],attrs:{\"href\":_vm.href,\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('span',{staticClass:\"icon\"},[_vm._t(\"default\")],2),_c('span',{staticClass:\"sg-text\"},[_vm._v(_vm._s(_vm.text))])]):(_vm.to)?_c('router-link',{class:[\n    _vm.returnButtonTypeWhenIsMobile,\n    _vm.icon === 'left' ? 'icon-left' : '',\n    _vm.icon === 'right' ? 'icon-right' : '',\n  ],attrs:{\"to\":_vm.to}},[_c('span',{staticClass:\"icon\"},[_vm._t(\"default\")],2),_c('span',{staticClass:\"sg-text\"},[_vm._v(_vm._s(_vm.text))])]):_c('button',{class:[\n    _vm.returnButtonTypeWhenIsMobile,\n    _vm.icon === 'left' ? 'icon-left' : '',\n    _vm.icon === 'right' ? 'icon-right' : '',\n    _vm.loading ? 'loading' : '',\n  ],attrs:{\"type\":_vm.type,\"disabled\":_vm.disabled || _vm.loading},on:{\"click\":function($event){return _vm.$emit('btnClick')}}},[(_vm.loading)?_c('EllipsisLoading',{staticClass:\"ellipsis\"}):_vm._e(),(!_vm.loading)?_c('span',{staticClass:\"icon\"},[_vm._t(\"default\")],2):_vm._e(),(!_vm.loading)?_c('span',{staticClass:\"sg-text\"},[_vm._v(_vm._s(_vm.text))]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- External link -->\n  <a\n    v-if=\"href\"\n    :href=\"href\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    :class=\"[\n      returnButtonTypeWhenIsMobile,\n      icon === 'left' ? 'icon-left' : '',\n      icon === 'right' ? 'icon-right' : '',\n    ]\"\n  >\n    <span class=\"icon\">\n      <slot />\n    </span>\n    <span class=\"sg-text\">{{ text }}</span>\n  </a>\n\n  <!-- Internal link -->\n  <router-link\n    v-else-if=\"to\"\n    :to=\"to\"\n    :class=\"[\n      returnButtonTypeWhenIsMobile,\n      icon === 'left' ? 'icon-left' : '',\n      icon === 'right' ? 'icon-right' : '',\n    ]\"\n  >\n    <span class=\"icon\">\n      <slot />\n    </span>\n    <span class=\"sg-text\">{{ text }}</span>\n  </router-link>\n\n  <!-- Standard button -->\n  <button\n    v-else\n    :type=\"type\"\n    :class=\"[\n      returnButtonTypeWhenIsMobile,\n      icon === 'left' ? 'icon-left' : '',\n      icon === 'right' ? 'icon-right' : '',\n      loading ? 'loading' : '',\n    ]\"\n    :disabled=\"disabled || loading\"\n    @click=\"$emit('btnClick')\"\n  >\n    <EllipsisLoading\n      v-if=\"loading\"\n      class=\"ellipsis\"\n    />\n    <span\n      v-if=\"!loading\"\n      class=\"icon\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!loading\"\n      class=\"sg-text\"\n    >{{ text }}</span>\n  </button>\n</template>\n\n<script>\nimport EllipsisLoading from './EllipsisLoading.vue';\n\nexport default {\n  name: 'ButtonComponent',\n\n  components: {\n    EllipsisLoading,\n  },\n\n  props: {\n    btnStyle: {\n      type: String,\n      required: false,\n      default: 'primary',\n    },\n    text: {\n      type: String,\n      required: true,\n    },\n    icon: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    type: {\n      type: String,\n      required: false,\n      default: 'button',\n    },\n    href: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    to: {\n      type: [String, Object],\n      required: false,\n      default: '',\n    },\n  },\n  computed: {\n    returnButtonTypeWhenIsMobile() {\n      let buttonType = this.btnStyle;\n      const screenWidth = window.screen.width;\n\n      if (screenWidth <= 575 && this.btnStyle === 'secondary') {\n        buttonType = 'tertiary';\n      }\n\n      return buttonType;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n/* Common styling */\nbutton,\na {\n  border: none;\n  border-radius: $sg-btn-radius;\n  padding: $sg-btn-padding-height $sg-btn-padding-width;\n  height: $sg-btn-height;\n  width: fit-content;\n  min-width: $sg-btn-min-width;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  column-gap: 0.5rem;\n  transition: all ease-in-out 300ms;\n  text-decoration: none;\n\n  &:hover:not(.loading, :disabled) {\n    cursor: pointer;\n  }\n}\n\n/* Icon related styling */\n.icon {\n  display: none;\n  align-items: center;\n\n  :first-child {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.icon-left {\n  flex-direction: row;\n\n  .icon {\n    display: flex;\n  }\n}\n\n.icon-right {\n  flex-direction: row-reverse;\n\n  .icon {\n    display: flex;\n  }\n}\n\n/* Button related styling */\n.primary {\n  background-color: $primary;\n\n  @include text-btn;\n\n  &:hover:not(.loading, :disabled) {\n    background-color: darken($primary, 15%);\n    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 0.1);\n\n    @include text-btn;\n  }\n\n  &:disabled:not(.loading) {\n    background-color: rgb(0 0 0 / 0.1);\n\n    @include text-btn($color: 2);\n\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n\n  .ellipsis > :nth-child(n) {\n    background: $white;\n  }\n}\n\n.secondary {\n  background-color: $transparent;\n  border: 1px solid $primary;\n\n  @include text-btn($color: 3);\n\n  &:hover:not(.loading, :disabled) {\n    background-color: $primary-light;\n\n    @include text-btn($color: 3);\n  }\n\n  &:disabled:not(.loading) {\n    border-color: $btn-disabled-border;\n\n    @include text-btn($color: 2);\n\n    &:hover {\n      background-color: $transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .ellipsis > :nth-child(n) {\n    background: $primary;\n  }\n}\n\n.cancel-primary {\n  background-color: $text-btn-negative;\n\n  @include text-btn;\n\n  &:hover:not(.loading) {\n    background-color: darken($text-btn-negative, 15%);\n    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 0.1);\n\n    @include text-btn;\n  }\n\n  .ellipsis > :nth-child(n) {\n    background: $white;\n  }\n}\n\n.cancel-secondary {\n  background-color: $transparent;\n  border: 1px solid $text-btn-negative;\n\n  @include text-btn($color: 4);\n\n  &:hover:not(.loading) {\n    background-color: #fde9e4;\n    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 0.1);\n  }\n\n  .ellipsis > :nth-child(n) {\n    background: $text-btn-negative;\n  }\n}\n\n.tertiary {\n  background-color: $transparent;\n  padding: 0;\n  height: fit-content;\n  min-width: 0;\n\n  @include text-btn($color: 3);\n\n  .ellipsis > :nth-child(n) {\n    background: $primary;\n  }\n\n  &:hover :is(.sg-text) {\n    text-decoration: underline;\n\n    @include text-btn($color: 3);\n  }\n}\n\n.cancel-text {\n  background-color: $transparent;\n  padding: 0;\n  height: fit-content;\n  min-width: fit-content;\n\n  @include text-btn($color: 4);\n\n  &:hover :is(.sg-text) {\n    text-decoration: underline;\n\n    @include text-btn($color: 4);\n  }\n}\n\n.cancel-tertiary {\n  background-color: $transparent;\n  padding: 0;\n  height: fit-content;\n  min-width: 0;\n\n  @include text-btn($color: 4);\n\n  &:hover:not(:disabled) :is(.sg-text) {\n    text-decoration: underline;\n\n    @include text-btn($color: 4);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n\n    @include text-btn($color: 2);\n  }\n}\n\n/* Loading related styling */\n.loading:hover {\n  cursor: wait;\n}\n</style>\n","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!./ButtonComponent.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!./ButtonComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonComponent.vue?vue&type=template&id=0585275a&scoped=true&\"\nimport script from \"./ButtonComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonComponent.vue?vue&type=style&index=0&id=0585275a&prod&lang=scss&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  \"0585275a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"lds-ellipsis\"},[_c('div'),_c('div'),_c('div'),_c('div')])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"lds-ellipsis\">\n    <div />\n    <div />\n    <div />\n    <div />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EllipsisLoading',\n};\n</script>\n\n<style>\n.lds-ellipsis {\n  display: inline-block;\n  position: relative;\n  width: 40px;\n  height: 40px;\n}\n\n.lds-ellipsis div {\n  position: absolute;\n  top: 16px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.lds-ellipsis div:nth-child(1) {\n  left: 4px;\n  animation: lds-ellipsis1 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(2) {\n  left: 4px;\n  animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(3) {\n  left: 16px;\n  animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(4) {\n  left: 28px;\n  animation: lds-ellipsis3 0.6s infinite;\n}\n\n@keyframes lds-ellipsis1 {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes lds-ellipsis3 {\n  0% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n\n@keyframes lds-ellipsis2 {\n  0% {\n    transform: translate(0, 0);\n  }\n\n  100% {\n    transform: translate(12px, 0);\n  }\n}\n</style>\n","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!./EllipsisLoading.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!./EllipsisLoading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EllipsisLoading.vue?vue&type=template&id=15679405&\"\nimport script from \"./EllipsisLoading.vue?vue&type=script&lang=js&\"\nexport * from \"./EllipsisLoading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EllipsisLoading.vue?vue&type=style&index=0&id=15679405&prod&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{staticClass:\"img-card\",attrs:{\"to\":`${_vm.path}/${_vm.cardData.id}`}},[_c('div',{staticClass:\"img-card__header\",class:{ 'img-card__header-placeholder': !_vm.cardData.imagem },style:({ 'background-image': `url(${_vm.img})` })}),_c('div',{staticClass:\"img-card__text\"},[_c('p',{staticClass:\"img-card__text--postDate\"},[_c('TimeSince',{attrs:{\"time\":_vm.cardData.data}})],1),_c('h1',{staticClass:\"img-card__text--title\"},[_vm._v(\" \"+_vm._s(_vm.cardData.titulo)+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <router-link\n    class=\"img-card\"\n    :to=\"`${path}/${cardData.id}`\"\n  >\n    <div\n      class=\"img-card__header\"\n      :class=\"{ 'img-card__header-placeholder': !cardData.imagem }\"\n      :style=\"{ 'background-image': `url(${img})` }\"\n    />\n    <div class=\"img-card__text\">\n      <p class=\"img-card__text--postDate\">\n        <TimeSince :time=\"cardData.data\" />\n      </p>\n      <h1 class=\"img-card__text--title\">\n        {{ cardData.titulo }}\n      </h1>\n    </div>\n  </router-link>\n</template>\n\n<script>\nimport TimeSince from '@/components/newsComponents/TimeSince.vue';\n\nexport default {\n  name: '',\n\n  components: { TimeSince },\n\n  props: {\n    cardData: {\n      type: Object,\n      default: null,\n    },\n    path: {\n      type: String,\n      default: '/',\n    }\n  },\n\n  computed: {\n    img() {\n      return this.cardData.imagem || require('../../assets/img/NewsPlaceholder.png');\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.img-card {\n  display: grid;\n\n  &__header {\n    border-radius: $radius-lg $radius-lg 0 0;\n    background-size: cover;\n    background-repeat: no-repeat;\n    min-height: 145px;\n\n    &-placeholder {\n      background-size: contain;\n      background-position: center;\n      background-repeat: no-repeat;\n      background-color: $primary-light;\n    }\n  }\n\n  &__text {\n    display: grid;\n    background-color: $white;\n    border-radius: 0 0 $radius-lg $radius-lg;\n    color: $black;\n    min-height: 70px;\n\n    @include screen (tablet-big-up) {\n      grid-template: 18px 42px / auto auto;\n      padding: 10px;\n      row-gap: 10px;\n    }\n\n    &--postDate {\n      display: none;\n\n      @include screen (tablet-big-up) {\n        display: block;\n        font-size: $text-xs;\n      }\n    }\n\n    &--views {\n      display: none;\n\n      @include screen (tablet-big-up) {\n        display: block;\n        font-size: $text-xs;\n        justify-self: flex-end;\n      }\n    }\n\n    &--title {\n      font-size: $text-sm;\n      font-weight: $font-bold;\n      text-align: left;\n      padding: 15px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2; /* number of lines to show */\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n      max-height: 60px;\n\n      @include screen (tablet-big-up) {\n        grid-column: 1/3;\n        padding: 0;\n        max-height: unset;\n      }\n    }\n  }\n}\n</style>\n","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!./ImgCard.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!./ImgCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImgCard.vue?vue&type=template&id=39070c92&scoped=true&\"\nimport script from \"./ImgCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ImgCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImgCard.vue?vue&type=style&index=0&id=39070c92&prod&lang=scss&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  \"39070c92\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('h1',{staticClass:\"title\",class:_vm.modifierClasses},[(_vm.iconName)?_c('span',{staticClass:\"title__icon\"},[_c('icon',{attrs:{\"icon\":_vm.iconName}})],1):_vm._e(),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <h1\n    class=\"title\"\n    :class=\"modifierClasses\"\n  >\n    <span\n      v-if=\"iconName\"\n      class=\"title__icon\"\n    ><icon\n      :icon=\"iconName\"\n    /></span>\n    <slot />\n  </h1>\n</template>\n\n<script>\nimport icon from '@/components/base/svg/SVG.vue';\n\nexport default {\n  name: 'Title',\n\n  components: {\n    icon,\n  },\n\n  props: {\n    iconName: {\n      type: String,\n      required: false,\n      default: null,\n    },\n    medium: {\n      type: Boolean,\n      default: false,\n    }\n  },\n\n  computed: {\n    modifierClasses() {\n      return [\n        (this.medium ? 'title--medium' : ''),\n      ];\n    },\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.title {\n  @include title-xs();\n\n  font-family: $montserrat-bold;\n\n  @include screen(tablet-up) {\n    @include title-m();\n  }\n}\n\n.title--medium {\n  @include screen(tablet-up) {\n    @include title-xs();\n  }\n}\n</style>\n","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!./Title.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!./Title.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Title.vue?vue&type=template&id=5964faf6&scoped=true&\"\nimport script from \"./Title.vue?vue&type=script&lang=js&\"\nexport * from \"./Title.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Title.vue?vue&type=style&index=0&id=5964faf6&prod&lang=scss&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  \"5964faf6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"time_since\"},[_vm._v(\" \"+_vm._s(_vm.timeSince())+\" atrás \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"time_since\">\n    {{ timeSince() }} atrás\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'TimeSince',\n\n  props: {\n    time: {\n      type: String,\n      default: '',\n    }\n  },\n\n  methods: {\n    timeSince() {\n      const timeMiliseconds = new Date(this.time) - Date.now();\n      const timeMinutes = Math.floor(timeMiliseconds / 60000) * -1;\n      const unities = [\n        { text: 'minuto', condition(value) { return value === 1; }, divider: 1 },\n        { text: 'minutos', condition(value) { return value > 1 && value <= 59; }, divider: 1 },\n        { text: 'hora', condition(value) { return value >= 60 && value <= 119; }, divider: 60 },\n        { text: 'horas', condition(value) { return value >= 120 && value <= 1439; }, divider: 60 },\n        { text: 'dia', condition(value) { return value >= 1440 && value <= 2879; }, divider: 1440 },\n        { text: 'dias', condition(value) { return value >= 2880 && value <= 10079; }, divider: 1440 },\n        { text: 'semana', condition(value) { return value >= 10080 && value <= 20159; }, divider: 10080 },\n        { text: 'semanas', condition(value) { return value >= 20160 && value <= 43199; }, divider: 10080 },\n        { text: 'mês', condition(value) { return value >= 43200 && value <= 83399; }, divider: 43200 },\n        { text: 'meses', condition(value) { return value >= 83400 && value <= 518399; }, divider: 43200 },\n        { text: 'ano', condition(value) { return value >= 518400 && value <= 1036799; }, divider: 518400 },\n        { text: 'anos', condition(value) { return value >= 1036800; }, divider: 518400 },\n      ];\n      let value = '';\n\n      unities.forEach((item) => {\n        if (item.condition(timeMinutes)) {\n          value = `${Math.floor(timeMinutes / item.divider)} ${item.text}`;\n        }\n      });\n\n      return value;\n    },\n  }\n};\n</script>","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!./TimeSince.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!./TimeSince.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TimeSince.vue?vue&type=template&id=4641f81a&\"\nimport script from \"./TimeSince.vue?vue&type=script&lang=js&\"\nexport * from \"./TimeSince.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","style","marginbtm","margintop","cardLength","_t","_l","cardData","slice","data","key","id","attrs","cardPath","path","staticRenderFns","name","components","Title","ImgCard","props","type","default","component","href","class","returnButtonTypeWhenIsMobile","icon","_v","_s","text","to","loading","disabled","on","$event","$emit","_e","EllipsisLoading","btnStyle","required","computed","buttonType","_m","imagem","img","titulo","TimeSince","modifierClasses","iconName","medium","timeSince","time","methods","condition","divider","unities","value"],"sourceRoot":""}