ng2-modal-dialog
Version:
AngularX Factory Made Modal Dialog
1 lines • 5.61 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"ModalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Compiler"}]}],"registerViewContainerRef":[{"__symbolic":"method"}],"registerInjector":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}],"createFromFactory":[{"__symbolic":"method"}]}},"ModalPlaceholderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-root","template":"<div class='ng2-modal'><div class='ng2-modal-content'><div #modalplaceholder></div></div></div><div class='ng2-modal-overlay'></div>","styles":[".ng2-modal {/* This way it could be display flex or grid or whatever also. */display: block;/* Probably need media queries here */width: 600px;max-width: 100%;height: 400px;max - height: 100%;position: fixed;z-index: 9000;left: 50 %;top: 50 %;/* Use this for centering if unknown width/height */transform: translate(-50 %, -50 %);/* If known, negative margins are probably better (less chance of blurry text). *//* margin: -200px 0 0 -200px; */background: white;box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);}",".ng2 - modal - content {position: absolute;top: 10 %;left: 0;width: 100 %;height: 100 %;overflow: auto;padding: 20px 50px 20px 20px;}",".ng2 - modal - overlay {position: fixed;top: 0;left: 0;width: 100 %;height: 100 %;z-index: 8000;background: rgba(0, 0, 0, 0.6);}"]}]}],"members":{"viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["approot",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ModalService"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalContainer":{"__symbolic":"class","members":{"closeModal":[{"__symbolic":"method"}]}},"Modal":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"error","message":"Function call not supported","line":151,"character":11}},"ModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalPlaceholderComponent"}],"exports":[{"__symbolic":"reference","name":"ModalPlaceholderComponent"}],"providers":[{"__symbolic":"reference","name":"ModalService"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"ModalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Compiler"}]}],"registerViewContainerRef":[{"__symbolic":"method"}],"registerInjector":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}],"createFromFactory":[{"__symbolic":"method"}]}},"ModalPlaceholderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-root","template":"<div class='ng2-modal'><div class='ng2-modal-content'><div #modalplaceholder></div></div></div><div class='ng2-modal-overlay'></div>","styles":[".ng2-modal {/* This way it could be display flex or grid or whatever also. */display: block;/* Probably need media queries here */width: 600px;max-width: 100%;height: 400px;max - height: 100%;position: fixed;z-index: 9000;left: 50 %;top: 50 %;/* Use this for centering if unknown width/height */transform: translate(-50 %, -50 %);/* If known, negative margins are probably better (less chance of blurry text). *//* margin: -200px 0 0 -200px; */background: white;box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);}",".ng2 - modal - content {position: absolute;top: 10 %;left: 0;width: 100 %;height: 100 %;overflow: auto;padding: 20px 50px 20px 20px;}",".ng2 - modal - overlay {position: fixed;top: 0;left: 0;width: 100 %;height: 100 %;z-index: 8000;background: rgba(0, 0, 0, 0.6);}"]}]}],"members":{"viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["approot",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ModalService"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalContainer":{"__symbolic":"class","members":{"closeModal":[{"__symbolic":"method"}]}},"Modal":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"error","message":"Function call not supported","line":151,"character":11}},"ModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalPlaceholderComponent"}],"exports":[{"__symbolic":"reference","name":"ModalPlaceholderComponent"}],"providers":[{"__symbolic":"reference","name":"ModalService"}]}]}]}}}]