{"__symbolic":"module","version":4,"metadata":{"SebWizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14}],"declarations":[{"__symbolic":"reference","name":"SebWizardComponent"},{"__symbolic":"reference","name":"SebWizardTitleDirective"},{"__symbolic":"reference","name":"SebWizardStepComponent"},{"__symbolic":"reference","name":"SebWizardStepLabelDirective"},{"__symbolic":"reference","name":"SebWizardStepLabelDescDirective"}],"exports":[{"__symbolic":"reference","name":"SebWizardComponent"},{"__symbolic":"reference","name":"SebWizardTitleDirective"},{"__symbolic":"reference","name":"SebWizardStepComponent"},{"__symbolic":"reference","name":"SebWizardStepLabelDirective"},{"__symbolic":"reference","name":"SebWizardStepLabelDescDirective"}]}]}],"members":{}},"ISebWizardChangeEvent":{"__symbolic":"interface"},"SebWizardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"div[sebng-wizard], sebng-wizard","host":{"class":"d-flex flex-column flex-md-row flex-md-row w-100 h-100 border"},"template":"<nav class=\"p-3 bg-light\" style=\"min-width: 200px;\">\n    <ng-container *ngIf=\"wizardTitle\" [ngTemplateOutlet]=\"wizardTitle!.template\"></ng-container>\n    <ol class=\"list-group list-group-ordered d-none d-md-block mt-2\" *ngIf=\"!hideNavigation\">\n        <ng-container *ngFor=\"let wizardStep of wizardSteps; let i = index\">\n            <li\n                class=\"list-group-item-action\"\n                (click)=\"select(wizardStep)\"\n                *ngIf=\"!wizardStep!.hideFromNavigation\"\n                [attr.tabindex]=\"i\"\n                [class.active]=\"i === selectedIndex\"\n                [class.disabled]=\"disabledWizardStep(i)\"\n                [class.list-group-item-success]=\"wizardStep.completed || wizardStep.interacted\"\n            >\n                <ng-container *ngIf=\"wizardStep.wizardStepLabel\" [ngTemplateOutlet]=\"wizardStep!.wizardStepLabel!.template\"></ng-container>\n            </li>\n        </ng-container>\n    </ol>\n    <ng-container *ngFor=\"let wizardStep of wizardSteps; let i = index\">\n        <div class=\"d-xs-block d-sm-block d-md-none\" *ngIf=\"!wizardStep!.hideFromNavigation && i === selectedIndex\">\n            <div class=\"h3 mb-0 mt-2\">\n                <ng-container *ngIf=\"wizardStep.wizardStepLabel\" [ngTemplateOutlet]=\"wizardStep!.wizardStepLabel!.template\"></ng-container>\n            </div>\n            <ng-container *ngIf=\"wizardStep.wizardStepLabelDesc\">\n                <div class=\"text-muted\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"wizardStep!.wizardStepLabelDesc!.template\"\n                        [ngTemplateOutletContext]=\"{\n                            $implicit: { currentStep: i + 1, totalSteps: wizardSteps?.length }\n                        }\"\n                    ></ng-container>\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n</nav>\n<ng-container *ngFor=\"let wizardStep of wizardSteps; let i = index\">\n    <section\n        [ngClass]=\"selectedIndex === i && 'p-3 bg-white flex-grow-1'\"\n        [ngStyle]=\"selectedIndex !== i && { height: '0', width: '0', overflow: 'hidden' }\"\n    >\n        <ng-container [ngTemplateOutlet]=\"wizardStep?.wizardStepContent\"></ng-container>\n    </section>\n</ng-container>\n"}]}],"members":{"wizardTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":34,"character":5},"arguments":[{"__symbolic":"reference","name":"SebWizardTitleDirective"},{"static":true}]}]}],"wizardSteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":36,"character":5},"arguments":[{"__symbolic":"reference","name":"SebWizardStepComponent"}]}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":5}}]}],"hideNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"disableNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"stepWise":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":69,"character":44}]}],"select":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"_validIndex":[{"__symbolic":"method"}],"_validStepControl":[{"__symbolic":"method"}],"disabledWizardStep":[{"__symbolic":"method"}],"_emitChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SebWizardStepLabelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sebng-wizard-step-label]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SebWizardStepLabelDescDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[sebng-wizard-step-label-desc]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ISebWizardStepControl":{"__symbolic":"interface"},"SebWizardStepComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"div[sebng-wizard-step], sebng-wizard-step","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":21},"member":"OnPush"},"template":"<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n"}]}],"members":{"wizardStepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":17,"character":5},"arguments":[{"__symbolic":"reference","name":"SebWizardStepLabelDirective"},{"static":true}]}]}],"wizardStepLabelDesc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":5},"arguments":[{"__symbolic":"reference","name":"SebWizardStepLabelDescDirective"}]}]}],"wizardStepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":21,"character":15},{"static":true}]}]}],"hideFromNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"stepControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"interacted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"reset":[{"__symbolic":"method"}]}},"SebWizardTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sebng-wizard-title]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"SebWizardModule":"./wizard.module","ISebWizardChangeEvent":"./wizard.component","SebWizardComponent":"./wizard.component","SebWizardStepLabelDirective":"./wizard-step-label.directive","SebWizardStepLabelDescDirective":"./wizard-step-label.directive","ISebWizardStepControl":"./wizard-step.component","SebWizardStepComponent":"./wizard-step.component","SebWizardTitleDirective":"./wizard-title.directive"},"importAs":"@sebgroup/ng-components/lib/wizard"}