fix(stepper): prevent error when setting linear property to true (#1672)

Co-authored-by: Vasya Kacheshmarova <[email protected]>
Co-authored-by: Radoslav Karaivanov <[email protected]>

Author: 3 people

src/components/stepper/stepper.ts

@@ -65,6 +65,7 @@ export default class IgcStepperComponent extends EventEmitterMixin<
   );
 
   private activeStep!: IgcStepComponent;
+  private _shouldUpdateLinearState = false;
 
   /** Returns all of the stepper's steps. */
   @queryAssignedElements({ selector: 'igc-step' })
@@ -168,6 +169,10 @@ export default class IgcStepperComponent extends EventEmitterMixin<
 
   @watch('linear', { waitUntilFirstUpdate: true })
   protected linearChange(): void {
+    if (!this.activeStep) {
+      this._shouldUpdateLinearState = true;
+      return;
+    }
     this.steps.forEach((step: IgcStepComponent) => {
       step.linearDisabled = this.linear;
       if (step.index <= this.activeStep.index) {
@@ -482,6 +487,10 @@ export default class IgcStepperComponent extends EventEmitterMixin<
     }
 
     this.syncProperties();
+    if (this._shouldUpdateLinearState) {
+      this.linearChange();
+      this._shouldUpdateLinearState = false;
+    }
     if (this.linear) {
       this.updateStepsLinearDisabled();
     }