UNPKG

@neocomplexx/ngx-neo-modal

Version:

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.5.

1 lines 13 kB
{"__symbolic":"module","version":4,"metadata":{"NgxNeoModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"template":"<div id=\"myModal\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" aria-label=\"Close\" data-dismiss=\"myModal\" (click)=\"informResult('None')\">\n <span aria-hidden=\"true\">&times;</span>\n </button>\n </div>\n <div class=\"modal-body text-center\">\n <div class=\"icons\">\n <div *ngIf=\"config.type === 'success'\" class=\"swal2-icon swal2-success swal2-animate-success-icon\">\n <div class=\"swal2-success-circular-line-left\"></div>\n <span class=\"swal2-success-line-tip swal2-animate-success-line-tip\"></span>\n <span class=\"swal2-success-line-long swal2-animate-success-line-long\"></span>\n <div class=\"swal2-success-ring\"></div>\n <div class=\"swal2-success-fix\"></div>\n <div class=\"swal2-success-circular-line-right\"></div>\n </div>\n\n <div *ngIf=\"config.type === 'error'\" class=\"swal2-icon swal2-error swal2-animate-error-icon\">\n <span class=\"swal2-x-mark swal2-animate-x-mark\">\n <span class=\"swal2-x-mark-line-left\"></span>\n <span class=\"swal2-x-mark-line-right\"></span>\n </span>\n </div>\n\n <div *ngIf=\"config.type === 'warning'\" class=\"swal2-icon swal2-warning\">!</div>\n\n <div *ngIf=\"config.type === 'info'\" class=\"swal2-icon swal2-info\">i</div>\n\n <div *ngIf=\"config.type === 'question'\" class=\"swal2-icon swal2-question\">?</div>\n </div>\n\n <h4 *ngIf='config.title.visibility'>{{config.title.text}}</h4>\n <p>{{config.message}}</p>\n <div class=\"form-group\">\n <input id=\"neoInput\" #myInput *ngIf='config.input.visibility' class=\"form-control\" [(ngModel)]=\"config.input.value\" placeholder={{config.input.placeholder}}\n type='text' (keyup.enter)=\"setFocus()\">\n </div>\n </div>\n\n <div #buttons class=\"modal-footer\">\n <button id=\"neoBtnAccept\" *ngIf='config.button.accept.visibility' type=\"button\" class=\"btn btn-primary\" (click)=\"informResult('Accept')\">{{config.button.accept.text}}</button>\n <button id=\"neoBtnCancel\" *ngIf='config.button.cancel.visibility' type=\"button\" class=\"btn btn-primary\" (click)=\"informResult('Cancel')\">{{config.button.cancel.text}}</button>\n <button id=\"neoBtnYes\" *ngIf='config.button.yes.visibility' type=\"button\" class=\"btn btn-primary\" (click)=\"informResult('Yes')\">{{config.button.yes.text}}</button>\n <button id=\"neoBtnRetry\" *ngIf='config.button.retry.visibility' type=\"button\" class=\"btn btn-primary\" (click)=\"informResult('Retry')\">{{config.button.retry.text}}</button>\n <button id=\"neoBtnNo\" *ngIf='config.button.no.visibility' type=\"button\" class=\"btn btn-primary\" (click)=\"informResult('No')\">{{config.button.no.text}}</button>\n </div>\n\n</div>","styles":[".modal-footer,.modal-header{border:0}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:.3s showSweetAlert;animation:.3s showSweetAlert}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:.15s forwards hideSweetAlert;animation:.15s forwards hideSweetAlert}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.swal2-animate-success-line-tip{-webkit-animation:.75s animate-success-tip;animation:.75s animate-success-tip}.swal2-animate-success-line-long{-webkit-animation:.75s animate-success-long;animation:.75s animate-success-long}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.swal2-animate-error-icon{-webkit-animation:.5s animate-error-icon;animation:.5s animate-error-icon}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal2-animate-x-mark{-webkit-animation:.5s animate-x-mark;animation:.5s animate-x-mark}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:4.25s ease-in rotatePlaceholder;animation:4.25s ease-in rotatePlaceholder}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;display:block}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-info{font-family:\"Open Sans\",sans-serif;color:#3fc3ee;border-color:#9de0f6;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-question{font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1;font-size:60px;line-height:80px;text-align:center}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{border-radius:50%;position:absolute;width:60px;height:120px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .swal2-success-ring{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .swal2-success-fix{width:7px;height:90px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}"]}]}],"members":{"btn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["buttons",{"static":true}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["myInput",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":62,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":62,"character":68}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"activeFocus":[{"__symbolic":"method"}],"getButtonFocus":[{"__symbolic":"method"}],"getInputFocus":[{"__symbolic":"method"}],"informResult":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}]}},"AlertResult":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":122,"character":37,"context":{"typeName":"AlertButton"},"module":"./lib/ngx-neo-modal.component"},{"__symbolic":"reference","name":"string"}]}]}},"AlertButton":{"None":0,"Accept":1,"Cancel":2,"Yes":4,"No":8,"Retry":16},"NgxNeoModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"NgxNeoModalComponent"}],"exports":[{"__symbolic":"reference","name":"NgxNeoModalComponent"}],"entryComponents":[{"__symbolic":"reference","name":"NgxNeoModalComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NgxNeoModalModule"},"providers":[{"__symbolic":"reference","name":"NgxNeoModalService"}]}}}},"NgxNeoModalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":10,"character":36}]}],"openModal":[{"__symbolic":"method"}],"alert":[{"__symbolic":"method"}],"success":[{"__symbolic":"method"}],"warning":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"decision":[{"__symbolic":"method"}],"input":[{"__symbolic":"method"}],"yesNoCancel":[{"__symbolic":"method"}],"custom":[{"__symbolic":"method"}],"isObject":[{"__symbolic":"method"}],"mergeDeep":[{"__symbolic":"method"}]}}},"origins":{"NgxNeoModalComponent":"./lib/ngx-neo-modal.component","AlertResult":"./lib/ngx-neo-modal.component","AlertButton":"./lib/ngx-neo-modal.component","NgxNeoModalModule":"./lib/ngx-neo-modal.module","NgxNeoModalService":"./lib/ngx-neo-modal.service"},"importAs":"@neocomplexx/ngx-neo-modal"}