[{"__symbolic":"module","version":4,"metadata":{"IcosStep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"icos-step","template":"\n    <div [class]=\"'icos-step ' + (!root.simple ? 'is-' + root.direction : '')\"\n      [class.is-simple]=\"root.simple\"\n      [class.is-center]=\"root.alignCenter && !root.simple && !isVertical()\"\n      [class.is-flex]=\"isLast() && !root.alignCenter && !root.simple\"\n      [style]=\"makeStepStyles()\">\n      <div [class]=\"'icos-step__head is-' + currentStatus()\">\n        <div class=\"icos-step__line\" [ngStyle]=\"{\n          'margin-right': isLast() ? '' : root.offset + 'px',\n          'display': isLast() ? 'none' : 'block'}\">\n          <i class=\"icos-step__line-inner\" [style]=\"makeLineStyles()\"></i>\n        </div>\n\n        <span [class]=\"'icos-step__icon ' + (icon ? 'is-icon' : 'is-text')\">\n          <ng-container *ngIf=\"currentStatus() !== 'success' && currentStatus() !== 'error'\">\n            <i *ngIf=\"icon\" [class]=\"'icos-step__icon-inner icos-icon-' + icon\"></i>\n            <div *ngIf=\"!icon && !root.simple\" class=\"icos-step__icon-inner\" >{{ index + 1 }}</div>\n          </ng-container>\n          <i *ngIf=\"currentStatus() === 'success' || currentStatus() === 'error'\"\n            [class]=\"'icos-icon-' + (currentStatus() === 'success' ? 'check' : 'close') + ' icos-step__icon-inner is-status'\">\n          </i>\n        </span>\n      </div>\n      <div class=\"icos-step__main\">\n        <div [class]=\"'icos-step__title ' + 'is-' + currentStatus()\" #titleRef>\n          <ng-container>{{ title }}</ng-container>\n        </div>\n        <div *ngIf=\"root.simple\" class=\"icos-step__arrow\"></div>\n        <div [class]=\"'icos-step__description ' + 'is-' + currentStatus()\">\n          <ng-container>{{ description }}</ng-container>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"titleRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":["titleRef"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"./steps","name":"IcosSteps","line":55,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":56,"character":16},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":57,"character":23}]}],"currentStatus":[{"__symbolic":"method"}],"makeStepStyles":[{"__symbolic":"method"}],"makeLineStyles":[{"__symbolic":"method"}],"isLast":[{"__symbolic":"method"}],"isVertical":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]