ngx-modal-dialog
Version:
Dynamic modal dialog for Angular
1 lines • 8.93 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"MODAL_DIALOG_FORROOT_GUARD":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":46},"arguments":["MODAL_DIALOG_FORROOT_GUARD"]},"ModalDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"declarations":[{"__symbolic":"reference","name":"ModalDialogComponent"},{"__symbolic":"reference","name":"SimpleModalComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ModalDialogComponent"},{"__symbolic":"reference","name":"SimpleModalComponent"}],"exports":[{"__symbolic":"reference","name":"ModalDialogComponent"},{"__symbolic":"reference","name":"SimpleModalComponent"}],"providers":[{"__symbolic":"reference","name":"ModalDialogService"},{"__symbolic":"reference","name":"ModalDialogInstanceService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ModalDialogModule"},"providers":[{"provide":{"__symbolic":"reference","name":"MODAL_DIALOG_FORROOT_GUARD"},"useFactory":{"__symbolic":"reference","name":"provideForRootGuard"},"deps":[{"__symbolic":"reference","name":"ModalDialogModule"},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":31,"character":40}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":31,"character":56}}]},{"__symbolic":"reference","name":"ModalDialogInstanceService"}]}}}},"provideForRootGuard":{"__symbolic":"function"},"ModalDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":12,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":15},"arguments":[{"__symbolic":"reference","name":"ModalDialogInstanceService"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":12,"character":82},{"__symbolic":"reference","name":"ModalDialogInstanceService"}]}],"openDialog":[{"__symbolic":"method"}]}},"ModalDialogInstanceService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"closeAnyExistingModalDialog":[{"__symbolic":"method"}],"saveExistingModalDialog":[{"__symbolic":"method"}],"setOverlayForTopDialog":[{"__symbolic":"method"}]}},"ModalDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"modal-dialog","styles":["\n @-moz-keyframes shake {\n from, to { transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% { transform: translate3d(-2rem, 0, 0); }\n 20%, 40%, 60%, 80% { transform: translate3d(2rem, 0, 0); }\n }\n @-webkit-keyframes shake {\n from, to { transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% { transform: translate3d(-2rem, 0, 0); }\n 20%, 40%, 60%, 80% { transform: translate3d(2rem, 0, 0); }\n }\n @keyframes shake {\n from, to { transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% { transform: translate3d(-2rem, 0, 0); }\n 20%, 40%, 60%, 80% { transform: translate3d(2rem, 0, 0); }\n }\n\n .ngx-modal {\n display: flex;\n }\n .ngx-modal-shake {\n backface-visibility: hidden;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n animation-duration: 0.5s;\n -webkit-animation-fill-mode: both;\n -moz-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-animation-iteration-count: infinite;\n -moz-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n animation-name: shake;\n }\n "],"template":"\n <div *ngIf=\"settings.overlayClass && showOverlay\" [ngClass]=\"[settings.overlayClass, animateOverlayClass]\"></div> \n <div [ngClass]=\"[settings.modalClass, animateModalClass]\" #dialog>\n <div [ngClass]=\"settings.modalDialogClass\">\n <div [ngClass]=\"[ showAlert ? settings.alertClass : '', settings.contentClass]\">\n <div [ngClass]=\"settings.headerClass\">\n <h4 [ngClass]=\"settings.headerTitleClass\">{{title}}</h4>\n <button (click)=\"close()\" *ngIf=\"!actionButtons || !actionButtons.length\" type=\"button\"\n [title]=\"settings.closeButtonTitle\"\n [ngClass]=\"settings.closeButtonClass\">\n </button>\n </div>\n <div [ngClass]=\"settings.bodyClass\">\n <i #modalDialogBody></i>\n </div>\n <div [ngClass]=\"settings.footerClass\" *ngIf=\"actionButtons && actionButtons.length\">\n <button *ngFor=\"let button of actionButtons\" (click)=\"doAction(button.onAction)\"\n [ngClass]=\"button.buttonClass || settings.buttonClass\">{{button.text}}\n </button>\n </div>\n </div>\n </div>\n </div>\n "}]}],"members":{"dynamicComponentTarget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":87,"character":3},"arguments":["modalDialogBody",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":87,"character":40},"static":true}]}]}],"dialogElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":88,"character":3},"arguments":["dialog"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":130,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":131,"character":48}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":134,"character":3},"arguments":["click",["$event"]]}]}],"dialogInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"doAction":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"_setOptions":[{"__symbolic":"method"}],"_closeIfSuccessful":[{"__symbolic":"method"}],"_finalizeAndDestroy":[{"__symbolic":"method"}],"_triggerAlert":[{"__symbolic":"method"}],"isPromise":[{"__symbolic":"method"}],"isObservable":[{"__symbolic":"method"}]}},"IModalDialog":{"__symbolic":"interface"},"IModalDialogOptions":{"__symbolic":"interface"},"ModalDialogOnAction":{"__symbolic":"interface"},"IModalDialogButton":{"__symbolic":"interface"},"IModalDialogSettings":{"__symbolic":"interface"},"ISimpleModalDataOptions":{"__symbolic":"interface"},"SimpleModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"simple-modal-dialog","template":"","styles":[":host { display: block; }"],"host":{"[innerHTML]":"text","$quoted$":["[innerHTML]"]}}]}],"members":{"dialogInit":[{"__symbolic":"method"}]}}},"origins":{"MODAL_DIALOG_FORROOT_GUARD":"./modal-dialog.module","ModalDialogModule":"./modal-dialog.module","provideForRootGuard":"./modal-dialog.module","ModalDialogService":"./modal-dialog.service","ModalDialogInstanceService":"./modal-dialog-instance.service","ModalDialogComponent":"./modal-dialog.component","IModalDialog":"./modal-dialog.interface","IModalDialogOptions":"./modal-dialog.interface","ModalDialogOnAction":"./modal-dialog.interface","IModalDialogButton":"./modal-dialog.interface","IModalDialogSettings":"./modal-dialog.interface","ISimpleModalDataOptions":"./simple-modal.component","SimpleModalComponent":"./simple-modal.component"},"importAs":"ngx-modal-dialog"}