[{"__symbolic":"module","version":3,"metadata":{"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"progress-circle","template":"\n    <div #main class=\"radial-progress\">\n          <div class=\"circle\">\n            <div class=\"mask half\">\n                  <div #half class=\"fill\"></div>\n                  <div #fix class=\"fill fix\"></div>\n            </div>\n            <div #maskfull class=\"mask full\">\n                <div #full class=\"fill\"></div>\n            </div>\n            <div class=”shadow”></div>\n          </div>\n        <div #inner class=\"inset\"></div>\n    </div>\n    ","styles":[".radial-progress{background-color:rgba(255,255,255,0.54);border-radius:50%;height:10;margin:.25em auto;position:relative;width:10}.circle .fill,.circle .mask{-webkit-backface-visibility:hidden;border-radius:50%;height:10;position:absolute;transition:transform 1s;width:10}.circle .fill{background-color:#2196f3}.circle .mask{background-color:rgba(255,255,255,0.54)}.circle .mask.half{clip:rect(0, 10, 10, 5)}.circle .mask.half .fill{clip:rect(0, 10, 10, 0)}.circle .mask.full{clip:rect(0, 5, 10, 0)}.circle .mask.full .fill{clip:rect(0, 10, 10, 5)}.circle .shadow{border-radius:50%;height:10;position:absolute;width:10}.inset{background-color:#fff;border-radius:50%;height:9;margin:.5em;position:absolute;width:9}\n    "]}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"innerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"main":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["main"]}]}],"mask_full":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["maskfull"]}]}],"full":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["full"]}]}],"half":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["half"]}]}],"fix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["fix"]}]}],"inner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["inner"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnChanges":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"changeColor":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"progress-circle","template":"\n    <div #main class=\"radial-progress\">\n          <div class=\"circle\">\n            <div class=\"mask half\">\n                  <div #half class=\"fill\"></div>\n                  <div #fix class=\"fill fix\"></div>\n            </div>\n            <div #maskfull class=\"mask full\">\n                <div #full class=\"fill\"></div>\n            </div>\n            <div class=”shadow”></div>\n          </div>\n        <div #inner class=\"inset\"></div>\n    </div>\n    ","styles":[".radial-progress{background-color:rgba(255,255,255,0.54);border-radius:50%;height:10;margin:.25em auto;position:relative;width:10}.circle .fill,.circle .mask{-webkit-backface-visibility:hidden;border-radius:50%;height:10;position:absolute;transition:transform 1s;width:10}.circle .fill{background-color:#2196f3}.circle .mask{background-color:rgba(255,255,255,0.54)}.circle .mask.half{clip:rect(0, 10, 10, 5)}.circle .mask.half .fill{clip:rect(0, 10, 10, 0)}.circle .mask.full{clip:rect(0, 5, 10, 0)}.circle .mask.full .fill{clip:rect(0, 10, 10, 5)}.circle .shadow{border-radius:50%;height:10;position:absolute;width:10}.inset{background-color:#fff;border-radius:50%;height:9;margin:.5em;position:absolute;width:9}\n    "]}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"innerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"main":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["main"]}]}],"mask_full":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["maskfull"]}]}],"full":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["full"]}]}],"half":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["half"]}]}],"fix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["fix"]}]}],"inner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["inner"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnChanges":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"changeColor":[{"__symbolic":"method"}]}}}}]