{"version":3,"sources":["webpack:///./src/components/shared/Skeleton.vue?2d99","webpack:///src/components/shared/Skeleton.vue","webpack:///./src/components/shared/Skeleton.vue?1c7a","webpack:///./src/components/shared/Skeleton.vue","webpack:///./src/components/shared/Skeleton.vue?b685"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","height","width","computedWidth","staticRenderFns","name","props","maxWidth","default","type","Number","minWidth","String","computed","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,cAAcC,MAAM,CAAGC,OAAQR,EAAIQ,OAAQC,MAAOT,EAAIU,kBACzKC,EAAkB,GCItB,G,UAAA,CACEC,KAAM,cACNC,MAAO,CACLC,SAAU,CAERC,QAAS,IACTC,KAAMC,QAERC,SAAU,CAERH,QAAS,GACTC,KAAMC,QAERT,OAAQ,CAENO,QAAS,MACTC,KAAMG,QAERV,MAAO,CAGLM,QAAS,KACTC,KAAMG,SAGVC,SAAU,CACRV,cADJ,WAKM,OACN,sBACA,WACA,2DAFA,SCpCiW,I,wBCQ7VW,EAAY,eACd,EACAtB,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAU,E,oECnBf,yBAA+hB,EAAG","file":"js/chunk-751ca57d.fc7f6eea.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"SkeletonBox\",style:({ height: _vm.height, width: _vm.computedWidth })})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span :style=\"{ height, width: computedWidth }\" class=\"SkeletonBox\" />\n</template>\n\n<script>\nexport default {\n  name: \"SkeletonBox\",\n  props: {\n    maxWidth: {\n      // The default maxiumum width is 100%.\n      default: 100,\n      type: Number\n    },\n    minWidth: {\n      // Lines have a minimum width of 80%.\n      default: 80,\n      type: Number\n    },\n    height: {\n      // Make lines the same height as text.\n      default: \"1em\",\n      type: String\n    },\n    width: {\n      // Make it possible to define a fixed\n      // width instead of using a random one.\n      default: null,\n      type: String\n    }\n  },\n  computed: {\n    computedWidth() {\n      // Either use the given fixed width or\n      // a random width between the given min\n      // and max values.\n      return (\n        this.width ||\n        `${Math.floor(\n          Math.random() * (this.maxWidth - this.minWidth) + this.minWidth\n        )}%`\n      );\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.SkeletonBox {\n  display: inline-block;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: #dddbdd;\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(#fff, 0) 0,\n      rgba(#fff, 0.2) 20%,\n      rgba(#fff, 0.5) 60%,\n      rgba(#fff, 0)\n    );\n    animation: shimmer 5s infinite;\n    content: \"\";\n  }\n\n  @keyframes shimmer {\n    100% {\n      transform: translateX(100%);\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!./Skeleton.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!./Skeleton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Skeleton.vue?vue&type=template&id=b4fcee2a&\"\nimport script from \"./Skeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./Skeleton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Skeleton.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/index.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!./Skeleton.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/index.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!./Skeleton.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}