Fixed issues with wizard

Author: actengage

src/Components/Wizard/Wizard.vue

@@ -267,6 +267,10 @@ export default {
             ));
         },
 
+        goto(index) {
+            this.$emit('update:active', this.currentStep = Math.min(this.currentStep + 1, index));
+        },
+
         next() {
             this.$emit('update:active', this.currentStep = Math.min(this.currentStep + 1, this.$refs.slideDeck.slides().length - 1));
         },

src/Components/Wizard/WizardError.vue

@@ -94,12 +94,12 @@ $wizard-error-color: #b10805;
         height: $font-size-lg * 6;
         margin: $font-size-lg auto;
         position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
         svg {
-            position: absolute;
             width: 100%;
-            top: 50%;
-            left: 0;
             line-height: 0;
         }
     }

src/Components/Wizard/WizardStep.vue

@@ -76,7 +76,13 @@ export default {
 
         performValidityChecks() {
             this.checkValidity('validate') ? this.enable() : this.disable();
-            this.checkValidity('backButton') ? this.$refs.wizard.enableBackButton() : this.$refs.wizard.disableBackButton();
+
+            if(this.$refs.wizard && this.checkValidity('backButton')) {
+                this.$refs.wizard.enableBackButton();
+            }
+            else if(this.$refs.wizard) {
+                this.$refs.wizard.disableBackButton();
+            }
         },
 
         disable() {

src/Components/Wizard/WizardSuccess.vue

@@ -72,12 +72,12 @@ $wizard-success-color: #55b776;
         height: $font-size-lg * 6;
         margin: $font-size-lg auto;
         position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
         svg {
-            position: absolute;
             width: 100%;
-            top: 50%;
-            left: 0;
             line-height: 0;
         }
     }