{"version":3,"sources":["webpack:///./src/components/markup-tables/MarkupTables.vue?a28c","webpack:///src/components/markup-tables/MarkupTables.vue","webpack:///./src/components/markup-tables/MarkupTables.vue?2ddf","webpack:///./src/components/markup-tables/MarkupTables.vue","webpack:///./src/components/markup-tables/MarkupTables.vue?8b36"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","_v","_s","_l","user","key","id","name","email","country","getStatusColor","status","staticRenderFns","data","users","methods","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,UAAU,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQP,EAAIQ,GAAG,kBAAkB,CAACJ,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,GAAG,4BAA4BJ,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,GAAG,6BAA6BJ,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,GAAG,+BAA+BJ,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,GAAG,kCAAkCJ,EAAG,QAAQJ,EAAIW,GAAIX,EAAS,OAAE,SAASY,GAAM,OAAOR,EAAG,KAAK,CAACS,IAAID,EAAKE,IAAI,CAACV,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGE,EAAKG,SAASX,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGE,EAAKI,UAAUZ,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGE,EAAKK,YAAYb,EAAG,KAAK,CAACA,EAAG,WAAW,CAACG,MAAM,CAAC,MAAQP,EAAIkB,eAAeN,EAAKO,UAAU,CAACnB,EAAIS,GAAG,IAAIT,EAAIU,GAAGE,EAAKO,QAAQ,QAAQ,QAAO,OAAOf,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQP,EAAIQ,GAAG,6BAA6B,CAACJ,EAAG,QAAQ,CAACE,YAAY,kDAAkD,CAACF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIS,GAAG,UAAUL,EAAG,KAAK,CAACJ,EAAIS,GAAG,WAAWL,EAAG,KAAK,CAACJ,EAAIS,GAAG,aAAaL,EAAG,KAAK,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,QAAQJ,EAAIW,GAAIX,EAAS,OAAE,SAASY,GAAM,OAAOR,EAAG,KAAK,CAACS,IAAID,EAAKE,IAAI,CAACV,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGE,EAAKG,SAASX,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGE,EAAKI,UAAUZ,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGE,EAAKK,YAAYb,EAAG,KAAK,CAACA,EAAG,WAAW,CAACG,MAAM,CAAC,MAAQP,EAAIkB,eAAeN,EAAKO,UAAU,CAACnB,EAAIS,GAAG,IAAIT,EAAIU,GAAGE,EAAKO,QAAQ,QAAQ,QAAO,QAAQ,IACz4CC,EAAkB,G,YC0DtB,GACEC,KADF,WAEI,MAAO,CACLC,MAAO,EAAb,aAGEC,QAAS,CACPL,eADJ,SACA,GACM,MAAe,SAAXC,EACK,UAGM,eAAXA,EACK,OAGF,YC3EwV,I,wBCQjWK,EAAY,eACd,EACAzB,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAI,E,6CCnBf,yBAAsiB,EAAG,G","file":"js/chunk-9e0d1682.35ed95ab.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"markup-tables\"},[_c('va-card',{staticClass:\"mb-2\",attrs:{\"title\":_vm.$t('tables.basic')}},[_c('table',{staticClass:\"va-table\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(_vm._s(_vm.$t('tables.headings.name')))]),_c('th',[_vm._v(_vm._s(_vm.$t('tables.headings.email')))]),_c('th',[_vm._v(_vm._s(_vm.$t('tables.headings.country')))]),_c('th',[_vm._v(_vm._s(_vm.$t('tables.headings.status')))])])]),_c('tbody',_vm._l((_vm.users),function(user){return _c('tr',{key:user.id},[_c('td',[_vm._v(_vm._s(user.name))]),_c('td',[_vm._v(_vm._s(user.email))]),_c('td',[_vm._v(_vm._s(user.country))]),_c('td',[_c('va-badge',{attrs:{\"color\":_vm.getStatusColor(user.status)}},[_vm._v(\" \"+_vm._s(user.status)+\" \")])],1)])}),0)])]),_c('va-card',{attrs:{\"title\":_vm.$t('tables.stripedHoverable')}},[_c('table',{staticClass:\"va-table va-table--striped va-table--hoverable\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Email\")]),_c('th',[_vm._v(\"Country\")]),_c('th',[_vm._v(\"Status\")])])]),_c('tbody',_vm._l((_vm.users),function(user){return _c('tr',{key:user.id},[_c('td',[_vm._v(_vm._s(user.name))]),_c('td',[_vm._v(_vm._s(user.email))]),_c('td',[_vm._v(_vm._s(user.country))]),_c('td',[_c('va-badge',{attrs:{\"color\":_vm.getStatusColor(user.status)}},[_vm._v(\" \"+_vm._s(user.status)+\" \")])],1)])}),0)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"markup-tables\">\n    <va-card :title=\"$t('tables.basic')\" class=\"mb-2\">\n      <table class=\"va-table\">\n        <thead>\n          <tr>\n            <th>{{ $t('tables.headings.name') }}</th>\n            <th>{{ $t('tables.headings.email') }}</th>\n            <th>{{ $t('tables.headings.country') }}</th>\n            <th>{{ $t('tables.headings.status') }}</th>\n          </tr>\n        </thead>\n\n        <tbody>\n          <tr v-for=\"user in users\" :key=\"user.id\">\n            <td>{{ user.name }}</td>\n            <td>{{ user.email }}</td>\n            <td>{{ user.country }}</td>\n            <td>\n              <va-badge :color=\"getStatusColor(user.status)\">\n                {{ user.status }}\n              </va-badge>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </va-card>\n\n    <va-card :title=\"$t('tables.stripedHoverable')\">\n      <table class=\"va-table va-table--striped va-table--hoverable\">\n        <thead>\n          <tr>\n            <th>Name</th>\n            <th>Email</th>\n            <th>Country</th>\n            <th>Status</th>\n          </tr>\n        </thead>\n\n        <tbody>\n          <tr v-for=\"user in users\" :key=\"user.id\">\n            <td>{{ user.name }}</td>\n            <td>{{ user.email }}</td>\n            <td>{{ user.country }}</td>\n            <td>\n              <va-badge :color=\"getStatusColor(user.status)\">\n                {{ user.status }}\n              </va-badge>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </va-card>\n  </div>\n</template>\n\n<script>\nimport data from './data.json'\n\nexport default {\n  data () {\n    return {\n      users: data.slice(0, 8),\n    }\n  },\n  methods: {\n    getStatusColor (status) {\n      if (status === 'paid') {\n        return 'success'\n      }\n\n      if (status === 'processing') {\n        return 'info'\n      }\n\n      return 'danger'\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n  .markup-tables {\n    .va-table {\n      width: 100%;\n    }\n\n    .va-card {\n      max-width: 1200px;\n    }\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!./MarkupTables.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!./MarkupTables.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MarkupTables.vue?vue&type=template&id=0bcbfb75&\"\nimport script from \"./MarkupTables.vue?vue&type=script&lang=js&\"\nexport * from \"./MarkupTables.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MarkupTables.vue?vue&type=style&index=0&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","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MarkupTables.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MarkupTables.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}