{"version":3,"sources":["webpack:///src/app/components/Spinner.vue","webpack:///./src/app/components/Spinner.vue?9641","webpack:///./src/app/components/Spinner.vue"],"names":["Spinner","props","color","type","String","default","size","computed","colorClass","this","sizeClass","components_Spinner","render","_h","$createElement","_c","_self","staticClass","class","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAOA,IAAAA,GACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,eAEAC,MACAH,KAAAC,OACAC,QAAA,MAGAE,UACAC,WADA,WAEA,kBAAAC,KAAAP,OAEAQ,UAJA,WAKA,kBAAAD,KAAAH,KAAA,OCpBAK,GADiBC,OAFjB,WAA0B,IAAaC,EAAbJ,KAAaK,eAA0BC,EAAvCN,KAAuCO,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,UAAAC,OAAhFT,KAAgFD,WAAhFC,KAAgFC,aAA8DK,EAAA,OAAYE,YAAA,sBAEnKE,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACAtB,EACAW,GATA,EAVA,SAAAY,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/50.95f1b0664198b770cb0f.js","sourcesContent":["<template>\r\n  <div class=\"spinner\" :class=\"[ colorClass, sizeClass ]\">\r\n    <div class=\"spinner__wheel\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    color: {\r\n      type: String,\r\n      default: 'gray-darker'\r\n    },\r\n    size: {\r\n      type: String,\r\n      default: '1'\r\n    }\r\n  },\r\n  computed: {\r\n    colorClass() {\r\n      return `spinner--${this.color}`;\r\n    },\r\n    sizeClass() {\r\n      return `spinner--${this.size}x`;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../assets/sass/settings/colors';\r\n\r\n$spinner-width: 1.5625rem;\r\n$spinner-border-width: .125rem;\r\n\r\n.spinner {\r\n  width: 100%;\r\n  height: $spinner-width;\r\n  text-align: center;\r\n\r\n  &--silver-darker {\r\n\r\n    .spinner__wheel {\r\n      border-color: $color-silver-darker;\r\n    }\r\n  }\r\n\r\n  &--gray-darker {\r\n\r\n    .spinner__wheel {\r\n      border-color: $color-gray-darker;\r\n    }\r\n  }\r\n\r\n  &--white {\r\n    .spinner__wheel {\r\n      border-color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--0-5x {\r\n    height: $spinner-width * 0.5;\r\n\r\n    .spinner__wheel {\r\n      width: $spinner-width * 0.5;\r\n      height: $spinner-width * 0.5;\r\n      border-width: $spinner-border-width * 0.5;\r\n    }\r\n  }\r\n\r\n  &--0-65x {\r\n    height: $spinner-width * 0.65;\r\n\r\n    .spinner__wheel {\r\n      width: $spinner-width * 0.65;\r\n      height: $spinner-width * 0.65;\r\n      border-width: $spinner-border-width * 0.65;\r\n    }\r\n  }\r\n\r\n  &--0-75x {\r\n    height: $spinner-width * 0.75;\r\n\r\n    .spinner__wheel {\r\n      width: $spinner-width * 0.75;\r\n      height: $spinner-width * 0.75;\r\n      border-width: $spinner-border-width * 0.75;\r\n    }\r\n  }\r\n\r\n  &--0-84x {\r\n    height: $spinner-width * 0.84;\r\n\r\n    .spinner__wheel {\r\n      width: $spinner-width * 0.84;\r\n      height: $spinner-width * 0.84;\r\n      border-width: $spinner-border-width * 0.84;\r\n    }\r\n  }\r\n\r\n  &--1-5x {\r\n    height: $spinner-width * 1.5;\r\n\r\n    .spinner__wheel {\r\n      width: $spinner-width * 1.5;\r\n      height: $spinner-width * 1.5;\r\n      border-width: $spinner-border-width * 1.5;\r\n    }\r\n  }\r\n\r\n  &--2x {\r\n    height: $spinner-width * 2;\r\n\r\n    .spinner__wheel {\r\n      width: $spinner-width * 2;\r\n      height: $spinner-width * 2;\r\n      border-width: $spinner-border-width * 2;\r\n    }\r\n  }\r\n\r\n  &__wheel {\r\n    width: $spinner-width;\r\n    height: $spinner-width;\r\n    margin: 0 auto;\r\n    border: .125rem solid rgba(0, 0, 0, 1);\r\n    border-left-color: transparent !important;\r\n    border-right-color: transparent !important;\r\n    border-radius: 50%;\r\n    animation: spin 1025ms infinite linear;\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  100% {\r\n    transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/Spinner.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"spinner\",class:[ _vm.colorClass, _vm.sizeClass ]},[_c('div',{staticClass:\"spinner__wheel\"})])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-20d2fa7d\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/app/components/Spinner.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-20d2fa7d\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Spinner.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Spinner.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Spinner.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-20d2fa7d\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Spinner.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/Spinner.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}