{"__symbolic":"module","version":4,"metadata":{"GhProgressCircleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"GhProgressCircle"}],"declarations":[{"__symbolic":"reference","name":"GhProgressCircle"}]}]}],"members":{}},"GhProgressCircleBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":34}]}]}},"_GhProgressCircleMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinColor","line":18,"character":42},"arguments":[{"__symbolic":"reference","name":"GhProgressCircleBase"},"main"]},"GhProgressCircle":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_GhProgressCircleMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"gh-progress-circle","exportAs":"ghProgressCircle","inputs":["color"],"host":{"role":"progressbar","[attr.aria-valuemin]":"min","[attr.aria-valuemax]":"max","[attr.aria-valuenow]":"value","class":"gh-progress-circle"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":33,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"OnPush"},"template":"<div class=\"gh-progress-circle-body\"><svg viewBox=\"0 0 512 512\" width=\"128px\" height=\"128px\"><path class=\"gh-progress-circle-background\" d=\"M256 15 a241 241 0 1 1 0 482 a241 241 0 1 1 0 -482z\"/><path class=\"gh-progress-circle-progress\" [style.stroke-dashoffset]=\"_dashOffset\" d=\"M256 15 a241 241 0 1 1 0 482 a241 241 0 1 1 0 -482z\"/></svg><div class=\"gh-progress-circle-content\"><ng-content></ng-content></div></div>","styles":[".gh-progress-circle {\n  display: block; }\n\n.gh-progress-circle-body {\n  display: inline-block;\n  position: relative; }\n\n.gh-progress-circle-background,\n.gh-progress-circle-progress {\n  fill: transparent;\n  stroke-width: 15; }\n\n.gh-progress-circle-background {\n  stroke: #e6e6e6; }\n\n.gh-progress-circle-progress {\n  stroke-dasharray: 1514;\n  stroke-dashoffset: 1514;\n  transition: stroke-dashoffset 450ms ease-out, stroke 250ms ease-out; }\n\n.gh-progress-circle-content {\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%); }\n"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":32}]}],"_calculateViewParams":[{"__symbolic":"method"}],"_calculatePercentage":[{"__symbolic":"method"}],"_calculateDashOffset":[{"__symbolic":"method"}]}}},"origins":{"GhProgressCircleModule":"./progress-circle-module","GhProgressCircleBase":"./progress-circle","_GhProgressCircleMixinBase":"./progress-circle","GhProgressCircle":"./progress-circle"},"importAs":"@dynatrace/ngx-groundhog/progress-circle"}