[{"__symbolic":"module","version":4,"metadata":{"GraphStateListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"graph-state-list","template":"<div *ngFor=\"let state of stateList\" class=\"graphList\"> <div *ngIf=\"state.url\" class=\"graph\" (click)=\"selectedStateId=state.id\" [class.selectedGallery]=\"state.id==selectedStateId\"> <img src=\"{{state.url}}\" crossorigin=\"anonymous\" width=\"100%\" height=\"100%\" alt=\"\"> </div> <span>{{state.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":{"stateList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"selectedStateId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"selectedStateIdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"selectState":[{"__symbolic":"method"}]}}}}]