{"__symbolic":"module","version":4,"metadata":{"NgStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}],"declarations":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ngx-stepper","template":"<ngx-step-header\n *ngIf=\"true\"\n [stepList]=\"steps\"\n [activeStep]=\"activeStep\"\n [finished]=\"activeStep === steps.length\">\n</ngx-step-header>\n\n\n<div class=\"ngx-step-body-wrapper\" #stepBodyWrapper>\n  <ngx-step-body\n   *ngFor=\"let step of steps; let i = index;\"\n   [template]='step.tpl' [active]=\"activeStep === i\"\n   [position]=\"step.position\"\n   (transitionStart)=\"onTransitionStart($event)\"\n   (transitionDone)=\"onTransitionDone()\">\n  </ngx-step-body>\n</div>\n","styles":[":host{display:flex;flex-direction:column}.ngx-step-body-wrapper{position:relative;overflow:hidden;display:flex;transition:height .2s cubic-bezier(.35,0,.25,1)}"]}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"_stepBodyWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["stepBodyWrapper"]}]}],"activeStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3},"arguments":["activeStep"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":35,"character":33}]}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"onTransitionDone":[{"__symbolic":"method"}],"onTransitionStart":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ngx-step","template":"<ng-template #tpl>\n  <ng-content></ng-content>\n</ng-template>\n","styles":[""]}]}],"members":{"tpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["tpl"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"ngx-step-body","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":28,"character":15},"arguments":["translateStep",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":4},"arguments":["left",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":18},"arguments":[{"transform":"translate3d(-100%, 0, 0)","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":30,"character":4},"arguments":["center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":20},"arguments":[{"transform":"translate3d(0, 0, 0)","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":31,"character":4},"arguments":["right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":19},"arguments":[{"transform":"translate3d(100%, 0, 0)","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":4},"arguments":["* => left, * => right, left => center, right => center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":6},"arguments":["200ms cubic-bezier(0.4, 0.0, 0.6, 1)"]}]}]]}],"template":"<div\n  [@translateStep]=\"stepPosition\"\n  (@translateStep.done)=\"_onTranslateStepDone($event)\"\n  (@translateStep.start)=\"_onTranslateStepStart($event)\"\n  #stepBodyContent\n  class=\"step-body-content\"\n>\n  <ng-template *ngxOutlet=\"\"></ng-template>\n  </div>\n","styles":[":host{transition:height .2s cubic-bezier(.35,0,.25,1);flex-grow:1;display:block;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}:host.active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}.step-body-content{position:relative;z-index:2}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"outlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["position"]}]}],"transitionStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"transitionDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"activeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":54,"character":3},"arguments":["class.active"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":58,"character":35}]}],"setPosition":[{"__symbolic":"method"}],"_onTranslateStepStart":[{"__symbolic":"method"}],"_onTranslateStepDone":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[ngxOutlet]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":16,"character":28},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"attach":[{"__symbolic":"method"}],"hasAttached":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-step-header","template":"<ng-container *ngFor=\"let step of stepList; let i = index; let lastHeader = last\">\n\n\n    <ngx-header-block\n            [stepIndex]=\"i\"\n            [activeStep]=\"activeStep\"\n            [last]=\"lastHeader\"\n            [finished]=\"finished\"\n    >\n        {{step.label}}\n    </ngx-header-block>\n\n    <div class=\"step-space-between\" *ngIf=\" i < stepList.length-1 \">\n        <span class=\"step-line\"></span>\n    </div>\n\n</ng-container>\n","styles":[":host{display:flex;align-content:center;align-items:center;justify-content:space-between;padding:24px}.step-space-between{display:flex;flex:1 1 auto}.step-line{flex:1 1 auto;display:block;border-color:#bdbdbd;margin-left:14px;border-top-style:solid;border-top-width:1px;margin-right:14px}"]}]}],"members":{"stepList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"activeStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"finished":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-header-block","template":"<div class=\"step\" style=\"position: relative\" [ngClass]=\"{'isActive':active, 'completed':completed}\">\n\n    <span *ngIf=\"!completed\" class=\"step-number\">\n        <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <text x=\"12\" y=\"16\" text-anchor=\"middle\" font-size=\"12\" fill=\"#fff\">   {{stepIndex+1}}</text>\n        </svg>\n    </span>\n\n    <span *ngIf=\"completed\">\n        <svg viewBox=\"0 0 24 24\"\n             class=\"step-number\">\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"></path>\n        </svg>\n    </span>\n\n    <div class=\"step-title\">\n        <ng-content></ng-content>\n    </div>\n\n\n</div>\n\n<div *ngIf=\"!last && mode ==='vertical'\" class=\"vertical-line\"></div>\n","styles":[".step{display:flex;align-items:center;font-size:14px}.step-number{height:30px;line-height:30px;width:30px;font-size:16px;border-radius:50%;text-align:center;color:#fafafa;fill:#e1e1e1;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.step-title{color:#d3d3d3;padding-left:14px}.completed .step-title,.isActive .step-title{color:#000}.completed .step-number,.isActive .step-number{color:#0275d8;fill:#0275d8}.vertical-line{border-left:1px solid #d3d3d3;height:10px;margin-left:16px;padding-left:16px}"]}]}],"members":{"stepIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"activeStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"finished":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"last":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"NgStepperModule":"./src/app/stepper/stepper.module","ɵa":"./src/app/stepper/stepper.component","ɵb":"./src/app/stepper/step/step.component","ɵc":"./src/app/stepper/step-body/step-body.component","ɵd":"./src/app/stepper/step-body/outlet.directive","ɵe":"./src/app/stepper/header/header.component","ɵf":"./src/app/stepper/header/header-block/header-block.component"},"importAs":"@cloudraker/ng-stepper"}