diff --git a/dist/[object Object] b/dist/[object Object] new file mode 100644 index 0000000..c98410b --- /dev/null +++ b/dist/[object Object] @@ -0,0 +1 @@ +{"errors":[],"warnings":[],"version":"2.7.0","hash":"09be07c978bb89ac932b","publicPath":"","assetsByChunkName":{"main":["vue-form-wizard.js","vue-form-wizard.min.css"]},"assets":[{"name":"vue-form-wizard.js","size":11990,"chunks":[0],"chunkNames":["main"],"emitted":true},{"name":"vue-form-wizard.min.css","size":6396,"chunks":[0],"chunkNames":["main"],"emitted":true},{"name":"[object Object]","size":0,"chunks":[],"chunkNames":[]}],"entrypoints":{"main":{"chunks":[0],"assets":["vue-form-wizard.js","vue-form-wizard.min.css"]}},"chunks":[{"id":0,"rendered":true,"initial":true,"entry":true,"extraAsync":false,"size":21057,"names":["main"],"files":["vue-form-wizard.js","vue-form-wizard.min.css"],"hash":"78f36f659b4448e6bbcf","parents":[],"origins":[{"moduleId":9,"module":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","moduleName":"./src/index.js","loc":"","name":"main","reasons":[]}]}],"modules":[{"id":0,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\component-normalizer.js","name":"./~/vue-loader/lib/component-normalizer.js","index":3,"index2":1,"size":1275,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","issuerId":3,"issuerName":"./src/components/FormWizard.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","module":"./src/components/WizardButton.vue","moduleName":"./src/components/WizardButton.vue","type":"cjs require","userRequest":"!../../node_modules/vue-loader/lib/component-normalizer","loc":"5:16-82"},{"moduleId":2,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","module":"./src/components/WizardStep.vue","moduleName":"./src/components/WizardStep.vue","type":"cjs require","userRequest":"!../../node_modules/vue-loader/lib/component-normalizer","loc":"5:16-82"},{"moduleId":3,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./src/components/FormWizard.vue","moduleName":"./src/components/FormWizard.vue","type":"cjs require","userRequest":"!../../node_modules/vue-loader/lib/component-normalizer","loc":"5:16-82"},{"moduleId":4,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","module":"./src/components/TabContent.vue","moduleName":"./src/components/TabContent.vue","type":"cjs require","userRequest":"!../../node_modules/vue-loader/lib/component-normalizer","loc":"1:16-82"}],"usedExports":true,"providedExports":null,"depth":2,"source":"// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n scopeId,\n cssModules\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n // inject cssModules\n if (cssModules) {\n var computed = Object.create(options.computed || null)\n Object.keys(cssModules).forEach(function (key) {\n var module = cssModules[key]\n computed[key] = function () { return module }\n })\n options.computed = computed\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n"},{"id":1,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","name":"./src/components/WizardButton.vue","index":5,"index2":5,"size":856,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","issuerId":9,"issuerName":"./src/index.js","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":5,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=script&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/FormWizard.vue","moduleName":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/FormWizard.vue","type":"harmony import","userRequest":"./WizardButton.vue","loc":"3:0-46"},{"moduleId":9,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","module":"./src/index.js","moduleName":"./src/index.js","type":"harmony import","userRequest":"./components/WizardButton.vue","loc":"3:0-57"}],"usedExports":["default"],"providedExports":null,"depth":1,"source":"\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?{\\\"minimize\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-11ea1ceb\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./WizardButton.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./WizardButton.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-11ea1ceb\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./WizardButton.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n"},{"id":2,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","name":"./src/components/WizardStep.vue","index":9,"index2":9,"size":850,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","issuerId":9,"issuerName":"./src/index.js","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":5,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=script&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/FormWizard.vue","moduleName":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/FormWizard.vue","type":"harmony import","userRequest":"./WizardStep.vue","loc":"4:0-42"},{"moduleId":9,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","module":"./src/index.js","moduleName":"./src/index.js","type":"harmony import","userRequest":"./components/WizardStep.vue","loc":"4:0-53"}],"usedExports":["default"],"providedExports":null,"depth":1,"source":"\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?{\\\"minimize\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-395f33c5\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./WizardStep.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./WizardStep.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-395f33c5\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./WizardStep.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n"},{"id":3,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","name":"./src/components/FormWizard.vue","index":1,"index2":12,"size":882,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","issuerId":9,"issuerName":"./src/index.js","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":9,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","module":"./src/index.js","moduleName":"./src/index.js","type":"harmony import","userRequest":"./components/FormWizard.vue","loc":"1:0-53"}],"usedExports":["default"],"providedExports":null,"depth":1,"source":"\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":0,\\\"remove\\\":true}!css-loader?{\\\"minimize\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-a9927f86\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"minimize\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./FormWizard.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./FormWizard.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-a9927f86\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./FormWizard.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n"},{"id":4,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","name":"./src/components/TabContent.vue","index":14,"index2":15,"size":498,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","issuerId":9,"issuerName":"./src/index.js","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":9,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","module":"./src/index.js","moduleName":"./src/index.js","type":"harmony import","userRequest":"./components/TabContent.vue","loc":"2:0-53"}],"usedExports":["default"],"providedExports":null,"depth":1,"source":"var Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./TabContent.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3c267d92\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./TabContent.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n"},{"id":5,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=script&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","name":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/FormWizard.vue","index":4,"index2":10,"size":9084,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","issuerId":3,"issuerName":"./src/components/FormWizard.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":3,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./src/components/FormWizard.vue","moduleName":"./src/components/FormWizard.vue","type":"cjs require","userRequest":"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./FormWizard.vue","loc":"7:2-107"}],"usedExports":true,"providedExports":["default"],"depth":2,"source":"\n\nimport WizardButton from './WizardButton.vue';\nimport WizardStep from './WizardStep.vue';\nexport default {\n name: 'form-wizard',\n components: {\n WizardButton: WizardButton,\n WizardStep: WizardStep\n },\n props: {\n title: {\n type: String,\n default: 'Awesome Wizard'\n },\n subtitle: {\n type: String,\n default: 'Split a complicated flow in multiple steps'\n },\n nextButtonText: {\n type: String,\n default: 'Next'\n },\n backButtonText: {\n type: String,\n default: 'Back'\n },\n finishButtonText: {\n type: String,\n default: 'Finish'\n },\n hideButtons: {\n type: Boolean,\n default: false\n },\n validateOnBack: Boolean,\n\n color: {\n type: String,\n default: '#e74c3c'\n },\n errorColor: {\n type: String,\n default: '#8b0000'\n },\n shape: {\n type: String,\n default: 'circle'\n },\n\n transition: {\n type: String,\n default: ''\n },\n\n startIndex: {\n type: Number,\n default: 0,\n validator: function validator(value) {\n return value >= 0;\n }\n }\n },\n data: function data() {\n return {\n activeTabIndex: 0,\n isLastStep: false,\n currentPercentage: 0,\n maxStep: 0,\n loading: false,\n tabs: []\n };\n },\n\n computed: {\n tabCount: function tabCount() {\n return this.tabs.length;\n },\n displayPrevButton: function displayPrevButton() {\n return this.activeTabIndex !== 0;\n },\n stepPercentage: function stepPercentage() {\n return 1 / (this.tabCount * 2) * 100;\n },\n progressBarStyle: function progressBarStyle() {\n return {\n backgroundColor: this.color,\n width: this.progress + '%',\n color: this.color\n };\n },\n fillButtonStyle: function fillButtonStyle() {\n return {\n backgroundColor: this.color,\n borderColor: this.color,\n color: 'white'\n };\n },\n progress: function progress() {\n var percentage = 0;\n if (this.activeTabIndex > 0) {\n var stepsToAdd = 1;\n var stepMultiplier = 2;\n percentage = this.stepPercentage * (this.activeTabIndex * stepMultiplier + stepsToAdd);\n } else {\n percentage = this.stepPercentage;\n }\n return percentage;\n }\n },\n methods: {\n addTab: function addTab(item) {\n var index = this.$slots.default.indexOf(item.$vnode);\n this.tabs.splice(index, 0, item);\n\n if (index < this.activeTabIndex + 1) {\n this.maxStep = index;\n this.changeTab(this.activeTabIndex + 1, index);\n }\n },\n removeTab: function removeTab(item) {\n var tabs = this.tabs;\n var index = tabs.indexOf(item);\n if (index > -1) {\n if (index === this.activeTabIndex) {\n this.maxStep = this.activeTabIndex - 1;\n this.changeTab(this.activeTabIndex, this.activeTabIndex - 1);\n }\n if (index < this.activeTabIndex) {\n this.maxStep = this.activeTabIndex - 1;\n this.activeTabIndex = this.activeTabIndex - 1;\n }\n tabs.splice(index, 1);\n }\n },\n navigateToTab: function navigateToTab(index) {\n var _this = this;\n\n this.$emit('on-change', this.activeTabIndex, index);\n var validate = index > this.activeTabIndex;\n if (index <= this.maxStep) {\n var cb = function cb() {\n _this.changeTab(_this.activeTabIndex, index);\n };\n if (validate) {\n this.beforeTabChange(this.activeTabIndex, cb);\n } else {\n this.setValidationError(null);\n cb();\n }\n }\n },\n nextTab: function nextTab() {\n var _this2 = this;\n\n this.$emit('on-change', this.activeTabIndex, this.activeTabIndex + 1);\n var cb = function cb() {\n if (_this2.activeTabIndex < _this2.tabCount - 1) {\n _this2.changeTab(_this2.activeTabIndex, _this2.activeTabIndex + 1);\n } else {\n _this2.isLastStep = true;\n _this2.$emit('finished');\n }\n };\n this.beforeTabChange(this.activeTabIndex, cb);\n },\n prevTab: function prevTab() {\n var _this3 = this;\n\n this.$emit('on-change', this.activeTabIndex, this.activeTabIndex - 1);\n var cb = function cb() {\n if (_this3.activeTabIndex > 0) {\n _this3.setValidationError(null);\n _this3.changeTab(_this3.activeTabIndex, _this3.activeTabIndex - 1);\n _this3.isLastStep = false;\n }\n };\n if (this.validateOnBack) {\n this.beforeTabChange(this.activeTabIndex, cb);\n } else {\n cb();\n }\n },\n finish: function finish() {\n var _this4 = this;\n\n var cb = function cb() {\n _this4.$emit('on-complete');\n };\n this.beforeTabChange(this.activeTabIndex, cb);\n },\n setLoading: function setLoading(value) {\n this.loading = value;\n this.$emit('on-loading', value);\n },\n setValidationError: function setValidationError(error) {\n this.tabs[this.activeTabIndex].validationError = error;\n this.$emit('on-error', error);\n },\n validateBeforeChange: function validateBeforeChange(promiseFn, callback) {\n var _this5 = this;\n\n this.setValidationError(null);\n\n if (promiseFn.then && typeof promiseFn.then === 'function') {\n this.setLoading(true);\n promiseFn.then(function (res) {\n _this5.setLoading(false);\n var validationResult = res === true;\n _this5.executeBeforeChange(validationResult, callback);\n }).catch(function (error) {\n _this5.setLoading(false);\n _this5.setValidationError(error);\n });\n } else {\n var validationResult = promiseFn === true;\n this.executeBeforeChange(validationResult, callback);\n }\n },\n executeBeforeChange: function executeBeforeChange(validationResult, callback) {\n this.$emit('on-validate', validationResult, this.activeTabIndex);\n if (validationResult) {\n callback();\n } else {\n this.tabs[this.activeTabIndex].validationError = 'error';\n }\n },\n beforeTabChange: function beforeTabChange(index, callback) {\n if (this.loading) {\n return;\n }\n var oldTab = this.tabs[index];\n if (oldTab && oldTab.beforeChange !== undefined) {\n var tabChangeRes = oldTab.beforeChange();\n this.validateBeforeChange(tabChangeRes, callback);\n } else {\n callback();\n }\n },\n changeTab: function changeTab(oldIndex, newIndex) {\n var oldTab = this.tabs[oldIndex];\n var newTab = this.tabs[newIndex];\n if (oldTab) {\n oldTab.active = false;\n }\n if (newTab) {\n newTab.active = true;\n }\n this.activeTabIndex = newIndex;\n this.activateTabAndCheckStep(this.activeTabIndex);\n return true;\n },\n tryChangeRoute: function tryChangeRoute(tab) {\n if (this.$router && tab.route) {\n this.$router.push(tab.route);\n }\n },\n checkStep: function checkStep() {\n if (this.activeTabIndex === this.tabCount - 1) {\n this.isLastStep = true;\n } else {\n this.isLastStep = false;\n }\n },\n increaseMaxStep: function increaseMaxStep() {\n if (this.activeTabIndex > this.maxStep) {\n this.maxStep = this.activeTabIndex;\n }\n },\n checkRouteChange: function checkRouteChange(route) {\n var matchingTabIndex = -1;\n var matchingTab = this.tabs.find(function (tab, index) {\n var match = tab.route === route;\n if (match) {\n matchingTabIndex = index;\n }\n return match;\n });\n\n if (matchingTab && !matchingTab.active) {\n var shouldValidate = matchingTabIndex > this.activeTabIndex;\n this.navigateToTab(matchingTabIndex, shouldValidate);\n }\n },\n deactivateTabs: function deactivateTabs() {\n this.tabs.forEach(function (tab) {\n tab.active = false;\n });\n },\n activateTab: function activateTab(index) {\n this.deactivateTabs();\n var tab = this.tabs[index];\n tab.active = true;\n tab.checked = true;\n this.tryChangeRoute(tab);\n },\n activateTabAndCheckStep: function activateTabAndCheckStep(index) {\n this.activateTab(index);\n this.checkStep();\n if (index > this.maxStep) {\n this.maxStep = index;\n }\n this.activeTabIndex = index;\n },\n initializeTabs: function initializeTabs() {\n if (this.tabs.length > 0 && this.startIndex === 0) {\n this.activateTab(this.activeTabIndex);\n }\n if (this.startIndex < this.tabs.length) {\n this.activateTabAndCheckStep(this.startIndex);\n } else {\n window.console.warn('Prop startIndex set to ' + this.startIndex + ' is greater than the number of tabs - ' + this.tabs.length + '. Make sure that the starting index is less than the number of tabs registered');\n }\n }\n },\n mounted: function mounted() {\n this.initializeTabs();\n },\n\n watch: {\n '$route.path': function $routePath(newRoute) {\n this.checkRouteChange(newRoute);\n }\n }\n};"},{"id":6,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=script&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","name":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/TabContent.vue","index":15,"index2":13,"size":879,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","issuerId":4,"issuerName":"./src/components/TabContent.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":4,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","module":"./src/components/TabContent.vue","moduleName":"./src/components/TabContent.vue","type":"cjs require","userRequest":"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./TabContent.vue","loc":"3:2-107"}],"usedExports":true,"providedExports":["default"],"depth":2,"source":"\n\nexport default {\n name: 'tab-content',\n props: {\n title: {\n type: String,\n default: ''\n },\n\n icon: {\n type: String,\n default: ''\n },\n\n beforeChange: {\n type: Function\n },\n route: {\n type: [String, Object]\n }\n },\n data: function data() {\n return {\n active: false,\n validationError: null,\n checked: false\n };\n },\n\n computed: {\n shape: function shape() {\n return this.$parent.shape;\n },\n color: function color() {\n return this.$parent.color;\n },\n errorColor: function errorColor() {\n return this.$parent.errorColor;\n }\n },\n mounted: function mounted() {\n this.$parent.addTab(this);\n },\n destroyed: function destroyed() {\n if (this.$el && this.$el.parentNode) {\n this.$el.parentNode.removeChild(this.$el);\n }\n this.$parent.removeTab(this);\n }\n};"},{"id":7,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=script&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","name":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/WizardButton.vue","index":7,"index2":3,"size":20,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","issuerId":1,"issuerName":"./src/components/WizardButton.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","module":"./src/components/WizardButton.vue","moduleName":"./src/components/WizardButton.vue","type":"cjs require","userRequest":"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./WizardButton.vue","loc":"7:2-109"}],"usedExports":true,"providedExports":["default"],"depth":2,"source":"\n\nexport default {};"},{"id":8,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=script&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","name":"./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/WizardStep.vue","index":11,"index2":7,"size":1013,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","issuerId":2,"issuerName":"./src/components/WizardStep.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":2,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","module":"./src/components/WizardStep.vue","moduleName":"./src/components/WizardStep.vue","type":"cjs require","userRequest":"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./WizardStep.vue","loc":"7:2-107"}],"usedExports":true,"providedExports":["default"],"depth":2,"source":"\n\nexport default {\n props: {\n tab: {\n type: Object,\n default: function _default() {}\n },\n transition: {\n type: String,\n default: ''\n },\n index: {\n type: Number,\n default: 0\n }\n },\n computed: {\n iconActiveStyle: function iconActiveStyle() {\n return {\n backgroundColor: this.tab.color\n };\n },\n stepCheckedStyle: function stepCheckedStyle() {\n return {\n borderColor: this.tab.color\n };\n },\n errorStyle: function errorStyle() {\n return {\n borderColor: this.tab.errorColor,\n backgroundColor: this.tab.errorColor\n };\n },\n stepTitleStyle: function stepTitleStyle() {\n var isError = this.tab.validationError;\n return {\n color: isError ? this.tab.errorColor : this.tab.color\n };\n },\n isStepSquare: function isStepSquare() {\n return this.tab.shape === 'square';\n },\n isTabShape: function isTabShape() {\n return this.tab.shape === 'tab';\n }\n }\n};"},{"id":9,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\babel-loader\\lib\\index.js!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\index.js","name":"./src/index.js","index":0,"index2":16,"size":650,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":null,"issuerId":null,"issuerName":null,"failed":false,"errors":0,"warnings":0,"reasons":[],"usedExports":true,"providedExports":["default","FormWizard","TabContent","WizardButton","WizardStep"],"depth":0,"source":"import FormWizard from './components/FormWizard.vue';\nimport TabContent from './components/TabContent.vue';\nimport WizardButton from './components/WizardButton.vue';\nimport WizardStep from './components/WizardStep.vue';\nvar VueFormWizard = {\n install: function install(Vue) {\n Vue.component('form-wizard', FormWizard);\n Vue.component('tab-content', TabContent);\n Vue.component('wizard-button', WizardButton);\n Vue.component('wizard-step', WizardStep);\n }\n};\n\nif (typeof window !== 'undefined' && window.Vue) {\n window.Vue.use(VueFormWizard);\n}\n\nexport default VueFormWizard;\nexport { FormWizard, TabContent, WizardButton, WizardStep };"},{"id":10,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\extract-text-webpack-plugin\\loader.js?{\"omit\":0,\"remove\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","name":"./~/extract-text-webpack-plugin/loader.js?{\"omit\":0,\"remove\":true}!./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardButton.vue","index":6,"index2":2,"size":41,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","issuerId":1,"issuerName":"./src/components/WizardButton.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","module":"./src/components/WizardButton.vue","moduleName":"./src/components/WizardButton.vue","type":"cjs require","userRequest":"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\"omit\":0,\"remove\":true}!css-loader?{\"minimize\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./WizardButton.vue","loc":"3:0-338"}],"usedExports":true,"providedExports":null,"depth":2,"source":"// removed by extract-text-webpack-plugin"},{"id":11,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\extract-text-webpack-plugin\\loader.js?{\"omit\":0,\"remove\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","name":"./~/extract-text-webpack-plugin/loader.js?{\"omit\":0,\"remove\":true}!./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardStep.vue","index":10,"index2":6,"size":41,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","issuerId":2,"issuerName":"./src/components/WizardStep.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":2,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","module":"./src/components/WizardStep.vue","moduleName":"./src/components/WizardStep.vue","type":"cjs require","userRequest":"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\"omit\":0,\"remove\":true}!css-loader?{\"minimize\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./WizardStep.vue","loc":"3:0-336"}],"usedExports":true,"providedExports":null,"depth":2,"source":"// removed by extract-text-webpack-plugin"},{"id":12,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\extract-text-webpack-plugin\\loader.js?{\"omit\":0,\"remove\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\sass-loader\\lib\\loader.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","name":"./~/extract-text-webpack-plugin/loader.js?{\"omit\":0,\"remove\":true}!./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!./~/sass-loader/lib/loader.js?{\"minimize\":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/FormWizard.vue","index":2,"index2":0,"size":41,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","issuerId":3,"issuerName":"./src/components/FormWizard.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":3,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./src/components/FormWizard.vue","moduleName":"./src/components/FormWizard.vue","type":"cjs require","userRequest":"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\"omit\":0,\"remove\":true}!css-loader?{\"minimize\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!sass-loader?{\"minimize\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./FormWizard.vue","loc":"3:0-368"}],"usedExports":true,"providedExports":null,"depth":2,"source":"// removed by extract-text-webpack-plugin"},{"id":13,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\template-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\"}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=template&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","name":"./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-11ea1ceb\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/WizardButton.vue","index":8,"index2":4,"size":270,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","issuerId":1,"issuerName":"./src/components/WizardButton.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","module":"./src/components/WizardButton.vue","moduleName":"./src/components/WizardButton.vue","type":"cjs require","userRequest":"!!../../node_modules/vue-loader/lib/template-compiler/index?{\"id\":\"data-v-11ea1ceb\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./WizardButton.vue","loc":"9:2-185"}],"usedExports":true,"providedExports":null,"depth":2,"source":"module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('button', {\n staticClass: \"wizard-btn btn-fill wizard-btn-wd\",\n attrs: {\n \"type\": \"button\"\n }\n }, [_vm._t(\"default\")], 2)\n},staticRenderFns: []}"},{"id":14,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\template-compiler\\index.js?{\"id\":\"data-v-395f33c5\"}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=template&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","name":"./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-395f33c5\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/WizardStep.vue","index":12,"index2":8,"size":1678,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","issuerId":2,"issuerName":"./src/components/WizardStep.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":2,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","module":"./src/components/WizardStep.vue","moduleName":"./src/components/WizardStep.vue","type":"cjs require","userRequest":"!!../../node_modules/vue-loader/lib/template-compiler/index?{\"id\":\"data-v-395f33c5\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./WizardStep.vue","loc":"9:2-183"}],"usedExports":true,"providedExports":null,"depth":2,"source":"module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('li', {\n class: {\n active: _vm.tab.active\n }\n }, [_c('a', [_c('div', {\n staticClass: \"wizard-icon-circle\",\n class: {\n checked: _vm.tab.checked, square_shape: _vm.isStepSquare, tab_shape: _vm.isTabShape\n },\n style: ([_vm.tab.checked ? _vm.stepCheckedStyle : {}, _vm.tab.validationError ? _vm.errorStyle : {}])\n }, [_c('transition', {\n attrs: {\n \"name\": _vm.transition,\n \"mode\": \"out-in\"\n }\n }, [(_vm.tab.active) ? _c('div', {\n staticClass: \"wizard-icon-container\",\n class: {\n square_shape: _vm.isStepSquare, tab_shape: _vm.isTabShape\n },\n style: ([_vm.tab.active ? _vm.iconActiveStyle : {}, _vm.tab.validationError ? _vm.errorStyle : {}])\n }, [_vm._t(\"active-step\", [(_vm.tab.icon) ? _c('i', {\n staticClass: \"wizard-icon\",\n class: _vm.tab.icon\n }) : _c('i', {\n staticClass: \"wizard-icon\"\n }, [_vm._v(_vm._s(_vm.index + 1))])])], 2) : _vm._e(), _vm._v(\" \"), (!_vm.tab.active) ? _vm._t(\"default\", [(!_vm.tab.active && _vm.tab.icon) ? _c('i', {\n staticClass: \"wizard-icon\",\n class: _vm.tab.icon\n }) : _vm._e(), _vm._v(\" \"), (!_vm.tab.active && !_vm.tab.icon) ? _c('i', {\n staticClass: \"wizard-icon\"\n }, [_vm._v(_vm._s(_vm.index + 1))]) : _vm._e()]) : _vm._e()], 2)], 1), _vm._v(\" \"), _vm._t(\"title\", [_c('span', {\n staticClass: \"stepTitle\",\n class: {\n active: _vm.tab.active, has_error: _vm.tab.validationError\n },\n style: (_vm.tab.active ? _vm.stepTitleStyle : {})\n }, [_vm._v(\"\\n \" + _vm._s(_vm.tab.title) + \"\\n \")])])], 2)])\n},staticRenderFns: []}"},{"id":15,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\template-compiler\\index.js?{\"id\":\"data-v-3c267d92\"}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=template&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","name":"./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-3c267d92\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/TabContent.vue","index":16,"index2":14,"size":337,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","issuerId":4,"issuerName":"./src/components/TabContent.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":4,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\TabContent.vue","module":"./src/components/TabContent.vue","moduleName":"./src/components/TabContent.vue","type":"cjs require","userRequest":"!!../../node_modules/vue-loader/lib/template-compiler/index?{\"id\":\"data-v-3c267d92\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./TabContent.vue","loc":"5:2-183"}],"usedExports":true,"providedExports":null,"depth":2,"source":"module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.active),\n expression: \"active\"\n }],\n staticClass: \"wizard-tab-container\"\n }, [_vm._t(\"default\")], 2)\n},staticRenderFns: []}"},{"id":16,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\template-compiler\\index.js?{\"id\":\"data-v-a9927f86\"}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=template&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","name":"./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-a9927f86\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/FormWizard.vue","index":13,"index2":11,"size":2642,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","issuerId":3,"issuerName":"./src/components/FormWizard.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":3,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\index.js??ref--3!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./src/components/FormWizard.vue","moduleName":"./src/components/FormWizard.vue","type":"cjs require","userRequest":"!!../../node_modules/vue-loader/lib/template-compiler/index?{\"id\":\"data-v-a9927f86\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./FormWizard.vue","loc":"9:2-183"}],"usedExports":true,"providedExports":null,"depth":2,"source":"module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"vue-form-wizard\"\n }, [_c('div', {\n staticClass: \"wizard-header\"\n }, [_vm._t(\"title\", [_c('h4', {\n staticClass: \"wizard-title\"\n }, [_vm._v(_vm._s(_vm.title))]), _vm._v(\" \"), _c('p', {\n staticClass: \"category\"\n }, [_vm._v(_vm._s(_vm.subtitle))])])], 2), _vm._v(\" \"), _c('div', {\n staticClass: \"wizard-navigation\"\n }, [_c('div', {\n staticClass: \"wizard-progress-with-circle\"\n }, [_c('div', {\n staticClass: \"wizard-progress-bar\",\n style: (_vm.progressBarStyle)\n })]), _vm._v(\" \"), _c('ul', {\n staticClass: \"wizard-nav wizard-nav-pills\"\n }, [_vm._l((_vm.tabs), function(tab, index) {\n return _vm._t(\"step\", [_c('wizard-step', {\n attrs: {\n \"tab\": tab,\n \"transition\": _vm.transition,\n \"index\": index\n },\n nativeOn: {\n \"click\": function($event) {\n _vm.navigateToTab(index)\n }\n }\n })], {\n tab: tab,\n index: index,\n navigateToTab: _vm.navigateToTab,\n transition: _vm.transition\n })\n })], 2), _vm._v(\" \"), _c('div', {\n staticClass: \"wizard-tab-content\"\n }, [_vm._t(\"default\")], 2)]), _vm._v(\" \"), (!_vm.hideButtons) ? _c('div', {\n staticClass: \"wizard-card-footer clearfix\"\n }, [_vm._t(\"footer\", [\n [(_vm.displayPrevButton) ? _c('span', {\n staticClass: \"wizard-footer-left\",\n on: {\n \"click\": _vm.prevTab\n }\n }, [_vm._t(\"prev\", [_c('wizard-button', {\n style: (_vm.fillButtonStyle),\n attrs: {\n \"disabled\": _vm.loading\n }\n }, [_vm._v(\"\\n \" + _vm._s(_vm.backButtonText) + \"\\n \")])])], 2) : _vm._e()], _vm._v(\" \"), [(_vm.isLastStep) ? _c('span', {\n staticClass: \"wizard-footer-right\",\n on: {\n \"click\": _vm.finish\n }\n }, [_vm._t(\"finish\", [_c('wizard-button', {\n style: (_vm.fillButtonStyle)\n }, [_vm._v(\"\\n \" + _vm._s(_vm.finishButtonText) + \"\\n \")])])], 2) : _vm._e()], _vm._v(\" \"), [(!_vm.isLastStep) ? _c('span', {\n staticClass: \"wizard-footer-right\",\n on: {\n \"click\": _vm.nextTab\n }\n }, [_vm._t(\"next\", [_c('wizard-button', {\n style: (_vm.fillButtonStyle),\n attrs: {\n \"disabled\": _vm.loading\n }\n }, [_vm._v(\"\\n \" + _vm._s(_vm.nextButtonText) + \"\\n \")])])], 2) : _vm._e()]\n ], {\n nextTab: _vm.nextTab,\n prevTab: _vm.prevTab,\n activeTabIndex: _vm.activeTabIndex,\n isLastStep: _vm.isLastStep,\n fillButtonStyle: _vm.fillButtonStyle\n })], 2) : _vm._e()])\n},staticRenderFns: []}"}],"filteredModules":0,"children":[{"errors":[],"warnings":[],"publicPath":"","assetsByChunkName":{},"assets":[],"entrypoints":{"undefined":{"chunks":[0],"assets":["extract-text-webpack-plugin-output-filename"]}},"chunks":[{"id":0,"rendered":true,"initial":true,"entry":true,"extraAsync":false,"size":1613,"names":[],"files":["extract-text-webpack-plugin-output-filename"],"hash":"aaae2688144de7133798","parents":[],"origins":[{"moduleId":1,"module":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","moduleName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardButton.vue","loc":"","reasons":[]}]}],"modules":[{"id":0,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\lib\\css-base.js","name":"./~/css-loader/lib/css-base.js","index":1,"index2":0,"size":1456,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","issuerId":1,"issuerName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardButton.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","module":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardButton.vue","moduleName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardButton.vue","type":"cjs require","userRequest":"../../node_modules/css-loader/lib/css-base.js","loc":"1:27-83"}],"usedExports":true,"providedExports":null,"depth":1,"source":"/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function() {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\tvar result = [];\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar item = this[i];\n\t\t\tif(item[2]) {\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\n\t\t\t} else {\n\t\t\t\tresult.push(item[1]);\n\t\t\t}\n\t\t}\n\t\treturn result.join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n"},{"id":1,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardButton.vue","name":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-11ea1ceb\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardButton.vue","index":0,"index2":1,"size":157,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":null,"issuerId":null,"issuerName":null,"failed":false,"errors":0,"warnings":0,"reasons":[],"usedExports":true,"providedExports":null,"depth":0,"source":"exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n"}],"filteredModules":0,"children":[],"name":"extract-text-webpack-plugin"},{"errors":[],"warnings":[],"publicPath":"","assetsByChunkName":{},"assets":[],"entrypoints":{"undefined":{"chunks":[0],"assets":["extract-text-webpack-plugin-output-filename"]}},"chunks":[{"id":0,"rendered":true,"initial":true,"entry":true,"extraAsync":false,"size":1613,"names":[],"files":["extract-text-webpack-plugin-output-filename"],"hash":"aaae2688144de7133798","parents":[],"origins":[{"moduleId":1,"module":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","moduleName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardStep.vue","loc":"","reasons":[]}]}],"modules":[{"id":0,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\lib\\css-base.js","name":"./~/css-loader/lib/css-base.js","index":1,"index2":0,"size":1456,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","issuerId":1,"issuerName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardStep.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","module":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardStep.vue","moduleName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardStep.vue","type":"cjs require","userRequest":"../../node_modules/css-loader/lib/css-base.js","loc":"1:27-83"}],"usedExports":true,"providedExports":null,"depth":1,"source":"/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function() {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\tvar result = [];\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar item = this[i];\n\t\t\tif(item[2]) {\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\n\t\t\t} else {\n\t\t\t\tresult.push(item[1]);\n\t\t\t}\n\t\t}\n\t\treturn result.join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n"},{"id":1,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\WizardStep.vue","name":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-395f33c5\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/WizardStep.vue","index":0,"index2":1,"size":157,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":null,"issuerId":null,"issuerName":null,"failed":false,"errors":0,"warnings":0,"reasons":[],"usedExports":true,"providedExports":null,"depth":0,"source":"exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n"}],"filteredModules":0,"children":[],"name":"extract-text-webpack-plugin"},{"errors":[],"warnings":[],"publicPath":"","assetsByChunkName":{},"assets":[],"entrypoints":{"undefined":{"chunks":[0],"assets":["extract-text-webpack-plugin-output-filename"]}},"chunks":[{"id":0,"rendered":true,"initial":true,"entry":true,"extraAsync":false,"size":8011,"names":[],"files":["extract-text-webpack-plugin-output-filename"],"hash":"7c16b8a090524b0b3695","parents":[],"origins":[{"moduleId":1,"module":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\sass-loader\\lib\\loader.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\sass-loader\\lib\\loader.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","moduleName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!./~/sass-loader/lib/loader.js?{\"minimize\":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/FormWizard.vue","loc":"","reasons":[]}]}],"modules":[{"id":0,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\lib\\css-base.js","name":"./~/css-loader/lib/css-base.js","index":1,"index2":0,"size":1456,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\sass-loader\\lib\\loader.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","issuerId":1,"issuerName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!./~/sass-loader/lib/loader.js?{\"minimize\":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/FormWizard.vue","failed":false,"errors":0,"warnings":0,"reasons":[{"moduleId":1,"moduleIdentifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\sass-loader\\lib\\loader.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","module":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!./~/sass-loader/lib/loader.js?{\"minimize\":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/FormWizard.vue","moduleName":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!./~/sass-loader/lib/loader.js?{\"minimize\":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/FormWizard.vue","type":"cjs require","userRequest":"../../node_modules/css-loader/lib/css-base.js","loc":"1:27-83"}],"usedExports":true,"providedExports":null,"depth":1,"source":"/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function() {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\tvar result = [];\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar item = this[i];\n\t\t\tif(item[2]) {\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\n\t\t\t} else {\n\t\t\t\tresult.push(item[1]);\n\t\t\t}\n\t\t}\n\t\treturn result.join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n"},{"id":1,"identifier":"C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\css-loader\\index.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\style-compiler\\index.js?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\sass-loader\\lib\\loader.js?{\"minimize\":true}!C:\\files\\www\\vue_dev\\vue-form-wizard\\node_modules\\vue-loader\\lib\\selector.js?type=styles&index=0!C:\\files\\www\\vue_dev\\vue-form-wizard\\src\\components\\FormWizard.vue","name":"./~/css-loader?{\"minimize\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-a9927f86\",\"scoped\":false,\"hasInlineConfig\":false}!./~/sass-loader/lib/loader.js?{\"minimize\":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/FormWizard.vue","index":0,"index2":1,"size":6555,"cacheable":true,"built":true,"optional":false,"prefetched":false,"chunks":[0],"assets":[],"issuer":null,"issuerId":null,"issuerName":null,"failed":false,"errors":0,"warnings":0,"reasons":[],"usedExports":true,"providedExports":null,"depth":0,"source":"exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".vue-form-wizard .wizard-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:4px}.vue-form-wizard .wizard-btn.disabled,.vue-form-wizard .wizard-btn[disabled],fieldset[disabled] .vue-form-wizard .wizard-btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.vue-form-wizard *{box-sizing:border-box}.vue-form-wizard a{text-decoration:none}.vue-form-wizard .wizard-nav{margin-bottom:0;padding-left:0;list-style:none}.vue-form-wizard .wizard-nav>li{position:relative;display:block}.vue-form-wizard .wizard-nav>li>a{position:relative;display:block;padding:10px 15px}.vue-form-wizard .wizard-nav>li>a:focus,.vue-form-wizard .wizard-nav>li>a:hover{text-decoration:none;background-color:#eee}.vue-form-wizard .wizard-nav>li.disabled>a{color:#777}.vue-form-wizard .wizard-nav>li.disabled>a:focus,.vue-form-wizard .wizard-nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.vue-form-wizard .wizard-progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn,.vue-form-wizard .wizard-btn{box-sizing:border-box;border-width:2px;background-color:transparent;font-size:14px;font-weight:600;padding:6px 12px}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:focus,.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:hover,.vue-form-wizard .wizard-btn:focus,.vue-form-wizard .wizard-btn:hover{outline:0!important}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn.wizard-btn-wd,.vue-form-wizard .wizard-btn-wd{min-width:140px}.vue-form-wizard .wizard-nav-pills{margin-top:0;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.vue-form-wizard .wizard-nav-pills a,.vue-form-wizard .wizard-nav-pills li{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-positive:1;flex-grow:1}.vue-form-wizard .wizard-nav-pills>li>a,.vue-form-wizard .wizard-nav-pills a{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-form-wizard .wizard-nav-pills>li>a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0 auto;color:rgba(0,0,0,.2);position:relative;top:3px}.vue-form-wizard .wizard-nav-pills>li>a:focus,.vue-form-wizard .wizard-nav-pills>li>a:hover{background-color:transparent;color:rgba(0,0,0,.2);outline:0!important;cursor:pointer}.vue-form-wizard .wizard-nav-pills>li.active>a,.vue-form-wizard .wizard-nav-pills>li.active>a:focus,.vue-form-wizard .wizard-nav-pills>li.active>a:hover{background-color:transparent;transition:font-size .2s linear}.vue-form-wizard .wizard-nav-pills>li.active>a .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:focus .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:hover .wizard-icon{color:#fff;font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:all .2s linear}.vue-form-wizard{padding-bottom:20px}.vue-form-wizard .is_error{border-color:#c84513!important}.vue-form-wizard .is_error .icon-container{background:#c84513!important}.vue-form-wizard .wizard-icon-circle{font-size:18px;border:3px solid #f3f2ee;border-radius:50%;font-weight:600;width:70px;height:70px;background-color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.vue-form-wizard .wizard-icon-circle.square_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle.tab_shape{width:100%;min-width:100px;height:40px;border:none;background-color:#f3f2ee;border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:40%}.vue-form-wizard .wizard-icon-circle .wizard-icon-container.square_shape,.vue-form-wizard .wizard-icon-circle .wizard-icon-container.tab_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-tab-content{min-height:100px;padding:30px 20px 10px}.vue-form-wizard .wizard-header{padding:15px;position:relative;border-radius:3px 3px 0 0;text-align:center}.vue-form-wizard .wizard-title{color:#252422;font-weight:300;margin:0;text-align:center}.vue-form-wizard .category{font-size:14px;font-weight:400;color:#9a9a9a;margin-bottom:0;text-align:center}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle{position:relative;top:40px;height:4px}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar{box-shadow:none;transition:width .3s ease}.vue-form-wizard .clearfix:after{content:\\\"\\\";clear:both;display:table}.vue-form-wizard .wizard-card-footer{padding:0 20px}.vue-form-wizard .wizard-card-footer .wizard-footer-left{float:left}.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:right}@media screen and (max-width:350px){.vue-form-wizard .wizard-card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-form-wizard .wizard-card-footer .wizard-footer-left,.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:none;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-card-footer .wizard-footer-right button{margin-top:10px}}\", \"\"]);\n\n// exports\n"}],"filteredModules":0,"children":[],"name":"extract-text-webpack-plugin"}]} \ No newline at end of file diff --git a/dist/vue-form-wizard.js b/dist/vue-form-wizard.js index e68f220..ab7fe1d 100644 --- a/dist/vue-form-wizard.js +++ b/dist/vue-form-wizard.js @@ -1 +1 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueFormWizard=e():t.VueFormWizard=e()}(this,function(){return function(t){function e(i){if(a[i])return a[i].exports;var n=a[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var a={};return e.m=t,e.c=a,e.i=function(t){return t},e.d=function(t,a,i){e.o(t,a)||Object.defineProperty(t,a,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(a,"a",a),a},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=9)}([function(t,e){t.exports=function(t,e,a,i){var n,r=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(n=t,r=t.default);var o="function"==typeof r?r.options:r;if(e&&(o.render=e.render,o.staticRenderFns=e.staticRenderFns),a&&(o._scopeId=a),i){var c=Object.create(o.computed||null);Object.keys(i).forEach(function(t){var e=i[t];c[t]=function(){return e}}),o.computed=c}return{esModule:n,exports:r,options:o}}},function(t,e,a){a(10);var i=a(0)(a(7),a(13),null,null);t.exports=i.exports},function(t,e,a){a(12);var i=a(0)(a(8),a(16),null,null);t.exports=i.exports},function(t,e,a){a(11);var i=a(0)(a(5),a(14),null,null);t.exports=i.exports},function(t,e,a){var i=a(0)(a(6),a(15),null,null);t.exports=i.exports},function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a(1),n=a.n(i),r=a(2),s=a.n(r);e.default={name:"form-wizard",components:{WizardButton:n.a,WizardStep:s.a},props:{title:{type:String,default:"Awesome Wizard"},subtitle:{type:String,default:"Split a complicated flow in multiple steps"},nextButtonText:{type:String,default:"Next"},backButtonText:{type:String,default:"Back"},finishButtonText:{type:String,default:"Finish"},hideButtons:{type:Boolean,default:!1},validateOnBack:Boolean,color:{type:String,default:"#e74c3c"},errorColor:{type:String,default:"#8b0000"},shape:{type:String,default:"circle"},transition:{type:String,default:""},startIndex:{type:Number,default:0,validator:function(t){return t>=0}}},data:function(){return{activeTabIndex:0,isLastStep:!1,currentPercentage:0,maxStep:0,loading:!1,tabs:[]}},computed:{tabCount:function(){return this.tabs.length},displayPrevButton:function(){return 0!==this.activeTabIndex},stepPercentage:function(){return 1/(2*this.tabCount)*100},progressBarStyle:function(){return{backgroundColor:this.color,width:this.progress+"%",color:this.color}},fillButtonStyle:function(){return{backgroundColor:this.color,borderColor:this.color,color:"white"}},progress:function(){return this.activeTabIndex>0?this.stepPercentage*(2*this.activeTabIndex+1):this.stepPercentage}},methods:{addTab:function(t){var e=this.$slots.default.indexOf(t.$vnode);this.tabs.splice(e,0,t),e-1&&(a===this.activeTabIndex&&(this.maxStep=this.activeTabIndex-1,this.changeTab(this.activeTabIndex,this.activeTabIndex-1)),athis.activeTabIndex;if(t<=this.maxStep){var i=function(){e.changeTab(e.activeTabIndex,t)};a?this.beforeTabChange(this.activeTabIndex,i):(this.setValidationError(null),i())}},nextTab:function(){var t=this;this.$emit("on-change",this.activeTabIndex,this.activeTabIndex+1);var e=function(){t.activeTabIndex0&&(t.setValidationError(null),t.changeTab(t.activeTabIndex,t.activeTabIndex-1),t.isLastStep=!1)};this.validateOnBack?this.beforeTabChange(this.activeTabIndex,e):e()},finish:function(){var t=this,e=function(){t.$emit("on-complete")};this.beforeTabChange(this.activeTabIndex,e)},setLoading:function(t){this.loading=t,this.$emit("on-loading",t)},setValidationError:function(t){this.tabs[this.activeTabIndex].validationError=t,this.$emit("on-error",t)},validateBeforeChange:function(t,e){var a=this;if(this.setValidationError(null),t.then&&"function"==typeof t.then)this.setLoading(!0),t.then(function(t){a.setLoading(!1);var i=!0===t;a.executeBeforeChange(i,e)}).catch(function(t){a.setLoading(!1),a.setValidationError(t)});else{var i=!0===t;this.executeBeforeChange(i,e)}},executeBeforeChange:function(t,e){this.$emit("on-validate",t,this.activeTabIndex),t?e():this.tabs[this.activeTabIndex].validationError="error"},beforeTabChange:function(t,e){if(!this.loading){var a=this.tabs[t];if(a&&void 0!==a.beforeChange){var i=a.beforeChange();this.validateBeforeChange(i,e)}else e()}},changeTab:function(t,e){var a=this.tabs[t],i=this.tabs[e];return a&&(a.active=!1),i&&(i.active=!0),this.activeTabIndex=e,this.activateTabAndCheckStep(this.activeTabIndex),!0},tryChangeRoute:function(t){this.$router&&t.route&&this.$router.push(t.route)},checkStep:function(){this.activeTabIndex===this.tabCount-1?this.isLastStep=!0:this.isLastStep=!1},increaseMaxStep:function(){this.activeTabIndex>this.maxStep&&(this.maxStep=this.activeTabIndex)},checkRouteChange:function(t){var e=-1,a=this.tabs.find(function(a,i){var n=a.route===t;return n&&(e=i),n});if(a&&!a.active){var i=e>this.activeTabIndex;this.navigateToTab(e,i)}},deactivateTabs:function(){this.tabs.forEach(function(t){t.active=!1})},activateTab:function(t){this.deactivateTabs();var e=this.tabs[t];e.active=!0,e.checked=!0,this.tryChangeRoute(e)},activateTabAndCheckStep:function(t){this.activateTab(t),this.checkStep(),t>this.maxStep&&(this.maxStep=t),this.activeTabIndex=t},initializeTabs:function(){this.tabs.length>0&&0===this.startIndex&&this.activateTab(this.activeTabIndex),this.startIndex=0}}},data:function(){return{activeTabIndex:0,isLastStep:!1,currentPercentage:0,maxStep:0,loading:!1,tabs:[]}},computed:{tabCount:function(){return this.tabs.length},displayPrevButton:function(){return 0!==this.activeTabIndex},stepPercentage:function(){return 1/(2*this.tabCount)*100},progressBarStyle:function(){return{backgroundColor:this.color,width:this.progress+"%",color:this.color}},fillButtonStyle:function(){return{backgroundColor:this.color,borderColor:this.color,color:"white"}},progress:function(){return this.activeTabIndex>0?this.stepPercentage*(2*this.activeTabIndex+1):this.stepPercentage}},methods:{addTab:function(t){var e=this.$slots.default.indexOf(t.$vnode);this.tabs.splice(e,0,t),e-1&&(a===this.activeTabIndex&&(this.maxStep=this.activeTabIndex-1,this.changeTab(this.activeTabIndex,this.activeTabIndex-1)),athis.activeTabIndex;if(t<=this.maxStep){var i=function(){e.changeTab(e.activeTabIndex,t)};a?this.beforeTabChange(this.activeTabIndex,i):(this.setValidationError(null),i())}},nextTab:function(){var t=this;this.$emit("on-change",this.activeTabIndex,this.activeTabIndex+1);var e=function(){t.activeTabIndex0&&(t.setValidationError(null),t.changeTab(t.activeTabIndex,t.activeTabIndex-1),t.isLastStep=!1)};this.validateOnBack?this.beforeTabChange(this.activeTabIndex,e):e()},finish:function(){var t=this,e=function(){t.$emit("on-complete")};this.beforeTabChange(this.activeTabIndex,e)},setLoading:function(t){this.loading=t,this.$emit("on-loading",t)},setValidationError:function(t){this.tabs[this.activeTabIndex].validationError=t,this.$emit("on-error",t)},validateBeforeChange:function(t,e){var a=this;if(this.setValidationError(null),t.then&&"function"==typeof t.then)this.setLoading(!0),t.then(function(t){a.setLoading(!1);var i=!0===t;a.executeBeforeChange(i,e)}).catch(function(t){a.setLoading(!1),a.setValidationError(t)});else{var i=!0===t;this.executeBeforeChange(i,e)}},executeBeforeChange:function(t,e){this.$emit("on-validate",t,this.activeTabIndex),t?e():this.tabs[this.activeTabIndex].validationError="error"},beforeTabChange:function(t,e){if(!this.loading){var a=this.tabs[t];if(a&&void 0!==a.beforeChange){var i=a.beforeChange();this.validateBeforeChange(i,e)}else e()}},changeTab:function(t,e){var a=this.tabs[t],i=this.tabs[e];return a&&(a.active=!1),i&&(i.active=!0),this.activeTabIndex=e,this.activateTabAndCheckStep(this.activeTabIndex),!0},tryChangeRoute:function(t){this.$router&&t.route&&this.$router.push(t.route)},checkStep:function(){this.activeTabIndex===this.tabCount-1?this.isLastStep=!0:this.isLastStep=!1},increaseMaxStep:function(){this.activeTabIndex>this.maxStep&&(this.maxStep=this.activeTabIndex)},checkRouteChange:function(t){var e=-1,a=this.tabs.find(function(a,i){var n=a.route===t;return n&&(e=i),n});if(a&&!a.active){var i=e>this.activeTabIndex;this.navigateToTab(e,i)}},deactivateTabs:function(){this.tabs.forEach(function(t){t.active=!1})},activateTab:function(t){this.deactivateTabs();var e=this.tabs[t];e.active=!0,e.checked=!0,this.tryChangeRoute(e)},activateTabAndCheckStep:function(t){this.activateTab(t),this.checkStep(),t>this.maxStep&&(this.maxStep=t),this.activeTabIndex=t},initializeTabs:function(){this.tabs.length>0&&0===this.startIndex&&this.activateTab(this.activeTabIndex),this.startIndexli{position:relative;display:block}.vue-form-wizard .wizard-nav>li>a{position:relative;display:block;padding:10px 15px}.vue-form-wizard .wizard-nav>li>a:focus,.vue-form-wizard .wizard-nav>li>a:hover{text-decoration:none;background-color:#eee}.vue-form-wizard .wizard-nav>li.disabled>a{color:#777}.vue-form-wizard .wizard-nav>li.disabled>a:focus,.vue-form-wizard .wizard-nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.vue-form-wizard .wizard-progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn,.vue-form-wizard .wizard-btn{box-sizing:border-box;border-width:2px;background-color:transparent;font-size:14px;font-weight:600;padding:6px 12px}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:focus,.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:hover,.vue-form-wizard .wizard-btn:focus,.vue-form-wizard .wizard-btn:hover{outline:0!important}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn.wizard-btn-wd,.vue-form-wizard .wizard-btn-wd{min-width:140px}.vue-form-wizard .wizard-nav-pills{margin-top:0;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.vue-form-wizard .wizard-nav-pills a,.vue-form-wizard .wizard-nav-pills li{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-positive:1;flex-grow:1}.vue-form-wizard .wizard-nav-pills>li>a,.vue-form-wizard .wizard-nav-pills a{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-form-wizard .wizard-nav-pills>li>a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0 auto;color:rgba(0,0,0,.2);position:relative;top:3px;z-index:100}.vue-form-wizard .wizard-nav-pills>li>a:focus,.vue-form-wizard .wizard-nav-pills>li>a:hover{background-color:transparent;color:rgba(0,0,0,.2);outline:0!important;cursor:pointer}.vue-form-wizard .wizard-nav-pills>li.active>a,.vue-form-wizard .wizard-nav-pills>li.active>a:focus,.vue-form-wizard .wizard-nav-pills>li.active>a:hover{background-color:transparent;transition:font-size .2s linear}.vue-form-wizard .wizard-nav-pills>li.active>a .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:focus .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:hover .wizard-icon{color:#fff;font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:all .2s linear}.vue-form-wizard{padding-bottom:20px}.vue-form-wizard .is_error{border-color:#c84513!important}.vue-form-wizard .is_error .icon-container{background:#c84513!important}.vue-form-wizard .wizard-icon-circle{font-size:18px;border:3px solid #f3f2ee;border-radius:50%;font-weight:600;width:70px;height:70px;background-color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.vue-form-wizard .wizard-icon-circle.square_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle.tab_shape{width:100%;min-width:100px;height:40px;border:none;background-color:#f3f2ee;border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:40%}.vue-form-wizard .wizard-icon-circle .wizard-icon-container.square_shape,.vue-form-wizard .wizard-icon-circle .wizard-icon-container.tab_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-tab-content{min-height:100px;padding:30px 20px 10px}.vue-form-wizard .wizard-header{padding:15px;position:relative;border-radius:3px 3px 0 0;z-index:3;text-align:center}.vue-form-wizard .wizard-title{color:#252422;font-weight:300;margin:0;text-align:center}.vue-form-wizard .category{font-size:14px;font-weight:400;color:#9a9a9a;margin-bottom:0;text-align:center}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle{position:relative;top:40px;z-index:50;height:4px}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar{box-shadow:none;transition:width .3s ease}.vue-form-wizard .clearfix:after{content:"";clear:both;display:table}.vue-form-wizard .wizard-card-footer{padding:0 20px}.vue-form-wizard .wizard-card-footer .wizard-footer-left{float:left}.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:right}@media screen and (max-width:350px){.vue-form-wizard .wizard-card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-form-wizard .wizard-card-footer .wizard-footer-left,.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:none;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-card-footer .wizard-footer-right button{margin-top:10px}} \ No newline at end of file +.vue-form-wizard .wizard-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:4px}.vue-form-wizard .wizard-btn.disabled,.vue-form-wizard .wizard-btn[disabled],fieldset[disabled] .vue-form-wizard .wizard-btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.vue-form-wizard *{box-sizing:border-box}.vue-form-wizard a{text-decoration:none}.vue-form-wizard .wizard-nav{margin-bottom:0;padding-left:0;list-style:none}.vue-form-wizard .wizard-nav>li{position:relative;display:block}.vue-form-wizard .wizard-nav>li>a{position:relative;display:block;padding:10px 15px}.vue-form-wizard .wizard-nav>li>a:focus,.vue-form-wizard .wizard-nav>li>a:hover{text-decoration:none;background-color:#eee}.vue-form-wizard .wizard-nav>li.disabled>a{color:#777}.vue-form-wizard .wizard-nav>li.disabled>a:focus,.vue-form-wizard .wizard-nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.vue-form-wizard .wizard-progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn,.vue-form-wizard .wizard-btn{box-sizing:border-box;border-width:2px;background-color:transparent;font-size:14px;font-weight:600;padding:6px 12px}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:focus,.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:hover,.vue-form-wizard .wizard-btn:focus,.vue-form-wizard .wizard-btn:hover{outline:0!important}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn.wizard-btn-wd,.vue-form-wizard .wizard-btn-wd{min-width:140px}.vue-form-wizard .wizard-nav-pills{margin-top:0;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.vue-form-wizard .wizard-nav-pills a,.vue-form-wizard .wizard-nav-pills li{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-positive:1;flex-grow:1}.vue-form-wizard .wizard-nav-pills>li>a,.vue-form-wizard .wizard-nav-pills a{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-form-wizard .wizard-nav-pills>li>a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0 auto;color:rgba(0,0,0,.2);position:relative;top:3px}.vue-form-wizard .wizard-nav-pills>li>a:focus,.vue-form-wizard .wizard-nav-pills>li>a:hover{background-color:transparent;color:rgba(0,0,0,.2);outline:0!important;cursor:pointer}.vue-form-wizard .wizard-nav-pills>li.active>a,.vue-form-wizard .wizard-nav-pills>li.active>a:focus,.vue-form-wizard .wizard-nav-pills>li.active>a:hover{background-color:transparent;transition:font-size .2s linear}.vue-form-wizard .wizard-nav-pills>li.active>a .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:focus .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:hover .wizard-icon{color:#fff;font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:all .2s linear}.vue-form-wizard{padding-bottom:20px}.vue-form-wizard .is_error{border-color:#c84513!important}.vue-form-wizard .is_error .icon-container{background:#c84513!important}.vue-form-wizard .wizard-icon-circle{font-size:18px;border:3px solid #f3f2ee;border-radius:50%;font-weight:600;width:70px;height:70px;background-color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.vue-form-wizard .wizard-icon-circle.square_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle.tab_shape{width:100%;min-width:100px;height:40px;border:none;background-color:#f3f2ee;border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:40%}.vue-form-wizard .wizard-icon-circle .wizard-icon-container.square_shape,.vue-form-wizard .wizard-icon-circle .wizard-icon-container.tab_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-tab-content{min-height:100px;padding:30px 20px 10px}.vue-form-wizard .wizard-header{padding:15px;position:relative;border-radius:3px 3px 0 0;text-align:center}.vue-form-wizard .wizard-title{color:#252422;font-weight:300;margin:0;text-align:center}.vue-form-wizard .category{font-size:14px;font-weight:400;color:#9a9a9a;margin-bottom:0;text-align:center}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle{position:relative;top:40px;height:4px}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar{box-shadow:none;transition:width .3s ease}.vue-form-wizard .clearfix:after{content:"";clear:both;display:table}.vue-form-wizard .wizard-card-footer{padding:0 20px}.vue-form-wizard .wizard-card-footer .wizard-footer-left{float:left}.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:right}@media screen and (max-width:350px){.vue-form-wizard .wizard-card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-form-wizard .wizard-card-footer .wizard-footer-left,.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:none;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-card-footer .wizard-footer-right button{margin-top:10px}} \ No newline at end of file diff --git a/docs/README.md b/docs/README.md index fd95fb4..cdf169e 100644 --- a/docs/README.md +++ b/docs/README.md @@ -46,6 +46,154 @@ components: { ``` +## Props +### Form Wizard props +```js +props: { + title: { + type: String, + default: 'Awesome Wizard' + }, + subtitle: { + type: String, + default: 'Split a complicated flow in multiple steps' + }, + nextButtonText: { + type: String, + default: 'Next' + }, + backButtonText: { + type: String, + default: 'Back' + }, + finishButtonText: { + type: String, + default: 'Finish' + }, + /*** + * Sets validation (on/off) for back button. By default back button ignores validation + */ + validateOnBack: Boolean, + /*** + * Applies to text, border and circle + */ + color: { + type: String, + default: '#e74c3c' //circle, border and text color + }, + /*** + * Is set to current step and text when beforeChange function fails + */ + errorColor: { + type: String, + default: '#8b0000' + }, + /** + * Can take one of the following values: 'circle|square|tab` + */ + shape: { + type: String, + default: 'circle' + }, + /** + * name of the transition when transition between steps + */ + transition: { + type: String, + default: '' //name of the transition when transition between steps + }, + /*** + * Index of the initial tab to display + */ + startIndex: { + type: Number, + default: 0 + } +} +``` + +### Tab content props +```js +props: { + title: { + type: String, + default: '' + }, + /*** + * Icon name for the upper circle corresponding to the tab + * Supports themify icons only for now. + */ + icon: { + type: String, + default: '' + }, + /*** + * Function to execute before tab switch. Return value must be boolean + * If the return result is false, tab switch is restricted + */ + beforeChange: { + type: Function + } +} +``` +### Events +Vue-form-wizard emits certain events when certain actions happen inside the component. The events can be noticed in some of the demos and especially in the [async validation demo](https://jsfiddle.net/bt5dhqtf/272/) +* **on-complete** Called when the finish button is clicked and the `before-change` for the last step (if present) was executed. No params are sent together with this event. `this.$emit('on-complete')` +* **on-loading** Called whenever an async `before-change` is executed. This event is emitted before executing `before-change` and after finishing execution of `before-change` method. `on-loading` is emitted together with a Boolean value. `this.$emit('on-loading', value)` +* **on-validate** Called whenever the execution of a `before-change` method is completed. The event sends along a Boolean which represents the validation result as well as an int with te tab index. `this.$emit('on-validate', validationResult, this.activeTabIndex)` +* **on-error** Called when `before-change` is a promised and is rejected with a message. The message is passed along `this.$emit('on-error', error)` See async validation fiddle +## Slots +* **Default** - Used for tab-contents +* **title** - Upper title section including sub-title +* **prev** - Previous button content (no need to worry about handling the button functionality) +* **next** - Next button content +* **finish** - Finish button content + +## Scoped slots +Form-wizard exposes 2 scoped slots which can be used to customize some parts of the wizard. Usage example and implementation details are presented in [0.6.2 release](https://github.com/cristijora/vue-form-wizard/releases/tag/v0.6.2) + +### Footer slot +Has the buttons (back, next, finish) as default. When using this slot, those buttons are replaced with the content of your slot. You can achieve the same default functionallity and event tweak it with the help of the exposed methods/properties from `props` +One potential usage can be that you want to have a different button when completing the wizard. Maybe you want to position it in the center, give it a different color and click event +```html + +``` +This is just one example. You can add more buttons, hide or display conditionally based on the exposed properties. +Working fiddle for the [example above](https://jsfiddle.net/bt5dhqtf/717/) + +#### Exposed props for `footer` slot: +- nextTab // will go to the next tab/step when called +- prevTab //will got to the prev tab/step when called +- activeTabIndex // current active tab index +- isLastStep // boolean to tell whether it's the last step or not +- fillButtonStyle // object with styles for wizard-buttons (contains background and color passed through wizard props) + +### Step slot +This slot can be used to disable the click event on the step or to customize the UI of each step +One possible usage: +```html + +``` +#### Exposed props for the `step` slot + - tab (the tab object which contains the tab-content component corresponding to the step) This object contains several fields such as `active, checked, shape, color` and so on. You can check how these are used [here](https://github.com/cristijora/vue-form-wizard/blob/master/src/components/WizardStep.vue): +- index (The index of the step) +- transition (Transition prop passed from form-wizard) + +[Fiddle example](https://jsfiddle.net/bt5dhqtf/705/) You can notice that steps are not longer clickable. # Demos Basic [demo](https://jsfiddle.net/bt5dhqtf/97/) @@ -55,12 +203,12 @@ Other demos: * [Step index](https://jsfiddle.net/bt5dhqtf/100/) Start at any step. Note: start-index is zero-based and the count starts at 0 * [Custom button and title text](https://jsfiddle.net/bt5dhqtf/101/) * [Custom title slot](https://jsfiddle.net/bt5dhqtf/102/) -* [Customized buttons with slots](https://jsfiddle.net/bt5dhqtf/103/) Replace stuff you don't like * [Call a function before tab switch](https://jsfiddle.net/bt5dhqtf/105/) * [Complete form example](https://jsfiddle.net/CristiJ/bt5dhqtf/286/) integrated with [vue-form-generator](https://github.com/icebob/vue-form-generator) * [Element UI form integration](https://jsfiddle.net/bt5dhqtf/409/) * [Vue router integration](https://jsfiddle.net/bt5dhqtf/267/) You can place a `router-view` inside the wizard and have a separate page per tab. A `route` prop must be passed to the tabs you want to handle certain tabs * [Async validation with error message](https://jsfiddle.net/CristiJ/bt5dhqtf/298/) `before-change` prop can accept a promise that is resolved with `true` which will execute the promise before switching to another step/tab (NOTE: This feature is not present in the npm package yet) +* [Customized buttons with scoped slot](https://jsfiddle.net/bt5dhqtf/717/) # Playground @@ -255,7 +403,7 @@ Other demos: -## Replace buttons and title with Slots +## Customize buttons with footer slot @@ -278,9 +426,16 @@ Other demos: Yuhuuu! This seems pretty damn simple - - - + @@ -503,110 +658,6 @@ span.error{ - -# Props -## Form Wizard props -```js -props: { - title: { - type: String, - default: 'Awesome Wizard' - }, - subtitle: { - type: String, - default: 'Split a complicated flow in multiple steps' - }, - nextButtonText: { - type: String, - default: 'Next' - }, - backButtonText: { - type: String, - default: 'Back' - }, - finishButtonText: { - type: String, - default: 'Finish' - }, - /*** - * Sets validation (on/off) for back button. By default back button ignores validation - */ - validateOnBack: Boolean, - /*** - * Applies to text, border and circle - */ - color: { - type: String, - default: '#e74c3c' //circle, border and text color - }, - /*** - * Is set to current step and text when beforeChange function fails - */ - errorColor: { - type: String, - default: '#8b0000' - }, - /** - * Can take one of the following values: 'circle|square|tab` - */ - shape: { - type: String, - default: 'circle' - }, - /** - * name of the transition when transition between steps - */ - transition: { - type: String, - default: '' //name of the transition when transition between steps - }, - /*** - * Index of the initial tab to display - */ - startIndex: { - type: Number, - default: 0 - } -} -``` - -## Tab content props -```js -props: { - title: { - type: String, - default: '' - }, - /*** - * Icon name for the upper circle corresponding to the tab - * Supports themify icons only for now. - */ - icon: { - type: String, - default: '' - }, - /*** - * Function to execute before tab switch. Return value must be boolean - * If the return result is false, tab switch is restricted - */ - beforeChange: { - type: Function - } -} -``` -## Events -Vue-form-wizard emits certain events when certain actions happen inside the component. The events can be noticed in some of the demos and especially in the [async validation demo](https://jsfiddle.net/bt5dhqtf/272/) -* **on-complete** Called when the finish button is clicked and the `before-change` for the last step (if present) was executed. No params are sent together with this event. `this.$emit('on-complete')` -* **on-loading** Called whenever an async `before-change` is executed. This event is emitted before executing `before-change` and after finishing execution of `before-change` method. `on-loading` is emitted together with a Boolean value. `this.$emit('on-loading', value)` -* **on-validate** Called whenever the execution of a `before-change` method is completed. The event sends along a Boolean which represents the validation result as well as an int with te tab index. `this.$emit('on-validate', validationResult, this.activeTabIndex)` -* **on-error** Called when `before-change` is a promised and is rejected with a message. The message is passed along `this.$emit('on-error', error)` See async validation fiddle -## Slots -* **Default** - Used for tab-contents -* **title** - Upper title section including sub-title -* **prev** - Previous button content (no need to worry about handling the button functionality) -* **next** - Next button content -* **finish** - Finish button content - ## Contribution 1. Fork the repo 2. run `npm install` diff --git a/src/assets/form-wizard/_navs-pagination.scss b/src/assets/form-wizard/_navs-pagination.scss index d86f12e..feed343 100644 --- a/src/assets/form-wizard/_navs-pagination.scss +++ b/src/assets/form-wizard/_navs-pagination.scss @@ -21,7 +21,6 @@ color: $form-placeholder-color; position: relative; top: 3px; - z-index: 100; &:hover, &:focus{ background-color: transparent; diff --git a/src/assets/form-wizard/_wizard-card.scss b/src/assets/form-wizard/_wizard-card.scss index 9f7f258..23241a2 100644 --- a/src/assets/form-wizard/_wizard-card.scss +++ b/src/assets/form-wizard/_wizard-card.scss @@ -54,7 +54,6 @@ padding: 15px 15px 15px 15px; position: relative; border-radius: 3px 3px 0 0; - z-index: 3; text-align: center; } @@ -77,7 +76,6 @@ .wizard-progress-with-circle { position: relative; top: 40px; - z-index: 50; height: 4px; .wizard-progress-bar {