{"version":3,"sources":["webpack:///./src/components/PlaceholderImage.vue?e29d","webpack:///src/components/PlaceholderImage.vue","webpack:///./src/components/PlaceholderImage.vue?06bb","webpack:///./src/components/PlaceholderImage.vue?71d4","webpack:///./src/components/PlaceholderImage.vue?05b5"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","ratio","staticClass","style","size","attrs","staticRenderFns","name","props","type","String","default","validator","Number","component"],"mappings":"sIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,oBAAqB,QAAU,SAAWN,EAAIO,QAAS,CAACH,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,SAAS,CAACI,YAAY,aAAaC,MAAQ,WAAaT,EAAIU,KAAO,KAAOC,MAAM,CAAC,KAAO,wBAAwB,MAChUC,EAAkB,G,4CCUtB,GACEC,KAAM,mBACNC,MAAO,CACLP,MAAO,CACLQ,KAAMC,OACNC,QAAS,MACTC,UAAW,SAAjB,kDAEIR,KAAM,CACJK,KAAM,CAACI,OAAQH,QACfC,QAAS,IACTC,UAAW,SAAjB,2BCtB0V,I,wBCQtVE,EAAY,eACd,EACArB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E,6CCnBf,W","file":"js/component-placeholder-image.d6d1f671.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['placeholder-image', 'ratio', (\"ratio-\" + _vm.ratio)]},[_c('div',{staticClass:\"image-wrapper\"},[_c('b-icon',{staticClass:\"image-icon\",style:((\"height: \" + _vm.size + \"%;\")),attrs:{\"icon\":\"image-placeholder\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['placeholder-image', 'ratio', `ratio-${ratio}`]\">\r\n    <div class=\"image-wrapper\">\r\n      <b-icon class=\"image-icon\" icon=\"image-placeholder\" :style=\"`height: ${size}%;`\"/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nexport default {\r\n  name: 'PlaceholderImage',\r\n  props: {\r\n    ratio: {\r\n      type: String,\r\n      default: '1x1',\r\n      validator: value => SCSS_VARIABLES.vars['ratio-keys'].includes(value)\r\n    },\r\n    size: {\r\n      type: [Number, String],\r\n      default: 100,\r\n      validator: value => Number(value) >= 0\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$placeholderimage-color: $gray-300 !default;\r\n\r\n.placeholder-image {\r\n  .image-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .image-icon {\r\n      width: auto;\r\n      color: $placeholderimage-color;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./PlaceholderImage.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!./PlaceholderImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlaceholderImage.vue?vue&type=template&id=76c894b0&\"\nimport script from \"./PlaceholderImage.vue?vue&type=script&lang=js&\"\nexport * from \"./PlaceholderImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlaceholderImage.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","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!./PlaceholderImage.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}