{"version":3,"sources":["webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue?0e13","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue?40c0","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue?89d4","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?6412","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue?dfc3","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue?4746","webpack:///./node_modules/core-js/modules/_object-gops.js","webpack:///./src/common/Card/CardValue.vue?3f86","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue?bf3f","webpack:///node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue?4209","webpack:///./node_modules/epic-spinners/src/components/lib/HollowDotsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue?4d82","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?5658","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue?fb25","webpack:///node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue?1a8a","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue?0f25","webpack:///node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue?a159","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue?79e9","webpack:///node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue?9518","webpack:///./node_modules/epic-spinners/src/components/lib/OrbitSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?a55b","webpack:///node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?fa6b","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue?7e1e","webpack:///node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue?47eb","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue?3305","webpack:///node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue?6d92","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue?566a","webpack:///node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue?73a1","webpack:///./node_modules/epic-spinners/src/components/lib/CirclesToRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue?5b7e","webpack:///node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue?4d6a","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue?9b57","webpack:///node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue?50c8","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue?666c","webpack:///node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue?ceae","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue?c3c5","webpack:///node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue?c8e9","webpack:///./node_modules/epic-spinners/src/components/lib/ScalingSquaresSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue?2a8b","webpack:///node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue?cc95","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue?af67","webpack:///node_modules/epic-spinners/src/components/lib/RadarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue?ceee","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue?16c5","webpack:///node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue?6526","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue?4555","webpack:///node_modules/epic-spinners/src/components/lib/SpringSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue?b2d9","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue?fab5","webpack:///node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue?a05a","webpack:///./node_modules/epic-spinners/src/components/lib/LoopingRhombusesSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue?789b","webpack:///node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue?bc72","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?df12","webpack:///node_modules/epic-spinners/src/components/lib/AtomSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?9ce8","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue","webpack:///src/common/Card/CardValue.vue","webpack:///./src/common/Card/CardValue.vue?3712","webpack:///./src/common/Card/CardValue.vue","webpack:///./node_modules/epic-spinners/src/components/lib/SemipolarSpinner.vue?3454","webpack:///./node_modules/epic-spinners/src/components/lib/SpringSpinner.vue?17c5","webpack:///./node_modules/epic-spinners/src/components/lib/FlowerSpinner.vue?58f7","webpack:///./node_modules/epic-spinners/src/components/lib/RadarSpinner.vue?6844","webpack:///./src/common/Card/CardValue.vue?75c6","webpack:///./node_modules/epic-spinners/src/components/lib/IntersectingCirclesSpinner.vue?ca27","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingBouncingCircleSpinner.vue?0337","webpack:///./node_modules/epic-spinners/src/components/lib/HalfCircleSpinner.vue?4356","webpack:///./node_modules/epic-spinners/src/components/lib/PixelSpinner.vue?29cd","webpack:///./node_modules/core-js/modules/_object-assign.js","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?5a0f","webpack:///./node_modules/core-js/modules/es6.date.now.js","webpack:///./src/components/Card/OilTypeCard.vue?5bd5","webpack:///src/components/Card/OilTypeCard.vue","webpack:///./src/components/Card/OilTypeCard.vue?4534","webpack:///./src/components/Card/OilTypeCard.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FulfillingSquareSpinner.vue?226d","webpack:///./src/components/Card/OilTypeCard.vue?f9d4","webpack:///./node_modules/epic-spinners/src/components/lib/SwappingSquaresSpinner.vue?c1e4","webpack:///./node_modules/epic-spinners/src/components/lib/SelfBuildingSquareSpinner.vue?6c8b","webpack:///./node_modules/epic-spinners/src/components/lib/BreedingRhombusSpinner.vue?6572","webpack:///./node_modules/core-js/modules/es6.object.assign.js","webpack:///./node_modules/epic-spinners/src/components/lib/TrinityRingsSpinner.vue?8295"],"names":["exports","f","Object","getOwnPropertySymbols","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","component","appendKeyframes","frames","sheet","document","createElement","setAttribute","innerHTML","body","appendChild","removeKeyframes","getElementById","sheetParent","parentNode","removeChild","cs","rs","ss","components","HalfCircleSpinner","props","type","String","default","refineryName","refineryID","Number","callback","Function","isLoading","Boolean","data","watch","methods","handlerLoading","setTimeout","vm","DESCRIPTORS","getKeys","gOPS","pIE","toObject","IObject","$assign","assign","module","A","B","S","Symbol","K","split","forEach","k","keys","join","target","source","T","aLen","arguments","length","getSymbols","isEnum","concat","j","call","$export","now","Date","getTime","staticStyle","$event","activeCard","active","isGreenDieselActive","$t","isDomesticOilActive","isExportOilActive","OIL_TYPE","computed","typeOil","$router","push","F"],"mappings":"2IAAA,yBAAqe,EAAG,G,oCCAxe,yBAAye,EAAG,G,kCCA5e,yBAAue,EAAG,G,oCCA1e,yBAAke,EAAG,G,oCCAre,yBAAie,EAAG,G,oCCApe,yBAA4d,EAAG,G,mBCA/dA,EAAQC,EAAIC,OAAOC,uB,oCCAnB,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,gBAAgB,CAACF,EAAG,MAAM,CAACG,YAAY,cAAcC,GAAG,CAAC,MAAQR,EAAIS,UAAU,CAACL,EAAG,UAAU,CAACG,YAAY,QAAQD,MAAM,CAAC,WAAa,KAAK,CAACF,EAAG,IAAI,CAACG,YAAY,MAAM,CAACP,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,SAASR,EAAG,KAAK,CAACG,YAAY,YAAYM,MAAM,CAAC,CAAEC,QAASd,EAAIe,UAAYf,EAAIgB,QAAU,gBAAkB,KAAK,CAAEhB,EAAW,QAAEI,EAAG,sBAAsB,CAACE,MAAM,CAAC,qBAAqB,IAAK,KAAO,GAAG,MAAQ,aAAaF,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,MAAM,CAAC,KAAON,EAAIiB,QAAQjB,EAAIU,GAAG,eAAeV,EAAIW,GAAGX,EAAIkB,QAAQ,IAAIlB,EAAIW,GAAGX,EAAImB,MAAM,eAAe,IAAI,MAAM,MAC9oBC,EAAkB,GCDlB,G,UAAS,WAAa,IAAIpB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,sBAAsBc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAc,YAAE,SAASuB,EAAGC,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,MAAMc,MAAM,OAAS,KACzQ,EAAkB,GCMtB,G,UAAA,CACE,KAAF,oBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,QAAJ,CACM,KAAN,OACM,QAAN,IAEI,QAAJ,CACM,KAAN,OACM,QAAN,GAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,iBADJ,WAEM,OAAN,gBAGI,aALJ,WAMM,MAAN,CACQ,OAAR,6BACQ,MAAR,sEAII,SAZJ,WAaM,MAAN,CACQ,kBAAR,uCACQ,MAAR,6BACQ,OAAR,6BACQ,OAAR,wCACQ,YAAR,+BACQ,YAAR,aAII,WAvBJ,WA4BM,IAJA,IAAN,KACA,KACA,MAEA,yBACQ,IAAR,iBACU,eAAV,uBACA,eAEQ,EAAR,QAGM,OAAN,MCjE2V,I,wBCQvVK,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MCfE,GDmBWA,E,QCnBF,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,gBAAgBc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,sBAAsBc,MAAOrB,EAAqB,wBACrO,EAAkB,GCDP,G,UAAA,CAMb2B,gBAAiB,SAAUf,EAAMgB,GAC/B,MAAMC,EAAQC,SAASC,cAAc,SAChCF,IAGLA,EAAMG,aAAa,KAAMpB,GACzBiB,EAAMI,UAAY,cAAcrB,MAASgB,KACzCE,SAASI,KAAKC,YAAYN,KAM5BO,gBAAiB,SAAUxB,GACzB,MAAMiB,EAAQC,SAASO,eAAezB,GACtC,IAAKiB,EACH,OAEF,MAAMS,EAAcT,EAAMU,WAC1BD,EAAYE,YAAYX,MChB5B,GACE,KAAF,eAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,cAAN,gDAIE,SAAF,CACI,UADJ,WAEM,OAAN,aAGI,aALJ,WAMM,MAAN,CACQ,MAAR,0BACQ,OAAR,4BAII,kBAZJ,WAaM,MAAN,CACQ,kBAAR,uCACQ,cAAR,mBACQ,MAAR,+BACQ,OAAR,+BACQ,gBAAR,WACQ,MAAR,WACQ,UAAR,kCACA,mBADA,cACA,mBADA,2CAEA,mBAFA,eAEA,mBAFA,0CAGA,mBAHA,eAGA,mBAHA,2CAIA,mBAJA,cAIA,mBAJA,4CAKA,mBALA,0CAMA,mBANA,6CAOA,mBAPA,+CAQA,mBARA,mCAcE,MAAF,CACI,KAAJ,CACM,QAAN,kBACM,WAAN,IAIE,QAjEF,WAkEI,KAAJ,mBAGE,cArEF,WAsEI,EAAJ,qCAGE,QAAF,CACI,gBADJ,WAEM,EAAN,oCACM,EAAN,8DAGI,kBANJ,WAOM,MAAN,8CAEA,iBAFA,cAEA,iBAFA,0CAGA,iBAHA,eAGA,iBAHA,yCAIA,iBAJA,eAIA,iBAJA,0CAKA,iBALA,cAKA,iBALA,2CAMA,eANA,yCAOA,eAPA,4CAQA,iBARA,8CASA,iBATA,mEAcA,iBAdA,cAcA,iBAdA,0CAeA,iBAfA,eAeA,iBAfA,yCAgBA,iBAhBA,eAgBA,iBAhBA,0CAiBA,iBAjBA,cAiBA,iBAjBA,2CAkBA,eAlBA,yCAmBA,eAnBA,4CAoBA,iBApBA,8CAqBA,iBArBA,oFCzFsV,ICQlV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAsB,oBAAG,CAACI,EAAG,MAAM,CAACG,YAAY,UAAUc,MAAOrB,EAAkB,gBAAG,CAACI,EAAG,MAAM,CAACG,YAAY,YAAYc,MAAOrB,EAAmB,0BAC/V,EAAkB,GCYtB,GACE,KAAF,gBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,aAAN,+CACM,WAAN,+CAIE,SAAF,CACI,QADJ,WAEM,OAAN,aAGI,aALJ,WAMM,MAAN,CACQ,MAAR,0BACQ,OAAR,4BAII,mBAZJ,WAaM,MAAN,CACQ,MAAR,6BACQ,OAAR,+BAII,gBAnBJ,WAoBM,MAAN,CACQ,WAAR,WACQ,kBAAR,uCACQ,cAAR,oBAII,eA3BJ,WA4BM,MAAN,CACQ,WAAR,WACQ,kBAAR,uCACQ,cAAR,mBAKE,MAAF,CACI,KAAJ,CACM,QAAN,kBACM,WAAN,GAEI,MAAJ,CACM,QAAN,kBACM,WAAN,IAIE,cAxEF,WAyEI,EAAJ,mCACI,EAAJ,kCAGE,QAAF,CACI,gBADJ,WAEM,EAAN,mCACM,EAAN,oEACM,EAAN,iCACM,EAAN,iEAGI,0BARJ,WASM,MAAN,0DACA,WADA,kDAEA,WAFA,kDAGA,WAHA,kDAIA,WAJA,kDAKA,WALA,kDAMA,WANA,kDAOA,WAPA,kDAQA,WARA,2FAWA,iBAXA,kBAWA,WAXA,6CAYA,iBAZA,kBAYA,WAZA,8CAaA,iBAbA,gBAaA,WAbA,+CAcA,iBAdA,gBAcA,WAdA,4CAeA,aAfA,eAeA,aAfA,gBAeA,WAfA,4CAgBA,aAhBA,cAgBA,aAhBA,gBAgBA,WAhBA,6CAiBA,aAjBA,eAiBA,aAjBA,gBAiBA,WAjBA,6CAkBA,aAlBA,cAkBA,aAlBA,gBAkBA,WAlBA,+FAsBA,WAtBA,kDAuBA,WAvBA,kDAwBA,WAxBA,kDAyBA,WAzBA,kDA0BA,WA1BA,kDA2BA,WA3BA,kDA4BA,WA5BA,kDA6BA,WA7BA,yBAiCI,wBA1CJ,WA2CM,MAAN,0DACA,WADA,kDAEA,WAFA,kDAGA,WAHA,kDAIA,WAJA,kDAKA,WALA,kDAMA,WANA,kDAOA,WAPA,kDAQA,WARA,mLAcA,iBAdA,kBAcA,WAdA,6CAeA,iBAfA,kBAeA,WAfA,8CAgBA,iBAhBA,gBAgBA,WAhBA,+CAiBA,iBAjBA,gBAiBA,WAjBA,4CAkBA,iBAlBA,eAkBA,iBAlBA,gBAkBA,WAlBA,4CAmBA,iBAnBA,cAmBA,iBAnBA,gBAmBA,WAnBA,6CAoBA,iBApBA,eAoBA,iBApBA,gBAoBA,WApBA,6CAqBA,iBArBA,cAqBA,iBArBA,gBAqBA,WArBA,6IA0BA,WA1BA,kDA2BA,WA3BA,kDA4BA,WA5BA,kDA6BA,WA7BA,kDA8BA,WA9BA,kDA+BA,WA/BA,kDAgCA,WAhCA,kDAiCA,WAjCA,2BCrIuV,ICQnV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,+BAA+Bc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,eAAec,MAAOrB,EAAqB,mBAAGA,EAAIsB,GAAItB,EAAgB,cAAE,SAASyC,EAAGjB,GAAO,OAAOpB,EAAG,OAAO,CAACqB,IAAID,EAAMjB,YAAY,SAASc,MAAM,OAAS,OAC7V,EAAkB,GCQtB,G,UAAA,CACE,KAAF,6BAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,WADJ,WAEM,OAAN,aAGI,aALJ,WAMM,MAAN,CACQ,MAAR,0BACQ,OAAR,4BAII,kBAZJ,WAaM,MAAN,CACQ,kBAAR,uCACQ,MAAR,gCACQ,OAAR,kCAII,YApBJ,WAqBM,MAAN,CACQ,YAAR,aAII,aA1BJ,WA0BM,IAAN,OACA,GACA,CAAQ,IAAR,EAAQ,KAAR,GACA,CAAQ,KAAR,qCAAQ,IAAR,oCACA,CAAQ,KAAR,qCAAQ,IAAR,qCACA,CAAQ,KAAR,EAAQ,IAAR,sCACA,CAAQ,KAAR,oCAAQ,IAAR,qCACA,CAAQ,KAAR,oCAAQ,IAAR,oCACA,CAAQ,KAAR,EAAQ,IAAR,sCAGM,OAAN,mBAAQ,OAAO,OAAf,+BChEoW,ICQhW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,gBAAgBc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,YAAYc,MAAOrB,EAAc,aAAII,EAAG,MAAM,CAACG,YAAY,YAAYc,MAAOrB,EAAc,aAAII,EAAG,MAAM,CAACG,YAAY,cAAcc,MAAOrB,EAAc,iBAC5U,EAAkB,GCQtB,GACE,KAAF,eAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,WARJ,WASM,MAAN,CACQ,YAAR,WACQ,kBAAR,2CCtCsV,ICQlV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,sBAAsBc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAe,aAAE,SAAS0C,EAAGlB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,eAAec,MAAM,OAAS,KACnR,EAAkB,GCMtB,GACE,KAAF,qBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,SAAN,EACM,iBAAN,IAIE,SAAF,CACI,cADJ,WAEM,OAAN,mCAGI,aALJ,WAMM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,QAAR,wCAII,UAbJ,WAcM,MAAN,CACQ,eAAR,WACQ,kBAAR,yCAII,YApBJ,WAyBM,IAJA,IAAN,KACA,mCACA,IAEA,0BACQ,IAAR,iBACU,eAAV,qBACU,OAAV,0BACU,MAAV,2BACA,gBACQ,EAAR,QAGM,OAAN,KClE4V,ICQxV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,wBAAwBc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAc,aAAII,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAc,aAAII,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAc,iBACjW,EAAkB,GCQtB,GACE,KAAF,sBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,iBAAN,IAIE,SAAF,CACI,cADJ,WAEM,OAAN,mCAGI,aALJ,WAMM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,QAAR,wCAII,WAbJ,WAcM,MAAN,CACQ,OAAR,mCACQ,MAAR,mCACQ,YAAR,WACQ,kBAAR,yCAII,WAtBJ,WAuBM,MAAN,CACQ,OAAR,uCACQ,MAAR,uCACQ,YAAR,WACQ,kBAAR,yCAII,WA/BJ,WAgCM,MAAN,CACQ,OAAR,sCACQ,MAAR,sCACQ,YAAR,WACQ,kBAAR,2CCrE6V,ICQzV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,4BAA4Bc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,gBAAgBc,MAAOrB,EAAqB,wBAC3O,EAAkB,GCMtB,GACE,KAAF,0BAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,YAAR,aAII,kBATJ,WAUM,MAAN,CACQ,gBAAR,eCpCiW,ICQ7V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,+BAA+Bc,MAAOrB,EAAiB,eAAGA,EAAIsB,GAAItB,EAAiB,eAAE,SAASyC,EAAGjB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,SAASc,MAAM,OAAS,KACzR,EAAkB,GCMtB,GACE,KAAF,4BAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,WAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,QAEI,WAAJ,CACM,KAAN,OACM,QAAN,IAIE,SAAF,CACI,iBADJ,WAEM,OAAN,uBAGI,cALJ,WAMM,MAAN,CACQ,OAAR,gCACQ,MAAR,0EAII,YAZJ,WAaM,MAAN,CACQ,YAAR,WACQ,kBAAR,uCACQ,OAAR,gCACQ,MAAR,gCACQ,WAAR,wCAII,cAtBJ,WA0BM,IAHA,IAAN,KACA,MAEA,4BACQ,IAAR,iBACU,eAAV,qBACA,kBAEA,QACU,EAAV,cAGQ,EAAR,QAGM,OAAN,KCnEmW,ICQ/V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OCfE,GDmBW,E,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,oBAAoBc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAe,aAAE,SAAS0C,EAAGlB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,OAAOc,MAAM,OAAS,KACzQ,EAAkB,GCMtB,IACE,KAAF,mBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,SAAN,IAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAGI,UAPJ,WAQM,MAAN,CACQ,kBAAR,uCACQ,eAAR,WACQ,gBAAR,aAGI,YAdJ,WAqBM,IANA,IAAN,KACA,KACA,gBACA,MACA,eAEA,yBACQ,IAAR,gCACA,sBACA,iBACU,eAAV,6DACU,OAAV,EACU,MAAV,EACU,KAAV,EACU,IAAV,EACU,YAAV,mBACA,gBACQ,EAAR,QAGM,OAAN,KClE0V,MCQtV,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,2BAA2Bc,MAAOrB,EAAgB,cAAG,CAACA,EAAIsB,GAAItB,EAAmB,iBAAE,SAAS0C,EAAGlB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,UAAUM,MAAO,UAAYW,EAAQ,GAAIH,MAAM,OAASjB,EAAG,MAAM,CAACG,YAAY,cAAcc,MAAOrB,EAAmB,mBAAK,KAC1X,GAAkB,GCOtB,IACE,KAAF,yBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,KAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,kBAAN,2CACM,aAAN,IAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,aARJ,WASM,MAAN,CACQ,OAAR,8BACQ,MAAR,8BACQ,kBAAR,uCACQ,IAAR,iCACQ,KAAR,iCACQ,gBAAR,aAII,gBAnBJ,WAuBM,IAHA,IAAN,KACA,6BAEA,6BACQ,EAAR,oBACU,eAAV,yBACA,oBAGM,OAAN,GAGI,gBAhCJ,WAiCM,MAAN,CACQ,OAAR,4BACQ,MAAR,4BACQ,kBAAR,kCACQ,IAAR,4BACQ,KAAR,4BACQ,gBAAR,eCxEgW,MCQ5V,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,2BAA2Bc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAiB,eAAE,SAAS2C,EAAGnB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,SAASM,MAAO,WAAaW,EAAQ,GAAIH,MAAM,OAAS,KACpT,GAAkB,GCWtB,IACE,KAAF,yBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,kBAAN,mCACM,WAAN,IAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,YARJ,WASM,MAAN,CACQ,OAAR,kCACQ,MAAR,kCACQ,kBAAR,uCACQ,YAAR,kCACQ,YAAR,aAII,cAlBJ,WAsBM,IAHA,IAAN,KACA,4BAEA,2BACQ,EAAR,oBACU,eAAV,6BACA,mBAGM,OAAN,KCjEgW,MCQ5V,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,0BAA0Bc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAiB,eAAE,SAAS2C,EAAGnB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,SAASM,MAAO,WAAaW,EAAQ,GAAIH,MAAM,OAAS,KACnT,GAAkB,GCWtB,IACE,KAAF,wBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,WAAN,IAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,kBAAR,yCAII,YATJ,WAUM,MAAN,CACQ,OAAR,kCACQ,MAAR,kCACQ,kBAAR,uCACQ,YAAR,kCACQ,YAAR,aAII,cAnBJ,WAsBM,IAFA,IAAN,KAEA,2BACQ,EAAR,sBACA,mBAGM,OAAN,KC/D+V,MCQ3V,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,qCAAqCc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,SAASc,MAAOrB,EAAe,cAAII,EAAG,MAAM,CAACG,YAAY,QAAQc,MAAOrB,EAAc,iBAC9R,GAAkB,GCOtB,IACE,KAAF,kCAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,kBAAR,yCAII,WATJ,WAUM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,YAAR,WACQ,YAAR,8BACQ,kBAAR,yCAII,YAnBJ,WAoBM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,YAAR,WACQ,MAAR,WACQ,YAAR,6BACQ,kBAAR,2CCpDyW,MCQrW,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,gBAAgBc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAiB,eAAE,SAASyC,EAAGjB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,SAASc,MAAM,GAAM,CAACjB,EAAG,MAAM,CAACG,YAAY,yBAAyBc,MAAOrB,EAA6B,2BAAG,CAACI,EAAG,MAAM,CAACG,YAAY,eAAec,MAAOrB,EAAoB,0BAAU,KACxa,GAAkB,GCUtB,IACE,KAAF,eAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,KAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,WAAN,IAIE,SAAF,CACI,YADJ,WAEM,OAAN,iBAGI,aALJ,WAMM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,YAZJ,WAaM,MAAN,CACQ,kBAAR,yCAII,0BAlBJ,WAmBM,MAAN,CACQ,YAAR,mCAII,iBAxBJ,WAyBM,MAAN,CACQ,gBAAR,WACQ,iBAAR,WACQ,YAAR,mCAII,cAhCJ,WAoCM,IAHA,IAAN,KACA,6BAEA,0BACQ,EAAR,oBACU,QAAV,qCACU,eAAV,2CACA,mBAGM,OAAN,KC9EsV,MCQlV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,+BAA+Bc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAiB,eAAE,SAAS2C,EAAGnB,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,EAAMjB,YAAY,SAASM,MAAM,CAAC,MAASW,GAASA,EAAQ,IAAM,GAAGH,MAAM,OAAS,KAClU,GAAkB,GCYtB,IACE,KAAF,4BAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,WAAN,IAIE,SAAF,CACI,WADJ,WAEM,OAAN,aAGI,mBALJ,WAMM,OAAN,sBAGI,aATJ,WAUM,MAAN,CACQ,IAAR,yCACQ,OAAR,0BACQ,MAAR,4BAII,YAjBJ,WAkBM,MAAN,CACQ,OAAR,gCACQ,MAAR,gCACQ,IAAR,wCACQ,YAAR,kCACQ,UAAR,kCACQ,kBAAR,uCACQ,WAAR,aAII,cA7BJ,WAkCM,IAJA,IAAN,KACA,sBACA,6BAEA,0BACQ,EAAR,oBACU,eAAV,wBACA,mBAGM,OAAN,KC7EmW,MCQ/V,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,0BAA0Bc,MAAOrB,EAAoB,kBAAG,CAACI,EAAG,MAAM,CAACG,YAAY,yBAAyBc,MAAOrB,EAAgB,iBAAMI,EAAG,MAAM,CAACG,YAAY,6BAA6Bc,MAAOrB,EAAoB,kBAAG,CAACI,EAAG,MAAM,CAACG,YAAY,yBAAyBc,MAAOrB,EAAgB,qBACjd,GAAkB,GCatB,IACE,KAAF,gBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,cAAN,iDAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,iBARJ,WASM,MAAN,CACQ,OAAR,4BACQ,MAAR,4BAII,aAfJ,WAgBM,MAAN,CACQ,OAAR,0BACQ,MAAR,0BACQ,iBAAR,WACQ,eAAR,WACQ,YAAR,4BACQ,kBAAR,uCACQ,cAAR,sBAKE,MAAF,CACI,KAAJ,CACM,QAAN,kBACM,WAAN,GAEI,MAAJ,CACM,QAAN,kBACM,WAAN,IAIE,QA/DF,WAgEI,KAAJ,mBAGE,cAnEF,WAoEI,EAAJ,qCAGE,QAAF,CACI,gBADJ,WAEM,EAAN,oCACM,EAAN,8DAGI,kBANJ,WAOM,MAAN,kDAEA,YAFA,kEAKA,gBALA,wGASA,YATA,kEAYA,gBAZA,mEAeA,YAfA,qBC5FuV,MCQnV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,4BAA4Bc,MAAOrB,EAAgB,cAAGA,EAAIsB,GAAItB,EAAmB,iBAAE,SAAS0C,EAAGlB,GAAO,OAAOpB,EAAG,MAAM,CAACG,YAAY,UAAUc,MAAM,EAAKf,MAAM,CAAC,KAAOkB,QAAW,KACnS,GAAkB,GCUtB,IACE,KAAF,0BAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,MAEI,YAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,KAlBF,WAmBI,MAAJ,CACM,aAAN,IAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,iCACQ,MAAR,qCAII,aARJ,WASM,MAAN,CACQ,OAAR,iCACQ,MAAR,iCACQ,gBAAR,WACQ,kBAAR,uCACQ,KAAR,qCAII,gBAlBJ,WAsBM,IAHA,IAAN,KACA,8BAEA,8BACQ,IAAR,iBACU,eAAV,qBACA,mBAEQ,EAAR,QAGM,OAAN,KCjEiW,MCQ7V,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCfE,IDmBW,G,QCnBF,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,sBAAsBc,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,kBAAkBc,MAAOrB,EAAgB,eAAII,EAAG,MAAM,CAACG,YAAY,kBAAkBc,MAAOrB,EAAgB,mBACrS,GAAkB,GCOtB,IACE,KAAF,oBAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,YARJ,WASM,MAAN,CACQ,YAAR,6BACQ,kBAAR,yCAII,aAfJ,WAgBM,OAAN,eACQ,eAAR,YACA,mBAGI,aArBJ,WAsBM,OAAN,eACQ,kBAAR,YACA,qBClD2V,MCQvV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBX,GAAS,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,eAAec,MAAOrB,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,eAAec,MAAOrB,EAAa,YAAII,EAAG,MAAM,CAACG,YAAY,eAAec,MAAOrB,EAAa,YAAII,EAAG,MAAM,CAACG,YAAY,eAAec,MAAOrB,EAAa,YAAII,EAAG,MAAM,CAACG,YAAY,iBAAiBc,MAAOrB,EAAe,aAAG,CAACA,EAAIU,GAAG,0BACnc,GAAkB,GCetB,IACE,KAAF,cAEE,MAAF,CACI,kBAAJ,CACM,KAAN,OACM,QAAN,KAEI,KAAJ,CACM,KAAN,OACM,QAAN,IAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAIE,SAAF,CACI,aADJ,WAEM,MAAN,CACQ,OAAR,0BACQ,MAAR,4BAII,YARJ,WASM,MAAN,CACQ,MAAR,WACQ,SAAR,gCAII,UAfJ,WAgBM,MAAN,CACQ,kBAAR,uCACQ,gBAAR,6BACQ,eAAR,6BACQ,gBAAR,eCtDqV,MCQjV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OCaF,IDTe,G,kBCSf,CACEE,KAAM,aACNgC,WAAY,CACVC,kBAAJ,IAEEC,MAAO,CACLlC,KAAM,CACJmC,KAAMC,OACNC,QAAS,IAEXC,aAAc,CACZH,KAAMC,OACNC,QAAS,IAEXE,WAAY,CACVJ,KAAMC,QAAUI,OAChBH,QAAS,IAEXI,SAAU,CACRN,KAAMO,SACNL,QAAS,cAEXM,UAAW,CACTR,KAAMS,QACNP,SAAS,GAEX/B,OAAQ,CACN6B,KAAMC,QAAUI,OAChBH,QAAS,KAEX9B,KAAM,CACJ4B,KAAMC,OACNC,QAAS,IAEXhC,KAAM,CACJ8B,KAAMC,OACNC,QAAS,WAEXlC,SAAU,CACRgC,KAAMS,QACNP,SAAS,IAGbQ,KA3CF,WA4CI,MAAO,CACLzC,SAAS,IAGb0C,MAAO,GASPC,QAAS,CACPlD,QADJ,WAEMR,KAAKoD,SAASpD,KAAKiD,aAAcjD,KAAKkD,aAExCS,eAJJ,SAIA,kEACA,OACMC,YAAW,WACTC,EAAG9C,QAAUA,IACrB,OC7FqY,MCQjY,I,UAAY,eACd,GACAjB,EACAqB,GACA,EACA,KACA,KACA,OAIa,U,6CCnBf,yBAAge,EAAG,G,6DCAne,yBAA6d,EAAG,G,oCCAhe,yBAA6d,EAAG,G,2DCAhe,yBAA4d,EAAG,G,oFCA/d,yBAA6f,EAAG,G,oCCAhgB,yBAA0e,EAAG,G,6DCA7e,yBAA+e,EAAG,G,oCCAlf,yBAAie,EAAG,G,oCCApe,yBAA4d,EAAG,G,4DCE/d,IAAI2C,EAAc,EAAQ,QACtBC,EAAU,EAAQ,QAClBC,EAAO,EAAQ,QACfC,EAAM,EAAQ,QACdC,EAAW,EAAQ,QACnBC,EAAU,EAAQ,QAClBC,EAAUxE,OAAOyE,OAGrBC,EAAO5E,SAAW0E,GAAW,EAAQ,OAAR,EAAoB,WAC/C,IAAIG,EAAI,GACJC,EAAI,GAEJC,EAAIC,SACJC,EAAI,uBAGR,OAFAJ,EAAEE,GAAK,EACPE,EAAEC,MAAM,IAAIC,SAAQ,SAAUC,GAAKN,EAAEM,GAAKA,KACd,GAArBV,EAAQ,GAAIG,GAAGE,IAAW7E,OAAOmF,KAAKX,EAAQ,GAAII,IAAIQ,KAAK,KAAOL,KACtE,SAAgBM,EAAQC,GAC3B,IAAIC,EAAIjB,EAASe,GACbG,EAAOC,UAAUC,OACjB/D,EAAQ,EACRgE,EAAavB,EAAKrE,EAClB6F,EAASvB,EAAItE,EACjB,MAAOyF,EAAO7D,EAAO,CACnB,IAIIC,EAJAiD,EAAIN,EAAQkB,UAAU9D,MACtBwD,EAAOQ,EAAaxB,EAAQU,GAAGgB,OAAOF,EAAWd,IAAMV,EAAQU,GAC/Da,EAASP,EAAKO,OACdI,EAAI,EAER,MAAOJ,EAASI,EACdlE,EAAMuD,EAAKW,KACN5B,IAAe0B,EAAOG,KAAKlB,EAAGjD,KAAM2D,EAAE3D,GAAOiD,EAAEjD,IAEtD,OAAO2D,GACPf,G,oCCrCJ,yBAA2d,EAAG,G,uBCC9d,IAAIwB,EAAU,EAAQ,QAEtBA,EAAQA,EAAQnB,EAAG,OAAQ,CAAEoB,IAAK,WAAc,OAAO,IAAIC,MAAOC,c,kCCHlE,IAAIjG,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,UAAU0F,YAAY,CAAC,OAAS,SAAS,CAAC7F,EAAG,MAAM,CAACG,YAAY,cAAcC,GAAG,CAAC,MAAQ,SAAS0F,GAAQ,OAAOlG,EAAImG,WAAW,kBAAkB,CAAC/F,EAAG,UAAU,CAACS,MAAM,CAAEuF,OAAQpG,EAAIqG,qBAAsB/F,MAAM,CAAC,WAAa,KAAK,CAACF,EAAG,KAAK,CAACG,YAAY,6BAA6B,CAACH,EAAG,UAAU,CAACE,MAAM,CAAC,KAAO,OAAO,KAAO,iBAAiBN,EAAIU,GAAG,aAAaV,EAAIW,GAAGX,EAAIsG,GAAG,gBAAgB,aAAa,MAAM,GAAGlG,EAAG,MAAM,CAACG,YAAY,cAAcC,GAAG,CAAC,MAAQ,SAAS0F,GAAQ,OAAOlG,EAAImG,WAAW,kBAAkB,CAAC/F,EAAG,UAAU,CAACS,MAAM,CAAEuF,OAAQpG,EAAIuG,qBAAsBjG,MAAM,CAAC,WAAa,KAAK,CAACF,EAAG,KAAK,CAACG,YAAY,6BAA6B,CAACH,EAAG,UAAU,CAACE,MAAM,CAAC,KAAO,OAAO,KAAO,iBAAiBN,EAAIU,GAAG,aAAaV,EAAIW,GAAGX,EAAIsG,GAAG,gBAAgB,aAAa,MAAM,GAAGlG,EAAG,MAAM,CAACG,YAAY,cAAcC,GAAG,CAAC,MAAQ,SAAS0F,GAAQ,OAAOlG,EAAImG,WAAW,gBAAgB,CAAC/F,EAAG,UAAU,CAACS,MAAM,CAAEuF,OAAQpG,EAAIwG,mBAAoBlG,MAAM,CAAC,WAAa,KAAK,CAACF,EAAG,KAAK,CAACG,YAAY,6BAA6B,CAACH,EAAG,UAAU,CAACE,MAAM,CAAC,KAAO,OAAO,KAAO,iBAAiBN,EAAIU,GAAG,aAAaV,EAAIW,GAAGX,EAAIsG,GAAG,cAAc,aAAa,MAAM,MACzuClF,EAAkB,G,oCCgCtB,G,UAAA,CACEqC,KADF,WAEI,MAAO,CACLgD,SAAN,SAGEC,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,oBAAJ,YAAM,OAAN,uBACI,oBAAJ,YAAM,OAAN,uBACI,kBAAJ,YAAM,OAAN,wBAGE/C,QAAS,CACPwC,WADJ,SACA,GACM,OAAQQ,GACN,KAAK,EAAb,kBACU1G,KAAK2G,QAAQC,KAAK,KAClB,MACF,KAAK,EAAb,kBACU5G,KAAK2G,QAAQC,KAAK,aAClB,MACF,KAAK,EAAb,gBACU5G,KAAK2G,QAAQC,KAAK,WAClB,MACF,cC1D+X,I,wBCQnYnF,EAAY,eACd,EACA3B,EACAqB,GACA,EACA,KACA,KACA,MAIa,OAAAM,E,oECnBf,yBAAue,EAAG,G,oCCA1e,yBAA+f,EAAG,G,mMCAlgB,yBAAse,EAAG,G,gFCAze,yBAAye,EAAG,G,kCCA5e,yBAAse,EAAG,G,0FCCze,IAAImE,EAAU,EAAQ,QAEtBA,EAAQA,EAAQnB,EAAImB,EAAQiB,EAAG,SAAU,CAAExC,OAAQ,EAAQ,Y,gFCH3D,yBAAme,EAAG","file":"js/chunk-55b2c214.5fe8374c.js","sourcesContent":["import mod 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=dbacb9de&scoped=true&lang=css&\"; export default mod; 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=dbacb9de&scoped=true&lang=css&\"","import mod 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=7a6e17e5&scoped=true&lang=css&\"; export default mod; 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=7a6e17e5&scoped=true&lang=css&\"","import mod 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=49d9ad28&scoped=true&lang=css&\"; export default mod; 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=49d9ad28&scoped=true&lang=css&\"","import mod 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=077ae5a6&scoped=true&lang=css&\"; export default mod; 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=077ae5a6&scoped=true&lang=css&\"","import mod 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=5a033c16&scoped=true&lang=css&\"; export default mod; 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=5a033c16&scoped=true&lang=css&\"","import mod 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=34a3fdef&scoped=true&lang=css&\"; export default mod; 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=34a3fdef&scoped=true&lang=css&\"","exports.f = Object.getOwnPropertySymbols;\n","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=5a033c16&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=5a033c16&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  \"5a033c16\",\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=c76fc818&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=c76fc818&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  \"c76fc818\",\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=f15101b8&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=f15101b8&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  \"f15101b8\",\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=91c71956&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=91c71956&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  \"91c71956\",\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=34a3fdef&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=34a3fdef&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  \"34a3fdef\",\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=077ae5a6&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=077ae5a6&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  \"077ae5a6\",\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=19bbdf0e&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=19bbdf0e&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  \"19bbdf0e\",\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=3f451d6f&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=3f451d6f&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  \"3f451d6f\",\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=7a6e17e5&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=7a6e17e5&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  \"7a6e17e5\",\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=9544fc1a&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=9544fc1a&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  \"9544fc1a\",\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=8fa7a3fc&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=8fa7a3fc&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  \"8fa7a3fc\",\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=8265a670&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=8265a670&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  \"8265a670\",\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=dbacb9de&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=dbacb9de&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  \"dbacb9de\",\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=e5e606d8&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=e5e606d8&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  \"e5e606d8\",\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=5710a196&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=5710a196&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  \"5710a196\",\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=eb840b8e&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=eb840b8e&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  \"eb840b8e\",\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=1ae1dc20&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=1ae1dc20&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  \"1ae1dc20\",\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=49d9ad28&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=49d9ad28&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  \"49d9ad28\",\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=669f3b60&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=669f3b60&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  \"669f3b60\",\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=fb9a33c4&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=fb9a33c4&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  \"fb9a33c4\",\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&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","import mod 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=9544fc1a&scoped=true&lang=css&\"; export default mod; 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=9544fc1a&scoped=true&lang=css&\"","import mod 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=1ae1dc20&scoped=true&lang=css&\"; export default mod; 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=1ae1dc20&scoped=true&lang=css&\"","import mod 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=f15101b8&scoped=true&lang=css&\"; export default mod; 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=f15101b8&scoped=true&lang=css&\"","import mod 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=5710a196&scoped=true&lang=css&\"; export default mod; 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=5710a196&scoped=true&lang=css&\"","import mod 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&lang=css&\"; export default mod; 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&lang=css&\"","import mod 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=91c71956&scoped=true&lang=css&\"; export default mod; 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=91c71956&scoped=true&lang=css&\"","import mod 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=e5e606d8&scoped=true&lang=css&\"; export default mod; 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=e5e606d8&scoped=true&lang=css&\"","import mod 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=669f3b60&scoped=true&lang=css&\"; export default mod; 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=669f3b60&scoped=true&lang=css&\"","import mod 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=c76fc818&scoped=true&lang=css&\"; export default mod; 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=c76fc818&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","import mod 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=fb9a33c4&scoped=true&lang=css&\"; export default mod; 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=fb9a33c4&scoped=true&lang=css&\"","// 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 \",staticStyle:{\"height\":\"55px\"}},[_c('div',{staticClass:\"flex-1 mx-1\",on:{\"click\":function($event){return _vm.activeCard('greenDiesel')}}},[_c('vs-card',{class:{ active: _vm.isGreenDieselActive },attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-1\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"greenDiesel\"))+\"\\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 },attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-1\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"domesticOil\"))+\"\\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 },attrs:{\"actionable\":\"\"}},[_c('h5',{staticClass:\"boldText text-center pt-1\"},[_c('vs-icon',{attrs:{\"size\":\"20px\",\"icon\":\"location_on\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"exportOil\"))+\"\\n      \")],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row \" style=\"height: 55px\">\n    <div class=\"flex-1 mx-1\" @click=\"activeCard('greenDiesel')\">\n      <vs-card actionable :class=\"{ active: isGreenDieselActive }\">\n        <h5 class=\"boldText text-center pt-1\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\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 }\">\n        <h5 class=\"boldText text-center pt-1\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\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 }\">\n        <h5 class=\"boldText text-center pt-1\">\n          <vs-icon size=\"20px\" icon=\"location_on\"></vs-icon>\n          {{ $t(\"exportOil\") }}\n        </h5>\n      </vs-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { OIL_TYPE } from \"@/constant/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    }),\n  },\n  methods: {\n    activeCard(typeOil) {\n      switch (typeOil) {\n        case OIL_TYPE.GREEN_DIESEL:\n          this.$router.push(\"/\");\n          break;\n        case OIL_TYPE.DOMESTIC_OIL:\n          this.$router.push(\"/Domestic\");\n          break;\n        case OIL_TYPE.EXPORT_OIL:\n          this.$router.push(\"/Export\");\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=bf3b7ba6&\"\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&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","import mod 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=3f451d6f&scoped=true&lang=css&\"; export default mod; 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=3f451d6f&scoped=true&lang=css&\"","import mod 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&lang=css&\"; export default mod; 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&lang=css&\"","import mod 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=8265a670&scoped=true&lang=css&\"; export default mod; 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=8265a670&scoped=true&lang=css&\"","import mod 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=eb840b8e&scoped=true&lang=css&\"; export default mod; 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=eb840b8e&scoped=true&lang=css&\"","import mod 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=8fa7a3fc&scoped=true&lang=css&\"; export default mod; 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=8fa7a3fc&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","import mod 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=19bbdf0e&scoped=true&lang=css&\"; export default mod; 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=19bbdf0e&scoped=true&lang=css&\""],"sourceRoot":""}