[{"__symbolic":"module","version":4,"metadata":{"GraphImportControlSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":19,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"graph-import-control-setting","styles":[".graphicsBox{ display: inline-block; width: 280px; margin-right: 7px; .graphics{ width: 100%; height: 47%; overflow-y: auto; border: 1px solid #dddddd; .graph { width: 64px; height: 64px; border: 2px solid transparent; } } } .modal-border-bottom{ border-bottom: 1px solid #f4f4f4; } "," .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; }"],"template":"<div class=\"fe-modal-container\"> <div class=\"modal-header fe-modal-header modal-border-bottom\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"GraphSameName\")}} </h4> <div aria-label=\"Close\" class=\"fe-modal-header-close\" (click)=\"close()\">×</div> </div> <div class=\"fe-modal-middle margin-top-10\"> <div class=\"modal-body-content\"> <div> <div class=\"graphicsBox\"> <span>{{lc(\"NewGraph\")}}:</span> <div class=\"graphics\"> <graph-state-list [stateList]=\"newGraphStateList\"></graph-state-list> </div> </div> <div class=\"graphicsBox\"> <span>{{lc(\"OriginalGraph\")}}:</span> <div class=\"graphics\"> <graph-state-list [stateList]=\"oldGraphStateList\"></graph-state-list> </div> </div> </div> </div> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-save\" (click)=\"renameGraphName()\"> {{lc(\"RenameGraph\")}} </button> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-save\" (click)=\"replaceGraph()\"> {{lc(\"ReplaceGraph\")}} </button> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l(\"Cancel\")}} </button> </div> </div> </div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":26},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"SystemGalleryServiceProxy","line":34,"character":47},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"ConfigureGalleryServiceProxy","line":35,"character":41},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"UserGalleryAppSerivceServiceProxy","line":36,"character":55},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":37,"character":39},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":38,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"getCurrentGalleryStates":[{"__symbolic":"method"}],"getUserGalleryStates":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"renameGraphName":[{"__symbolic":"method"}],"replaceGraph":[{"__symbolic":"method"}],"coverConfigureGalleryFromSystem":[{"__symbolic":"method"}],"coverConfigureGalleryFromUserGallery":[{"__symbolic":"method"}],"converUserGalleryFromCurrentGallery":[{"__symbolic":"method"}]}}}}]