[{"__symbolic":"module","version":4,"metadata":{"GraphListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"graph-list","template":"<div *ngFor=\"let graph of graphList\" class=\"graphList\" (click)=\"graphSelected.emit(graph)\"> <div [class.selectedGallery]=\"graph.id==selectedGraphId\" class=\"graph\"> <img *ngIf=\"graph.thumbUrl\" crossorigin=\"anonymous\" src=\"{{getUrl(graph.thumbUrl)}}\" alt=\"\" width=\"100%\" height=\"100%\"> </div> <span class=\"span-inline-block font12Size\">{{graph.name}}</span> </div> ","styles":[" .graphList { text-align: center; float: left; width: 64px; height: 100px; margin-left: 10px; margin-top: 10px; .graph { width: 64px; height: 64px; border: 2px solid transparent; display: flex; cursor: pointer; justify-content: center; .svgGraph>svg { width: 100%; height: 100%; } img{ width: auto; height: auto; max-width: 100%; max-height: 100%; align-self: center; } } span { font-size: 12px; word-break: break-word; } .graph.selectedGallery { border-color: #2d89ef; } } .inline-control{ display: inline-block; }"]}]}],"members":{"graphList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"selectedGraphId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"graphSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"getUrl":[{"__symbolic":"method"}]}}}}]