{"__symbolic":"module","version":4,"metadata":{"RingChartService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getRingSectionsPartition":[{"__symbolic":"method"}],"validateSections":[{"__symbolic":"method"}],"getThickness":[{"__symbolic":"method"}],"getSemiRotation":[{"__symbolic":"method"}],"getLeftRemainder":[{"__symbolic":"method"}]},"statics":{"NUM_OF_DEGREES_RING":360,"INITIAL_OFFSET_DEGREES_SEMI":180,"ɵprov":{}}},"RingChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-ring-chart","template":"<div class=\"ring-container\"\n     [ngStyle]=\"{'width.px': diameter, 'height.px': diameter}\">\n  <div class=\"semi-ring-container semi-ring-container-left\"\n       [ngStyle]=\"{'width.px': diameter / 2, 'height.px': diameter}\">\n      <div\n          class=\"section\"\n          *ngFor=\"let section of leftSections$$\"\n          [ngStyle]=\"getStyles$$(section, 'right')\">\n      </div>\n  </div>\n  <div class=\"semi-ring-container semi-ring-container-right\"\n       [ngStyle]=\"{'width.px': diameter / 2, 'height.px': diameter}\">\n      <div\n          class=\"section\"\n          *ngFor=\"let section of rightSections$$\"\n          [ngStyle]=\"getStyles$$(section, 'left')\">\n      </div>\n  </div>\n  <div class=\"ring-center\"\n       [ngStyle]=\"{'width.px': centerSize$$, 'height.px': centerSize$$, 'background': centerColor$$, 'z-index': centerZindex$$}\"\n       *ngIf=\"centerSize$$\">\n  </div>\n</div>\n","styles":[".ring-container{position:relative;display:flex;flex-direction:row}.section{position:absolute;width:inherit;height:inherit;border-style:solid;box-sizing:border-box}.semi-ring-container{position:relative;overflow:hidden}.semi-ring-container-left .section{top:0;left:100%;border-left:none;transform-origin:0 50%}.semi-ring-container-right .section{top:0;right:100%;border-right:none;transform-origin:100%}.ring-center{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}"]}]}],"members":{"sections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"diameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"thickness":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"centerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RingChartService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"getStyles$$":[{"__symbolic":"method"}],"calculateSections":[{"__symbolic":"method"}],"validateAndUpdateThickness":[{"__symbolic":"method"}],"validateSections":[{"__symbolic":"method"}],"calculateCenter":[{"__symbolic":"method"}]}},"RingChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RingChartComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"RingChartComponent"}]}]}],"members":{}}},"origins":{"RingChartService":"./lib/ring-chart.service","RingChartComponent":"./lib/ring-chart.component","RingChartModule":"./lib/ring-chart.module"},"importAs":"st-ring-chart"}