{"version":3,"sources":["webpack:///./src/components/UI/Loader.vue?0c10","webpack:///src/components/UI/Loader.vue","webpack:///./src/components/UI/Loader.vue?642a","webpack:///./src/components/UI/Loader.vue","webpack:///./src/components/UI/Loader.vue?314f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","text","_v","_s","staticRenderFns","name","components","props","String","loadingElements","Array","data","mounted","hideElement","beforeDestroy","methods","length","forEach","l","hide","classList","remove","add","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACG,MAAM,CAAC,YAAYP,EAAIQ,OAAO,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,YACzLG,EAAkB,GCMtB,G,oBAAA,CACEC,KAAM,SACNC,WAAY,GACZC,MAAO,CACLN,KAAMO,OACNC,gBAAiBC,OAEnBC,KAPF,WAQI,MAAO,IAETC,QAVF,WAWIlB,KAAKmB,aAAY,IAGnBC,cAdF,WAeIpB,KAAKmB,aAAY,IAEnBE,QAAS,CACPF,YADJ,SACA,GACUnB,KAAKe,gBAAgBO,QACvBtB,KAAKe,gBAAgBQ,SAAQ,SAArC,GACcC,IACEC,GACFD,EAAEE,UAAUC,OAAO,QACnBH,EAAEE,UAAUE,IAAI,UAEhBJ,EAAEE,UAAUC,OAAO,QACnBH,EAAEE,UAAUE,IAAI,iBClCiU,I,wBCQ3VC,EAAY,eACd,EACA/B,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E,6CCnBf,yBAAuf,EAAG,G","file":"js/chunk-d3407a9a.6bb6d6ea.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"centered\"},[_c('h3',{attrs:{\"data-text\":_vm.text}},[_vm._v(_vm._s(_vm.text))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"centered\">\r\n    <h3 :data-text=\"text\">{{ text }}</h3>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Loader\",\r\n  components: {},\r\n  props: {\r\n    text: String,\r\n    loadingElements: Array,\r\n  },\r\n  data() {\r\n    return {};\r\n  },\r\n  mounted() {\r\n    this.hideElement(true);\r\n  },\r\n\r\n  beforeDestroy() {\r\n    this.hideElement(false);\r\n  },\r\n  methods: {\r\n    hideElement(hide) {\r\n      if (this.loadingElements.length) {\r\n        this.loadingElements.forEach((l) => {\r\n          if (l) {\r\n            if (hide) {\r\n              l.classList.remove(\"show\");\r\n              l.classList.add(\"hide\");\r\n            } else {\r\n              l.classList.remove(\"hide\");\r\n              l.classList.add(\"show\");\r\n            }\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n/* body {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  background: #000;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100vh;\r\n} */\r\n.show {\r\n  opacity: 1;\r\n}\r\n\r\n.hide {\r\n  opacity: 0;\r\n  transition: opacity 0.6s linear;\r\n}\r\n.centered {\r\n  /* position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0; */\r\n  height: 100px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: 100;\r\n  margin: auto;\r\n}\r\nh1 {\r\n  position: relative;\r\n  color: #333;\r\n  font-size: 4em;\r\n  letter-spacing: 5px;\r\n  border-bottom: 16px solid #333;\r\n  line-height: 1.4;\r\n  font-family: consolas;\r\n  text-transform: uppercase;\r\n  width: 100%;\r\n}\r\nh1::before {\r\n  content: attr(data-text);\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  color: dodgerblue;\r\n  border-bottom: 16px solid dodgerblue;\r\n  animation: lod 2s linear infinite;\r\n  overflow: hidden;\r\n}\r\n@keyframes lod {\r\n  0% {\r\n    width: 0;\r\n  }\r\n  100% {\r\n    width: 100%;\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!./Loader.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!./Loader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=8018725a&scoped=true&\"\nimport script from \"./Loader.vue?vue&type=script&lang=js&\"\nexport * from \"./Loader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loader.vue?vue&type=style&index=0&id=8018725a&lang=css&scoped=true&\"\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  \"8018725a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=style&index=0&id=8018725a&lang=css&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=style&index=0&id=8018725a&lang=css&scoped=true&\""],"sourceRoot":""}