{"version":3,"sources":["webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue?a90b","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?8743","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue?133f","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue?6e1b","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue?fd55","webpack:///./src/common/Card/CardValue.vue?43d7","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue?1dd9","webpack:///node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue?2083","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue?5f7a","webpack:///./node_modules/epic-spinners/src/services/utils.js","webpack:///node_modules/epic-spinners/src/components/lib/PixelSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue?3fd0","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue?42e5","webpack:///node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue?c52d","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue?154e","webpack:///node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue?5580","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue?6129","webpack:///node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue?33b6","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?f838","webpack:///node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?c7a3","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue?0b86","webpack:///node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue?2d23","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue?d586","webpack:///node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue?b178","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue?5fb7","webpack:///node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue?745e","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue?0791","webpack:///node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue?3d72","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue?c953","webpack:///node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue?9e0f","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue?179a","webpack:///node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue?779a","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue?e1b0","webpack:///node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue?ca41","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue?2741","webpack:///node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue?e9c1","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue?c85a","webpack:///node_modules/epic-spinners/src/components/lib/RadarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue?14fe","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue?961f","webpack:///node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue?7e2b","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue?7de1","webpack:///node_modules/epic-spinners/src/components/lib/SpringSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue?6330","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue?d1eb","webpack:///node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue?0cbb","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue?6b3b","webpack:///node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue?e13f","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?dcb7","webpack:///node_modules/epic-spinners/src/components/lib/AtomSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?e6f6","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue","webpack:///src/common/Card/CardValue.vue","webpack:///./src/common/Card/CardValue.vue?53a0","webpack:///./src/common/Card/CardValue.vue","webpack:///./src/common/Card/CardValue.vue?4973","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue?89b3","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue?47f8","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue?96a0","webpack:///./node_modules/core-js/modules/_object-assign.js","webpack:///./node_modules/core-js/modules/es6.date.now.js","webpack:///./src/components/Card/OilTypeCard.vue?14c4","webpack:///src/components/Card/OilTypeCard.vue","webpack:///./src/components/Card/OilTypeCard.vue?dc81","webpack:///./src/components/Card/OilTypeCard.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue?2a87","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?fd0b","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue?7a49","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue?b1ea","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue?ee88","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue?02f2","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue?8750","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue?60c9","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue?7558","webpack:///./src/components/Card/OilTypeCard.vue?6304","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue?0d47","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue?4c91","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue?eb5c","webpack:///./node_modules/core-js/modules/es6.object.assign.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","on","onClick","_v","_s","name","class","primary","isActive","loading","icon","volume","unit","staticRenderFns","style","_l","ds","index","key","props","animationDuration","type","Number","default","dotSize","dotsNum","color","String","computed","horizontalMargin","spinnerStyle","height","concat","width","dotStyle","margin","borderWidth","borderColor","dotsStyles","delayModifier","basicDelay","i","Object","assign","animationDelay","push","component","appendKeyframes","frames","sheet","document","createElement","setAttribute","innerHTML","body","appendChild","removeKeyframes","getElementById","sheetParent","parentNode","removeChild","size","data","animationName","Date","now","pixelSize","spinnerInnerStyle","backgroundColor","boxShadow","watch","handler","immediate","mounted","updateAnimation","beforeDestroy","utils","methods","generateKeyframes","smallDotName","bigDotName","dotsContainerStyle","smallerDotStyle","background","biggerDotStyle","generateSmallDotKeyframes","generateBigDotKeyframes","cs","circleSize","spinnerBlockStyle","circleStyle","circleStyles","_this","circlesPositions","top","left","map","cp","orbitStyle","rs","ringsNum","containerPadding","outerRingSize","padding","ringStyle","borderTopColor","ringsStyles","ringBase","ringInc","ring1Style","ring2Style","ring3Style","circlesNum","circleMarginLeft","spinnertStyle","marginLeft","circlesStyles","delay","borderLeftColor","ringWidth","positionIncrement","sizeDecrement","computedSize","computedPosition","animationBaseName","rhombusesNum","rhombusStyle","rhombusesStyles","bigRhombusStyle","ss","squaresNum","squareStyle","squaresStyles","circleInnerContainerStyle","circleInnerStyle","borderRightColor","squareSize","initialTopPosition","marginRight","marginTop","delaysMultipliers","spinnerPartStyle","rotatorStyle","rhombusSize","circle1Style","circle2Style","borderBottomColor","fontSize","lineStyle","borderLeftWidth","borderTopWidth","components","HalfCircleSpinner","refineryName","refineryID","callback","Function","isLoading","Boolean","handlerLoading","count","arguments","length","undefined","vm","setTimeout","DESCRIPTORS","getKeys","gOPS","pIE","toObject","IObject","$assign","module","exports","A","B","S","Symbol","K","split","forEach","k","keys","join","target","source","T","aLen","getSymbols","f","isEnum","j","call","$export","getTime","staticStyle","$event","activeCard","active","isGreenDieselActive","isDomesticOilActive","isExportOilActive","isFisheriesOilActive","OIL_TYPE","_objectSpread","mapState","state","_activeCard","_asyncToGenerator","regeneratorRuntime","mark","_callee","typeOil","wrap","_context","prev","next","$store","dispatch","t0","GREEN_DIESEL","DOMESTIC_OIL","EXPORT_OIL","FISHERIES","$router","abrupt","stop","_x","apply","F"],"mappings":"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","file":"js/chunk-53c35dc4.ed20eeac.js","sourcesContent":["export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./RadarSpinner.vue?vue&type=style&index=0&id=7ca7cfc9&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./AtomSpinner.vue?vue&type=style&index=0&id=aec7c820&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HollowDotsSpinner.vue?vue&type=style&index=0&id=6a541738&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SwappingSquaresSpinner.vue?vue&type=style&index=0&id=b85b25de&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./IntersectingCirclesSpinner.vue?vue&type=style&index=0&id=72b5f8a9&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"card-volume\"}},[_c('div',{staticClass:\"flex-1 mx-1\",on:{\"click\":_vm.onClick}},[_c('vs-card',{staticClass:\"cardx\",attrs:{\"actionable\":\"\"}},[_c('p',{staticClass:\"h7\"},[_vm._v(_vm._s(_vm.name))]),_c('h5',{staticClass:\"mt-1 flex\",class:[{ primary: _vm.isActive }, _vm.loading ? 'justifyCenter' : '']},[(_vm.loading)?_c('half-circle-spinner',{attrs:{\"animation-duration\":1000,\"size\":20,\"color\":\"#000000\"}}):_c('div',[_c('vs-icon',{attrs:{\"icon\":_vm.icon}}),_vm._v(\"\\n          \"+_vm._s(_vm.volume)+\" \"+_vm._s(_vm.unit)+\"\\n        \")],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hollow-dots-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.dotsStyles),function(ds,index){return _c('div',{key:index,staticClass:\"dot\",style:(ds)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"hollow-dots-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"dot\" v-for=\"(ds, index) in dotsStyles\" :style=\"ds\" :key=\"index\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'HollowDotsSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1000\r\n      },\r\n      dotSize: {\r\n        type: Number,\r\n        default: 15\r\n      },\r\n      dotsNum: {\r\n        type: Number,\r\n        default: 3\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      horizontalMargin () {\r\n        return this.dotSize / 2\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.dotSize}px`,\r\n          width: `${(this.dotSize + this.horizontalMargin * 2) * this.dotsNum}px`\r\n        }\r\n      },\r\n\r\n      dotStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          width: `${this.dotSize}px`,\r\n          height: `${this.dotSize}px`,\r\n          margin: `0 ${this.horizontalMargin}px`,\r\n          borderWidth: `${this.dotSize / 5}px`,\r\n          borderColor: this.color\r\n        }\r\n      },\r\n\r\n      dotsStyles () {\r\n        const dotsStyles = []\r\n        const delayModifier = 0.3\r\n        const basicDelay = 1000\r\n\r\n        for (let i = 1; i <= this.dotsNum; i++) {\r\n          const style = Object.assign({\r\n            animationDelay: `${basicDelay * i * delayModifier}ms`\r\n          }, this.dotStyle)\r\n\r\n          dotsStyles.push(style)\r\n        }\r\n\r\n        return dotsStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .hollow-dots-spinner, .hollow-dots-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hollow-dots-spinner {\r\n    height: 15px;\r\n    width: calc(30px * 3);\r\n  }\r\n\r\n  .hollow-dots-spinner .dot {\r\n    width: 15px;\r\n    height: 15px;\r\n    margin: 0 calc(15px / 2);\r\n    border: calc(15px / 5) solid #ff1d5e;\r\n    border-radius: 50%;\r\n    float: left;\r\n    transform: scale(0);\r\n    animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;\r\n  }\r\n\r\n  .hollow-dots-spinner .dot:nth-child(1) {\r\n    animation-delay: calc(300ms * 1);\r\n  }\r\n\r\n  .hollow-dots-spinner .dot:nth-child(2) {\r\n    animation-delay: calc(300ms * 2);\r\n  }\r\n\r\n  .hollow-dots-spinner .dot:nth-child(3) {\r\n    animation-delay: calc(300ms * 3);\r\n\r\n  }\r\n\r\n  @keyframes hollow-dots-spinner-animation {\r\n    50% {\r\n      transform: scale(1);\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HollowDotsSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HollowDotsSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HollowDotsSpinner.vue?vue&type=template&id=6a541738&scoped=true\"\nimport script from \"./HollowDotsSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./HollowDotsSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./HollowDotsSpinner.vue?vue&type=style&index=0&id=6a541738&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6a541738\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pixel-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"pixel-spinner-inner\",style:(_vm.spinnerInnerStyle)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\r\n  /**\r\n   * Add reyframes to body as style block\r\n   * @param name string\r\n   * @param frames string\r\n   */\r\n  appendKeyframes: function (name, frames) {\r\n    const sheet = document.createElement('style')\r\n    if (!sheet) {\r\n      return\r\n    }\r\n    sheet.setAttribute('id', name)\r\n    sheet.innerHTML = `@keyframes ${name} {${frames}}`\r\n    document.body.appendChild(sheet)\r\n  },\r\n  /**\r\n   * Remove reyframes from body\r\n   * @param name string\r\n   */\r\n  removeKeyframes: function (name) {\r\n    const sheet = document.getElementById(name)\r\n    if (!sheet) {\r\n      return\r\n    }\r\n    const sheetParent = sheet.parentNode\r\n    sheetParent.removeChild(sheet)\r\n  }\r\n}\r\n","<template>\r\n  <div class=\"pixel-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"pixel-spinner-inner\" :style=\"spinnerInnerStyle\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import utils from '../../services/utils'\r\n\r\n  export default {\r\n    name: 'PixelSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1500\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 70\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        animationName: `pixel-spinner-animation-${Date.now()}`\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      pixelSize () {\r\n        return this.size / 7\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          width: `${this.size}px`,\r\n          height: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      spinnerInnerStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          animationName: this.animationName,\r\n          width: `${this.pixelSize}px`,\r\n          height: `${this.pixelSize}px`,\r\n          backgroundColor: this.color,\r\n          color: this.color,\r\n          boxShadow: `\r\n                        ${this.pixelSize * 1.5}px ${this.pixelSize * 1.5}px 0 0,\r\n                        ${this.pixelSize * -1.5}px ${this.pixelSize * -1.5}px 0 0,\r\n                        ${this.pixelSize * 1.5}px ${this.pixelSize * -1.5}px 0 0,\r\n                        ${this.pixelSize * -1.5}px ${this.pixelSize * 1.5}px 0 0,\r\n                        0 ${this.pixelSize * 1.5}px 0 0,\r\n                        ${this.pixelSize * 1.5}px 0 0 0,\r\n                        ${this.pixelSize * -1.5}px 0 0 0,\r\n                        0 ${this.pixelSize * -1.5}px 0 0\r\n                      `\r\n        }\r\n      }\r\n    },\r\n\r\n    watch: {\r\n      size: {\r\n        handler: 'updateAnimation',\r\n        immediate: true\r\n      }\r\n    },\r\n\r\n    mounted () {\r\n      this.updateAnimation()\r\n    },\r\n\r\n    beforeDestroy () {\r\n      utils.removeKeyframes(this.animationName)\r\n    },\r\n\r\n    methods: {\r\n      updateAnimation () {\r\n        utils.removeKeyframes(this.animationName)\r\n        utils.appendKeyframes(this.animationName, this.generateKeyframes())\r\n      },\r\n\r\n      generateKeyframes () {\r\n        return `\r\n        50% {\r\n          box-shadow:  ${this.pixelSize * 2}px ${this.pixelSize * 2}px 0 0,\r\n                       ${this.pixelSize * -2}px ${this.pixelSize * -2}px 0 0,\r\n                       ${this.pixelSize * 2}px ${this.pixelSize * -2}px 0 0,\r\n                       ${this.pixelSize * -2}px ${this.pixelSize * 2}px 0 0,\r\n                       0 ${this.pixelSize}px 0 0,\r\n                       ${this.pixelSize}px 0 0 0,\r\n                       ${this.pixelSize * -1}px 0 0 0,\r\n                       0 ${this.pixelSize * -1}px 0 0;\r\n        }\r\n\r\n\r\n        75% {\r\n          box-shadow:  ${this.pixelSize * 2}px ${this.pixelSize * 2}px 0 0,\r\n                       ${this.pixelSize * -2}px ${this.pixelSize * -2}px 0 0,\r\n                       ${this.pixelSize * 2}px ${this.pixelSize * -2}px 0 0,\r\n                       ${this.pixelSize * -2}px ${this.pixelSize * 2}px 0 0,\r\n                       0 ${this.pixelSize}px 0 0,\r\n                       ${this.pixelSize}px 0 0 0,\r\n                       ${this.pixelSize * -1}px 0 0 0,\r\n                       0 ${this.pixelSize * -1}px 0 0;\r\n        }\r\n\r\n        100% {\r\n          transform: rotate(360deg);\r\n        }`\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .pixel-spinner, .pixel-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pixel-spinner {\r\n    height: 70px;\r\n    width: 70px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .pixel-spinner .pixel-spinner-inner {\r\n    width: calc(70px / 7);\r\n    height: calc(70px / 7);\r\n    background-color: #ff1d5e;\r\n    color: #ff1d5e;\r\n    box-shadow: 15px 15px  0 0,\r\n    -15px -15px  0 0,\r\n    15px -15px  0 0,\r\n    -15px 15px  0 0,\r\n    0 15px  0 0,\r\n    15px 0  0 0,\r\n    -15px 0  0 0,\r\n    0 -15px 0 0;\r\n    animation: pixel-spinner-animation 2000ms linear infinite;\r\n  }\r\n\r\n  /* NOTE Keyframes here serve as reference. They don't do anything. */\r\n  @keyframes pixel-spinner-animation {\r\n    50% {\r\n      box-shadow: 20px 20px 0px 0px,\r\n      -20px -20px 0px 0px,\r\n      20px -20px 0px 0px,\r\n      -20px 20px 0px 0px,\r\n      0px 10px 0px 0px,\r\n      10px 0px 0px 0px,\r\n      -10px 0px 0px 0px,\r\n      0px -10px 0px 0px;\r\n    }\r\n    75% {\r\n      box-shadow: 20px 20px 0px 0px,\r\n      -20px -20px 0px 0px,\r\n      20px -20px 0px 0px,\r\n      -20px 20px 0px 0px,\r\n      0px 10px 0px 0px,\r\n      10px 0px 0px 0px,\r\n      -10px 0px 0px 0px,\r\n      0px -10px 0px 0px;\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./PixelSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./PixelSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PixelSpinner.vue?vue&type=template&id=03e54454&scoped=true\"\nimport script from \"./PixelSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./PixelSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./PixelSpinner.vue?vue&type=style&index=0&id=03e54454&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03e54454\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flower-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"dots-container\",style:(_vm.dotsContainerStyle)},[_c('div',{staticClass:\"big-dot\",style:(_vm.biggerDotStyle)},[_c('div',{staticClass:\"small-dot\",style:(_vm.smallerDotStyle)})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"flower-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"dots-container\" :style=\"dotsContainerStyle\">\r\n      <div class=\"big-dot\" :style=\"biggerDotStyle\">\r\n        <div class=\"small-dot\" :style=\"smallerDotStyle\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import utils from '../../services/utils'\r\n\r\n  export default {\r\n    name: 'FlowerSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 2500\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 70\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        smallDotName: `flower-spinner-small-dot-${Date.now()}`,\r\n        bigDotName: `flower-spinner-big-dot-${Date.now()}`\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      dotSize () {\r\n        return this.size / 7\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          width: `${this.size}px`,\r\n          height: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      dotsContainerStyle () {\r\n        return {\r\n          width: `${this.dotSize}px`,\r\n          height: `${this.dotSize}px`\r\n        }\r\n      },\r\n\r\n      smallerDotStyle () {\r\n        return {\r\n          background: this.color,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          animationName: this.smallDotName\r\n        }\r\n      },\r\n\r\n      biggerDotStyle () {\r\n        return {\r\n          background: this.color,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          animationName: this.bigDotName\r\n        }\r\n      }\r\n    },\r\n\r\n    watch: {\r\n      size: {\r\n        handler: 'updateAnimation',\r\n        immediate: true\r\n      },\r\n      color: {\r\n        handler: 'updateAnimation',\r\n        immediate: true\r\n      }\r\n    },\r\n\r\n    beforeDestroy () {\r\n      utils.removeKeyframes(this.smallDotName)\r\n      utils.removeKeyframes(this.bigDotName)\r\n    },\r\n\r\n    methods: {\r\n      updateAnimation () {\r\n        utils.removeKeyframes(this.smallDotName)\r\n        utils.appendKeyframes(this.smallDotName, this.generateSmallDotKeyframes())\r\n        utils.removeKeyframes(this.bigDotName)\r\n        utils.appendKeyframes(this.bigDotName, this.generateBigDotKeyframes())\r\n      },\r\n\r\n      generateSmallDotKeyframes () {\r\n        return `0%, 100% {\r\n                    box-shadow: 0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color};\r\n                  }\r\n                  25%, 75% {\r\n                    box-shadow: ${this.dotSize * 1.4}px 0 0 ${this.color},\r\n                                -${this.dotSize * 1.4}px 0 0 ${this.color},\r\n                                0 ${this.dotSize * 1.4}px 0 ${this.color},\r\n                                0 -${this.dotSize * 1.4}px 0 ${this.color},\r\n                                ${this.dotSize}px -${this.dotSize}px 0 ${this.color},\r\n                                ${this.dotSize}px ${this.dotSize}px 0 ${this.color},\r\n                                -${this.dotSize}px -${this.dotSize}px 0 ${this.color},\r\n                                -${this.dotSize}px ${this.dotSize}px 0 ${this.color};\r\n\r\n                  }\r\n                  100% {\r\n                    box-shadow: 0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color};\r\n                  }`\r\n      },\r\n\r\n      generateBigDotKeyframes () {\r\n        return `0%, 100% {\r\n                    box-shadow: 0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color};\r\n                  }\r\n                  50% {\r\n                    transform: rotate(180deg);\r\n                  }\r\n                  25%, 75% {\r\n                    box-shadow: ${this.dotSize * 2.6}px 0 0 ${this.color},\r\n                                -${this.dotSize * 2.6}px 0 0 ${this.color},\r\n                                0 ${this.dotSize * 2.6}px 0 ${this.color},\r\n                                0 -${this.dotSize * 2.6}px 0 ${this.color},\r\n                                ${this.dotSize * 1.9}px -${this.dotSize * 1.9}px 0 ${this.color},\r\n                                ${this.dotSize * 1.9}px ${this.dotSize * 1.9}px 0 ${this.color},\r\n                                -${this.dotSize * 1.9}px -${this.dotSize * 1.9}px 0 ${this.color},\r\n                                -${this.dotSize * 1.9}px ${this.dotSize * 1.9}px 0 ${this.color};\r\n\r\n                  }\r\n                  100% {\r\n                    transform: rotate(360deg);\r\n                    box-shadow: 0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color},\r\n                                0 0 0 ${this.color};\r\n                  }`\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .flower-spinner,  .flower-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .flower-spinner {\r\n    height: 70px;\r\n    width: 70px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .flower-spinner .dots-container {\r\n    height: calc(70px / 7);\r\n    width: calc(70px / 7);\r\n  }\r\n\r\n  .flower-spinner .small-dot {\r\n    background: #ff1d5e;\r\n    height: 100%;\r\n    width: 100%;\r\n    border-radius: 50%;\r\n    animation: flower-spinner-small-dot-animation 2.5s 0s infinite both;\r\n  }\r\n\r\n  .flower-spinner .big-dot {\r\n    background: #ff1d5e;\r\n    height: 100%;\r\n    width: 100%;\r\n    padding: 10%;\r\n    border-radius: 50%;\r\n    animation: flower-spinner-big-dot-animation 2.5s 0s infinite both;\r\n  }\r\n\r\n  /* NOTE Keyframes here serve as reference. They don't do anything. */\r\n  @keyframes flower-spinner-big-dot-animation {\r\n    0%, 100% {\r\n      box-shadow: rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px;\r\n    }\r\n\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    25%, 75% {\r\n      box-shadow: rgb(255, 29, 94) 26px 0px 0px,\r\n      rgb(255, 29, 94) -26px 0px 0px,\r\n      rgb(255, 29, 94) 0px 26px 0px,\r\n      rgb(255, 29, 94) 0px -26px 0px,\r\n      rgb(255, 29, 94) 19px -19px 0px,\r\n      rgb(255, 29, 94) 19px 19px 0px,\r\n      rgb(255, 29, 94) -19px -19px 0px,\r\n      rgb(255, 29, 94) -19px 19px 0px;\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(360deg);\r\n      box-shadow: rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px;\r\n    }\r\n  }\r\n\r\n  @keyframes flower-spinner-small-dot-animation {\r\n    0%, 100% {\r\n      box-shadow: rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px;\r\n    }\r\n\r\n    25%, 75% {\r\n      box-shadow: rgb(255, 29, 94) 14px 0px 0px,\r\n      rgb(255, 29, 94) -14px 0px 0px,\r\n      rgb(255, 29, 94) 0px 14px 0px,\r\n      rgb(255, 29, 94) 0px -14px 0px,\r\n      rgb(255, 29, 94) 10px -10px 0px,\r\n      rgb(255, 29, 94) 10px 10px 0px,\r\n      rgb(255, 29, 94) -10px -10px 0px,\r\n      rgb(255, 29, 94) -10px 10px 0px;\r\n    }\r\n\r\n    100% {\r\n      box-shadow: rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px,\r\n      rgb(255, 29, 94) 0px 0px 0px;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FlowerSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FlowerSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlowerSpinner.vue?vue&type=template&id=4ab865cf&scoped=true\"\nimport script from \"./FlowerSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./FlowerSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlowerSpinner.vue?vue&type=style&index=0&id=4ab865cf&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ab865cf\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intersecting-circles-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"spinnerBlock\",style:(_vm.spinnerBlockStyle)},_vm._l((_vm.circleStyles),function(cs,index){return _c('span',{key:index,staticClass:\"circle\",style:(cs)})}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"intersecting-circles-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spinnerBlock\" :style=\"spinnerBlockStyle\">\r\n      <span class=\"circle\" v-for=\"(cs, index) in circleStyles\" :style=\"cs\" :key=\"index\"></span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'IntersectingCirclesSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1200\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 70\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      circleSize () {\r\n        return this.size / 2\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          width: `${this.size}px`,\r\n          height: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      spinnerBlockStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          width: `${this.circleSize}px`,\r\n          height: `${this.circleSize}px`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          borderColor: this.color\r\n        }\r\n      },\r\n\r\n      circleStyles () {\r\n        const circlesPositions = [\r\n          {top: 0, left: 0},\r\n          {left: `${this.circleSize * -0.36}px`, top: `${this.circleSize * 0.2}px`},\r\n          {left: `${this.circleSize * -0.36}px`, top: `${this.circleSize * -0.2}px`},\r\n          {left: 0, top: `${this.circleSize * -0.36}px`},\r\n          {left: `${this.circleSize * 0.36}px`, top: `${this.circleSize * -0.2}px`},\r\n          {left: `${this.circleSize * 0.36}px`, top: `${this.circleSize * 0.2}px`},\r\n          {left: 0, top: `${this.circleSize * 0.36}px`}\r\n        ]\r\n\r\n        return circlesPositions.map((cp) => Object.assign(cp, this.circleStyle))\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .intersecting-circles-spinner, .intersecting-circles-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .intersecting-circles-spinner {\r\n    height: 70px;\r\n    width: 70px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .intersecting-circles-spinner .spinnerBlock {\r\n    animation: intersecting-circles-spinners-animation 1200ms linear infinite;\r\n    transform-origin: center;\r\n    display: block;\r\n    height: 35px;\r\n    width: 35px;\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle {\r\n    display: block;\r\n    border: 2px solid #ff1d5e;\r\n    border-radius: 50%;\r\n    height: 100%;\r\n    width: 100%;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(1) {\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(2) {\r\n    left: calc(35px * -0.36);\r\n    top: calc(35px * 0.2);\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(3) {\r\n    left: calc(35px * -0.36);\r\n    top: calc(35px * -0.2);\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(4) {\r\n    left: 0;\r\n    top: calc(35px * -0.36);\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(5) {\r\n    left: calc(35px * 0.36);\r\n    top: calc(35px * -0.2);\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(6) {\r\n    left: calc(35px * 0.36);\r\n    top: calc(35px * 0.2);\r\n  }\r\n\r\n  .intersecting-circles-spinner .circle:nth-child(7) {\r\n    left: 0;\r\n    top: calc(35px * 0.36);\r\n  }\r\n\r\n  @keyframes intersecting-circles-spinners-animation {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./IntersectingCirclesSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./IntersectingCirclesSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IntersectingCirclesSpinner.vue?vue&type=template&id=72b5f8a9&scoped=true\"\nimport script from \"./IntersectingCirclesSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./IntersectingCirclesSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./IntersectingCirclesSpinner.vue?vue&type=style&index=0&id=72b5f8a9&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"72b5f8a9\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"orbit-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"orbit one\",style:(_vm.orbitStyle)}),_c('div',{staticClass:\"orbit two\",style:(_vm.orbitStyle)}),_c('div',{staticClass:\"orbit three\",style:(_vm.orbitStyle)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"orbit-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"orbit one\" :style=\"orbitStyle\"></div>\r\n    <div class=\"orbit two\" :style=\"orbitStyle\"></div>\r\n    <div class=\"orbit three\" :style=\"orbitStyle\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'OrbitSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 50\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      orbitStyle () {\r\n        return {\r\n          borderColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .orbit-spinner, .orbit-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .orbit-spinner {\r\n    height: 55px;\r\n    width: 55px;\r\n    border-radius: 50%;\r\n    perspective: 800px;\r\n  }\r\n\r\n  .orbit-spinner .orbit {\r\n    position: absolute;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .orbit-spinner .orbit:nth-child(1) {\r\n    left: 0%;\r\n    top: 0%;\r\n    animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;\r\n    border-bottom: 3px solid #ff1d5e;\r\n  }\r\n\r\n  .orbit-spinner .orbit:nth-child(2) {\r\n    right: 0%;\r\n    top: 0%;\r\n    animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;\r\n    border-right: 3px solid #ff1d5e;\r\n  }\r\n\r\n  .orbit-spinner .orbit:nth-child(3) {\r\n    right: 0%;\r\n    bottom: 0%;\r\n    animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;\r\n    border-top: 3px solid #ff1d5e;\r\n  }\r\n\r\n  @keyframes orbit-spinner-orbit-one-animation {\r\n    0% {\r\n      transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);\r\n    }\r\n    100% {\r\n      transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes orbit-spinner-orbit-two-animation {\r\n    0% {\r\n      transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);\r\n    }\r\n    100% {\r\n      transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes orbit-spinner-orbit-three-animation {\r\n    0% {\r\n      transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);\r\n    }\r\n    100% {\r\n      transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./OrbitSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./OrbitSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OrbitSpinner.vue?vue&type=template&id=325a6afe&scoped=true\"\nimport script from \"./OrbitSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./OrbitSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./OrbitSpinner.vue?vue&type=style&index=0&id=325a6afe&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"325a6afe\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fingerprint-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.ringsStyles),function(rs,index){return _c('div',{key:index,staticClass:\"spinner-ring\",style:(rs)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"fingerprint-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spinner-ring\" v-for=\"(rs, index) in ringsStyles\" :style=\"rs\" :key=\"index\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'FingerprintSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1500\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        ringsNum: 9,\r\n        containerPadding: 2\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      outerRingSize () {\r\n        return this.size - this.containerPadding * 2\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          padding: `${this.containerPadding}px`\r\n        }\r\n      },\r\n\r\n      ringStyle () {\r\n        return {\r\n          borderTopColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      ringsStyles () {\r\n        const ringsStyles = []\r\n        const ringBase = this.outerRingSize / (this.ringsNum)\r\n        const ringInc = ringBase\r\n\r\n        for (let i = 1; i <= this.ringsNum; i++) {\r\n          let style = Object.assign({\r\n            animationDelay: `${i * 50}ms`,\r\n            height: `${ringBase + (i - 1) * ringInc}px`,\r\n            width: `${ringBase + (i - 1) * ringInc}px`\r\n          }, this.ringStyle)\r\n          ringsStyles.push(style)\r\n        }\r\n\r\n        return ringsStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .fingerprint-spinner, .fingerprint-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .fingerprint-spinner {\r\n    height: 64px;\r\n    width: 64px;\r\n    padding: 2px;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 2px solid transparent;\r\n    border-top-color: #ff1d5e;\r\n    animation: fingerprint-spinner-animation 1500ms cubic-bezier(0.680, -0.750, 0.265, 1.750) infinite forwards;\r\n    margin: auto;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(1) {\r\n    height: calc(60px / 9 + 0 * 60px / 9);\r\n    width: calc(60px / 9 + 0 * 60px / 9);\r\n    animation-delay: calc(50ms * 1);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(2) {\r\n    height: calc(60px / 9 + 1 * 60px / 9);\r\n    width: calc(60px / 9 + 1 * 60px / 9);\r\n    animation-delay: calc(50ms * 2);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(3) {\r\n    height: calc(60px / 9 + 2 * 60px / 9);\r\n    width: calc(60px / 9 + 2 * 60px / 9);\r\n    animation-delay: calc(50ms * 3);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(4) {\r\n    height: calc(60px / 9 + 3 * 60px / 9);\r\n    width: calc(60px / 9 + 3 * 60px / 9);\r\n    animation-delay: calc(50ms * 4);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(5) {\r\n    height: calc(60px / 9 + 4 * 60px / 9);\r\n    width: calc(60px / 9 + 4 * 60px / 9);\r\n    animation-delay: calc(50ms * 5);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(6) {\r\n    height: calc(60px / 9 + 5 * 60px / 9);\r\n    width: calc(60px / 9 + 5 * 60px / 9);\r\n    animation-delay: calc(50ms * 6);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(7) {\r\n    height: calc(60px / 9 + 6 * 60px / 9);\r\n    width: calc(60px / 9 + 6 * 60px / 9);\r\n    animation-delay: calc(50ms * 7);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(8) {\r\n    height: calc(60px / 9 + 7 * 60px / 9);\r\n    width: calc(60px / 9 + 7 * 60px / 9);\r\n    animation-delay: calc(50ms * 8);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(9) {\r\n    height: calc(60px / 9 + 8 * 60px / 9);\r\n    width: calc(60px / 9 + 8 * 60px / 9);\r\n    animation-delay: calc(50ms * 9);\r\n  }\r\n\r\n  @keyframes fingerprint-spinner-animation {\r\n    100% {\r\n      transform: rotate( 360deg );\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FingerprintSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FingerprintSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FingerprintSpinner.vue?vue&type=template&id=f115833a&scoped=true\"\nimport script from \"./FingerprintSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./FingerprintSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./FingerprintSpinner.vue?vue&type=style&index=0&id=f115833a&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f115833a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"trinity-rings-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"circle circle1\",style:(_vm.ring1Style)}),_c('div',{staticClass:\"circle circle2\",style:(_vm.ring2Style)}),_c('div',{staticClass:\"circle circle3\",style:(_vm.ring3Style)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"trinity-rings-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"circle circle1\" :style=\"ring1Style\"></div>\r\n    <div class=\"circle circle2\" :style=\"ring2Style\"></div>\r\n    <div class=\"circle circle3\" :style=\"ring3Style\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'TrinityRingsSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1500\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        containerPadding: 3\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      outerRingSize () {\r\n        return this.size - this.containerPadding * 2\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          padding: `${this.containerPadding}px`\r\n        }\r\n      },\r\n\r\n      ring1Style () {\r\n        return {\r\n          height: `${this.outerRingSize}px`,\r\n          width: `${this.outerRingSize}px`,\r\n          borderColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      ring2Style () {\r\n        return {\r\n          height: `${this.outerRingSize * 0.65}px`,\r\n          width: `${this.outerRingSize * 0.65}px`,\r\n          borderColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      ring3Style () {\r\n        return {\r\n          height: `${this.outerRingSize * 0.1}px`,\r\n          width: `${this.outerRingSize * 0.1}px`,\r\n          borderColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .trinity-rings-spinner, .trinity-rings-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .trinity-rings-spinner {\r\n    height: 66px;\r\n    width: 66px;\r\n    padding: 3px;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n  .trinity-rings-spinner .circle {\r\n    position:absolute;\r\n    display:block;\r\n    border-radius:50%;\r\n    border: 3px solid #ff1d5e;\r\n    opacity: 1;\r\n  }\r\n\r\n  .trinity-rings-spinner .circle:nth-child(1) {\r\n    height: 60px;\r\n    width: 60px;\r\n    animation : trinity-rings-spinner-circle1-animation 1.5s infinite linear;\r\n    border-width: 3px;\r\n  }\r\n  .trinity-rings-spinner .circle:nth-child(2) {\r\n    height: calc(60px * 0.65);\r\n    width: calc(60px * 0.65);\r\n    animation : trinity-rings-spinner-circle2-animation 1.5s infinite linear;\r\n    border-width: 2px;\r\n  }\r\n  .trinity-rings-spinner .circle:nth-child(3) {\r\n    height: calc(60px * 0.1);\r\n    width: calc(60px * 0.1);\r\n    animation:trinity-rings-spinner-circle3-animation 1.5s infinite linear;\r\n    border-width: 1px;\r\n  }\r\n\r\n  @keyframes trinity-rings-spinner-circle1-animation{\r\n    0% {\r\n      transform: rotateZ(20deg) rotateY(0deg);\r\n    }\r\n    100% {\r\n      transform: rotateZ(100deg) rotateY(360deg);\r\n    }\r\n  }\r\n  @keyframes trinity-rings-spinner-circle2-animation{\r\n    0% {\r\n      transform: rotateZ(100deg) rotateX(0deg);\r\n    }\r\n    100% {\r\n      transform: rotateZ(0deg) rotateX(360deg);\r\n    }\r\n  }\r\n  @keyframes trinity-rings-spinner-circle3-animation{\r\n    0% {\r\n      transform: rotateZ(100deg) rotateX(-360deg);\r\n    }\r\n    100% {\r\n      transform: rotateZ(-360deg) rotateX(360deg);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./TrinityRingsSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./TrinityRingsSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrinityRingsSpinner.vue?vue&type=template&id=65918846&scoped=true\"\nimport script from \"./TrinityRingsSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./TrinityRingsSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./TrinityRingsSpinner.vue?vue&type=style&index=0&id=65918846&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"65918846\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fulfilling-square-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"spinner-inner\",style:(_vm.spinnerInnerStyle)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"fulfilling-square-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spinner-inner\" :style=\"spinnerInnerStyle\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'FulfillingSquareSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 4000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 50\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          borderColor: this.color\r\n        }\r\n      },\r\n\r\n      spinnerInnerStyle () {\r\n        return {\r\n          backgroundColor: this.color\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .fulfilling-square-spinner, .fulfilling-square-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .fulfilling-square-spinner {\r\n    height: 50px;\r\n    width: 50px;\r\n    position: relative;\r\n    border: 4px solid #ff1d5e;\r\n    animation: fulfilling-square-spinner-animation 4s infinite ease;\r\n  }\r\n\r\n  .fulfilling-square-spinner .spinner-inner {\r\n    vertical-align: top;\r\n    display: inline-block;\r\n    background-color: #ff1d5e;\r\n    width: 100%;\r\n    opacity: 1;\r\n    animation: fulfilling-square-spinner-inner-animation 4s infinite ease-in;\r\n  }\r\n\r\n  @keyframes fulfilling-square-spinner-animation {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    25% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    75% {\r\n      transform: rotate(360deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes fulfilling-square-spinner-inner-animation {\r\n    0% {\r\n      height: 0%;\r\n    }\r\n\r\n    25% {\r\n      height: 0%;\r\n    }\r\n\r\n    50% {\r\n      height: 100%;\r\n    }\r\n\r\n    75% {\r\n      height: 100%;\r\n    }\r\n\r\n    100% {\r\n      height: 0%;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FulfillingSquareSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FulfillingSquareSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FulfillingSquareSpinner.vue?vue&type=template&id=96d5104c&scoped=true\"\nimport script from \"./FulfillingSquareSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./FulfillingSquareSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./FulfillingSquareSpinner.vue?vue&type=style&index=0&id=96d5104c&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"96d5104c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"circles-to-rhombuses-spinner\",style:(_vm.spinnertStyle)},_vm._l((_vm.circlesStyles),function(cs,index){return _c('div',{key:index,staticClass:\"circle\",style:(cs)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"circles-to-rhombuses-spinner\" :style=\"spinnertStyle\">\r\n    <div class=\"circle\" v-for=\"(cs, index) in circlesStyles\" :style=\"cs\" :key=\"index\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'CirclesToRhombusesSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1200\r\n      },\r\n      circleSize: {\r\n        type: Number,\r\n        default: 15\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      },\r\n      circlesNum: {\r\n        type: Number,\r\n        default: 3\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      circleMarginLeft () {\r\n        return this.circleSize * 1.125\r\n      },\r\n\r\n      spinnertStyle () {\r\n        return {\r\n          height: `${this.circleSize}px`,\r\n          width: `${(this.circleSize + this.circleMarginLeft) * this.circlesNum}px`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          borderColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          height: `${this.circleSize}px`,\r\n          width: `${this.circleSize}px`,\r\n          marginLeft: `${this.circleMarginLeft}px`\r\n        }\r\n      },\r\n\r\n      circlesStyles () {\r\n        const circlesStyles = []\r\n        const delay = 150\r\n\r\n        for (let i = 1; i <= this.circlesNum; i++) {\r\n          const style = Object.assign({\r\n            animationDelay: `${i * delay}ms`\r\n          }, this.circleStyle)\r\n\r\n          if (i === 1) {\r\n            style.marginLeft = 0\r\n          }\r\n\r\n          circlesStyles.push(style)\r\n        }\r\n\r\n        return circlesStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .circles-to-rhombuses-spinner, .circles-to-rhombuses-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .circles-to-rhombuses-spinner {\r\n    height: 15px;\r\n    width: calc( (15px + 15px * 1.125) * 3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center\r\n  }\r\n\r\n  .circles-to-rhombuses-spinner .circle {\r\n    height: 15px;\r\n    width: 15px;\r\n    margin-left: calc(15px * 1.125);\r\n    transform: rotate(45deg);\r\n    border-radius: 10%;\r\n    border: 3px solid #ff1d5e;\r\n    overflow: hidden;\r\n    background: transparent;\r\n\r\n    animation: circles-to-rhombuses-animation 1200ms linear infinite;\r\n  }\r\n\r\n  .circles-to-rhombuses-spinner .circle:nth-child(1) {\r\n    animation-delay: calc(150ms * 1);\r\n    margin-left: 0\r\n  }\r\n\r\n  .circles-to-rhombuses-spinner .circle:nth-child(2) {\r\n    animation-delay: calc(150ms * 2);\r\n  }\r\n\r\n  .circles-to-rhombuses-spinner .circle:nth-child(3) {\r\n    animation-delay: calc(150ms * 3);\r\n  }\r\n\r\n  @keyframes circles-to-rhombuses-animation {\r\n    0% {\r\n      border-radius: 10%;\r\n    }\r\n\r\n    17.5% {\r\n      border-radius: 10%;\r\n    }\r\n\r\n    50% {\r\n      border-radius: 100%;\r\n    }\r\n\r\n\r\n    93.5% {\r\n      border-radius: 10%;\r\n    }\r\n\r\n    100% {\r\n      border-radius: 10%;\r\n    }\r\n  }\r\n\r\n  @keyframes circles-to-rhombuses-background-animation {\r\n    50% {\r\n      opacity: 0.4;\r\n    }\r\n  }\r\n\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./CirclesToRhombusesSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./CirclesToRhombusesSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CirclesToRhombusesSpinner.vue?vue&type=template&id=91571d3e&scoped=true\"\nimport script from \"./CirclesToRhombusesSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./CirclesToRhombusesSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./CirclesToRhombusesSpinner.vue?vue&type=style&index=0&id=91571d3e&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"91571d3e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"semipolar-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.ringsStyles),function(rs,index){return _c('div',{key:index,staticClass:\"ring\",style:(rs)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"semipolar-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"ring\" v-for=\"(rs, index) in ringsStyles\" :style=\"rs\" :key=\"index\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'SemipolarSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 2000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 65\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        ringsNum: 5\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n      ringStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          borderTopColor: this.color,\r\n          borderLeftColor: this.color\r\n        }\r\n      },\r\n      ringsStyles () {\r\n        const ringsStyles = []\r\n        const delayModifier = 0.1\r\n        const ringWidth = this.size * 0.05\r\n        const positionIncrement = ringWidth * 2\r\n        const sizeDecrement = this.size * 0.2\r\n\r\n        for (let i = 0; i < this.ringsNum; i++) {\r\n          const computedSize = `${this.size - sizeDecrement * i}px`\r\n          const computedPosition = `${positionIncrement * i}px`\r\n          const style = Object.assign({\r\n            animationDelay: `${this.animationDuration * delayModifier * (this.ringsNum - i - 1)}ms`,\r\n            height: computedSize,\r\n            width: computedSize,\r\n            left: computedPosition,\r\n            top: computedPosition,\r\n            borderWidth: `${ringWidth}px`\r\n          }, this.ringStyle)\r\n          ringsStyles.push(style)\r\n        }\r\n\r\n        return ringsStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .semipolar-spinner, .semipolar-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .semipolar-spinner {\r\n    height: 65px;\r\n    width: 65px;\r\n    position: relative;\r\n  }\r\n\r\n  .semipolar-spinner .ring {\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    border: calc(65px * 0.05) solid transparent;\r\n    border-top-color: #ff1d5e;\r\n    border-left-color: #ff1d5e;\r\n    animation: semipolar-spinner-animation 2s infinite;\r\n  }\r\n\r\n  .semipolar-spinner .ring:nth-child(1) {\r\n    height: calc(65px - 65px * 0.2 * 0);\r\n    width: calc(65px - 65px * 0.2 * 0);\r\n    top: calc(65px * 0.1 * 0);\r\n    left: calc(65px * 0.1 * 0);\r\n    animation-delay: calc(2000ms * 0.1 * 4);\r\n    z-index: 5;\r\n  }\r\n\r\n  .semipolar-spinner .ring:nth-child(2) {\r\n    height: calc(65px - 65px * 0.2 * 1);\r\n    width: calc(65px - 65px * 0.2 * 1);\r\n    top: calc(65px * 0.1 * 1);\r\n    left: calc(65px * 0.1 * 1);\r\n    animation-delay: calc(2000ms * 0.1 * 3);\r\n    z-index: 4;\r\n  }\r\n\r\n  .semipolar-spinner .ring:nth-child(3) {\r\n    height: calc(65px - 65px * 0.2 * 2);\r\n    width: calc(65px - 65px * 0.2 * 2);\r\n    top: calc(65px * 0.1 * 2);\r\n    left: calc(65px * 0.1 * 2);\r\n    animation-delay: calc(2000ms * 0.1 * 2);\r\n    z-index: 3;\r\n  }\r\n\r\n  .semipolar-spinner .ring:nth-child(4) {\r\n    height: calc(65px - 65px * 0.2 * 3);\r\n    width: calc(65px - 65px * 0.2 * 3);\r\n    top: calc(65px * 0.1 * 3);\r\n    left: calc(65px * 0.1 * 3);\r\n    animation-delay: calc(2000ms * 0.1 * 1);\r\n    z-index: 2;\r\n  }\r\n\r\n  .semipolar-spinner .ring:nth-child(5) {\r\n    height: calc(65px - 65px * 0.2 * 4);\r\n    width: calc(65px - 65px * 0.2 * 4);\r\n    top: calc(65px * 0.1 * 4);\r\n    left: calc(65px * 0.1 * 4);\r\n    animation-delay: calc(2000ms * 0.1 * 0);\r\n    z-index: 1;\r\n  }\r\n\r\n  @keyframes semipolar-spinner-animation {\r\n    50% {\r\n      transform: rotate(360deg) scale(0.7);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SemipolarSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SemipolarSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SemipolarSpinner.vue?vue&type=template&id=0f568b7c&scoped=true\"\nimport script from \"./SemipolarSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./SemipolarSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./SemipolarSpinner.vue?vue&type=style&index=0&id=0f568b7c&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0f568b7c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"breeding-rhombus-spinner\",style:(_vm.spinnerStyle)},[_vm._l((_vm.rhombusesStyles),function(rs,index){return _c('div',{key:index,staticClass:\"rhombus\",class:(\"child-\" + (index + 1)),style:(rs)})}),_c('div',{staticClass:\"rhombus big\",style:(_vm.bigRhombusStyle)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"breeding-rhombus-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"rhombus\" v-for=\"(rs, index) in rhombusesStyles\" :key=\"index\" :style=\"rs\" :class=\"`child-${index + 1}`\"></div>\r\n    <div class=\"rhombus big\" :style=\"bigRhombusStyle\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'BreedingRhombusSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 2000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 150\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        animationBaseName: 'breeding-rhombus-spinner-animation-child',\r\n        rhombusesNum: 8\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      rhombusStyle () {\r\n        return {\r\n          height: `${this.size / 7.5}px`,\r\n          width: `${this.size / 7.5}px`,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          top: `${this.size / 2.3077}px`,\r\n          left: `${this.size / 2.3077}px`,\r\n          backgroundColor: this.color\r\n        }\r\n      },\r\n\r\n      rhombusesStyles () {\r\n        const rhombusesStyles = []\r\n        const delayModifier = this.animationDuration * 0.05\r\n\r\n        for (let i = 1; i <= this.rhombusesNum; i++) {\r\n          rhombusesStyles.push(Object.assign({\r\n            animationDelay: `${delayModifier * (i + 1)}ms`\r\n          }, this.rhombusStyle))\r\n        }\r\n\r\n        return rhombusesStyles\r\n      },\r\n\r\n      bigRhombusStyle () {\r\n        return {\r\n          height: `${this.size / 3}px`,\r\n          width: `${this.size / 3}px`,\r\n          animationDuration: `${this.animationDuration}`,\r\n          top: `${this.size / 3}px`,\r\n          left: `${this.size / 3}px`,\r\n          backgroundColor: this.color\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .breeding-rhombus-spinner {\r\n    height: 65px;\r\n    width: 65px;\r\n    position: relative;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .breeding-rhombus-spinner, .breeding-rhombus-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus {\r\n    height: calc(65px / 7.5);\r\n    width: calc(65px / 7.5);\r\n    animation-duration: 2000ms;\r\n    top: calc(65px / 2.3077);\r\n    left: calc(65px / 2.3077);\r\n    background-color: #ff1d5e;\r\n    position: absolute;\r\n    animation-iteration-count: infinite;\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus:nth-child(2n+0) {\r\n    margin-right: 0;\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-1 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-1;\r\n    animation-delay: calc(100ms * 1);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-2 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-2;\r\n    animation-delay: calc(100ms * 2);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-3 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-3;\r\n    animation-delay: calc(100ms * 3);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-4 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-4;\r\n    animation-delay: calc(100ms * 4);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-5 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-5;\r\n    animation-delay: calc(100ms * 5);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-6 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-6;\r\n    animation-delay: calc(100ms * 6);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-7 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-7;\r\n    animation-delay: calc(100ms * 7);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.child-8 {\r\n    animation-name: breeding-rhombus-spinner-animation-child-8;\r\n    animation-delay: calc(100ms * 8);\r\n  }\r\n\r\n  .breeding-rhombus-spinner .rhombus.big {\r\n    height: calc(65px / 3);\r\n    width: calc(65px / 3);\r\n    animation-duration: 2000ms;\r\n    top: calc(65px / 3);\r\n    left: calc(65px / 3);\r\n    background-color: #ff1d5e;\r\n    animation: breeding-rhombus-spinner-animation-child-big 2s infinite;\r\n    animation-delay: 0.5s;\r\n  }\r\n\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-1 {\r\n    50% {\r\n      transform: translate(-325%, -325%);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-2 {\r\n    50% {\r\n      transform: translate(0, -325%);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-3 {\r\n    50% {\r\n      transform: translate(325%, -325%);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-4 {\r\n    50% {\r\n      transform: translate(325%, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-5 {\r\n    50% {\r\n      transform: translate(325%, 325%);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-6 {\r\n    50% {\r\n      transform: translate(0, 325%);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-7 {\r\n    50% {\r\n      transform: translate(-325%, 325%);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-8 {\r\n    50% {\r\n      transform: translate(-325%, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes breeding-rhombus-spinner-animation-child-big {\r\n    50% {\r\n      transform: scale(0.5);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./BreedingRhombusSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./BreedingRhombusSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BreedingRhombusSpinner.vue?vue&type=template&id=7c827517&scoped=true\"\nimport script from \"./BreedingRhombusSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./BreedingRhombusSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./BreedingRhombusSpinner.vue?vue&type=style&index=0&id=7c827517&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7c827517\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swapping-squares-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.squaresStyles),function(ss,index){return _c('div',{key:index,staticClass:\"square\",class:(\"square-\" + (index + 1)),style:(ss)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"swapping-squares-spinner\" :style=\"spinnerStyle\">\r\n      <div class=\"square\"\r\n           v-for=\"(ss, index) in squaresStyles\"\r\n           :key=\"index\"\r\n           :class=\"`square-${index + 1}`\"\r\n           :style=\"ss\">\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'SwappingSquaresSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 65\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        animationBaseName: 'swapping-squares-animation-child',\r\n        squaresNum: 4\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      squareStyle () {\r\n        return {\r\n          height: `${this.size * 0.25 / 1.3}px`,\r\n          width: `${this.size * 0.25 / 1.3}px`,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          borderWidth: `${this.size * 0.04 / 1.3}px`,\r\n          borderColor: this.color\r\n        }\r\n      },\r\n\r\n      squaresStyles () {\r\n        const squaresStyles = []\r\n        const delay = this.animationDuration * 0.5\r\n\r\n        for (let i = 1; i <= this.squaresNum; i++) {\r\n          squaresStyles.push(Object.assign({\r\n            animationDelay: `${i % 2 === 0 ? delay : 0}ms`\r\n          }, this.squareStyle))\r\n        }\r\n\r\n        return squaresStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .swapping-squares-spinner, .swapping-squares-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .swapping-squares-spinner {\r\n    height: 65px;\r\n    width: 65px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .swapping-squares-spinner .square {\r\n    height: calc(65px * 0.25 / 1.3);\r\n    width:  calc(65px * 0.25 / 1.3);\r\n    animation-duration: 1000ms;\r\n    border: calc(65px * 0.04 / 1.3) solid #ff1d5e;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    position: absolute;\r\n    animation-iteration-count: infinite;\r\n  }\r\n\r\n  .swapping-squares-spinner .square:nth-child(1) {\r\n    animation-name: swapping-squares-animation-child-1;\r\n    animation-delay: 500ms;\r\n  }\r\n\r\n  .swapping-squares-spinner .square:nth-child(2) {\r\n    animation-name: swapping-squares-animation-child-2;\r\n    animation-delay: 0ms;\r\n  }\r\n\r\n  .swapping-squares-spinner .square:nth-child(3) {\r\n    animation-name: swapping-squares-animation-child-3;\r\n    animation-delay: 500ms;\r\n  }\r\n\r\n  .swapping-squares-spinner .square:nth-child(4) {\r\n    animation-name: swapping-squares-animation-child-4;\r\n    animation-delay: 0ms;\r\n  }\r\n\r\n  @keyframes swapping-squares-animation-child-1 {\r\n    50% {\r\n      transform: translate(150%,150%) scale(2,2);\r\n    }\r\n  }\r\n\r\n  @keyframes swapping-squares-animation-child-2 {\r\n    50% {\r\n      transform: translate(-150%,150%) scale(2,2);\r\n    }\r\n  }\r\n\r\n  @keyframes swapping-squares-animation-child-3 {\r\n    50% {\r\n      transform: translate(-150%,-150%) scale(2,2);\r\n    }\r\n  }\r\n\r\n  @keyframes swapping-squares-animation-child-4 {\r\n    50% {\r\n      transform: translate(150%,-150%) scale(2,2);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SwappingSquaresSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SwappingSquaresSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SwappingSquaresSpinner.vue?vue&type=template&id=b85b25de&scoped=true\"\nimport script from \"./SwappingSquaresSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./SwappingSquaresSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./SwappingSquaresSpinner.vue?vue&type=style&index=0&id=b85b25de&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b85b25de\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"scaling-squares-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.squaresStyles),function(ss,index){return _c('div',{key:index,staticClass:\"square\",class:(\"square-\" + (index + 1)),style:(ss)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"scaling-squares-spinner\" :style=\"spinnerStyle\">\r\n      <div class=\"square\"\r\n           v-for=\"(ss, index) in squaresStyles\"\r\n           :key=\"index\"\r\n           :class=\"`square-${index + 1}`\"\r\n           :style=\"ss\">\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'ScalingSquaresSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1250\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 65\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        squaresNum: 4\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      squareStyle () {\r\n        return {\r\n          height: `${this.size * 0.25 / 1.3}px`,\r\n          width: `${this.size * 0.25 / 1.3}px`,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          borderWidth: `${this.size * 0.04 / 1.3}px`,\r\n          borderColor: this.color\r\n        }\r\n      },\r\n\r\n      squaresStyles () {\r\n        const squaresStyles = []\r\n\r\n        for (let i = 1; i <= this.squaresNum; i++) {\r\n          squaresStyles.push(Object.assign({\r\n          }, this.squareStyle))\r\n        }\r\n\r\n        return squaresStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .scaling-squares-spinner, .scaling-squares-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .scaling-squares-spinner {\r\n    height: 65px;\r\n    width: 65px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: center;\r\n    animation: scaling-squares-animation 1250ms;\r\n    animation-iteration-count: infinite;\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  .scaling-squares-spinner .square {\r\n    height: calc(65px * 0.25 / 1.3);\r\n    width: calc(65px * 0.25 / 1.3);\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    border: calc(65px * 0.04 / 1.3) solid #ff1d5e;\r\n    position: absolute;\r\n    animation-duration: 1250ms;\r\n    animation-iteration-count: infinite;\r\n  }\r\n\r\n  .scaling-squares-spinner .square:nth-child(1) {\r\n    animation-name: scaling-squares-spinner-animation-child-1;\r\n  }\r\n\r\n  .scaling-squares-spinner .square:nth-child(2) {\r\n    animation-name: scaling-squares-spinner-animation-child-2;\r\n  }\r\n\r\n  .scaling-squares-spinner .square:nth-child(3) {\r\n    animation-name: scaling-squares-spinner-animation-child-3;\r\n  }\r\n\r\n  .scaling-squares-spinner .square:nth-child(4) {\r\n    animation-name: scaling-squares-spinner-animation-child-4;\r\n  }\r\n\r\n\r\n  @keyframes scaling-squares-animation {\r\n\r\n    50% {\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(180deg);\r\n    }\r\n  }\r\n\r\n  @keyframes scaling-squares-spinner-animation-child-1 {\r\n    50% {\r\n      transform: translate(150%,150%) scale(2,2);\r\n    }\r\n  }\r\n\r\n  @keyframes scaling-squares-spinner-animation-child-2 {\r\n    50% {\r\n      transform: translate(-150%,150%) scale(2,2);\r\n    }\r\n  }\r\n\r\n  @keyframes scaling-squares-spinner-animation-child-3 {\r\n    50% {\r\n      transform: translate(-150%,-150%) scale(2,2);\r\n    }\r\n  }\r\n\r\n  @keyframes scaling-squares-spinner-animation-child-4 {\r\n    50% {\r\n      transform: translate(150%,-150%) scale(2,2);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./ScalingSquaresSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./ScalingSquaresSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScalingSquaresSpinner.vue?vue&type=template&id=43f67b6f&scoped=true\"\nimport script from \"./ScalingSquaresSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./ScalingSquaresSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScalingSquaresSpinner.vue?vue&type=style&index=0&id=43f67b6f&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"43f67b6f\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fulfilling-bouncing-circle-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"circle\",style:(_vm.circleStyle)}),_c('div',{staticClass:\"orbit\",style:(_vm.orbitStyle)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"fulfilling-bouncing-circle-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"circle\" :style=\"circleStyle\"></div>\r\n    <div class=\"orbit\" :style=\"orbitStyle\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'FulfillingBouncingCircleSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 4000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      orbitStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          borderColor: this.color,\r\n          borderWidth: `${this.size * 0.03}px`,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          borderColor: this.color,\r\n          color: this.color,\r\n          borderWidth: `${this.size * 0.1}px`,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .fulfilling-bouncing-circle-spinner, .fulfilling-bouncing-circle-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .fulfilling-bouncing-circle-spinner {\r\n    height: 60px;\r\n    width: 60px;\r\n    position: relative;\r\n    animation: fulfilling-bouncing-circle-spinner-animation infinite 4000ms ease;\r\n  }\r\n\r\n  .fulfilling-bouncing-circle-spinner .orbit {\r\n    height: 60px;\r\n    width: 60px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    border-radius: 50%;\r\n    border: calc(60px * 0.03) solid #ff1d5e;\r\n    animation: fulfilling-bouncing-circle-spinner-orbit-animation infinite 4000ms ease;\r\n  }\r\n\r\n  .fulfilling-bouncing-circle-spinner .circle {\r\n    height: 60px;\r\n    width: 60px;\r\n    color: #ff1d5e;\r\n    display: block;\r\n    border-radius: 50%;\r\n    position: relative;\r\n    border: calc(60px * 0.1) solid #ff1d5e;\r\n    animation: fulfilling-bouncing-circle-spinner-circle-animation infinite 4000ms ease;\r\n    transform: rotate(0deg) scale(1);\r\n  }\r\n\r\n  @keyframes fulfilling-bouncing-circle-spinner-animation {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes fulfilling-bouncing-circle-spinner-orbit-animation {\r\n    0% {\r\n      transform: scale(1);\r\n    }\r\n    50% {\r\n      transform: scale(1);\r\n    }\r\n    62.5% {\r\n      transform: scale(0.8);\r\n    }\r\n    75% {\r\n      transform: scale(1);\r\n    }\r\n    87.5% {\r\n      transform: scale(0.8);\r\n    }\r\n    100% {\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes fulfilling-bouncing-circle-spinner-circle-animation {\r\n    0% {\r\n      transform: scale(1);\r\n      border-color: transparent;\r\n      border-top-color: inherit;\r\n    }\r\n    16.7% {\r\n      border-color: transparent;\r\n      border-top-color: initial;\r\n      border-right-color: initial;\r\n    }\r\n    33.4% {\r\n      border-color: transparent;\r\n      border-top-color: inherit;\r\n      border-right-color: inherit;\r\n      border-bottom-color: inherit;\r\n    }\r\n    50% {\r\n      border-color: inherit;\r\n      transform: scale(1);\r\n    }\r\n    62.5% {\r\n      border-color: inherit;\r\n      transform: scale(1.4);\r\n    }\r\n    75% {\r\n      border-color: inherit;\r\n      transform: scale(1);\r\n      opacity: 1;\r\n    }\r\n    87.5% {\r\n      border-color: inherit;\r\n      transform: scale(1.4);\r\n    }\r\n    100% {\r\n      border-color: transparent;\r\n      border-top-color: inherit;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FulfillingBouncingCircleSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FulfillingBouncingCircleSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FulfillingBouncingCircleSpinner.vue?vue&type=template&id=44939cec&scoped=true\"\nimport script from \"./FulfillingBouncingCircleSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./FulfillingBouncingCircleSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./FulfillingBouncingCircleSpinner.vue?vue&type=style&index=0&id=44939cec&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"44939cec\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"radar-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.circlesStyles),function(cs,index){return _c('div',{key:index,staticClass:\"circle\",style:(cs)},[_c('div',{staticClass:\"circle-inner-container\",style:(_vm.circleInnerContainerStyle)},[_c('div',{staticClass:\"circle-inner\",style:(_vm.circleInnerStyle)})])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"radar-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"circle\" v-for=\"(cs, index) in circlesStyles\" :key=\"index\" :style=\"cs\">\r\n      <div class=\"circle-inner-container\" :style=\"circleInnerContainerStyle\">\r\n        <div class=\"circle-inner\" :style=\"circleInnerStyle\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'RadarSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 2000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 110\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        circlesNum: 4\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      borderWidth () {\r\n        return this.size * 5 / 110\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      circleInnerContainerStyle () {\r\n        return {\r\n          borderWidth: `${this.borderWidth}px`\r\n        }\r\n      },\r\n\r\n      circleInnerStyle () {\r\n        return {\r\n          borderLeftColor: this.color,\r\n          borderRightColor: this.color,\r\n          borderWidth: `${this.borderWidth}px`\r\n        }\r\n      },\r\n\r\n      circlesStyles () {\r\n        const circlesStyles = []\r\n        const delay = this.animationDuration * 0.15\r\n\r\n        for (let i = 0; i < this.circlesNum; i++) {\r\n          circlesStyles.push(Object.assign({\r\n            padding: `${this.borderWidth * 2 * i}px`,\r\n            animationDelay: `${i === this.circlesNum - 1 ? 0 : delay}ms`\r\n          }, this.circleStyle))\r\n        }\r\n\r\n        return circlesStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .radar-spinner, .radar-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .radar-spinner {\r\n    height: 60px;\r\n    width: 60px;\r\n    position: relative;\r\n  }\r\n\r\n  .radar-spinner .circle {\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    animation: radar-spinner-animation 2s infinite;\r\n  }\r\n\r\n  .radar-spinner .circle:nth-child(1) {\r\n    padding: calc(60px * 5 * 2 * 0 / 110);\r\n    animation-delay: 300ms;\r\n  }\r\n\r\n  .radar-spinner .circle:nth-child(2) {\r\n    padding: calc(60px * 5 * 2 * 1 / 110);\r\n    animation-delay: 300ms;\r\n  }\r\n\r\n  .radar-spinner .circle:nth-child(3) {\r\n    padding: calc(60px * 5 * 2 * 2 / 110);\r\n    animation-delay: 300ms;\r\n  }\r\n\r\n  .radar-spinner .circle:nth-child(4) {\r\n    padding: calc(60px * 5 * 2 * 3 / 110);\r\n    animation-delay: 0ms;\r\n  }\r\n\r\n  .radar-spinner .circle-inner, .radar-spinner .circle-inner-container {\r\n    height: 100%;\r\n    width: 100%;\r\n    border-radius: 50%;\r\n    border: calc(60px * 5 / 110) solid transparent;\r\n  }\r\n\r\n  .radar-spinner .circle-inner {\r\n    border-left-color: #ff1d5e;\r\n    border-right-color: #ff1d5e;\r\n  }\r\n\r\n  @keyframes radar-spinner-animation {\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n    100% {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./RadarSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./RadarSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RadarSpinner.vue?vue&type=template&id=7ca7cfc9&scoped=true\"\nimport script from \"./RadarSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./RadarSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./RadarSpinner.vue?vue&type=style&index=0&id=7ca7cfc9&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ca7cfc9\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"self-building-square-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.squaresStyles),function(ss,index){return _c('div',{key:index,staticClass:\"square\",class:{'clear': index && index % 3 === 0},style:(ss)})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"self-building-square-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"square\"\r\n         v-for=\"(ss, index) in squaresStyles\"\r\n         :key=\"index\"\r\n         :style=\"ss\"\r\n         :class=\"{'clear': index && index % 3 === 0}\"\r\n         >\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'SelfBuildingSquareSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 6000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 40\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        squaresNum: 9\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      squareSize () {\r\n        return this.size / 4\r\n      },\r\n\r\n      initialTopPosition () {\r\n        return -this.squareSize * 2 / 3\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          top: `${-this.initialTopPosition}px`,\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      squareStyle () {\r\n        return {\r\n          height: `${this.squareSize}px`,\r\n          width: `${this.squareSize}px`,\r\n          top: `${this.initialTopPosition}px`,\r\n          marginRight: `${this.squareSize / 3}px`,\r\n          marginTop: `${this.squareSize / 3}px`,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          background: this.color\r\n        }\r\n      },\r\n\r\n      squaresStyles () {\r\n        const squaresStyles = []\r\n        const delaysMultipliers = [6, 7, 8, 3, 4, 5, 0, 1, 2]\r\n        const delayModifier = this.animationDuration * 0.05\r\n\r\n        for (let i = 0; i < this.squaresNum; i++) {\r\n          squaresStyles.push(Object.assign({\r\n            animationDelay: `${delayModifier * delaysMultipliers[i]}ms`\r\n          }, this.squareStyle))\r\n        }\r\n\r\n        return squaresStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .self-building-square-spinner, .self-building-square-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .self-building-square-spinner {\r\n    height: 40px;\r\n    width: 40px;\r\n    top: calc( -10px * 2 / 3);\r\n  }\r\n\r\n  .self-building-square-spinner .square {\r\n    height: 10px;\r\n    width: 10px;\r\n    top: calc( -10px * 2 / 3);\r\n    margin-right: calc(10px / 3);\r\n    margin-top: calc(10px / 3);\r\n    background: #ff1d5e;\r\n    float: left;\r\n    position:relative;\r\n    opacity: 0;\r\n    animation: self-building-square-spinner 6s infinite;\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(1) {\r\n    animation-delay: calc(300ms * 6);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(2) {\r\n    animation-delay: calc(300ms * 7);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(3) {\r\n    animation-delay: calc(300ms * 8);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(4) {\r\n    animation-delay: calc(300ms * 3);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(5) {\r\n    animation-delay: calc(300ms * 4);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(6) {\r\n    animation-delay: calc(300ms * 5);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(7) {\r\n    animation-delay: calc(300ms * 0);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(8) {\r\n    animation-delay: calc(300ms * 1);\r\n  }\r\n\r\n  .self-building-square-spinner .square:nth-child(9) {\r\n    animation-delay: calc(300ms * 2);\r\n  }\r\n\r\n  .self-building-square-spinner .clear{\r\n    clear: both;\r\n  }\r\n\r\n  @keyframes self-building-square-spinner {\r\n    0% {\r\n      opacity: 0;\r\n    }\r\n    5% {\r\n      opacity: 1;\r\n      top: 0;\r\n    }\r\n    50.9% {\r\n      opacity: 1;\r\n      top: 0;\r\n    }\r\n    55.9% {\r\n      opacity: 0;\r\n      top: inherit;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SelfBuildingSquareSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SelfBuildingSquareSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelfBuildingSquareSpinner.vue?vue&type=template&id=2543d096&scoped=true\"\nimport script from \"./SelfBuildingSquareSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./SelfBuildingSquareSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./SelfBuildingSquareSpinner.vue?vue&type=style&index=0&id=2543d096&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2543d096\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"spring-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"spring-spinner-part top\",style:(_vm.spinnerPartStyle)},[_c('div',{staticClass:\"spring-spinner-rotator\",style:(_vm.rotatorStyle)})]),_c('div',{staticClass:\"spring-spinner-part bottom\",style:(_vm.spinnerPartStyle)},[_c('div',{staticClass:\"spring-spinner-rotator\",style:(_vm.rotatorStyle)})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"spring-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spring-spinner-part top\" :style=\"spinnerPartStyle\">\r\n      <div class=\"spring-spinner-rotator\" :style=\"rotatorStyle\"></div>\r\n    </div>\r\n    <div class=\"spring-spinner-part bottom\" :style=\"spinnerPartStyle\">\r\n      <div class=\"spring-spinner-rotator\" :style=\"rotatorStyle\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import utils from '../../services/utils'\r\n\r\n  export default {\r\n    name: 'SpringSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 3000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 70\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        animationName: `spring-spinner-animation-${Date.now()}`\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      spinnerPartStyle () {\r\n        return {\r\n          height: `${this.size / 2}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      rotatorStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          borderRightColor: this.color,\r\n          borderTopColor: this.color,\r\n          borderWidth: `${this.size / 7}px`,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          animationName: this.animationName\r\n        }\r\n      }\r\n    },\r\n\r\n    watch: {\r\n      size: {\r\n        handler: 'updateAnimation',\r\n        immediate: true\r\n      },\r\n      color: {\r\n        handler: 'updateAnimation',\r\n        immediate: true\r\n      }\r\n    },\r\n\r\n    mounted () {\r\n      this.updateAnimation()\r\n    },\r\n\r\n    beforeDestroy () {\r\n      utils.removeKeyframes(this.animationName)\r\n    },\r\n\r\n    methods: {\r\n      updateAnimation () {\r\n        utils.removeKeyframes(this.animationName)\r\n        utils.appendKeyframes(this.animationName, this.generateKeyframes())\r\n      },\r\n\r\n      generateKeyframes () {\r\n        return `\r\n          0% {\r\n            border-width: ${this.size / 7}px;\r\n          }\r\n          25% {\r\n            border-width: ${this.size / 23.33}px;\r\n          }\r\n          50% {\r\n            transform: rotate(115deg);\r\n            border-width: ${this.size / 7}px;\r\n          }\r\n          75% {\r\n            border-width: ${this.size / 23.33}px;\r\n           }\r\n          100% {\r\n           border-width: ${this.size / 7}px;\r\n          }`\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .spring-spinner, .spring-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .spring-spinner {\r\n    height: 60px;\r\n    width: 60px;\r\n  }\r\n\r\n  .spring-spinner .spring-spinner-part {\r\n    overflow: hidden;\r\n    height: calc(60px / 2);\r\n    width: 60px;\r\n  }\r\n\r\n  .spring-spinner  .spring-spinner-part.bottom {\r\n    transform: rotate(180deg) scale(-1, 1);\r\n  }\r\n\r\n  .spring-spinner .spring-spinner-rotator {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: calc(60px / 7) solid transparent;\r\n    border-right-color: #ff1d5e;\r\n    border-top-color: #ff1d5e;\r\n    border-radius: 50%;\r\n    box-sizing: border-box;\r\n    animation: spring-spinner-animation 3s ease-in-out infinite;\r\n    transform: rotate(-200deg);\r\n  }\r\n\r\n  /* NOTE Keyframes here serve as reference. They don't do anything. */\r\n  @keyframes spring-spinner-animation {\r\n    0% {\r\n      border-width: calc(60px / 7);\r\n    }\r\n    25% {\r\n      border-width: calc(60px / 23.33);\r\n    }\r\n    50% {\r\n      transform: rotate(115deg);\r\n      border-width: calc(60px / 7);\r\n    }\r\n    75% {\r\n      border-width: calc(60px / 23.33);\r\n    }\r\n    100% {\r\n      border-width: calc(60px / 7);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SpringSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SpringSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SpringSpinner.vue?vue&type=template&id=b316b56c&scoped=true\"\nimport script from \"./SpringSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./SpringSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./SpringSpinner.vue?vue&type=style&index=0&id=b316b56c&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b316b56c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"looping-rhombuses-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.rhombusesStyles),function(rs,index){return _c('div',{staticClass:\"rhombus\",style:(rs),attrs:{\"ikey\":index}})}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"looping-rhombuses-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"rhombus\"\r\n         v-for=\"(rs, index) in rhombusesStyles\"\r\n         :ikey=\"index\"\r\n         :style=\"rs\">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'LoopingRhombusesSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 2500\r\n      },\r\n      rhombusSize: {\r\n        type: Number,\r\n        default: 15\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        rhombusesNum: 3\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.rhombusSize}px`,\r\n          width: `${this.rhombusSize * 4}px`\r\n        }\r\n      },\r\n\r\n      rhombusStyle () {\r\n        return {\r\n          height: `${this.rhombusSize}px`,\r\n          width: `${this.rhombusSize}px`,\r\n          backgroundColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          left: `${this.rhombusSize * 4}px`\r\n        }\r\n      },\r\n\r\n      rhombusesStyles () {\r\n        const rhombusesStyles = []\r\n        const delay = -this.animationDuration / 1.5\r\n\r\n        for (let i = 1; i <= this.rhombusesNum; i++) {\r\n          const style = Object.assign({\r\n            animationDelay: `${i * delay}ms`\r\n          }, this.rhombusStyle)\r\n\r\n          rhombusesStyles.push(style)\r\n        }\r\n\r\n        return rhombusesStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .looping-rhombuses-spinner, .looping-rhombuses-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .looping-rhombuses-spinner {\r\n    width: calc(15px * 4);\r\n    height: 15px;\r\n    position: relative;\r\n  }\r\n\r\n  .looping-rhombuses-spinner .rhombus {\r\n    height: 15px;\r\n    width: 15px;\r\n    background-color: #ff1d5e;\r\n    left: calc(15px * 4);\r\n    position: absolute;\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n    transform: translateY(0) rotate(45deg) scale(0);\r\n    animation: looping-rhombuses-spinner-animation 2500ms linear infinite;\r\n  }\r\n\r\n  .looping-rhombuses-spinner .rhombus:nth-child(1) {\r\n    animation-delay: calc(2500ms * 1 / -1.5);\r\n  }\r\n\r\n  .looping-rhombuses-spinner .rhombus:nth-child(2) {\r\n    animation-delay: calc(2500ms * 2 / -1.5);\r\n  }\r\n\r\n  .looping-rhombuses-spinner .rhombus:nth-child(3) {\r\n    animation-delay: calc(2500ms * 3 / -1.5);\r\n  }\r\n\r\n  @keyframes looping-rhombuses-spinner-animation {\r\n    0% {\r\n      transform: translateX(0) rotate(45deg) scale(0);\r\n    }\r\n    50% {\r\n      transform: translateX(-233%) rotate(45deg) scale(1);\r\n    }\r\n    100% {\r\n      transform: translateX(-466%) rotate(45deg) scale(0);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./LoopingRhombusesSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./LoopingRhombusesSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LoopingRhombusesSpinner.vue?vue&type=template&id=0458ce94&scoped=true\"\nimport script from \"./LoopingRhombusesSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./LoopingRhombusesSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./LoopingRhombusesSpinner.vue?vue&type=style&index=0&id=0458ce94&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0458ce94\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"half-circle-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"circle circle-1\",style:(_vm.circle1Style)}),_c('div',{staticClass:\"circle circle-2\",style:(_vm.circle2Style)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"half-circle-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"circle circle-1\" :style=\"circle1Style\"></div>\r\n    <div class=\"circle circle-2\" :style=\"circle2Style\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'HalfCircleSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          borderWidth: `${this.size / 10}px`,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      circle1Style () {\r\n        return Object.assign({\r\n          borderTopColor: this.color\r\n        }, this.circleStyle)\r\n      },\r\n\r\n      circle2Style () {\r\n        return Object.assign({\r\n          borderBottomColor: this.color\r\n        }, this.circleStyle)\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .half-circle-spinner, .half-circle-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .half-circle-spinner {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  .half-circle-spinner .circle {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 100%;\r\n    border: calc(60px / 10) solid transparent;\r\n  }\r\n\r\n  .half-circle-spinner .circle.circle-1 {\r\n    border-top-color: #ff1d5e;\r\n    animation: half-circle-spinner-animation 1s infinite;\r\n  }\r\n\r\n  .half-circle-spinner .circle.circle-2 {\r\n    border-bottom-color: #ff1d5e;\r\n    animation: half-circle-spinner-animation 1s infinite alternate;\r\n  }\r\n\r\n  @keyframes half-circle-spinner-animation {\r\n    0% {\r\n      transform: rotate(0deg);\r\n\r\n    }\r\n    100%{\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HalfCircleSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HalfCircleSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HalfCircleSpinner.vue?vue&type=template&id=31ad46aa&scoped=true\"\nimport script from \"./HalfCircleSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./HalfCircleSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./HalfCircleSpinner.vue?vue&type=style&index=0&id=31ad46aa&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"31ad46aa\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"atom-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"spinner-inner\"},[_c('div',{staticClass:\"spinner-line\",style:(_vm.lineStyle)}),_c('div',{staticClass:\"spinner-line\",style:(_vm.lineStyle)}),_c('div',{staticClass:\"spinner-line\",style:(_vm.lineStyle)}),_c('div',{staticClass:\"spinner-circle\",style:(_vm.circleStyle)},[_vm._v(\"\\n      ●\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"atom-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spinner-inner\">\r\n      <div class=\"spinner-line\" :style=\"lineStyle\"></div>\r\n      <div class=\"spinner-line\" :style=\"lineStyle\"></div>\r\n      <div class=\"spinner-line\" :style=\"lineStyle\"></div>\r\n      <!--Chrome renders little circles malformed :(-->\r\n      <div class=\"spinner-circle\" :style=\"circleStyle\">\r\n        &#9679;\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'AtomSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1000\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          color: this.color,\r\n          fontSize: `${this.size * 0.24}px`\r\n        }\r\n      },\r\n\r\n      lineStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          borderLeftWidth: `${this.size / 25}px`,\r\n          borderTopWidth: `${this.size / 25}px`,\r\n          borderLeftColor: this.color\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .atom-spinner, .atom-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .atom-spinner {\r\n    height: 60px;\r\n    width: 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .atom-spinner .spinner-inner {\r\n    position: relative;\r\n    display: block;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  .atom-spinner .spinner-circle {\r\n    display: block;\r\n    position: absolute;\r\n    color: #ff1d5e;\r\n    font-size: calc(60px * 0.24);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .atom-spinner .spinner-line {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    animation-duration: 1s;\r\n    border-left-width: calc(60px / 25);\r\n    border-top-width: calc(60px / 25);\r\n    border-left-color: #ff1d5e;\r\n    border-left-style: solid;\r\n    border-top-style: solid;\r\n    border-top-color: transparent;\r\n  }\r\n\r\n  .atom-spinner .spinner-line:nth-child(1) {\r\n    animation: atom-spinner-animation-1 1s linear infinite;\r\n    transform: rotateZ(120deg) rotateX(66deg) rotateZ(0deg);\r\n  }\r\n\r\n  .atom-spinner .spinner-line:nth-child(2) {\r\n    animation: atom-spinner-animation-2 1s linear infinite;\r\n    transform: rotateZ(240deg) rotateX(66deg) rotateZ(0deg);\r\n  }\r\n\r\n  .atom-spinner .spinner-line:nth-child(3) {\r\n    animation: atom-spinner-animation-3 1s linear infinite;\r\n    transform: rotateZ(360deg) rotateX(66deg) rotateZ(0deg);\r\n  }\r\n\r\n  @keyframes atom-spinner-animation-1 {\r\n    100% {\r\n      transform: rotateZ(120deg) rotateX(66deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes atom-spinner-animation-2 {\r\n    100% {\r\n      transform: rotateZ(240deg) rotateX(66deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes atom-spinner-animation-3 {\r\n    100% {\r\n      transform: rotateZ(360deg) rotateX(66deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./AtomSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./AtomSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AtomSpinner.vue?vue&type=template&id=aec7c820&scoped=true\"\nimport script from \"./AtomSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./AtomSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./AtomSpinner.vue?vue&type=style&index=0&id=aec7c820&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"aec7c820\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"card-volume\">\n    <div class=\"flex-1 mx-1\" @click=\"onClick\">\n      <vs-card actionable class=\"cardx\">\n        <p class=\"h7\">{{ name }}</p>\n        <h5\n          class=\"mt-1 flex\"\n          :class=\"[{ primary: isActive }, loading ? 'justifyCenter' : '']\"\n        >\n          <half-circle-spinner\n            v-if=\"loading\"\n            :animation-duration=\"1000\"\n            :size=\"20\"\n            color=\"#000000\"\n          />\n          <div v-else>\n            <vs-icon :icon=\"icon\" />\n            {{ volume }} {{ unit }}\n          </div>\n        </h5>\n      </vs-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { HalfCircleSpinner } from \"epic-spinners\";\nimport _ from \"lodash\";\nexport default {\n  name: \"cardVolume\",\n  components: {\n    HalfCircleSpinner,\n  },\n  props: {\n    name: {\n      type: String,\n      default: \"\",\n    },\n    refineryName: {\n      type: String,\n      default: \"\",\n    },\n    refineryID: {\n      type: String || Number,\n      default: \"\",\n    },\n    callback: {\n      type: Function,\n      default: () => {},\n    },\n    isLoading: {\n      type: Boolean,\n      default: false,\n    },\n    volume: {\n      type: String || Number,\n      default: \"0\",\n    },\n    unit: {\n      type: String,\n      default: \"\",\n    },\n    icon: {\n      type: String,\n      default: \"opacity\",\n    },\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      loading: false,\n    };\n  },\n  watch: {\n    // isLoading(val, oldval) {\n    //   let count = 0;\n    //   if (oldval && !_.isEqual(val, oldval)) {\n    //     count = 200;\n    //   }\n    //   this.handlerLoading(val, count);\n    // },\n  },\n  methods: {\n    onClick() {\n      this.callback(this.refineryName, this.refineryID);\n    },\n    handlerLoading(loading, count = 0) {\n      const vm = this;\n      setTimeout(() => {\n        vm.loading = loading;\n      }, count);\n    }, \n  },\n};\n</script>\n\n<style>\n.justifyCenter {\n  justify-content: center;\n  justify-items: center;\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/@vue/cli-plugin-babel/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!./CardValue.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/@vue/cli-plugin-babel/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!./CardValue.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardValue.vue?vue&type=template&id=16902ce6\"\nimport script from \"./CardValue.vue?vue&type=script&lang=js\"\nexport * from \"./CardValue.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardValue.vue?vue&type=style&index=0&id=16902ce6&prod&lang=css\"\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/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/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!./CardValue.vue?vue&type=style&index=0&id=16902ce6&prod&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./TrinityRingsSpinner.vue?vue&type=style&index=0&id=65918846&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SelfBuildingSquareSpinner.vue?vue&type=style&index=0&id=2543d096&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./BreedingRhombusSpinner.vue?vue&type=style&index=0&id=7c827517&prod&scoped=true&lang=css\"","'use strict';\n// 19.1.2.1 Object.assign(target, source, ...)\nvar DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar gOPS = require('./_object-gops');\nvar pIE = require('./_object-pie');\nvar toObject = require('./_to-object');\nvar IObject = require('./_iobject');\nvar $assign = Object.assign;\n\n// should work with symbols and should have deterministic property order (V8 bug)\nmodule.exports = !$assign || require('./_fails')(function () {\n  var A = {};\n  var B = {};\n  // eslint-disable-next-line no-undef\n  var S = Symbol();\n  var K = 'abcdefghijklmnopqrst';\n  A[S] = 7;\n  K.split('').forEach(function (k) { B[k] = k; });\n  return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;\n}) ? function assign(target, source) { // eslint-disable-line no-unused-vars\n  var T = toObject(target);\n  var aLen = arguments.length;\n  var index = 1;\n  var getSymbols = gOPS.f;\n  var isEnum = pIE.f;\n  while (aLen > index) {\n    var S = IObject(arguments[index++]);\n    var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);\n    var length = keys.length;\n    var j = 0;\n    var key;\n    while (length > j) {\n      key = keys[j++];\n      if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];\n    }\n  } return T;\n} : $assign;\n","// 20.3.3.1 / 15.9.4.4 Date.now()\nvar $export = require('./_export');\n\n$export($export.S, 'Date', { now: function () { return new Date().getTime(); } });\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row pl-2 center text-center flex items-stretch \",staticStyle:{\"min-height\":\"6rem\"}},[_c('div',{staticClass:\"flex-1 mx-1\",on:{\"click\":function($event){return _vm.activeCard('greenDiesel')}}},[_c('vs-card',{class:{ active: _vm.isGreenDieselActive },staticStyle:{\"min-height\":\"5rem\"},attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-1\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        ต้นทางโรงกลั่นที่นำน้ำมันไปจำหน่ายให้ชาวประมงในเขตต่อเนื่องฯ\\n        \")],1)])],1),_c('div',{staticClass:\"flex-1 mx-1\",on:{\"click\":function($event){return _vm.activeCard('domesticOil')}}},[_c('vs-card',{class:{ active: _vm.isDomesticOilActive },staticStyle:{\"min-height\":\"5rem\"},attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-3\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        น้ำมันที่จำหน่ายภายในประเทศ\\n        \")],1)])],1),_c('div',{staticClass:\"flex-1 mx-1\",on:{\"click\":function($event){return _vm.activeCard('exportOil')}}},[_c('vs-card',{class:{ active: _vm.isExportOilActive },staticStyle:{\"min-height\":\"5rem\"},attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-3\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        น้ำมันที่ส่งออกนอกราชอาณาจักร\\n        \")],1)])],1),_c('div',{staticClass:\"flex-1 mx-1\",on:{\"click\":function($event){return _vm.activeCard('fisheries')}}},[_c('vs-card',{class:{ active: _vm.isFisheriesOilActive },staticStyle:{\"min-height\":\"5rem\"},attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-1\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        น้ำมันที่จำหน่ายให้แก่ชาวประมงในเขตต่อเนื่องฯ\\n      \")],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row pl-2 center text-center flex items-stretch \" style=\"min-height: 6rem\">\n    <div class=\"flex-1 mx-1\" @click=\"activeCard('greenDiesel')\">\n      <vs-card actionable :class=\"{ active: isGreenDieselActive }\" style=\"min-height: 5rem\">\n        <h5 class=\"boldText text-center pt-1\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\n          ต้นทางโรงกลั่นที่นำน้ำมันไปจำหน่ายให้ชาวประมงในเขตต่อเนื่องฯ\n          <!-- {{ $t(\"greenDiesel\") }} -->\n        </h5>\n      </vs-card>\n    </div>\n    <div class=\"flex-1 mx-1\" @click=\"activeCard('domesticOil')\">\n      <vs-card actionable :class=\"{ active: isDomesticOilActive }\" style=\"min-height: 5rem\">\n        <h5 class=\"boldText text-center pt-3\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\n          น้ำมันที่จำหน่ายภายในประเทศ\n          <!-- {{ $t(\"domesticOil\") }} -->\n        </h5>\n      </vs-card>\n    </div>\n    <div class=\"flex-1 mx-1\" @click=\"activeCard('exportOil')\">\n      <vs-card actionable :class=\"{ active: isExportOilActive }\" style=\"min-height: 5rem\">\n        <h5 class=\"boldText text-center pt-3\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\n          น้ำมันที่ส่งออกนอกราชอาณาจักร\n          <!-- {{ $t(\"exportOil\") }} -->\n        </h5>\n      </vs-card>\n    </div>\n\n    <div class=\"flex-1 mx-1\" @click=\"activeCard('fisheries')\">\n      <vs-card actionable :class=\"{ active: isFisheriesOilActive }\" style=\"min-height: 5rem\">\n        <h5 class=\"boldText text-center pt-1\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\n          น้ำมันที่จำหน่ายให้แก่ชาวประมงในเขตต่อเนื่องฯ\n        </h5>\n      </vs-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { OIL_TYPE } from \"../../constants/index\";\nimport { mapState } from \"vuex\";\nimport _ from \"lodash\";\nexport default {\n  data() {\n    return {\n      OIL_TYPE,\n    };\n  },\n  computed: {\n    ...mapState({\n      isGreenDieselActive: (state) => state.isGreenDieselActive,\n      isDomesticOilActive: (state) => state.isDomesticOilActive,\n      isExportOilActive: (state) => state.isExportOilActive,\n      isFisheriesOilActive: (state) => state.isFisheriesOilActive,\n    }),\n  },\n  methods: {\n    async activeCard(typeOil) {\n      await this.$store.dispatch(\"setType\", 'oil');\n      await this.$store.dispatch(\"setRadarName\", \"ALL\");\n      switch (typeOil) {\n        case OIL_TYPE.GREEN_DIESEL:\n          this.$router.push(\"/pdss/greenOil\");\n          break;\n        case OIL_TYPE.DOMESTIC_OIL:\n          this.$router.push(\"/pdss/domesticOil\");\n          break;\n        case OIL_TYPE.EXPORT_OIL:\n          this.$router.push(\"/pdss/exportOil\");\n          break;\n        case OIL_TYPE.FISHERIES:\n          this.$router.push(\"/pdss/fisheries\");\n          break;\n        default:\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.active {\n  background-color: #cccccc;\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/@vue/cli-plugin-babel/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!./OilTypeCard.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/@vue/cli-plugin-babel/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!./OilTypeCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OilTypeCard.vue?vue&type=template&id=5881a5ff\"\nimport script from \"./OilTypeCard.vue?vue&type=script&lang=js\"\nexport * from \"./OilTypeCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./OilTypeCard.vue?vue&type=style&index=0&id=5881a5ff&prod&lang=css\"\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 \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FlowerSpinner.vue?vue&type=style&index=0&id=4ab865cf&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FingerprintSpinner.vue?vue&type=style&index=0&id=f115833a&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SpringSpinner.vue?vue&type=style&index=0&id=b316b56c&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./OrbitSpinner.vue?vue&type=style&index=0&id=325a6afe&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HalfCircleSpinner.vue?vue&type=style&index=0&id=31ad46aa&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./CirclesToRhombusesSpinner.vue?vue&type=style&index=0&id=91571d3e&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FulfillingSquareSpinner.vue?vue&type=style&index=0&id=96d5104c&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./LoopingRhombusesSpinner.vue?vue&type=style&index=0&id=0458ce94&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./ScalingSquaresSpinner.vue?vue&type=style&index=0&id=43f67b6f&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/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!./OilTypeCard.vue?vue&type=style&index=0&id=5881a5ff&prod&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./SemipolarSpinner.vue?vue&type=style&index=0&id=0f568b7c&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FulfillingBouncingCircleSpinner.vue?vue&type=style&index=0&id=44939cec&prod&scoped=true&lang=css\"","export * from \"-!../../../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./PixelSpinner.vue?vue&type=style&index=0&id=03e54454&prod&scoped=true&lang=css\"","// 19.1.3.1 Object.assign(target, source)\nvar $export = require('./_export');\n\n$export($export.S + $export.F, 'Object', { assign: require('./_object-assign') });\n"],"sourceRoot":""}