[{"__symbolic":"module","version":4,"metadata":{"GalleryCurrentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":19,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"gallery-current","styles":[".design-galleryCurrent{ .galleryCurrent { border: 0; .graphSettingBox { width: 100%; } } }",".gallery-wrap { ul { list-style: none; padding: 0; margin: 0; } li { cursor: pointer; } a:focus, a:hover { color: #2889d0; border: none; } a:active, a:hover { outline: 0; } .listLink { display: block; text-decoration: none; color: #303030; padding: 8px 12px 8px 10px; text-overflow: ellipsis; } .listLink:hover { text-decoration: none; background: #EEEEEE; } .listLinkSelected { display: block; text-decoration: none; padding: 8px 12px 8px 10px; background: #EEEEEE; border: 1px solid #EEEEEE; } a { color: #EEEEEE; text-decoration: none; } .graphSettingBox { height: 255px; border: 1px solid #ddd; overflow-x: auto; display: block; .font12Size { font-size: 12px; } .selectedType { background: #EEEEEE; } } .graphType { width: 140px; float: left; height: 400px; margin-right: 10px; } .graphBoxes { width: 78%; } .stateBox { height: 140px; margin-top: 5px; border: none; } .colorPick { width: 50px; } .span-inline-block { display: inline-block; width: 100%; } .backgroundBorder { padding: 5px; border: 1px solid #ddd; } .graphBtns button { height: 26px; line-height: 22px; margin-right: 10px; } }"],"template":"<div class=\"gallery-wrap clearfix\"> <div class=\"galleryCurrent clearfix\"> <div class=\"form-group border-group\"> <div class=\"graphSettingBox graphBox\"> <graph-list [graphList]=\"graphList\" (graphSelected)=\"selectGraph($event)\" [selectedGraphId]=\"selectedGraph?.id\"></graph-list> </div> <div class=\"graphSettingBox stateBox\"> <div>{{lc(\"State\")}}:</div> <graph-state-list [stateList]=\"currentGraphStateList\" [(selectedStateId)]=\"currentGraphStateId\"></graph-state-list> </div> </div> <div class=\"graphBtns\"> <button type=\"button\" class=\"fe-btn-small fe-btn-operate\" (click)=\"onCreateOrEditGraph()\">{{lc('CreateGraph')}}</button> <button *ngIf=\"selectedGraph\" type=\"button\" class=\"fe-btn-small fe-btn-operate\" (click)=\"onCreateOrEditGraph(selectedGraph.id)\">{{lc('EditGraph')}}</button> <button type=\"button\" class=\"fe-btn-small fe-btn-operate\" (click)=\"onAddToUserGallery()\">{{lc(\"AddUserGallery\")}}</button> </div> </div> </div>"}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":26},{"__symbolic":"reference","module":"abp-ng2-module/src/session/abp-session.service","name":"AbpSessionService","line":29,"character":35},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"ConfigureGalleryServiceProxy","line":30,"character":41},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":31,"character":39}]}],"loadGalleryConfig":[{"__symbolic":"method"}],"selectGraph":[{"__symbolic":"method"}],"onCreateOrEditGraph":[{"__symbolic":"method"}],"onAddToUserGallery":[{"__symbolic":"method"}]}}}}]