{"__symbolic":"module","version":4,"metadata":{"WizardHorizontalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ui-wizard-horizontal","template":"\n    <div class=\"wizard horizontal\">\n      <ng-template ngFor let-item let-i=\"index\" [ngForOf]=\"steps\">\n        <div *ngIf=\"!item.hidden\" class=\"item\" [ngStyle]=\"getStepStyle()\"\n             [class.error]=\"item.invalid\" [title]=\"item.invalid || ''\"\n             [class.success]=\"(i+1) < step\" [class.active]=\"(i+1) === step\">\n          <div class=\"desc\" [class.click]=\"item.enable || (i+1) < step\" (click)=\"onStep(item, i+1)\">\n            <div class=\"icon\"></div>\n            <i class=\"{{item.class}}\"></i>\n            <div class=\"name\">{{item.name}}</div>\n          </div>\n          <div *ngIf=\"i < steps.length - 1\" class=\"line\"></div>\n        </div>\n      </ng-template>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"styles":[".ui-wizard-horizontal,ui-wizard-horizontal{display:block;padding:.4rem;overflow:hidden}.wizard{background-color:#ccc;color:#ccc}.wizard.horizontal,.wizard.horizontal>.item{display:flex;align-items:center;height:1px;position:relative}.wizard.horizontal>.item .desc{width:.3rem;height:.3rem;position:relative;display:flex;align-items:center;justify-content:center;left:-.15rem}.wizard.horizontal>.item .desc .icon{width:.1rem;height:.1rem;border-radius:50%;background-color:#fff;border:1px solid}.wizard.horizontal>.item.error .desc .icon{background-color:#cc6164!important}.wizard.horizontal>.item.error,.wizard.horizontal>.item.error .desc .name{color:#cc6164!important}.wizard.horizontal>.item.active,.wizard.horizontal>.item.active .desc .name{color:#26bbf0!important}.wizard.horizontal>.item .desc .name{position:absolute;top:100%;white-space:nowrap}.wizard.horizontal>.item .desc i{position:absolute;bottom:70%}.wizard.horizontal>.item .desc.click{cursor:pointer}.wizard.horizontal>.item .desc.click:hover .name{color:#26bbf0}.wizard.horizontal>.item .desc.click:hover .icon{background-color:#26bbf0!important}.wizard.horizontal>.item .line{height:100%;width:100%;margin-left:-.3rem}.wizard.horizontal>.item.success .icon,.wizard.horizontal>.item.success .line{background-color:#31bb67!important}.wizard.horizontal>.item.active{color:#26bbf0!important}"]}]}],"members":{"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"stepChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"getStepStyle":[{"__symbolic":"method"}],"onStep":[{"__symbolic":"method"}]}},"WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"WizardHorizontalComponent"}],"exports":[{"__symbolic":"reference","name":"WizardHorizontalComponent"}]}]}],"members":{}}},"origins":{"WizardHorizontalComponent":"./wizard-horizontal.component","WizardModule":"./wizard.module"},"importAs":"le5le-components/wizard"}