{"__symbolic":"module","version":4,"metadata":{"ProgressComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-progress","template":"\n    <div class=\"ui-progress\">\n      <div class=\"bar\" [style.background-color]=\"bkColor\">\n        <div  [style.background-color]=\"color\" [style.width.%]=\"percent\"></div>\n      </div>\n      <div class=\"desc\">\n        <span *ngIf=\"!icon\" [ngStyle]=\"textStyle\">{{text}}</span>\n        <i [class]=\"icon\" [ngStyle]=\"iconStyle\"></i>\n      </div>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"},"styles":[".ui-progress{display:flex;align-items:center}.ui-progress>.desc{text-align:center;order:1;white-space:nowrap;padding:0 .1rem}.ui-progress>.bar{background-color:#ddd;width:100%;height:.07rem;position:relative;border-radius:.5rem;overflow:hidden}.ui-progress>.bar>div{background-color:#1890ff;position:absolute;left:0;top:0;bottom:0;border-radius:.5rem}.ui-warning .ui-progress>.bk>div{background-color:#faad14}.ui-error .ui-progress>.bk>div{background-color:#f50000}"]}]}],"members":{"percent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"decimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"bkColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"textStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"iconStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"round":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-progress-circle","template":"\n    <div class=\"ui-progress-circle\" [style.width.px]=\"size\" [style.height.px]=\"size\">\n      <svg [attr.width.px]=\"size\" [attr.height.px]=\"size\" viewBox=\"0 0 220 220\">\n        <circle r=\"100\" cx=\"110\" cy=\"110\" stroke-width=\"10\"\n          [attr.stroke]=\"bkColor\" fill=\"none\"></circle>\n        <circle *ngIf=\"percent > 0\" r=\"100\" cx=\"110\" cy=\"110\" stroke-width=\"10\"\n          [attr.stroke]=\"color\" [attr.stroke-dasharray]=\"dasharray\"\n          stroke-linecap=\"round\" fill=\"none\"></circle>\n      </svg>\n      <div class=\"flex middle\">\n        <div *ngIf=\"icon\" class=\"full\">\n          <i [class]=\"icon\" [ngStyle]=\"iconStyle\"></i>\n        </div>\n        <div *ngIf=\"!icon\"  class=\"full\">\n          <div [ngStyle]=\"textStyle\">{{text}}</div>\n          <div [ngStyle]=\"descStyle\">{{desc}}</div>\n        </div>\n      </div>\n    </div>\n    <div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"},"styles":[".ui-progress-circle{position:relative;overflow:hidden;text-align:center;font-size:10px;line-height:1.5}.ui-progress-circle>*{position:absolute;left:0}.ui-progress-circle svg{transform:rotate(-90deg)}.ui-progress-circle .flex{left:0;right:0;top:0;bottom:0}"]}]}],"members":{"percent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"decimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"desc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"bkColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"borderSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"textStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"descStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"iconStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"round":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ProgressModule":{"__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":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"declarations":[{"__symbolic":"reference","name":"ProgressComponent"},{"__symbolic":"reference","name":"ProgressCircleComponent"}],"exports":[{"__symbolic":"reference","name":"ProgressComponent"},{"__symbolic":"reference","name":"ProgressCircleComponent"}]}]}],"members":{}}},"origins":{"ProgressComponent":"./progress.component","ProgressCircleComponent":"./progress.circle.component","ProgressModule":"./progress.module"},"importAs":"le5le-components/progress"}