[{"__symbolic":"module","version":3,"metadata":{"StepContentPositionState":{"__symbolic":"interface"},"IonicStepperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ion-stepper","template":"\n<div *ngIf=\"mode === 'horizontal'\" class=\"ionic-stepper-horizontal-container\">\n     <div class=\"ionic-stepper-horizontal-header-container\">\n       <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n          <ion-step-header [index]=\"i\"\n                             [icon]=\"step.icon\"\n                             [errorIcon]=\"step.errorIcon\"\n                             [label]=\"step.label\"\n                             [status]=\"step.status\"\n                             [active]=\"i <= selectedIndex\">\n          </ion-step-header>\n          <div *ngIf=\"!isLast\" class=\"ionic-stepper-horizontal-line\"></div>\n      </ng-container>\n    </div>\n    <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n        <div class=\"ionic-stepper-horizontal-content-container\"\n             [class.ionic-stepper-vertical-line]=\"!isLast\">\n            <div class=\"ionic-stepper-horizontal-content\"\n                 [@horizontalStepTransition]=\"getAnimationDirection(i)\">\n                 <div class=\"ionic-vertical-content\" *ngIf=\"i === selectedIndex\">\n                     <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n                 </div>\n            </div>\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf=\"mode === 'vertical'\" class=\"ionic-stepper-vertical-container\">\n    <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n        <ion-step-header [index]=\"i\"\n                           [icon]=\"step.icon\"\n                           [errorIcon]=\"step.errorIcon\"\n                           [label]=\"step.label\"\n                           [status]=\"step.status\"\n                           [active]=\"i <= selectedIndex\"\n                           [description]=\"step.description\">\n        </ion-step-header>\n        <div class=\"ionic-stepper-vertical-content-container\"\n             [class.ionic-stepper-vertical-line]=\"!isLast\">\n            <div class=\"ionic-stepper-vertical-content\"\n                 [@verticalStepTransition]=\"getAnimationDirection(i)\">\n                 <div class=\"ionic-vertical-content\">\n                     <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n                 </div>\n            </div>\n        </div>\n    </ng-container>\n</div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"host":{"class":"ionic-stepper","$quoted$":["class"]},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./ionic-stepper-animations","name":"IonicStepperAnimations"},"member":"verticalStepTransition"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./ionic-stepper-animations","name":"IonicStepperAnimations"},"member":"horizontalStepTransition"}]}]}],"members":{"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./ionic-step","name":"IonicStepComponent"}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"nextStep":[{"__symbolic":"method"}],"previousStep":[{"__symbolic":"method"}],"setStep":[{"__symbolic":"method"}],"getAnimationDirection":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"StepContentPositionState":{"__symbolic":"interface"},"IonicStepperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ion-stepper","template":"\n<div *ngIf=\"mode === 'horizontal'\" class=\"ionic-stepper-horizontal-container\">\n     <div class=\"ionic-stepper-horizontal-header-container\">\n       <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n          <ion-step-header [index]=\"i\"\n                             [icon]=\"step.icon\"\n                             [errorIcon]=\"step.errorIcon\"\n                             [label]=\"step.label\"\n                             [status]=\"step.status\"\n                             [active]=\"i <= selectedIndex\">\n          </ion-step-header>\n          <div *ngIf=\"!isLast\" class=\"ionic-stepper-horizontal-line\"></div>\n      </ng-container>\n    </div>\n    <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n        <div class=\"ionic-stepper-horizontal-content-container\"\n             [class.ionic-stepper-vertical-line]=\"!isLast\">\n            <div class=\"ionic-stepper-horizontal-content\"\n                 [@horizontalStepTransition]=\"getAnimationDirection(i)\">\n                 <div class=\"ionic-vertical-content\" *ngIf=\"i === selectedIndex\">\n                     <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n                 </div>\n            </div>\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf=\"mode === 'vertical'\" class=\"ionic-stepper-vertical-container\">\n    <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n        <ion-step-header [index]=\"i\"\n                           [icon]=\"step.icon\"\n                           [errorIcon]=\"step.errorIcon\"\n                           [label]=\"step.label\"\n                           [status]=\"step.status\"\n                           [active]=\"i <= selectedIndex\"\n                           [description]=\"step.description\">\n        </ion-step-header>\n        <div class=\"ionic-stepper-vertical-content-container\"\n             [class.ionic-stepper-vertical-line]=\"!isLast\">\n            <div class=\"ionic-stepper-vertical-content\"\n                 [@verticalStepTransition]=\"getAnimationDirection(i)\">\n                 <div class=\"ionic-vertical-content\">\n                     <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n                 </div>\n            </div>\n        </div>\n    </ng-container>\n</div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"host":{"class":"ionic-stepper"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./ionic-stepper-animations","name":"IonicStepperAnimations"},"member":"verticalStepTransition"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./ionic-stepper-animations","name":"IonicStepperAnimations"},"member":"horizontalStepTransition"}]}]}],"members":{"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./ionic-step","name":"IonicStepComponent"}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"nextStep":[{"__symbolic":"method"}],"previousStep":[{"__symbolic":"method"}],"setStep":[{"__symbolic":"method"}],"getAnimationDirection":[{"__symbolic":"method"}]}}}}]