.step-progress[data-v-656d8644]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.step-progress[data-v-656d8644]:before{content:"";background-color:#eee}.step-progress[data-v-656d8644]:before,.step-progress__bar[data-v-656d8644]{position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:3px;width:calc(100% - 40px)}.step-progress__bar span[data-v-656d8644]{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:3px;width:0;background-color:#38c172}.step-progress__step[data-v-656d8644]{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid #ddd;background-color:#fff;-webkit-transition:all .35s cubic-bezier(.165,.84,.44,1);transition:all .35s cubic-bezier(.165,.84,.44,1)}.step-progress__step[data-v-656d8644]:after{position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) scale(1.5);transform:translateX(-50%) translateY(-50%) scale(1.5);will-change:transform;font-family:FontAwesome;content:"\F00C";color:#fff;-webkit-transition:all .85s cubic-bezier(.165,.84,.44,1);transition:all .85s cubic-bezier(.165,.84,.44,1)}.step-progress__step span.label-number[data-v-656d8644]{position:absolute;top:50%;left:50%;text-align:center;min-width:100%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);white-space:nowrap}.step-progress__step span.label-text[data-v-656d8644]{position:absolute;top:calc(100% + 10px);left:50%;text-align:center;min-width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-size:1rem;letter-spacing:-.03em;color:#666;font-family:Roboto Condensed,sans-serif;text-transform:uppercase}.step-progress__step.is-active[data-v-656d8644]{border:2px solid #38c172;background-color:#fff}.step-progress__step.is-active .label-number[data-v-656d8644]{color:#434343}.step-progress__step.is-completed[data-v-656d8644]{border:2px solid #38c172;background-color:#38c172}.step-progress__step.is-completed span.label-number[data-v-656d8644]{opacity:0}.step-progress__step.is-completed[data-v-656d8644]:after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);opacity:1}

+1

dist/index.html

<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>Vue App</title><link href=/css/app.af505381.css rel=preload as=style><link href=/js/app.b93dfae1.js rel=preload as=script><link href=/js/chunk-vendors.41832411.js rel=preload as=script><link href=/css/app.af505381.css rel=stylesheet></head><body><div id=app></div><script src=/js/chunk-vendors.41832411.js></script><script src=/js/app.b93dfae1.js></script></body></html>

+2

dist/js/app.b93dfae1.js

		(function(t){function e(e){for(var n,o,u=e[0],i=e[1],c=e[2],l=0,f=[];l<u.length;l++)o=u[l],s[o]&&f.push(s[o][0]),s[o]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n]);p&&p(e);while(f.length)f.shift()();return a.push.apply(a,c\|\|[]),r()}function r(){for(var t,e=0;e<a.length;e++){for(var r=a[e],n=!0,u=1;u<r.length;u++){var i=r[u];0!==s[i]&&(n=!1)}n&&(a.splice(e--,1),t=o(o.s=r[0]))}return t}var n={},s={app:0},a=[];function o(e){if(n[e])return n[e].exports;var r=n[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.m=t,o.c=n,o.d=function(t,e,r){o.o(t,e)\|\|Object.defineProperty(t,e,{enumerable:!0,get:r})},o.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(r,n,function(e){return t[e]}.bind(null,n));return r},o.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="/";var u=window["webpackJsonp"]=window["webpackJsonp"]\|\|[],i=u.push.bind(u);u.push=e,u=u.slice();for(var c=0;c<u.length;c++)e(u[c]);var p=i;a.push(["b5f4","chunk-vendors"]),r()})({"1e07":function(t,e,r){},"501b":function(t,e,r){"use strict";var n=r("1e07"),s=r.n(n);s.a},b5f4:function(t,e,r){"use strict";r.r(e);var n=function(){var t=this,e=t.$createElement,r=t._self._c\|\|e;return r("div",{staticClass:"step-progress"},[t._m(0),t._l(t.steps,function(e,n){return r("div",{key:n,staticClass:"step-progress__step",class:{"is-active":n+1==t.currentStep,"is-completed":t.currentStep>n+1}},[r("span",{staticClass:"label-number"},[t._v(t._s(n+1))]),r("span",{staticClass:"label-text"},[t._v(t._s(e.label))])])})],2)},s=[function(){var t=this,e=t.$createElement,r=t._self._c\|\|e;return r("div",{staticClass:"step-progress__bar"},[r("span",{attrs:{id:"step-progress__bar"}})])}],a=(r("c5f6"),r("1209")),o={props:{currentStep:{type:Number,default:1},steps:{type:Array,default:function(){return[]}}},watch:{currentStep:function(){this.animateStep()}},mounted:function(){},data:function(){return{lastWidth:0}},methods:{animateStep:function(){var t=100/(this.steps.length-1),e=t*(this.currentStep-1);e>100&&(e=100),1==this.currentStep&&(e=0),a["a"].remove("#step-progress__bar"),Object(a["a"])({targets:"#step-progress__bar",width:["".concat(this.lastWidth,"%"),"".concat(e,"%")],duration:950,easing:"easeOutQuad"}),this.lastWidth=e}},computed:{}},u=o,i=(r("501b"),r("2877")),c=Object(i["a"])(u,n,s,!1,null,"656d8644",null);e["default"]=c.exports}});
		//# sourceMappingURL=app.b93dfae1.js.map

+1

dist/js/app.b93dfae1.js.map

