{"version":3,"sources":["webpack:///./src/components/ui/cards/Cards.vue?b7bc","webpack:///./src/components/ui/cards/Cards.vue","webpack:///src/components/ui/cards/Cards.vue","webpack:///./src/components/ui/cards/Cards.vue?49b4","webpack:///./src/components/ui/cards/Cards.vue?55a3"],"names":["render","_vm","this","_c","_self","staticClass","_l","listLoops","loop","key","attrs","slot","_v","_s","$t","directives","name","rawName","value","isShown","expression","_e","on","$event","addCards","staticRenderFns","components","VuesticCard","data","methods","setTimeout","component"],"mappings":"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","file":"js/chunk-28b90f6e.b4d2e31c.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cards.vue?vue&type=style&index=0&id=320a0e4a&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"flex md12\"},[_c('div',{staticClass:\"cards-container\"},[_vm._l((_vm.listLoops),function(loop){return [_c('vuestic-card',{key:loop,attrs:{\"title-on-image\":\"\",\"overlay\":\"\",\"image\":\"https://picsum.photos/300/200/?image=1043\"}},[_c('template',{slot:\"title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('cards.title.overlayAndTextOnImage'))+\"\\n          \")]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n          \"),_c('p',{staticClass:\"pt-3 mb-0\"},[_c('a',{staticClass:\"pr-2 card-link-secondary\",attrs:{\"href\":\"#\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('cards.link.secondaryAction'))+\"\\n            \")])])],2),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=898\"}},[_c('template',{slot:\"title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('cards.title.normal'))+\"\\n          \")]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n          \"),_c('p',{staticClass:\"pt-3 mb-0\"},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.readFull')))])])],2),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=1052\",\"title-on-image\":\"\",\"overlay\":\"\"}},[_c('template',{slot:\"title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('cards.title.titleOnImageNoOverlay'))+\"\\n          \")]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n        \")],2),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=1067\"}},[_vm._v(\"\\n          Short one\\n          \"),_c('p',{staticClass:\"mb-0 mt-2\"},[_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.action1')))]),_c('a',{staticClass:\"card-link-secondary\",attrs:{\"href\":\"#\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('cards.link.action2')))])])]),_c('vuestic-card',{attrs:{\"stripe\":\"warning\",\"image\":\"https://picsum.photos/300/200/?image=1058\"}},[_c('p',{staticClass:\"mb-0\"},[_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.edit')))]),_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.setAsDefault')))]),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.delete')))])])]),_c('vuestic-card',{attrs:{\"theme\":\"bright\"}},[_c('template',{slot:\"title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('cards.title.bright'))+\"\\n          \")]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n          \"),_c('p',{staticClass:\"pt-3 mb-0\"},[_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.edit')))]),_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.setAsDefault')))]),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.delete')))])])],2),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=997\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n          \"),_c('p',{staticClass:\"pt-3 mb-0\"},[_c('button',{staticClass:\"btn btn-primary btn-micro\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('cards.buttonComponent.vue.main'))+\"\\n            \")]),_c('a',{staticClass:\"ml-2 mb-0\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.buttonComponent.vue.cancel')))])])]),_c('vuestic-card',{attrs:{\"stripe\":\"success\"}},[_c('p',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(_vm.$t('cards.title.stripeNoImage')))]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n        \")]),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=1013\",\"theme\":\"dark\"}},[_c('p',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(_vm.$t('cards.title.dark')))]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n          \"),_c('p',{staticClass:\"pt-3 mb-0\"},[_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.edit')))]),_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.setAsDefault')))]),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.delete')))])])]),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=885\"}},[_c('div',{staticClass:\"flex\"},[_c('p',[_vm._v(_vm._s(_vm.$t('cards.contentText')))]),_c('div',{staticClass:\"btn btn-primary btn-with-icon btn-micro rounded-icon\"},[_c('div',{staticClass:\"btn-with-icon-content\"},[_c('i',{staticClass:\"ion-md-cloud-outline ion\"})])])])]),_c('vuestic-card',{attrs:{\"image\":\"https://picsum.photos/300/200/?image=1003\"}},[_c('p',[_vm._v(_vm._s(_vm.$t('cards.contentText')))]),_c('div',{staticClass:\"card-separator\"}),_c('p',{staticClass:\"mb-0\"},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.traveling')))]),_vm._v(\"\\n            /\\n            \"),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.france')))])])]),_c('vuestic-card',{attrs:{\"theme\":\"dark\"}},[_c('p',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(_vm.$t('cards.title.dark')))]),_vm._v(\"\\n          \"+_vm._s(_vm.$t('cards.contentText'))+\"\\n          \"),_c('p',{staticClass:\"pt-3 mb-0\"},[_c('a',{staticClass:\"pr-2\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.review')))]),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('cards.link.feedback')))])])])]})],2)]),_c('div',{staticClass:\"flex md12 align--center justify--center\"},[_c('div',{staticClass:\"pre-loader-container\"},[_c('vuestic-pre-loader',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShown),expression:\"isShown\"}],staticClass:\"pre-loader\"}),(!_vm.isShown)?_c('div',[_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.addCards()}}},[_vm._v(\"\\n          Show More\\n        \")])]):_vm._e()],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"flex md12\">\n      <div class=\"cards-container\">\n        <!-- eslint-disable vue/valid-v-for -->\n        <template v-for=\"loop in listLoops\">\n          <vuestic-card\n            :key=\"loop\"\n            title-on-image\n            overlay\n            image=\"https://picsum.photos/300/200/?image=1043\">\n            <template slot=\"title\">\n              {{ $t('cards.title.overlayAndTextOnImage') }}\n            </template>\n            {{ $t('cards.contentText') }}\n            <p class=\"pt-3 mb-0\">\n              <a class=\"pr-2 card-link-secondary\" href=\"#\">\n                {{ $t('cards.link.secondaryAction') }}\n              </a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=898\"\n          >\n            <template slot=\"title\">\n              {{ $t('cards.title.normal') }}\n            </template>\n            {{ $t('cards.contentText') }}\n            <p class=\"pt-3 mb-0\">\n              <a href=\"#\">{{ $t('cards.link.readFull') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=1052\"\n            title-on-image\n            overlay\n          >\n            <template slot=\"title\">\n              {{ $t('cards.title.titleOnImageNoOverlay') }}\n            </template>\n            {{ $t('cards.contentText') }}\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=1067\"\n          >\n            Short one\n            <p class=\"mb-0 mt-2\">\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.action1') }}</a>\n              <a class=\"card-link-secondary\" href=\"#\">\n                {{ $t('cards.link.action2') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            stripe=\"warning\"\n            image=\"https://picsum.photos/300/200/?image=1058\"\n          >\n            <p class=\"mb-0\">\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.edit') }}</a>\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.setAsDefault') }}</a>\n              <a href=\"#\">{{ $t('cards.link.delete') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            theme=\"bright\"\n          >\n            <template slot=\"title\">\n              {{ $t('cards.title.bright') }}\n            </template>\n            {{ $t('cards.contentText') }}\n            <p class=\"pt-3 mb-0\">\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.edit') }}</a>\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.setAsDefault') }}</a>\n              <a href=\"#\">{{ $t('cards.link.delete') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=997\"\n          >\n            {{ $t('cards.contentText') }}\n            <p class=\"pt-3 mb-0\">\n              <button class=\"btn btn-primary btn-micro\">\n                  {{ $t('cards.buttonComponent.vue.main') }}\n              </button>\n              <a class=\"ml-2 mb-0\" href=\"#\">{{ $t('cards.buttonComponent.vue.cancel') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            stripe=\"success\"\n          >\n            <p slot=\"title\">{{ $t('cards.title.stripeNoImage') }}</p>\n            {{ $t('cards.contentText') }}\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=1013\"\n            theme=\"dark\"\n          >\n            <p slot=\"title\">{{ $t('cards.title.dark') }}</p>\n            {{ $t('cards.contentText') }}\n            <p class=\"pt-3 mb-0\">\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.edit') }}</a>\n              <a href=\"#\" class=\"pr-2\">{{ $t('cards.link.setAsDefault') }}</a>\n              <a href=\"#\">{{ $t('cards.link.delete') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=885\"\n          >\n            <div class=\"flex\">\n              <p>{{ $t('cards.contentText') }}</p>\n              <div\n                class=\"btn btn-primary btn-with-icon btn-micro rounded-icon\">\n                <div class=\"btn-with-icon-content\">\n                  <i class=\"ion-md-cloud-outline ion\"></i>\n                </div>\n              </div>\n            </div>\n          </vuestic-card>\n\n          <vuestic-card\n            image=\"https://picsum.photos/300/200/?image=1003\"\n          >\n            <p>{{ $t('cards.contentText') }}</p>\n            <div class=\"card-separator\"/>\n            <p class=\"mb-0\">\n              <a href=\"#\">{{ $t('cards.link.traveling') }}</a>\n              /\n              <a href=\"#\">{{ $t('cards.link.france') }}</a>\n            </p>\n          </vuestic-card>\n\n          <vuestic-card theme=\"dark\">\n            <p slot=\"title\">{{ $t('cards.title.dark') }}</p>\n            {{ $t('cards.contentText') }}\n            <p class=\"pt-3 mb-0\">\n              <a class=\"pr-2\" href=\"#\">{{ $t('cards.link.review') }}</a>\n              <a href=\"#\">{{ $t('cards.link.feedback') }}</a>\n            </p>\n          </vuestic-card>\n        </template>\n      </div>\n    </div>\n    <div class=\"flex md12 align--center justify--center\">\n      <div class=\"pre-loader-container\">\n        <vuestic-pre-loader v-show=\"isShown\"\n                            class=\"pre-loader\"></vuestic-pre-loader>\n        <div v-if=\"!isShown\">\n          <button class=\"btn btn-primary\" @click=\"addCards()\">\n            Show More\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport VuesticCard\n  from '../../../vuestic-theme/vuestic-components/vuestic-card/VuesticCard'\n\nexport default {\n  name: 'cards',\n  components: { VuesticCard },\n  data () {\n    return {\n      listLoops: 1,\n      isShown: false,\n    }\n  },\n  methods: {\n    addCards () {\n      this.isShown = true\n      setTimeout(() => {\n        this.isShown = false\n        ++this.listLoops\n      }, 1000)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n$singleGutter: #{(19/16)}rem;\n\n.cards-container {\n  display: flex;\n  flex-wrap: wrap;\n  margin: -$singleGutter;\n  align-items: flex-start;\n  .vuestic-card {\n    margin: $singleGutter;\n\n    width: calc(33% - #{$singleGutter} * 2);\n\n    @include media-breakpoint-only(xl) {\n      width: calc(25% - #{$singleGutter} * 2);\n    }\n\n    @include media-breakpoint-only(lg) {\n      width: calc(33.3% - #{$singleGutter} * 2);\n    }\n\n    @include media-breakpoint-only(sm) {\n      width: calc(50% - #{$singleGutter} * 2);\n    }\n\n    @include media-breakpoint-only(xs) {\n      width: calc(100% - #{$singleGutter} * 2);\n    }\n  }\n}\n\n.pre-loader-container {\n  height: 50px;\n  margin-top: 50px;\n  margin-bottom: 50px;\n}\n</style>\n","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!./Cards.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!./Cards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cards.vue?vue&type=template&id=320a0e4a&\"\nimport script from \"./Cards.vue?vue&type=script&lang=js&\"\nexport * from \"./Cards.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cards.vue?vue&type=style&index=0&id=320a0e4a&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}