{"__symbolic":"module","version":4,"metadata":{"VerticalProgressbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"fast-vertical-progressbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<div class=\"vertical-progressbar\">\n  <ng-container *ngFor=\"let item of items; index as i\">\n    <fast-vertical-progressbar-item\n      [title]=\"item.title\"\n      [link]=\"item.link\"\n      [description]=\"item.description\"\n      [status]=\"item.status\"\n      [disabled]=\"item.disabled\"\n      [active]=\"item.active\"\n      (click)=\"selected.emit({ item: item, index: i, length: items.length })\"\n    >\n    </fast-vertical-progressbar-item>\n  </ng-container>\n</div>\n","styles":[".vertical-progressbar{position:relative;display:inline-block;min-width:310px;width:100%}.vertical-progressbar:before{position:absolute;top:20px;bottom:40px;left:26px;z-index:-1;width:2px;height:calc(100% - 40px);background:#ddd;content:''}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}]}},"VerticalProgressbarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"fast-vertical-progressbar-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<div\n  *ngIf=\"validStatus\"\n  class=\"vertical-progressbar-item\"\n  [ngClass]=\"{ 'active': active }\"\n  (mouseenter)=\"tooltip.show()\"\n  (mouseleave)=\"tooltip.hide()\"\n  [routerLink]=\"link\"\n  routerLinkActive=\"active\"\n>\n  <div class=\"vertical-progressbar-item-icon\">\n    <mat-icon\n      #tooltip=\"matTooltip\"\n      [fontIcon]=\"validStatus?.icon\"\n      [ngClass]=\"validStatus?.color\"\n      [inline]=\"true\"\n      [matTooltip]=\"description\"\n      [matTooltipDisabled]=\"disabled\"\n      matTooltipPosition=\"above\"\n    >\n    </mat-icon>\n  </div>\n  <div class=\"vertical-progressbar-item-title\">\n    <span>{{ title }}</span>\n  </div>\n</div>\n","styles":[".vertical-progressbar-item{position:relative;display:flex;align-items:center;padding-right:10px;height:55px;border-bottom-left-radius:27px;border-top-left-radius:27px;font-size:25px;cursor:pointer;transition:.2s}.vertical-progressbar-item:hover{background-color:rgba(220,220,220,.5)}.vertical-progressbar-item.active{background-color:#dcf7ff}.vertical-progressbar-item-title{display:flex;color:#007bc7;font-weight:500;font-size:14px}.vertical-progressbar-item-title>span{margin:auto;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vertical-progressbar-item.active>.vertical-progressbar-item-title,.vertical-progressbar-item:hover>.vertical-progressbar-item-title{color:#4a4a4a!important}.vertical-progressbar-item-icon{margin:auto 20px auto 15px;border-radius:50%}.vertical-progressbar-item-icon>mat-icon{background-color:inherit}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}]}},"verticalProgressbarStatus":{"COMPLETED":{"icon":"mdi-check-circle","color":"svg-green"},"IN_PROGRESS":{"icon":"mdi-circle-slice-4","color":"svg-yellow"},"FAILED":{"icon":"mdi-close-circle","color":"svg-red"},"NOT_STARTED":{"icon":"mdi-selection-ellipse","color":"svg-gray"}},"IProgressbarItemSelected":{"__symbolic":"interface"},"IProgressBarItemStatus":{"Completed":"COMPLETED","InProgress":"IN_PROGRESS","Failed":"FAILED","NotStarted":"NOT_STARTED"},"IProgressbarItem":{"__symbolic":"interface"},"VerticalProgressbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VerticalProgressbarComponent"},{"__symbolic":"reference","name":"VerticalProgressbarItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material","name":"MatTooltipModule","line":10,"character":17},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":10,"character":35},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":50},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":64}],"exports":[{"__symbolic":"reference","name":"VerticalProgressbarComponent"},{"__symbolic":"reference","name":"VerticalProgressbarItemComponent"}]}]}],"members":{}}},"origins":{"VerticalProgressbarComponent":"./components/vertical-progressbar/vertical-progressbar.component","VerticalProgressbarItemComponent":"./components/vertical-progressbar-item/vertical-progressbar-item.component","verticalProgressbarStatus":"./constants/vertical-progressbar-status.constant","IProgressbarItemSelected":"./models/progressbar-item-selected.model","IProgressBarItemStatus":"./models/progressbar-item-status.model","IProgressbarItem":"./models/progressbar-item.model","VerticalProgressbarModule":"./vertical-progressbar.module"},"importAs":"fast-shared-client/vertical-progressbar"}