{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/StepIndicator.vue?372d","webpack:///./src/StepIndicator.vue?c1a4","webpack:///src/StepIndicator.vue","webpack:///./src/StepIndicator.vue?2fd0","webpack:///./src/StepIndicator.vue"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","app","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_Users_patricklarsson_config_yarn_global_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_Users_patricklarsson_config_yarn_global_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StepIndicator_vue_vue_type_style_index_0_id_656d8644_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_Users_patricklarsson_config_yarn_global_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_Users_patricklarsson_config_yarn_global_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StepIndicator_vue_vue_type_style_index_0_id_656d8644_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","step","idx","class","is-active","currentStep","is-completed","_v","_s","label","staticRenderFns","attrs","id","StepIndicatorvue_type_script_lang_js_","props","type","Number","default","steps","Array","watch","animateStep","mounted","lastWidth","methods","increment","perc","anime_es","remove","targets","width","concat","duration","easing","computed","src_StepIndicatorvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"aACA,SAAAA,EAAAC,GAQA,IAPA,IAMAC,EAAAC,EANAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAIAM,EAAA,EAAAC,EAAA,GACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAGAe,KAAAhB,GAEA,MAAAO,EAAAC,OACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,GAAA,IAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,EAAA,GAKApB,EAAA,CACAqB,IAAA,GAGAZ,EAAA,GAGA,SAAAS,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAA8B,QAGA,IAAAC,EAAAH,EAAA5B,GAAA,CACAK,EAAAL,EACAgC,GAAA,EACAF,QAAA,IAUA,OANAhB,EAAAd,GAAAa,KAAAkB,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAnB,EAGAY,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACA1B,OAAA6B,eAAAT,EAAAM,EAAA,CAA0CI,YAAA,EAAAC,IAAAJ,KAK1CX,EAAAgB,EAAA,SAAAZ,GACA,qBAAAa,eAAAC,aACAlC,OAAA6B,eAAAT,EAAAa,OAAAC,YAAA,CAAwDC,MAAA,WAExDnC,OAAA6B,eAAAT,EAAA,cAAiDe,OAAA,KAQjDnB,EAAAoB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAAnB,EAAAmB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,kBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAvC,OAAAwC,OAAA,MAGA,GAFAxB,EAAAgB,EAAAO,GACAvC,OAAA6B,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAAnB,EAAAS,EAAAc,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAvB,EAAA2B,EAAA,SAAAtB,GACA,IAAAM,EAAAN,KAAAiB,WACA,WAA2B,OAAAjB,EAAA,YAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAgB,EAAAC,GAAsD,OAAA7C,OAAAC,UAAAC,eAAAC,KAAAyC,EAAAC,IAGtD7B,EAAA8B,EAAA,IAEA,IAAAC,EAAAC,OAAA,gBAAAA,OAAA,oBACAC,EAAAF,EAAAhD,KAAA2C,KAAAK,GACAA,EAAAhD,KAAAX,EACA2D,IAAAG,QACA,QAAAvD,EAAA,EAAgBA,EAAAoD,EAAAlD,OAAuBF,IAAAP,EAAA2D,EAAApD,IACvC,IAAAU,EAAA4C,EAIA1C,EAAAR,KAAA,0BAEAU,oECtJA,IAAA0C,EAAAnC,EAAA,QAAAoC,EAAApC,EAAA2B,EAAAQ,GAAknBC,EAAG,4CCArnB,IAAAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA4B,CAAAN,EAAAO,GAAA,GAAAP,EAAAQ,GAAAR,EAAA,eAAAS,EAAAC,GAAkD,OAAAN,EAAA,OAAiBjB,IAAAuB,EAAAJ,YAAA,sBAAAK,MAAA,CAAiDC,YAAAF,EAAA,GAAAV,EAAAa,YAAAC,eAAAd,EAAAa,YAAAH,EAAA,IAAoF,CAAAN,EAAA,QAAaE,YAAA,gBAA2B,CAAAN,EAAAe,GAAAf,EAAAgB,GAAAN,EAAA,MAAAN,EAAA,QAAqCE,YAAA,cAAyB,CAAAN,EAAAe,GAAAf,EAAAgB,GAAAP,EAAAQ,eAAiC,IACrdC,EAAA,YAAoC,IAAAlB,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,sBAAiC,CAAAF,EAAA,QAAae,MAAA,CAAOC,GAAA,oDCgBzKC,EAAA,CAEAC,MAAA,CACAT,YAAA,CACAU,KAAAC,OACAC,QAAA,GAEAC,MAAA,CACAH,KAAAI,MACAF,QAAA,uBAIAG,MAAA,CACAf,YADA,WAEAZ,KAAA4B,gBAIAC,QAnBA,aAuBA/F,KAvBA,WAwBA,OACAgG,UAAA,IAIAC,QAAA,CACAH,YADA,WAGA,IAAAI,EAAA,KAAAhC,KAAAyB,MAAAnF,OAAA,GACA2F,EAAAD,GAAAhC,KAAAY,YAAA,GAEAqB,EAAA,MACAA,EAAA,KAEA,GAAAjC,KAAAY,cACAqB,EAAA,GAEAC,EAAA,KAAAC,OAAA,uBACA1F,OAAAyF,EAAA,KAAAzF,CAAA,CACA2F,QAAA,sBACAC,MAAA,IAAAC,OAAAtC,KAAA8B,UAAA,QAAAQ,OAAAL,EAAA,MACAM,SAAA,IACAC,OAAA,gBAGAxC,KAAA8B,UAAAG,IAKAQ,SAAA,ICvEwUC,EAAA,0BCQxUC,EAAgBlG,OAAAmG,EAAA,KAAAnG,CACdiG,EACA5C,EACAmB,GACF,EACA,KACA,WACA,MAIe4B,EAAA,WAAAF","file":"js/app.b93dfae1.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([\"b5f4\",\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../../Users/patricklarsson/.config/yarn/global/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../Users/patricklarsson/.config/yarn/global/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepIndicator.vue?vue&type=style&index=0&id=656d8644&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../Users/patricklarsson/.config/yarn/global/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../Users/patricklarsson/.config/yarn/global/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepIndicator.vue?vue&type=style&index=0&id=656d8644&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-progress\"},[_vm._m(0),_vm._l((_vm.steps),function(step,idx){return _c('div',{key:idx,staticClass:\"step-progress__step\",class:{'is-active': (idx+1)==_vm.currentStep, 'is-completed': (_vm.currentStep > (idx+1))}},[_c('span',{staticClass:\"label-number\"},[_vm._v(_vm._s(idx+1))]),_c('span',{staticClass:\"label-text\"},[_vm._v(_vm._s(step.label))])])})],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-progress__bar\"},[_c('span',{attrs:{\"id\":\"step-progress__bar\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n <div class=\"step-progress\">\n <div class=\"step-progress__bar\">\n <span id=\"step-progress__bar\"></span>\n </div>\n <div v-for=\"(step, idx) in steps\" v-bind:key=\"idx\" class=\"step-progress__step\" :class=\"{'is-active': (idx+1)==currentStep, 'is-completed': (currentStep > (idx+1))}\">\n <span class=\"label-number\">{{ idx+1 }}</span>\n <span class=\"label-text\">{{ step.label }}</span>\n </div>\n </div>\n\n</template>\n\n<script>\n\n import anime from 'animejs'\n\n export default {\n\n props: {\n currentStep: {\n type: Number,\n default: 1\n },\n steps: {\n type: Array,\n default: () => []\n }\n },\n\n watch: {\n currentStep() {\n this.animateStep()\n }\n },\n\n mounted() {\n\n },\n\n data() {\n return {\n lastWidth: 0,\n }\n },\n\n methods: {\n animateStep() {\n\n let increment = 100/(this.steps.length-1)\n let perc = increment * (this.currentStep-1)\n\n if( perc > 100 )\n perc = 100\n\n if( this.currentStep == 1 )\n perc = 0\n\n anime.remove('#step-progress__bar')\n anime({\n targets: '#step-progress__bar',\n width: [`${this.lastWidth}%`, `${perc}%`],\n duration: 950,\n easing: 'easeOutQuad',\n })\n\n this.lastWidth = perc\n\n }\n },\n\n computed: {\n\n }\n\n }\n</script>\n\n<style lang=\"scss\" scoped>\n\n .step-progress {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n height: 40px;\n\n &:before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 20px;\n transform: translateY(-50%);\n height: 3px;\n width: calc(100% - 40px);\n background-color: #eee;\n }\n\n &__bar {\n position: absolute;\n top: 50%;\n left: 20px;\n transform: translateY(-50%);\n height: 3px;\n width: calc(100% - 40px);\n span {\n position: absolute;\n top: 50%;\n left: 0px;\n transform: translateY(-50%);\n height: 3px;\n width: 0;\n background-color: #38c172;\n }\n }\n\n &__step {\n position: relative;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 2px solid #ddd;\n background-color: white;\n -webkit-transition: all .35s cubic-bezier(0.165, 0.840, 0.440, 1.000);\n -moz-transition: all .35s cubic-bezier(0.165, 0.840, 0.440, 1.000);\n -o-transition: all .35s cubic-bezier(0.165, 0.840, 0.440, 1.000);\n transition: all .35s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */\n\n &:after {\n position: absolute;\n top: 50%; left: 50%;\n opacity: 0;\n transform: translateX(-50%) translateY(-50%) scale(1.5);\n will-change: transform;\n font-family: 'FontAwesome';\n content: \"\\f00c\";\n color: white;\n -webkit-transition: all .85s cubic-bezier(0.165, 0.840, 0.440, 1.000);\n -moz-transition: all .85s cubic-bezier(0.165, 0.840, 0.440, 1.000);\n -o-transition: all .85s cubic-bezier(0.165, 0.840, 0.440, 1.000);\n transition: all .85s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */\n }\n\n span.label-number {\n position: absolute;\n top: 50%;\n left: 50%;\n text-align: center;\n min-width: 100%;\n transform: translateX(-50%) translateY(-50%);\n white-space: nowrap;\n }\n\n span.label-text {\n position: absolute;\n top: calc(100% + 10px);\n left: 50%;\n text-align: center;\n min-width: 100%;\n transform: translateX(-50%);\n white-space: nowrap;\n font-size: 1rem;\n letter-spacing: -.03em;\n color: #666;\n font-family: 'Roboto Condensed', sans-serif;\n text-transform: uppercase;\n\n }\n\n &.is-active {\n border: 2px solid #38c172;\n background-color: white;\n .label-number {\n color: #434343;\n }\n }\n\n &.is-completed {\n\n border: 2px solid #38c172;\n background-color: #38c172;\n\n span.label-number {\n opacity: 0;\n }\n\n &:after {\n transform: translateX(-50%) translateY(-50%) scale(1);\n opacity: 1;\n }\n }\n\n }\n\n }\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/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!./StepIndicator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepIndicator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepIndicator.vue?vue&type=template&id=656d8644&scoped=true&\"\nimport script from \"./StepIndicator.vue?vue&type=script&lang=js&\"\nexport * from \"./StepIndicator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StepIndicator.vue?vue&type=style&index=0&id=656d8644&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"656d8644\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}

+2

dist/js/chunk-vendors.41832411.js

		(window["webpackJsonp"]=window["webpackJsonp"]\|\|[]).push([["chunk-vendors"],{"0d58":function(n,t,e){var r=e("ce10"),o=e("e11e");n.exports=Object.keys\|\|function(n){return r(n,o)}},"11e9":function(n,t,e){var r=e("52a7"),o=e("4630"),a=e("6821"),i=e("6a99"),u=e("69a8"),c=e("c69a"),f=Object.getOwnPropertyDescriptor;t.f=e("9e1e")?f:function(n,t){if(n=a(n),t=i(t,!0),c)try{return f(n,t)}catch(e){}if(u(n,t))return o(!r.f.call(n,t),n[t])}},1209:function(n,t,e){"use strict";var r={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},o={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},a=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective"],i={CSS:{},springs:{}};function u(n,t,e){return Math.min(Math.max(n,t),e)}function c(n,t){return n.indexOf(t)>-1}function f(n,t){return n.apply(null,t)}var s={arr:function(n){return Array.isArray(n)},obj:function(n){return c(Object.prototype.toString.call(n),"Object")},pth:function(n){return s.obj(n)&&n.hasOwnProperty("totalLength")},svg:function(n){return n instanceof SVGElement},inp:function(n){return n instanceof HTMLInputElement},dom:function(n){return n.nodeType\|\|s.svg(n)},str:function(n){return"string"===typeof n},fnc:function(n){return"function"===typeof n},und:function(n){return"undefined"===typeof n},hex:function(n){return/(^#[0-9A-F]{6}$)\|(^#[0-9A-F]{3}$)/i.test(n)},rgb:function(n){return/^rgb/.test(n)},hsl:function(n){return/^hsl/.test(n)},col:function(n){return s.hex(n)\|\|s.rgb(n)\|\|s.hsl(n)},key:function(n){return!r.hasOwnProperty(n)&&!o.hasOwnProperty(n)&&"targets"!==n&&"keyframes"!==n}};function l(n){var t=/$([^)]+)$/.exec(n);return t?t[1].split(",").map(function(n){return parseFloat(n)}):[]}function p(n,t){var e=l(n),r=u(s.und(e[0])?1:e[0],.1,100),o=u(s.und(e[1])?100:e[1],.1,100),a=u(s.und(e[2])?10:e[2],.1,100),c=u(s.und(e[3])?0:e[3],.1,100),f=Math.sqrt(o/r),p=a/(2Math.sqrt(or)),d=p<1?fMath.sqrt(1-pp):0,v=1,h=p<1?(pf-c)/d:-c+f;function g(n){var e=t?tn/1e3:n;return e=p<1?Math.exp(-epf)(vMath.cos(de)+hMath.sin(de)):(v+he)Math.exp(-ef),0===n\|\|1===n?n:1-e}function m(){var t=i.springs[n];if(t)return t;var e=1/6,r=0,o=0;while(1)if(r+=e,1===g(r)){if(o++,o>=16)break}else o=0;var a=re1e3;return i.springs[n]=a,a}return t?g:m}function d(n,t){void 0===n&&(n=1),void 0===t&&(t=.5);var e=u(n,1,10),r=u(t,.1,2);return function(n){return 0===n\|\|1===n?n:-eMath.pow(2,10(n-1))Math.sin((n-1-r/(2Math.PI)Math.asin(1/e))(2Math.PI)/r)}}function v(n){return void 0===n&&(n=10),function(t){return Math.round(tn)(1/n)}}var h=function(){var n=11,t=1/(n-1);function e(n,t){return 1-3t+3n}function r(n,t){return 3t-6n}function o(n){return 3n}function a(n,t,a){return((e(t,a)n+r(t,a))n+o(t))n}function i(n,t,a){return 3e(t,a)nn+2r(t,a)n+o(t)}function u(n,t,e,r,o){var i,u,c=0;do{u=t+(e-t)/2,i=a(u,r,o)-n,i>0?e=u:t=u}while(Math.abs(i)>1e-7&&++c<10);return u}function c(n,t,e,r){for(var o=0;o<4;++o){var u=i(t,e,r);if(0===u)return t;var c=a(t,e,r)-n;t-=c/u}return t}function f(e,r,o,f){if(0<=e&&e<=1&&0<=o&&o<=1){var s=new Float32Array(n);if(e!==r\|\|o!==f)for(var l=0;l<n;++l)s[l]=a(lt,e,o);return function(n){return e===r&&o===f?n:0===n\|\|1===n?n:a(p(n),r,f)}}function p(r){for(var a=0,f=1,l=n-1;f!==l&&s[f]<=r;++f)a+=t;--f;var p=(r-s[f])/(s[f+1]-s[f]),d=a+pt,v=i(d,e,o);return v>=.001?c(r,d,e,o):0===v?d:u(r,a,a+t,e,o)}}return f}(),g=function(){var n=["Quad","Cubic","Quart","Quint","Sine","Expo","Circ","Back","Elastic"],t={In:[[.55,.085,.68,.53],[.55,.055,.675,.19],[.895,.03,.685,.22],[.755,.05,.855,.06],[.47,0,.745,.715],[.95,.05,.795,.035],[.6,.04,.98,.335],[.6,-.28,.735,.045],d],Out:[[.25,.46,.45,.94],[.215,.61,.355,1],[.165,.84,.44,1],[.23,1,.32,1],[.39,.575,.565,1],[.19,1,.22,1],[.075,.82,.165,1],[.175,.885,.32,1.275],function(n,t){return function(e){return 1-d(n,t)(1-e)}}],InOut:[[.455,.03,.515,.955],[.645,.045,.355,1],[.77,0,.175,1],[.86,0,.07,1],[.445,.05,.55,.95],[1,0,0,1],[.785,.135,.15,.86],[.68,-.55,.265,1.55],function(n,t){return function(e){return e<.5?d(n,t)(2e)/2:1-d(n,t)(-2e+2)/2}}]},e={linear:[.25,.25,.75,.75]},r=function(r){t[r].forEach(function(t,o){e["ease"+r+n[o]]=t})};for(var o in t)r(o);return e}();function m(n,t){if(s.fnc(n))return n;var e=n.split("(")[0],r=g[e],o=l(n);switch(e){case"spring":return p(n,t);case"cubicBezier":return f(h,o);case"steps":return f(v,o);default:return s.fnc(r)?f(r,o):f(h,r)}}function y(n){try{var t=document.querySelectorAll(n);return t}catch(e){return}}function b(n,t){for(var e=n.length,r=arguments.length>=2?arguments[1]:void 0,o=[],a=0;a<e;a++)if(a in n){var i=n[a];t.call(r,i,a,n)&&o.push(i)}return o}function x(n){return n.reduce(function(n,t){return n.concat(s.arr(t)?x(t):t)},[])}function w(n){return s.arr(n)?n:(s.str(n)&&(n=y(n)\|\|n),n instanceof NodeList\|\|n instanceof HTMLCollection?[].slice.call(n):[n])}function M(n,t){return n.some(function(n){return n===t})}function O(n){var t={};for(var e in n)t[e]=n[e];return t}function _(n,t){var e=O(n);for(var r in n)e[r]=t.hasOwnProperty(r)?t[r]:n[r];return e}function E(n,t){var e=O(n);for(var r in t)e[r]=s.und(n[r])?t[r]:n[r];return e}function I(n){var t=/rgb$(\d+,\s[\d]+,\s[\d]+)$/g.exec(n);return t?"rgba("+t[1]+",1)":n}function C(n){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,e=n.replace(t,function(n,t,e,r){return t+t+e+e+r+r}),r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e),o=parseInt(r[1],16),a=parseInt(r[2],16),i=parseInt(r[3],16);return"rgba("+o+","+a+","+i+",1)"}function N(n){var t,e,r,o=/hsl$(\d+),\s([\d.]+)%,\s([\d.]+)%$/g.exec(n)\|\|/hsla$(\d+),\s([\d.]+)%,\s([\d.]+)%,\s([\d.]+)$/g.exec(n),a=parseInt(o[1],10)/360,i=parseInt(o[2],10)/100,u=parseInt(o[3],10)/100,c=o[4]\|\|1;function f(n,t,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?n+6(t-n)e:e<.5?t:e<2/3?n+(t-n)(2/3-e)6:n}if(0==i)t=e=r=u;else{var s=u<.5?u(1+i):u+i-ui,l=2u-s;t=f(l,s,a+1/3),e=f(l,s,a),r=f(l,s,a-1/3)}return"rgba("+255t+","+255e+","+255r+","+c+")"}function P(n){return s.rgb(n)?I(n):s.hex(n)?C(n):s.hsl(n)?N(n):void 0}function S(n){var t=/([\+\-]?[0-9#\.]+)(%\|px\|pt\|em\|rem\|in\|cm\|mm\|ex\|ch\|pc\|vw\|vh\|vmin\|vmax\|deg\|rad\|turn)?$/.exec(n);if(t)return t[2]}function k(n){return c(n,"translate")\|\|"perspective"===n?"px":c(n,"rotate")\|\|c(n,"skew")?"deg":void 0}function T(n,t){return s.fnc(n)?n(t.target,t.id,t.total):n}function j(n,t){return n.getAttribute(t)}function F(n,t,e){var r=S(t);if(M([e,"deg","rad","turn"],r))return t;var o=i.CSS[t+e];if(!s.und(o))return o;var a=100,u=document.createElement(n.tagName),c=n.parentNode&&n.parentNode!==document?n.parentNode:document.body;c.appendChild(u),u.style.position="absolute",u.style.width=a+e;var f=a/u.offsetWidth;c.removeChild(u);var l=fparseFloat(t);return i.CSS[t+e]=l,l}function A(n,t,e){if(t in n.style){var r=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),o=n.style[t]\|\|getComputedStyle(n).getPropertyValue(r)\|\|"0";return e?F(n,o,e):o}}function B(n,t){return s.dom(n)&&!s.inp(n)&&(j(n,t)\|\|s.svg(n)&&n[t])?"attribute":s.dom(n)&&M(a,t)?"transform":s.dom(n)&&"transform"!==t&&A(n,t)?"css":null!=n[t]?"object":void 0}function D(n){if(s.dom(n)){var t,e=n.style.transform\|\|"",r=/(\w+)$([^)])$/g,o=new Map;while(t=r.exec(e))o.set(t[1],t[2]);return o}}function L(n,t,e,r){var o=c(t,"scale")?1:0+k(t),a=D(n).get(t)\|\|o;return e&&(e.transforms.list.set(t,a),e.transforms["last"]=t),r?F(n,a,r):a}function $(n,t,e,r){switch(B(n,t)){case"transform":return L(n,t,r,e);case"css":return A(n,t,e);case"attribute":return j(n,t);default:return n[t]\|\|0}}function R(n,t){var e=/^(\=\|\+=\|-=)/.exec(n);if(!e)return n;var r=S(n)\|\|0,o=parseFloat(t),a=parseFloat(n.replace(e[0],""));switch(e[0][0]){case"+":return o+a+r;case"-":return o-a+r;case"":return oa+r}}function V(n,t){if(s.col(n))return P(n);var e=S(n),r=e?n.substr(0,n.length-e.length):n;return t&&!/\s/g.test(n)?r+t:r}function X(n,t){return Math.sqrt(Math.pow(t.x-n.x,2)+Math.pow(t.y-n.y,2))}function q(n){return 2Math.PIj(n,"r")}function G(n){return 2j(n,"width")+2j(n,"height")}function U(n){return X({x:j(n,"x1"),y:j(n,"y1")},{x:j(n,"x2"),y:j(n,"y2")})}function Y(n){for(var t,e=n.points,r=0,o=0;o<e.numberOfItems;o++){var a=e.getItem(o);o>0&&(r+=X(t,a)),t=a}return r}function z(n){var t=n.points;return Y(n)+X(t.getItem(t.numberOfItems-1),t.getItem(0))}function Z(n){if(n.getTotalLength)return n.getTotalLength();switch(n.tagName.toLowerCase()){case"circle":return q(n);case"rect":return G(n);case"line":return U(n);case"polyline":return Y(n);case"polygon":return z(n)}}function Q(n){var t=Z(n);return n.setAttribute("stroke-dasharray",t),t}function W(n){var t=n.parentNode;while(s.svg(t))if(t=t.parentNode,!s.svg(t.parentNode))break;return t}function H(n,t){var e=t\|\|{},r=e.el\|\|W(n),o=r.getBoundingClientRect(),a=j(r,"viewBox"),i=o.width,u=o.height,c=e.viewBox\|\|(a?a.split(" "):[0,0,i,u]);return{el:r,viewBox:c,x:c[0]/1,y:c[1]/1,w:i/c[2],h:u/c[3]}}function J(n,t){var e=s.str(n)?y(n)[0]:n,r=t\|\|100;return function(n){return{property:n,el:e,svg:H(e),totalLength:Z(e)(r/100)}}}function K(n,t){function e(e){void 0===e&&(e=0);var r=t+e>=1?t+e:0;return n.el.getPointAtLength(r)}var r=H(n.el,n.svg),o=e(),a=e(-1),i=e(1);switch(n.property){case"x":return(o.x-r.x)r.w;case"y":return(o.y-r.y)r.h;case"angle":return 180Math.atan2(i.y-a.y,i.x-a.x)/Math.PI}}function nn(n,t){var e=/-?\d\.?\d+/g,r=V(s.pth(n)?n.totalLength:n,t)+"";return{original:r,numbers:r.match(e)?r.match(e).map(Number):[0],strings:s.str(n)\|\|t?r.split(e):[]}}function tn(n){var t=n?x(s.arr(n)?n.map(w):w(n)):[];return b(t,function(n,t,e){return e.indexOf(n)===t})}function en(n){var t=tn(n);return t.map(function(n,e){return{target:n,id:e,total:t.length,transforms:{list:D(n)}}})}function rn(n,t){var e=O(t);if(/^spring/.test(e.easing)&&(e.duration=p(e.easing)),s.arr(n)){var r=n.length,o=2===r&&!s.obj(n[0]);o?n={value:n}:s.fnc(t.duration)\|\|(e.duration=t.duration/r)}var a=s.arr(n)?n:[n];return a.map(function(n,e){var r=s.obj(n)&&!s.pth(n)?n:{value:n};return s.und(r.delay)&&(r.delay=e?0:t.delay),s.und(r.endDelay)&&(r.endDelay=e===a.length-1?t.endDelay:0),r}).map(function(n){return E(n,e)})}function on(n){for(var t=b(x(n.map(function(n){return Object.keys(n)})),function(n){return s.key(n)}).reduce(function(n,t){return n.indexOf(t)<0&&n.push(t),n},[]),e={},r=function(r){var o=t[r];e[o]=n.map(function(n){var t={};for(var e in n)s.key(e)?e==o&&(t.value=n[e]):t[e]=n[e];return t})},o=0;o<t.length;o++)r(o);return e}function an(n,t){var e=[],r=t.keyframes;for(var o in r&&(t=E(on(r),t)),t)s.key(o)&&e.push({name:o,tweens:rn(t[o],n)});return e}function un(n,t){var e={};for(var r in n){var o=T(n[r],t);s.arr(o)&&(o=o.map(function(n){return T(n,t)}),1===o.length&&(o=o[0])),e[r]=o}return e.duration=parseFloat(e.duration),e.delay=parseFloat(e.delay),e}function cn(n,t){var e;return n.tweens.map(function(r){var o=un(r,t),a=o.value,i=s.arr(a)?a[1]:a,u=S(i),c=$(t.target,n.name,u,t),f=e?e.to.original:c,l=s.arr(a)?a[0]:f,p=S(l)\|\|S(c),d=u\|\|p;return s.und(i)&&(i=f),o.from=nn(l,d),o.to=nn(R(i,l),d),o.start=e?e.end:0,o.end=o.start+o.delay+o.duration+o.endDelay,o.easing=m(o.easing,o.duration),o.isPath=s.pth(a),o.isColor=s.col(o.from.original),o.isColor&&(o.round=1),e=o,o})}var fn={css:function(n,t,e){return n.style[t]=e},attribute:function(n,t,e){return n.setAttribute(t,e)},object:function(n,t,e){return n[t]=e},transform:function(n,t,e,r,o){if(r.list.set(t,e),t===r.last\|\|o){var a="";r.list.forEach(function(n,t){a+=t+"("+n+") "}),n.style.transform=a}}};function sn(n,t){var e=en(n);e.forEach(function(n){for(var e in t){var r=T(t[e],n),o=n.target,a=S(r),i=$(o,e,a,n),u=a\|\|S(i),c=R(V(r,u),i),f=B(o,e);fn[f](o,e,c,n.transforms,!0)}})}function ln(n,t){var e=B(n.target,t.name);if(e){var r=cn(t,n),o=r[r.length-1];return{type:e,property:t.name,animatable:n,tweens:r,duration:o.end,delay:r[0].delay,endDelay:o.endDelay}}}function pn(n,t){return b(x(n.map(function(n){return t.map(function(t){return ln(n,t)})})),function(n){return!s.und(n)})}function dn(n,t){var e=n.length,r=function(n){return n.timelineOffset?n.timelineOffset:0},o={};return o.duration=e?Math.max.apply(Math,n.map(function(n){return r(n)+n.duration})):t.duration,o.delay=e?Math.min.apply(Math,n.map(function(n){return r(n)+n.delay})):t.delay,o.endDelay=e?o.duration-Math.max.apply(Math,n.map(function(n){return r(n)+n.duration-n.endDelay})):t.endDelay,o}var vn=0;function hn(n){var t=_(r,n),e=_(o,n),a=an(e,n),i=en(n.targets),u=pn(i,a),c=dn(u,e),f=vn;return vn++,E(t,{id:f,children:[],animatables:i,animations:u,duration:c.duration,delay:c.delay,endDelay:c.endDelay})}var gn,mn=[],yn=[],bn=function(){function n(){gn=requestAnimationFrame(t)}function t(t){var e=mn.length;if(e){var r=0;while(r<e){var o=mn[r];if(o.paused){var a=mn.indexOf(o);a>-1&&(mn.splice(a,1),e=mn.length)}else o.tick(t);r++}n()}else gn=cancelAnimationFrame(gn)}return n}();function xn(){document.hidden?(mn.forEach(function(n){return n.pause()}),yn=mn.slice(0),mn=[]):yn.forEach(function(n){return n.play()})}function wn(n){void 0===n&&(n={});var t,e=0,r=0,o=0,a=0,i=null;function c(n){var t=window.Promise&&new Promise(function(n){return i=n});return n.finished=t,t}var f=hn(n);c(f);function s(){var n=f.direction;"alternate"!==n&&(f.direction="normal"!==n?"normal":"reverse"),f.reversed=!f.reversed,t.forEach(function(n){return n.reversed=f.reversed})}function l(n){return f.reversed?f.duration-n:n}function p(){e=0,r=l(f.currentTime)(1/wn.speed)}function d(n,t){t&&t.seek(n-t.timelineOffset)}function v(n){if(f.reversePlayback)for(var e=a;e--;)d(n,t[e]);else for(var r=0;r<a;r++)d(n,t[r])}function h(n){var t=0,e=f.animations,r=e.length;while(t<r){var o=e[t],a=o.animatable,i=o.tweens,c=i.length-1,s=i[c];c&&(s=b(i,function(t){return n<t.end})[0]\|\|s);for(var l=u(n-s.start-s.delay,0,s.duration)/s.duration,p=isNaN(l)?1:s.easing(l),d=s.to.strings,v=s.round,h=[],g=s.to.numbers.length,m=void 0,y=0;y<g;y++){var x=void 0,w=s.to.numbers[y],M=s.from.numbers[y]\|\|0;x=s.isPath?K(s.value,pw):M+p(w-M),v&&(s.isColor&&y>2\|\|(x=Math.round(xv)/v)),h.push(x)}var O=d.length;if(O){m=d[0];for(var _=0;_<O;_++){d[_];var E=d[_+1],I=h[_];isNaN(I)\|\|(m+=E?I+E:I+" ")}}else m=h[0];fn[o.type](a.target,o.property,m,a.transforms),o.currentValue=m,t++}}function g(n){f[n]&&!f.passThrough&&f[n](f)}function m(){f.remaining&&!0!==f.remaining&&f.remaining--}function y(n){var a=f.duration,p=f.delay,d=a-f.endDelay,y=l(n);f.progress=u(y/a100,0,100),f.reversePlayback=y<f.currentTime,t&&v(y),!f.began&&f.currentTime>0&&(f.began=!0,g("begin"),g("loopBegin")),y<=p&&0!==f.currentTime&&h(0),(y>=d&&f.currentTime!==a\|\|!a)&&h(a),y>p&&y<d?(f.changeBegan\|\|(f.changeBegan=!0,f.changeCompleted=!1,g("changeBegin")),g("change"),h(y)):f.changeBegan&&(f.changeCompleted=!0,f.changeBegan=!1,g("changeComplete")),f.currentTime=u(y,0,a),f.began&&g("update"),n>=a&&(r=0,m(),f.remaining?(e=o,g("loopComplete"),g("loopBegin"),"alternate"===f.direction&&s()):(f.paused=!0,f.completed\|\|(f.completed=!0,g("loopComplete"),g("complete"),!f.passThrough&&"Promise"in window&&(i(),c(f)))))}return f.reset=function(){var n=f.direction;f.passThrough=!1,f.currentTime=0,f.progress=0,f.paused=!0,f.began=!1,f.changeBegan=!1,f.completed=!1,f.changeCompleted=!1,f.reversePlayback=!1,f.reversed="reverse"===n,f.remaining=f.loop,t=f.children,a=t.length;for(var e=a;e--;)f.children[e].reset();(f.reversed&&!0!==f.loop\|\|"alternate"===n&&1===f.loop)&&f.remaining++,h(0)},f.set=function(n,t){return sn(n,t),f},f.tick=function(n){o=n,e\|\|(e=o),y((o+(r-e))wn.speed)},f.seek=function(n){y(l(n))},f.pause=function(){f.paused=!0,p()},f.play=function(){f.paused&&(f.completed&&f.reset(),f.paused=!1,mn.push(f),p(),gn\|\|bn())},f.reverse=function(){s(),p()},f.restart=function(){f.reset(),f.play()},f.reset(),f.autoplay&&f.play(),f}function Mn(n,t){for(var e=t.length;e--;)M(n,t[e].animatable.target)&&t.splice(e,1)}function On(n){for(var t=tn(n),e=mn.length;e--;){var r=mn[e],o=r.animations,a=r.children;Mn(t,o);for(var i=a.length;i--;){var u=a[i],c=u.animations;Mn(t,c),c.length\|\|u.children.length\|\|a.splice(i,1)}o.length\|\|a.length\|\|r.pause()}}function _n(n,t){void 0===t&&(t={});var e=t.direction\|\|"normal",r=t.easing?m(t.easing):null,o=t.grid,a=t.axis,i=t.from\|\|0,u="first"===i,c="center"===i,f="last"===i,l=s.arr(n),p=l?parseFloat(n[0]):parseFloat(n),d=l?parseFloat(n[1]):0,v=S(l?n[1]:n)\|\|0,h=t.start\|\|0+(l?p:0),g=[],y=0;return function(n,t,s){if(u&&(i=0),c&&(i=(s-1)/2),f&&(i=s-1),!g.length){for(var m=0;m<s;m++){if(o){var b=c?(o[0]-1)/2:i%o[0],x=c?(o[1]-1)/2:Math.floor(i/o[0]),w=m%o[0],M=Math.floor(m/o[0]),O=b-w,_=x-M,E=Math.sqrt(OO+__);"x"===a&&(E=-O),"y"===a&&(E=-_),g.push(E)}else g.push(Math.abs(i-m));y=Math.max.apply(Math,g)}r&&(g=g.map(function(n){return r(n/y)y})),"reverse"===e&&(g=g.map(function(n){return a?n<0?-1n:-n:Math.abs(y-n)}))}var I=l?(d-p)/y:p;return h+I(Math.round(100g[t])/100)+v}}function En(n){void 0===n&&(n={});var t=wn(n);return t.duration=0,t.add=function(e,r){var a=mn.indexOf(t),i=t.children;function u(n){n.passThrough=!0}a>-1&&mn.splice(a,1);for(var c=0;c<i.length;c++)u(i[c]);var f=E(e,_(o,n));f.targets=f.targets\|\|n.targets;var l=t.duration;f.autoplay=!1,f.direction=t.direction,f.timelineOffset=s.und(r)?l:R(r,l),u(t),t.seek(f.timelineOffset);var p=wn(f);u(p),i.push(p);var d=dn(i,n);return t.delay=d.delay,t.endDelay=d.endDelay,t.duration=d.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t}"undefined"!==typeof document&&document.addEventListener("visibilitychange",xn),wn.version="3.0.1",wn.speed=1,wn.running=mn,wn.remove=On,wn.get=$,wn.set=sn,wn.convertPx=F,wn.path=J,wn.setDashoffset=Q,wn.stagger=_n,wn.timeline=En,wn.easing=m,wn.penner=g,wn.random=function(n,t){return Math.floor(Math.random()(t-n+1))+n},t["a"]=wn},1495:function(n,t,e){var r=e("86cc"),o=e("cb7c"),a=e("0d58");n.exports=e("9e1e")?Object.defineProperties:function(n,t){o(n);var e,i=a(t),u=i.length,c=0;while(u>c)r.f(n,e=i[c++],t[e]);return n}},"230e":function(n,t,e){var r=e("d3f4"),o=e("7726").document,a=r(o)&&r(o.createElement);n.exports=function(n){return a?o.createElement(n):{}}},2877:function(n,t,e){"use strict";function r(n,t,e,r,o,a,i,u){var c,f="function"===typeof n?n.options:n;if(t&&(f.render=t,f.staticRenderFns=e,f._compiled=!0),r&&(f.functional=!0),a&&(f._scopeId="data-v-"+a),i?(c=function(n){n=n\|\|this.$vnode&&this.$vnode.ssrContext\|\|this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,n\|\|"undefined"===typeof __VUE_SSR_CONTEXT__\|\|(n=__VUE_SSR_CONTEXT__),o&&o.call(this,n),n&&n._registeredComponents&&n._registeredComponents.add(i)},f._ssrRegister=c):o&&(c=u?function(){o.call(this,this.$root.$options.shadowRoot)}:o),c)if(f.functional){f._injectStyles=c;var s=f.render;f.render=function(n,t){return c.call(t),s(n,t)}}else{var l=f.beforeCreate;f.beforeCreate=l?[].concat(l,c):[c]}return{exports:n,options:f}}e.d(t,"a",function(){return r})},"2aba":function(n,t,e){var r=e("7726"),o=e("32e9"),a=e("69a8"),i=e("ca5a")("src"),u="toString",c=Function[u],f=(""+c).split(u);e("8378").inspectSource=function(n){return c.call(n)},(n.exports=function(n,t,e,u){var c="function"==typeof e;c&&(a(e,"name")\|\|o(e,"name",t)),n[t]!==e&&(c&&(a(e,i)\|\|o(e,i,n[t]?""+n[t]:f.join(String(t)))),n===r?n[t]=e:u?n[t]?n[t]=e:o(n,t,e):(delete n[t],o(n,t,e)))})(Function.prototype,u,function(){return"function"==typeof this&&this[i]\|\|c.call(this)})},"2aeb":function(n,t,e){var r=e("cb7c"),o=e("1495"),a=e("e11e"),i=e("613b")("IE_PROTO"),u=function(){},c="prototype",f=function(){var n,t=e("230e")("iframe"),r=a.length,o="<",i=">";t.style.display="none",e("fab2").appendChild(t),t.src="javascript:",n=t.contentWindow.document,n.open(),n.write(o+"script"+i+"document.F=Object"+o+"/script"+i),n.close(),f=n.F;while(r--)delete f[c][a[r]];return f()};n.exports=Object.create\|\|function(n,t){var e;return null!==n?(u[c]=r(n),e=new u,u[c]=null,e[i]=n):e=f(),void 0===t?e:o(e,t)}},"2d00":function(n,t){n.exports=!1},"2d95":function(n,t){var e={}.toString;n.exports=function(n){return e.call(n).slice(8,-1)}},"32e9":function(n,t,e){var r=e("86cc"),o=e("4630");n.exports=e("9e1e")?function(n,t,e){return r.f(n,t,o(1,e))}:function(n,t,e){return n[t]=e,n}},4588:function(n,t){var e=Math.ceil,r=Math.floor;n.exports=function(n){return isNaN(n=+n)?0:(n>0?r:e)(n)}},4630:function(n,t){n.exports=function(n,t){return{enumerable:!(1&n),configurable:!(2&n),writable:!(4&n),value:t}}},"52a7":function(n,t){t.f={}.propertyIsEnumerable},5537:function(n,t,e){var r=e("8378"),o=e("7726"),a="__core-js_shared__",i=o[a]\|\|(o[a]={});(n.exports=function(n,t){return i[n]\|\|(i[n]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:e("2d00")?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},"5ca1":function(n,t,e){var r=e("7726"),o=e("8378"),a=e("32e9"),i=e("2aba"),u=e("9b43"),c="prototype",f=function(n,t,e){var s,l,p,d,v=n&f.F,h=n&f.G,g=n&f.S,m=n&f.P,y=n&f.B,b=h?r:g?r[t]\|\|(r[t]={}):(r[t]\|\|{})[c],x=h?o:o[t]\|\|(o[t]={}),w=x[c]\|\|(x[c]={});for(s in h&&(e=t),e)l=!v&&b&&void 0!==b[s],p=(l?b:e)[s],d=y&&l?u(p,r):m&&"function"==typeof p?u(Function.call,p):p,b&&i(b,s,p,n&f.U),x[s]!=p&&a(x,s,d),m&&w[s]!=p&&(w[s]=p)};r.core=o,f.F=1,f.G=2,f.S=4,f.P=8,f.B=16,f.W=32,f.U=64,f.R=128,n.exports=f},"5dbc":function(n,t,e){var r=e("d3f4"),o=e("8b97").set;n.exports=function(n,t,e){var a,i=t.constructor;return i!==e&&"function"==typeof i&&(a=i.prototype)!==e.prototype&&r(a)&&o&&o(n,a),n}},"613b":function(n,t,e){var r=e("5537")("keys"),o=e("ca5a");n.exports=function(n){return r[n]\|\|(r[n]=o(n))}},"626a":function(n,t,e){var r=e("2d95");n.exports=Object("z").propertyIsEnumerable(0)?Object:function(n){return"String"==r(n)?n.split(""):Object(n)}},6821:function(n,t,e){var r=e("626a"),o=e("be13");n.exports=function(n){return r(o(n))}},"69a8":function(n,t){var e={}.hasOwnProperty;n.exports=function(n,t){return e.call(n,t)}},"6a99":function(n,t,e){var r=e("d3f4");n.exports=function(n,t){if(!r(n))return n;var e,o;if(t&&"function"==typeof(e=n.toString)&&!r(o=e.call(n)))return o;if("function"==typeof(e=n.valueOf)&&!r(o=e.call(n)))return o;if(!t&&"function"==typeof(e=n.toString)&&!r(o=e.call(n)))return o;throw TypeError("Can't convert object to primitive value")}},7726:function(n,t){var e=n.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)},"77f1":function(n,t,e){var r=e("4588"),o=Math.max,a=Math.min;n.exports=function(n,t){return n=r(n),n<0?o(n+t,0):a(n,t)}},"79e5":function(n,t){n.exports=function(n){try{return!!n()}catch(t){return!0}}},8378:function(n,t){var e=n.exports={version:"2.6.3"};"number"==typeof __e&&(__e=e)},"86cc":function(n,t,e){var r=e("cb7c"),o=e("c69a"),a=e("6a99"),i=Object.defineProperty;t.f=e("9e1e")?Object.defineProperty:function(n,t,e){if(r(n),t=a(t,!0),r(e),o)try{return i(n,t,e)}catch(u){}if("get"in e\|\|"set"in e)throw TypeError("Accessors not supported!");return"value"in e&&(n[t]=e.value),n}},"8b97":function(n,t,e){var r=e("d3f4"),o=e("cb7c"),a=function(n,t){if(o(n),!r(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};n.exports={set:Object.setPrototypeOf\|\|("__proto__"in{}?function(n,t,r){try{r=e("9b43")(Function.call,e("11e9").f(Object.prototype,"__proto__").set,2),r(n,[]),t=!(n instanceof Array)}catch(o){t=!0}return function(n,e){return a(n,e),t?n.__proto__=e:r(n,e),n}}({},!1):void 0),check:a}},9093:function(n,t,e){var r=e("ce10"),o=e("e11e").concat("length","prototype");t.f=Object.getOwnPropertyNames\|\|function(n){return r(n,o)}},"9b43":function(n,t,e){var r=e("d8e8");n.exports=function(n,t,e){if(r(n),void 0===t)return n;switch(e){case 1:return function(e){return n.call(t,e)};case 2:return function(e,r){return n.call(t,e,r)};case 3:return function(e,r,o){return n.call(t,e,r,o)}}return function(){return n.apply(t,arguments)}}},"9def":function(n,t,e){var r=e("4588"),o=Math.min;n.exports=function(n){return n>0?o(r(n),9007199254740991):0}},"9e1e":function(n,t,e){n.exports=!e("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},aa77:function(n,t,e){var r=e("5ca1"),o=e("be13"),a=e("79e5"),i=e("fdef"),u="["+i+"]",c="",f=RegExp("^"+u+u+""),s=RegExp(u+u+"$"),l=function(n,t,e){var o={},u=a(function(){return!!i[n]()\|\|c[n]()!=c}),f=o[n]=u?t(p):i[n];e&&(o[e]=f),r(r.P+r.F*u,"String",o)},p=l.trim=function(n,t){return n=String(o(n)),1&t&&(n=n.replace(f,"")),2&t&&(n=n.replace(s,"")),n};n.exports=l},be13:function(n,t){n.exports=function(n){if(void 0==n)throw TypeError("Can't call method on "+n);return n}},c366:function(n,t,e){var r=e("6821"),o=e("9def"),a=e("77f1");n.exports=function(n){return function(t,e,i){var u,c=r(t),f=o(c.length),s=a(i,f);if(n&&e!=e){while(f>s)if(u=c[s++],u!=u)return!0}else for(;f>s;s++)if((n\|\|s in c)&&c[s]===e)return n\|\|s\|\|0;return!n&&-1}}},c5f6:function(n,t,e){"use strict";var r=e("7726"),o=e("69a8"),a=e("2d95"),i=e("5dbc"),u=e("6a99"),c=e("79e5"),f=e("9093").f,s=e("11e9").f,l=e("86cc").f,p=e("aa77").trim,d="Number",v=r[d],h=v,g=v.prototype,m=a(e("2aeb")(g))==d,y="trim"in String.prototype,b=function(n){var t=u(n,!1);if("string"==typeof t&&t.length>2){t=y?t.trim():p(t,3);var e,r,o,a=t.charCodeAt(0);if(43===a\|\|45===a){if(e=t.charCodeAt(2),88===e\|\|120===e)return NaN}else if(48===a){switch(t.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+t}for(var i,c=t.slice(2),f=0,s=c.length;f<s;f++)if(i=c.charCodeAt(f),i<48\|\|i>o)return NaN;return parseInt(c,r)}}return+t};if(!v(" 0o1")\|\|!v("0b1")\|\|v("+0x1")){v=function(n){var t=arguments.length<1?0:n,e=this;return e instanceof v&&(m?c(function(){g.valueOf.call(e)}):a(e)!=d)?i(new h(b(t)),e,v):b(t)};for(var x,w=e("9e1e")?f(h):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),M=0;w.length>M;M++)o(h,x=w[M])&&!o(v,x)&&l(v,x,s(h,x));v.prototype=g,g.constructor=v,e("2aba")(r,d,v)}},c69a:function(n,t,e){n.exports=!e("9e1e")&&!e("79e5")(function(){return 7!=Object.defineProperty(e("230e")("div"),"a",{get:function(){return 7}}).a})},ca5a:function(n,t){var e=0,r=Math.random();n.exports=function(n){return"Symbol(".concat(void 0===n?"":n,")_",(++e+r).toString(36))}},cb7c:function(n,t,e){var r=e("d3f4");n.exports=function(n){if(!r(n))throw TypeError(n+" is not an object!");return n}},ce10:function(n,t,e){var r=e("69a8"),o=e("6821"),a=e("c366")(!1),i=e("613b")("IE_PROTO");n.exports=function(n,t){var e,u=o(n),c=0,f=[];for(e in u)e!=i&&r(u,e)&&f.push(e);while(t.length>c)r(u,e=t[c++])&&(~a(f,e)\|\|f.push(e));return f}},d3f4:function(n,t){n.exports=function(n){return"object"===typeof n?null!==n:"function"===typeof n}},d8e8:function(n,t){n.exports=function(n){if("function"!=typeof n)throw TypeError(n+" is not a function!");return n}},e11e:function(n,t){n.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},fab2:function(n,t,e){var r=e("7726").document;n.exports=r&&r.documentElement},fdef:function(n,t){n.exports="\t\n\v\f\r  ᠎   　\u2028\u2029\ufeff"}}]);
		//# sourceMappingURL=chunk-vendors.41832411.js.map

dist/js/chunk-vendors.41832411.js.map

Sorry, the diff of this file is too big to display

+2

-1

package.json

		{
		"name": "@dazy/step-indicator",
		"version": "0.1.5",
		"version": "0.1.6",
		"scripts": {
		@@ -24,2 +24,3 @@ "serve": "vue-cli-service serve",
		},
		"main": "./dist/app.b93dfae1.js",
		"eslintConfig": {
		@@ -26,0 +27,0 @@ "root": true,

+1

-1

src/StepIndicator.vue

		@@ -6,3 +6,3 @@ <template>
		</div>
		<div v-for="(step, idx) in steps" v-bind:key="step" class="step-progress__step" :class="{'is-active': (idx+1)==currentStep, 'is-completed': (currentStep > (idx+1))}">
		<div v-for="(step, idx) in steps" v-bind:key="idx" class="step-progress__step" :class="{'is-active': (idx+1)==currentStep, 'is-completed': (currentStep > (idx+1))}">
		<span class="label-number">{{ idx+1 }}</span>
		@@ -9,0 +9,0 @@ <span class="label-text">{{ step.label }}</span>

-17

dist/demo.html

		<meta charset="utf-8">
		<title>step-indicator demo</title>
		<script src="https://unpkg.com/vue"></script>
		<script src="./step-indicator.umd.js"></script>
		<link rel="stylesheet" href="./step-indicator.css">

		<div id="app">
		<demo></demo>
		</div>

		<script>
		new Vue({
		components: {
		demo: step-indicator
		}
		}).$mount('#app')
		</script>

dist/step-indicator.common.js

Sorry, the diff of this file is too big to display

dist/step-indicator.common.js.map

Sorry, the diff of this file is too big to display

-1

dist/step-indicator.css

.step-progress[data-v-055e1a9a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.step-progress[data-v-055e1a9a]:before{content:"";background-color:#eee}.step-progress[data-v-055e1a9a]:before,.step-progress__bar[data-v-055e1a9a]{position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:3px;width:calc(100% - 40px)}.step-progress__bar span[data-v-055e1a9a]{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:3px;width:0;background-color:#38c172}.step-progress__step[data-v-055e1a9a]{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid #ddd;background-color:#fff;-webkit-transition:all .35s cubic-bezier(.165,.84,.44,1);transition:all .35s cubic-bezier(.165,.84,.44,1)}.step-progress__step[data-v-055e1a9a]:after{position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) scale(1.5);transform:translateX(-50%) translateY(-50%) scale(1.5);will-change:transform;font-family:FontAwesome;content:"\F00C";color:#fff;-webkit-transition:all .85s cubic-bezier(.165,.84,.44,1);transition:all .85s cubic-bezier(.165,.84,.44,1)}.step-progress__step span.label-number[data-v-055e1a9a]{position:absolute;top:50%;left:50%;text-align:center;min-width:100%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);white-space:nowrap}.step-progress__step span.label-text[data-v-055e1a9a]{position:absolute;top:calc(100% + 10px);left:50%;text-align:center;min-width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-size:1rem;letter-spacing:-.03em;color:#666;font-family:Roboto Condensed,sans-serif;text-transform:uppercase}.step-progress__step.is-active[data-v-055e1a9a]{border:2px solid #38c172;background-color:#fff}.step-progress__step.is-active .label-number[data-v-055e1a9a]{color:#434343}.step-progress__step.is-completed[data-v-055e1a9a]{border:2px solid #38c172;background-color:#38c172}.step-progress__step.is-completed span.label-number[data-v-055e1a9a]{opacity:0}.step-progress__step.is-completed[data-v-055e1a9a]:after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);opacity:1}

dist/step-indicator.umd.js

Sorry, the diff of this file is too big to display

dist/step-indicator.umd.js.map

Sorry, the diff of this file is too big to display

-2

dist/step-indicator.umd.min.js

		(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["step-indicator"]=e():t["step-indicator"]=e()})("undefined"!==typeof self?self:this,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)\|\|Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="3e65")}({"0534":function(t,e,n){},"0d58":function(t,e,n){var r=n("ce10"),o=n("e11e");t.exports=Object.keys\|\|function(t){return r(t,o)}},"11e9":function(t,e,n){var r=n("52a7"),o=n("4630"),a=n("6821"),i=n("6a99"),u=n("69a8"),c=n("c69a"),f=Object.getOwnPropertyDescriptor;e.f=n("9e1e")?f:function(t,e){if(t=a(t),e=i(e,!0),c)try{return f(t,e)}catch(n){}if(u(t,e))return o(!r.f.call(t,e),t[e])}},1495:function(t,e,n){var r=n("86cc"),o=n("cb7c"),a=n("0d58");t.exports=n("9e1e")?Object.defineProperties:function(t,e){o(t);var n,i=a(e),u=i.length,c=0;while(u>c)r.f(t,n=i[c++],e[n]);return t}},"230e":function(t,e,n){var r=n("d3f4"),o=n("7726").document,a=r(o)&&r(o.createElement);t.exports=function(t){return a?o.createElement(t):{}}},"2aba":function(t,e,n){var r=n("7726"),o=n("32e9"),a=n("69a8"),i=n("ca5a")("src"),u="toString",c=Function[u],f=(""+c).split(u);n("8378").inspectSource=function(t){return c.call(t)},(t.exports=function(t,e,n,u){var c="function"==typeof n;c&&(a(n,"name")\|\|o(n,"name",e)),t[e]!==n&&(c&&(a(n,i)\|\|o(n,i,t[e]?""+t[e]:f.join(String(e)))),t===r?t[e]=n:u?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,u,function(){return"function"==typeof this&&this[i]\|\|c.call(this)})},"2aeb":function(t,e,n){var r=n("cb7c"),o=n("1495"),a=n("e11e"),i=n("613b")("IE_PROTO"),u=function(){},c="prototype",f=function(){var t,e=n("230e")("iframe"),r=a.length,o="<",i=">";e.style.display="none",n("fab2").appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(o+"script"+i+"document.F=Object"+o+"/script"+i),t.close(),f=t.F;while(r--)delete f[c][a[r]];return f()};t.exports=Object.create\|\|function(t,e){var n;return null!==t?(u[c]=r(t),n=new u,u[c]=null,n[i]=t):n=f(),void 0===e?n:o(n,e)}},"2d00":function(t,e){t.exports=!1},"2d95":function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},"32e9":function(t,e,n){var r=n("86cc"),o=n("4630");t.exports=n("9e1e")?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},"3e65":function(t,e,n){"use strict";var r;(n.r(e),"undefined"!==typeof window)&&((r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^\/]+\.js(\?.)?$/))&&(n.p=r[1]));var o=function(){var t=this,e=t.$createElement,n=t._self._c\|\|e;return n("div",{staticClass:"step-progress"},[t._m(0),t._l(t.steps,function(e,r){return n("div",{key:e,staticClass:"step-progress__step",class:{"is-active":r+1==t.currentStep,"is-completed":t.currentStep>r+1}},[n("span",{staticClass:"label-number"},[t._v(t._s(r+1))]),n("span",{staticClass:"label-text"},[t._v(t._s(e.label))])])})],2)},a=[function(){var t=this,e=t.$createElement,n=t._self._c\|\|e;return n("div",{staticClass:"step-progress__bar"},[n("span",{attrs:{id:"step-progress__bar"}})])}],i=(n("c5f6"),{update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0}),u={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},c=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective"],f={CSS:{},springs:{}};function s(t,e,n){return Math.min(Math.max(t,e),n)}function l(t,e){return t.indexOf(e)>-1}function p(t,e){return t.apply(null,e)}var d={arr:function(t){return Array.isArray(t)},obj:function(t){return l(Object.prototype.toString.call(t),"Object")},pth:function(t){return d.obj(t)&&t.hasOwnProperty("totalLength")},svg:function(t){return t instanceof SVGElement},inp:function(t){return t instanceof HTMLInputElement},dom:function(t){return t.nodeType\|\|d.svg(t)},str:function(t){return"string"===typeof t},fnc:function(t){return"function"===typeof t},und:function(t){return"undefined"===typeof t},hex:function(t){return/(^#[0-9A-F]{6}$)\|(^#[0-9A-F]{3}$)/i.test(t)},rgb:function(t){return/^rgb/.test(t)},hsl:function(t){return/^hsl/.test(t)},col:function(t){return d.hex(t)\|\|d.rgb(t)\|\|d.hsl(t)},key:function(t){return!i.hasOwnProperty(t)&&!u.hasOwnProperty(t)&&"targets"!==t&&"keyframes"!==t}};function v(t){var e=/$([^)]+)$/.exec(t);return e?e[1].split(",").map(function(t){return parseFloat(t)}):[]}function h(t,e){var n=v(t),r=s(d.und(n[0])?1:n[0],.1,100),o=s(d.und(n[1])?100:n[1],.1,100),a=s(d.und(n[2])?10:n[2],.1,100),i=s(d.und(n[3])?0:n[3],.1,100),u=Math.sqrt(o/r),c=a/(2Math.sqrt(or)),l=c<1?uMath.sqrt(1-cc):0,p=1,h=c<1?(cu-i)/l:-i+u;function g(t){var n=e?et/1e3:t;return n=c<1?Math.exp(-ncu)(pMath.cos(ln)+hMath.sin(ln)):(p+hn)Math.exp(-nu),0===t\|\|1===t?t:1-n}function m(){var e=f.springs[t];if(e)return e;var n=1/6,r=0,o=0;while(1)if(r+=n,1===g(r)){if(o++,o>=16)break}else o=0;var a=rn1e3;return f.springs[t]=a,a}return e?g:m}function g(t,e){void 0===t&&(t=1),void 0===e&&(e=.5);var n=s(t,1,10),r=s(e,.1,2);return function(t){return 0===t\|\|1===t?t:-nMath.pow(2,10(t-1))Math.sin((t-1-r/(2Math.PI)Math.asin(1/n))(2Math.PI)/r)}}function m(t){return void 0===t&&(t=10),function(e){return Math.round(et)(1/t)}}var y=function(){var t=11,e=1/(t-1);function n(t,e){return 1-3e+3t}function r(t,e){return 3e-6t}function o(t){return 3t}function a(t,e,a){return((n(e,a)t+r(e,a))t+o(e))t}function i(t,e,a){return 3n(e,a)tt+2r(e,a)t+o(e)}function u(t,e,n,r,o){var i,u,c=0;do{u=e+(n-e)/2,i=a(u,r,o)-t,i>0?n=u:e=u}while(Math.abs(i)>1e-7&&++c<10);return u}function c(t,e,n,r){for(var o=0;o<4;++o){var u=i(e,n,r);if(0===u)return e;var c=a(e,n,r)-t;e-=c/u}return e}function f(n,r,o,f){if(0<=n&&n<=1&&0<=o&&o<=1){var s=new Float32Array(t);if(n!==r\|\|o!==f)for(var l=0;l<t;++l)s[l]=a(le,n,o);return function(t){return n===r&&o===f?t:0===t\|\|1===t?t:a(p(t),r,f)}}function p(r){for(var a=0,f=1,l=t-1;f!==l&&s[f]<=r;++f)a+=e;--f;var p=(r-s[f])/(s[f+1]-s[f]),d=a+pe,v=i(d,n,o);return v>=.001?c(r,d,n,o):0===v?d:u(r,a,a+e,n,o)}}return f}(),b=function(){var t=["Quad","Cubic","Quart","Quint","Sine","Expo","Circ","Back","Elastic"],e={In:[[.55,.085,.68,.53],[.55,.055,.675,.19],[.895,.03,.685,.22],[.755,.05,.855,.06],[.47,0,.745,.715],[.95,.05,.795,.035],[.6,.04,.98,.335],[.6,-.28,.735,.045],g],Out:[[.25,.46,.45,.94],[.215,.61,.355,1],[.165,.84,.44,1],[.23,1,.32,1],[.39,.575,.565,1],[.19,1,.22,1],[.075,.82,.165,1],[.175,.885,.32,1.275],function(t,e){return function(n){return 1-g(t,e)(1-n)}}],InOut:[[.455,.03,.515,.955],[.645,.045,.355,1],[.77,0,.175,1],[.86,0,.07,1],[.445,.05,.55,.95],[1,0,0,1],[.785,.135,.15,.86],[.68,-.55,.265,1.55],function(t,e){return function(n){return n<.5?g(t,e)(2n)/2:1-g(t,e)(-2n+2)/2}}]},n={linear:[.25,.25,.75,.75]},r=function(r){e[r].forEach(function(e,o){n["ease"+r+t[o]]=e})};for(var o in e)r(o);return n}();function x(t,e){if(d.fnc(t))return t;var n=t.split("(")[0],r=b[n],o=v(t);switch(n){case"spring":return h(t,e);case"cubicBezier":return p(y,o);case"steps":return p(m,o);default:return d.fnc(r)?p(r,o):p(y,r)}}function w(t){try{var e=document.querySelectorAll(t);return e}catch(n){return}}function _(t,e){for(var n=t.length,r=arguments.length>=2?arguments[1]:void 0,o=[],a=0;a<n;a++)if(a in t){var i=t[a];e.call(r,i,a,t)&&o.push(i)}return o}function O(t){return t.reduce(function(t,e){return t.concat(d.arr(e)?O(e):e)},[])}function M(t){return d.arr(t)?t:(d.str(t)&&(t=w(t)\|\|t),t instanceof NodeList\|\|t instanceof HTMLCollection?[].slice.call(t):[t])}function S(t,e){return t.some(function(t){return t===e})}function E(t){var e={};for(var n in t)e[n]=t[n];return e}function C(t,e){var n=E(t);for(var r in t)n[r]=e.hasOwnProperty(r)?e[r]:t[r];return n}function I(t,e){var n=E(t);for(var r in e)n[r]=d.und(t[r])?e[r]:t[r];return n}function P(t){var e=/rgb$(\d+,\s[\d]+,\s[\d]+)$/g.exec(t);return e?"rgba("+e[1]+",1)":t}function j(t){var e=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,n=t.replace(e,function(t,e,n,r){return e+e+n+n+r+r}),r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n),o=parseInt(r[1],16),a=parseInt(r[2],16),i=parseInt(r[3],16);return"rgba("+o+","+a+","+i+",1)"}function N(t){var e,n,r,o=/hsl$(\d+),\s([\d.]+)%,\s([\d.]+)%$/g.exec(t)\|\|/hsla$(\d+),\s([\d.]+)%,\s([\d.]+)%,\s([\d.]+)$/g.exec(t),a=parseInt(o[1],10)/360,i=parseInt(o[2],10)/100,u=parseInt(o[3],10)/100,c=o[4]\|\|1;function f(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6(e-t)n:n<.5?e:n<2/3?t+(e-t)(2/3-n)6:t}if(0==i)e=n=r=u;else{var s=u<.5?u(1+i):u+i-ui,l=2u-s;e=f(l,s,a+1/3),n=f(l,s,a),r=f(l,s,a-1/3)}return"rgba("+255e+","+255n+","+255r+","+c+")"}function T(t){return d.rgb(t)?P(t):d.hex(t)?j(t):d.hsl(t)?N(t):void 0}function k(t){var e=/([\+\-]?[0-9#\.]+)(%\|px\|pt\|em\|rem\|in\|cm\|mm\|ex\|ch\|pc\|vw\|vh\|vmin\|vmax\|deg\|rad\|turn)?$/.exec(t);if(e)return e[2]}function F(t){return l(t,"translate")\|\|"perspective"===t?"px":l(t,"rotate")\|\|l(t,"skew")?"deg":void 0}function A(t,e){return d.fnc(t)?t(e.target,e.id,e.total):t}function B(t,e){return t.getAttribute(e)}function D(t,e,n){var r=k(e);if(S([n,"deg","rad","turn"],r))return e;var o=f.CSS[e+n];if(!d.und(o))return o;var a=100,i=document.createElement(t.tagName),u=t.parentNode&&t.parentNode!==document?t.parentNode:document.body;u.appendChild(i),i.style.position="absolute",i.style.width=a+n;var c=a/i.offsetWidth;u.removeChild(i);var s=cparseFloat(e);return f.CSS[e+n]=s,s}function $(t,e,n){if(e in t.style){var r=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),o=t.style[e]\|\|getComputedStyle(t).getPropertyValue(r)\|\|"0";return n?D(t,o,n):o}}function L(t,e){return d.dom(t)&&!d.inp(t)&&(B(t,e)\|\|d.svg(t)&&t[e])?"attribute":d.dom(t)&&S(c,e)?"transform":d.dom(t)&&"transform"!==e&&$(t,e)?"css":null!=t[e]?"object":void 0}function R(t){if(d.dom(t)){var e,n=t.style.transform\|\|"",r=/(\w+)$([^)])$/g,o=new Map;while(e=r.exec(n))o.set(e[1],e[2]);return o}}function V(t,e,n,r){var o=l(e,"scale")?1:0+F(e),a=R(t).get(e)\|\|o;return n&&(n.transforms.list.set(e,a),n.transforms["last"]=e),r?D(t,a,r):a}function X(t,e,n,r){switch(L(t,e)){case"transform":return V(t,e,r,n);case"css":return $(t,e,n);case"attribute":return B(t,e);default:return t[e]\|\|0}}function q(t,e){var n=/^(\=\|\+=\|-=)/.exec(t);if(!n)return t;var r=k(t)\|\|0,o=parseFloat(e),a=parseFloat(t.replace(n[0],""));switch(n[0][0]){case"+":return o+a+r;case"-":return o-a+r;case"":return oa+r}}function G(t,e){if(d.col(t))return T(t);var n=k(t),r=n?t.substr(0,t.length-n.length):t;return e&&!/\s/g.test(t)?r+e:r}function U(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function W(t){return 2Math.PIB(t,"r")}function Y(t){return 2B(t,"width")+2B(t,"height")}function z(t){return U({x:B(t,"x1"),y:B(t,"y1")},{x:B(t,"x2"),y:B(t,"y2")})}function Q(t){for(var e,n=t.points,r=0,o=0;o<n.numberOfItems;o++){var a=n.getItem(o);o>0&&(r+=U(e,a)),e=a}return r}function Z(t){var e=t.points;return Q(t)+U(e.getItem(e.numberOfItems-1),e.getItem(0))}function H(t){if(t.getTotalLength)return t.getTotalLength();switch(t.tagName.toLowerCase()){case"circle":return W(t);case"rect":return Y(t);case"line":return z(t);case"polyline":return Q(t);case"polygon":return Z(t)}}function J(t){var e=H(t);return t.setAttribute("stroke-dasharray",e),e}function K(t){var e=t.parentNode;while(d.svg(e))if(e=e.parentNode,!d.svg(e.parentNode))break;return e}function tt(t,e){var n=e\|\|{},r=n.el\|\|K(t),o=r.getBoundingClientRect(),a=B(r,"viewBox"),i=o.width,u=o.height,c=n.viewBox\|\|(a?a.split(" "):[0,0,i,u]);return{el:r,viewBox:c,x:c[0]/1,y:c[1]/1,w:i/c[2],h:u/c[3]}}function et(t,e){var n=d.str(t)?w(t)[0]:t,r=e\|\|100;return function(t){return{property:t,el:n,svg:tt(n),totalLength:H(n)(r/100)}}}function nt(t,e){function n(n){void 0===n&&(n=0);var r=e+n>=1?e+n:0;return t.el.getPointAtLength(r)}var r=tt(t.el,t.svg),o=n(),a=n(-1),i=n(1);switch(t.property){case"x":return(o.x-r.x)r.w;case"y":return(o.y-r.y)r.h;case"angle":return 180Math.atan2(i.y-a.y,i.x-a.x)/Math.PI}}function rt(t,e){var n=/-?\d\.?\d+/g,r=G(d.pth(t)?t.totalLength:t,e)+"";return{original:r,numbers:r.match(n)?r.match(n).map(Number):[0],strings:d.str(t)\|\|e?r.split(n):[]}}function ot(t){var e=t?O(d.arr(t)?t.map(M):M(t)):[];return _(e,function(t,e,n){return n.indexOf(t)===e})}function at(t){var e=ot(t);return e.map(function(t,n){return{target:t,id:n,total:e.length,transforms:{list:R(t)}}})}function it(t,e){var n=E(e);if(/^spring/.test(n.easing)&&(n.duration=h(n.easing)),d.arr(t)){var r=t.length,o=2===r&&!d.obj(t[0]);o?t={value:t}:d.fnc(e.duration)\|\|(n.duration=e.duration/r)}var a=d.arr(t)?t:[t];return a.map(function(t,n){var r=d.obj(t)&&!d.pth(t)?t:{value:t};return d.und(r.delay)&&(r.delay=n?0:e.delay),d.und(r.endDelay)&&(r.endDelay=n===a.length-1?e.endDelay:0),r}).map(function(t){return I(t,n)})}function ut(t){for(var e=_(O(t.map(function(t){return Object.keys(t)})),function(t){return d.key(t)}).reduce(function(t,e){return t.indexOf(e)<0&&t.push(e),t},[]),n={},r=function(r){var o=e[r];n[o]=t.map(function(t){var e={};for(var n in t)d.key(n)?n==o&&(e.value=t[n]):e[n]=t[n];return e})},o=0;o<e.length;o++)r(o);return n}function ct(t,e){var n=[],r=e.keyframes;for(var o in r&&(e=I(ut(r),e)),e)d.key(o)&&n.push({name:o,tweens:it(e[o],t)});return n}function ft(t,e){var n={};for(var r in t){var o=A(t[r],e);d.arr(o)&&(o=o.map(function(t){return A(t,e)}),1===o.length&&(o=o[0])),n[r]=o}return n.duration=parseFloat(n.duration),n.delay=parseFloat(n.delay),n}function st(t,e){var n;return t.tweens.map(function(r){var o=ft(r,e),a=o.value,i=d.arr(a)?a[1]:a,u=k(i),c=X(e.target,t.name,u,e),f=n?n.to.original:c,s=d.arr(a)?a[0]:f,l=k(s)\|\|k(c),p=u\|\|l;return d.und(i)&&(i=f),o.from=rt(s,p),o.to=rt(q(i,s),p),o.start=n?n.end:0,o.end=o.start+o.delay+o.duration+o.endDelay,o.easing=x(o.easing,o.duration),o.isPath=d.pth(a),o.isColor=d.col(o.from.original),o.isColor&&(o.round=1),n=o,o})}var lt={css:function(t,e,n){return t.style[e]=n},attribute:function(t,e,n){return t.setAttribute(e,n)},object:function(t,e,n){return t[e]=n},transform:function(t,e,n,r,o){if(r.list.set(e,n),e===r.last\|\|o){var a="";r.list.forEach(function(t,e){a+=e+"("+t+") "}),t.style.transform=a}}};function pt(t,e){var n=at(t);n.forEach(function(t){for(var n in e){var r=A(e[n],t),o=t.target,a=k(r),i=X(o,n,a,t),u=a\|\|k(i),c=q(G(r,u),i),f=L(o,n);lt[f](o,n,c,t.transforms,!0)}})}function dt(t,e){var n=L(t.target,e.name);if(n){var r=st(e,t),o=r[r.length-1];return{type:n,property:e.name,animatable:t,tweens:r,duration:o.end,delay:r[0].delay,endDelay:o.endDelay}}}function vt(t,e){return _(O(t.map(function(t){return e.map(function(e){return dt(t,e)})})),function(t){return!d.und(t)})}function ht(t,e){var n=t.length,r=function(t){return t.timelineOffset?t.timelineOffset:0},o={};return o.duration=n?Math.max.apply(Math,t.map(function(t){return r(t)+t.duration})):e.duration,o.delay=n?Math.min.apply(Math,t.map(function(t){return r(t)+t.delay})):e.delay,o.endDelay=n?o.duration-Math.max.apply(Math,t.map(function(t){return r(t)+t.duration-t.endDelay})):e.endDelay,o}var gt=0;function mt(t){var e=C(i,t),n=C(u,t),r=ct(n,t),o=at(t.targets),a=vt(o,r),c=ht(a,n),f=gt;return gt++,I(e,{id:f,children:[],animatables:o,animations:a,duration:c.duration,delay:c.delay,endDelay:c.endDelay})}var yt,bt=[],xt=[],wt=function(){function t(){yt=requestAnimationFrame(e)}function e(e){var n=bt.length;if(n){var r=0;while(r<n){var o=bt[r];if(o.paused){var a=bt.indexOf(o);a>-1&&(bt.splice(a,1),n=bt.length)}else o.tick(e);r++}t()}else yt=cancelAnimationFrame(yt)}return t}();function _t(){document.hidden?(bt.forEach(function(t){return t.pause()}),xt=bt.slice(0),bt=[]):xt.forEach(function(t){return t.play()})}function Ot(t){void 0===t&&(t={});var e,n=0,r=0,o=0,a=0,i=null;function u(t){var e=window.Promise&&new Promise(function(t){return i=t});return t.finished=e,e}var c=mt(t);u(c);function f(){var t=c.direction;"alternate"!==t&&(c.direction="normal"!==t?"normal":"reverse"),c.reversed=!c.reversed,e.forEach(function(t){return t.reversed=c.reversed})}function l(t){return c.reversed?c.duration-t:t}function p(){n=0,r=l(c.currentTime)(1/Ot.speed)}function d(t,e){e&&e.seek(t-e.timelineOffset)}function v(t){if(c.reversePlayback)for(var n=a;n--;)d(t,e[n]);else for(var r=0;r<a;r++)d(t,e[r])}function h(t){var e=0,n=c.animations,r=n.length;while(e<r){var o=n[e],a=o.animatable,i=o.tweens,u=i.length-1,f=i[u];u&&(f=_(i,function(e){return t<e.end})[0]\|\|f);for(var l=s(t-f.start-f.delay,0,f.duration)/f.duration,p=isNaN(l)?1:f.easing(l),d=f.to.strings,v=f.round,h=[],g=f.to.numbers.length,m=void 0,y=0;y<g;y++){var b=void 0,x=f.to.numbers[y],w=f.from.numbers[y]\|\|0;b=f.isPath?nt(f.value,px):w+p(x-w),v&&(f.isColor&&y>2\|\|(b=Math.round(bv)/v)),h.push(b)}var O=d.length;if(O){m=d[0];for(var M=0;M<O;M++){d[M];var S=d[M+1],E=h[M];isNaN(E)\|\|(m+=S?E+S:E+" ")}}else m=h[0];lt[o.type](a.target,o.property,m,a.transforms),o.currentValue=m,e++}}function g(t){c[t]&&!c.passThrough&&c[t](c)}function m(){c.remaining&&!0!==c.remaining&&c.remaining--}function y(t){var a=c.duration,p=c.delay,d=a-c.endDelay,y=l(t);c.progress=s(y/a100,0,100),c.reversePlayback=y<c.currentTime,e&&v(y),!c.began&&c.currentTime>0&&(c.began=!0,g("begin"),g("loopBegin")),y<=p&&0!==c.currentTime&&h(0),(y>=d&&c.currentTime!==a\|\|!a)&&h(a),y>p&&y<d?(c.changeBegan\|\|(c.changeBegan=!0,c.changeCompleted=!1,g("changeBegin")),g("change"),h(y)):c.changeBegan&&(c.changeCompleted=!0,c.changeBegan=!1,g("changeComplete")),c.currentTime=s(y,0,a),c.began&&g("update"),t>=a&&(r=0,m(),c.remaining?(n=o,g("loopComplete"),g("loopBegin"),"alternate"===c.direction&&f()):(c.paused=!0,c.completed\|\|(c.completed=!0,g("loopComplete"),g("complete"),!c.passThrough&&"Promise"in window&&(i(),u(c)))))}return c.reset=function(){var t=c.direction;c.passThrough=!1,c.currentTime=0,c.progress=0,c.paused=!0,c.began=!1,c.changeBegan=!1,c.completed=!1,c.changeCompleted=!1,c.reversePlayback=!1,c.reversed="reverse"===t,c.remaining=c.loop,e=c.children,a=e.length;for(var n=a;n--;)c.children[n].reset();(c.reversed&&!0!==c.loop\|\|"alternate"===t&&1===c.loop)&&c.remaining++,h(0)},c.set=function(t,e){return pt(t,e),c},c.tick=function(t){o=t,n\|\|(n=o),y((o+(r-n))Ot.speed)},c.seek=function(t){y(l(t))},c.pause=function(){c.paused=!0,p()},c.play=function(){c.paused&&(c.completed&&c.reset(),c.paused=!1,bt.push(c),p(),yt\|\|wt())},c.reverse=function(){f(),p()},c.restart=function(){c.reset(),c.play()},c.reset(),c.autoplay&&c.play(),c}function Mt(t,e){for(var n=e.length;n--;)S(t,e[n].animatable.target)&&e.splice(n,1)}function St(t){for(var e=ot(t),n=bt.length;n--;){var r=bt[n],o=r.animations,a=r.children;Mt(e,o);for(var i=a.length;i--;){var u=a[i],c=u.animations;Mt(e,c),c.length\|\|u.children.length\|\|a.splice(i,1)}o.length\|\|a.length\|\|r.pause()}}function Et(t,e){void 0===e&&(e={});var n=e.direction\|\|"normal",r=e.easing?x(e.easing):null,o=e.grid,a=e.axis,i=e.from\|\|0,u="first"===i,c="center"===i,f="last"===i,s=d.arr(t),l=s?parseFloat(t[0]):parseFloat(t),p=s?parseFloat(t[1]):0,v=k(s?t[1]:t)\|\|0,h=e.start\|\|0+(s?l:0),g=[],m=0;return function(t,e,d){if(u&&(i=0),c&&(i=(d-1)/2),f&&(i=d-1),!g.length){for(var y=0;y<d;y++){if(o){var b=c?(o[0]-1)/2:i%o[0],x=c?(o[1]-1)/2:Math.floor(i/o[0]),w=y%o[0],_=Math.floor(y/o[0]),O=b-w,M=x-_,S=Math.sqrt(OO+MM);"x"===a&&(S=-O),"y"===a&&(S=-M),g.push(S)}else g.push(Math.abs(i-y));m=Math.max.apply(Math,g)}r&&(g=g.map(function(t){return r(t/m)m})),"reverse"===n&&(g=g.map(function(t){return a?t<0?-1t:-t:Math.abs(m-t)}))}var E=s?(p-l)/m:l;return h+E(Math.round(100g[e])/100)+v}}function Ct(t){void 0===t&&(t={});var e=Ot(t);return e.duration=0,e.add=function(n,r){var o=bt.indexOf(e),a=e.children;function i(t){t.passThrough=!0}o>-1&&bt.splice(o,1);for(var c=0;c<a.length;c++)i(a[c]);var f=I(n,C(u,t));f.targets=f.targets\|\|t.targets;var s=e.duration;f.autoplay=!1,f.direction=e.direction,f.timelineOffset=d.und(r)?s:q(r,s),i(e),e.seek(f.timelineOffset);var l=Ot(f);i(l),a.push(l);var p=ht(a,t);return e.delay=p.delay,e.endDelay=p.endDelay,e.duration=p.duration,e.seek(0),e.reset(),e.autoplay&&e.play(),e},e}"undefined"!==typeof document&&document.addEventListener("visibilitychange",_t),Ot.version="3.0.1",Ot.speed=1,Ot.running=bt,Ot.remove=St,Ot.get=X,Ot.set=pt,Ot.convertPx=D,Ot.path=et,Ot.setDashoffset=J,Ot.stagger=Et,Ot.timeline=Ct,Ot.easing=x,Ot.penner=b,Ot.random=function(t,e){return Math.floor(Math.random()(e-t+1))+t};var It=Ot,Pt={props:{currentStep:{type:Number,default:1},steps:{type:Array,default:function(){return[]}}},watch:{currentStep:function(){this.animateStep()}},mounted:function(){},data:function(){return{lastWidth:0}},methods:{animateStep:function(){var t=100/(this.steps.length-1),e=t(this.currentStep-1);e>100&&(e=100),1==this.currentStep&&(e=0),It.remove("#step-progress__bar"),It({targets:"#step-progress__bar",width:["".concat(this.lastWidth,"%"),"".concat(e,"%")],duration:950,easing:"easeOutQuad"}),this.lastWidth=e}},computed:{}},jt=Pt;n("c8d6");function Nt(t,e,n,r,o,a,i,u){var c,f="function"===typeof t?t.options:t;if(e&&(f.render=e,f.staticRenderFns=n,f._compiled=!0),r&&(f.functional=!0),a&&(f._scopeId="data-v-"+a),i?(c=function(t){t=t\|\|this.$vnode&&this.$vnode.ssrContext\|\|this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t\|\|"undefined"===typeof __VUE_SSR_CONTEXT__\|\|(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},f._ssrRegister=c):o&&(c=u?function(){o.call(this,this.$root.$options.shadowRoot)}:o),c)if(f.functional){f._injectStyles=c;var s=f.render;f.render=function(t,e){return c.call(e),s(t,e)}}else{var l=f.beforeCreate;f.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:f}}var Tt=Nt(jt,o,a,!1,null,"055e1a9a",null),kt=Tt.exports;e["default"]=kt},4588:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},4630:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"52a7":function(t,e){e.f={}.propertyIsEnumerable},5537:function(t,e,n){var r=n("8378"),o=n("7726"),a="__core-js_shared__",i=o[a]\|\|(o[a]={});(t.exports=function(t,e){return i[t]\|\|(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("2d00")?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},"5ca1":function(t,e,n){var r=n("7726"),o=n("8378"),a=n("32e9"),i=n("2aba"),u=n("9b43"),c="prototype",f=function(t,e,n){var s,l,p,d,v=t&f.F,h=t&f.G,g=t&f.S,m=t&f.P,y=t&f.B,b=h?r:g?r[e]\|\|(r[e]={}):(r[e]\|\|{})[c],x=h?o:o[e]\|\|(o[e]={}),w=x[c]\|\|(x[c]={});for(s in h&&(n=e),n)l=!v&&b&&void 0!==b[s],p=(l?b:n)[s],d=y&&l?u(p,r):m&&"function"==typeof p?u(Function.call,p):p,b&&i(b,s,p,t&f.U),x[s]!=p&&a(x,s,d),m&&w[s]!=p&&(w[s]=p)};r.core=o,f.F=1,f.G=2,f.S=4,f.P=8,f.B=16,f.W=32,f.U=64,f.R=128,t.exports=f},"5dbc":function(t,e,n){var r=n("d3f4"),o=n("8b97").set;t.exports=function(t,e,n){var a,i=e.constructor;return i!==n&&"function"==typeof i&&(a=i.prototype)!==n.prototype&&r(a)&&o&&o(t,a),t}},"613b":function(t,e,n){var r=n("5537")("keys"),o=n("ca5a");t.exports=function(t){return r[t]\|\|(r[t]=o(t))}},"626a":function(t,e,n){var r=n("2d95");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},6821:function(t,e,n){var r=n("626a"),o=n("be13");t.exports=function(t){return r(o(t))}},"69a8":function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},"6a99":function(t,e,n){var r=n("d3f4");t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},7726:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"77f1":function(t,e,n){var r=n("4588"),o=Math.max,a=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):a(t,e)}},"79e5":function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},8378:function(t,e){var n=t.exports={version:"2.6.3"};"number"==typeof __e&&(__e=n)},"86cc":function(t,e,n){var r=n("cb7c"),o=n("c69a"),a=n("6a99"),i=Object.defineProperty;e.f=n("9e1e")?Object.defineProperty:function(t,e,n){if(r(t),e=a(e,!0),r(n),o)try{return i(t,e,n)}catch(u){}if("get"in n\|\|"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},"8b97":function(t,e,n){var r=n("d3f4"),o=n("cb7c"),a=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf\|\|("__proto__"in{}?function(t,e,r){try{r=n("9b43")(Function.call,n("11e9").f(Object.prototype,"__proto__").set,2),r(t,[]),e=!(t instanceof Array)}catch(o){e=!0}return function(t,n){return a(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:a}},9093:function(t,e,n){var r=n("ce10"),o=n("e11e").concat("length","prototype");e.f=Object.getOwnPropertyNames\|\|function(t){return r(t,o)}},"9b43":function(t,e,n){var r=n("d8e8");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},"9def":function(t,e,n){var r=n("4588"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},"9e1e":function(t,e,n){t.exports=!n("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},aa77:function(t,e,n){var r=n("5ca1"),o=n("be13"),a=n("79e5"),i=n("fdef"),u="["+i+"]",c="",f=RegExp("^"+u+u+""),s=RegExp(u+u+"$"),l=function(t,e,n){var o={},u=a(function(){return!!i[t]()\|\|c[t]()!=c}),f=o[t]=u?e(p):i[t];n&&(o[n]=f),r(r.P+r.F*u,"String",o)},p=l.trim=function(t,e){return t=String(o(t)),1&e&&(t=t.replace(f,"")),2&e&&(t=t.replace(s,"")),t};t.exports=l},be13:function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},c366:function(t,e,n){var r=n("6821"),o=n("9def"),a=n("77f1");t.exports=function(t){return function(e,n,i){var u,c=r(e),f=o(c.length),s=a(i,f);if(t&&n!=n){while(f>s)if(u=c[s++],u!=u)return!0}else for(;f>s;s++)if((t\|\|s in c)&&c[s]===n)return t\|\|s\|\|0;return!t&&-1}}},c5f6:function(t,e,n){"use strict";var r=n("7726"),o=n("69a8"),a=n("2d95"),i=n("5dbc"),u=n("6a99"),c=n("79e5"),f=n("9093").f,s=n("11e9").f,l=n("86cc").f,p=n("aa77").trim,d="Number",v=r[d],h=v,g=v.prototype,m=a(n("2aeb")(g))==d,y="trim"in String.prototype,b=function(t){var e=u(t,!1);if("string"==typeof e&&e.length>2){e=y?e.trim():p(e,3);var n,r,o,a=e.charCodeAt(0);if(43===a\|\|45===a){if(n=e.charCodeAt(2),88===n\|\|120===n)return NaN}else if(48===a){switch(e.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+e}for(var i,c=e.slice(2),f=0,s=c.length;f<s;f++)if(i=c.charCodeAt(f),i<48\|\|i>o)return NaN;return parseInt(c,r)}}return+e};if(!v(" 0o1")\|\|!v("0b1")\|\|v("+0x1")){v=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof v&&(m?c(function(){g.valueOf.call(n)}):a(n)!=d)?i(new h(b(e)),n,v):b(e)};for(var x,w=n("9e1e")?f(h):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),_=0;w.length>_;_++)o(h,x=w[_])&&!o(v,x)&&l(v,x,s(h,x));v.prototype=g,g.constructor=v,n("2aba")(r,d,v)}},c69a:function(t,e,n){t.exports=!n("9e1e")&&!n("79e5")(function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a})},c8d6:function(t,e,n){"use strict";var r=n("0534"),o=n.n(r);o.a},ca5a:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},cb7c:function(t,e,n){var r=n("d3f4");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},ce10:function(t,e,n){var r=n("69a8"),o=n("6821"),a=n("c366")(!1),i=n("613b")("IE_PROTO");t.exports=function(t,e){var n,u=o(t),c=0,f=[];for(n in u)n!=i&&r(u,n)&&f.push(n);while(e.length>c)r(u,n=e[c++])&&(~a(f,n)\|\|f.push(n));return f}},d3f4:function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},d8e8:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},e11e:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},fab2:function(t,e,n){var r=n("7726").document;t.exports=r&&r.documentElement},fdef:function(t,e){t.exports="\t\n\v\f\r  ᠎   　\u2028\u2029\ufeff"}})["default"]});
		//# sourceMappingURL=step-indicator.umd.min.js.map

dist/step-indicator.umd.min.js.map

Sorry, the diff of this file is too big to display

@dazy/step-indicator - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics