cnp-dialog/cnp-dialog.metadata.json

A simple dialog use angular material

{"__symbolic":"module","version":4,"metadata":{"CnpDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":14,"character":26},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":14,"character":43},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":14,"character":60}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[{"__symbolic":"reference","name":"CnpDialogService"}]}]}],"members":{}},"CnpDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":12,"character":33}]}],"nofication":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"Dialog":{"__symbolic":"class","members":{}},"ConfirmDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Dialog"},"members":{}},"ErrorDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Dialog"},"members":{}},"NoficationDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Dialog"},"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"cnp-confirm-dialog","styles":["\n    .ui-dialog {\n      position: relative;\n      min-width: 240px;\n    }\n    .ui-dialog .ui-dialog-titlebar {\n      min-height: 52px;\n      background-color: #3D72B4;\n      color: #ffffff;\n      font-weight: 700;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin-left: -24px;\n      margin-right: -24px;\n      margin-top: -24px;\n      padding: 10px;\n    }\n    .ui-dialog .ui-dialog-title {\n      margin-left: 5px;\n      float: none;\n      flex: 1;\n      text-align: left;\n    }\n    .ui-dialog .ui-dialog-content {\n      background-color: #ffffff;\n      color: #333333;\n      padding: 0.571em 1em;\n      text-align: center;\n    }\n    .dialog-message {\n      white-space: pre-wrap;\n    }\n  "],"template":"<div class=\"ui-dialog\">\n    <div class=\"ui-dialog-titlebar\">\n        <mat-icon>chat</mat-icon>\n        <span class=\"ui-dialog-title\">{{data?.title}}</span>\n        <button mat-button (click)=\"onCancel()\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n    <div class=\"ui-dialog-content\">\n        <h3 *ngIf=\"data?.code\" class=\"text-center\">\n            <b>Code: </b>\n            <span class=\"fc-header\">{{data?.code}}</span>\n        </h3>\n        <p class=\"text-center fs-20 dialog-message\">{{data?.message}}</p>\n    </div>\n    <div mat-dialog-actions style=\"justify-content: space-evenly;\">\n        <button (click)=\"onAccept()\" mat-flat-button color=\"primary\" cdkFocusInitial>{{data.btnOk}}</button>&nbsp;\n        <button (click)=\"onCancel()\" mat-flat-button color=\"warn\">{{data.btnCancel}}</button>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":45,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵa"}]},{"__symbolic":"reference","name":"any"}]}],"onCancel":[{"__symbolic":"method"}],"onAccept":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cnp-error-dialog","styles":["\n    .ui-dialog {\n      position: relative;\n      min-width: 240px;\n    }\n    .ui-dialog .ui-dialog-titlebar {\n      min-height: 52px;\n      background-color: #bd362f;\n      color: #ffffff;\n      font-weight: 700;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin-left: -24px;\n      margin-right: -24px;\n      margin-top: -24px;\n      padding: 10px;\n    }\n    .ui-dialog .ui-dialog-title {\n      margin-left: 5px;\n      float: none;\n      flex: 1;\n      text-align: left;\n    }\n    .ui-dialog .ui-dialog-content {\n      background-color: #ffffff;\n      color: #333333;\n      padding: 0.571em 1em;\n      text-align: center;\n    }\n    .dialog-message {\n      white-space: pre-wrap;\n    }"],"template":"<div class=\"ui-dialog\">\n    <div class=\"ui-dialog-titlebar\">\n        <mat-icon>block</mat-icon>\n        <span class=\"ui-dialog-title\">{{data?.title}}</span>\n        <button mat-button (click)=\"onClose()\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n    <div class=\"ui-dialog-content\">\n        <!-- Error Code -->\n        <h3 *ngIf=\"data?.code\" class=\"text-center\">\n            <b>Code: </b>\n            <span class=\"fc-header\">{{data?.code}}</span>\n        </h3>\n        <!-- Error Detail -->\n        <p class=\"text-center fs-20 dialog-message\">{{data?.message}}</p>\n    </div>\n    <div mat-dialog-actions style=\"justify-content: end;\">\n        <button (click)=\"onClose()\" mat-flat-button color=\"primary\" cdkFocusInitial>{{data?.btnClose}}</button>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":46,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"reference","name":"ErrorDialog"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"cnp-nofication-dialog","styles":["\n    .ui-dialog {\n      position: relative;\n      min-width: 240px;\n    }\n    .ui-dialog .ui-dialog-titlebar {\n      min-height: 52px;\n      background-color: #2f96b4;\n      color: #ffffff;\n      font-weight: 700;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin-left: -24px;\n      margin-right: -24px;\n      margin-top: -24px;\n      padding: 10px;\n    }\n    .ui-dialog .ui-dialog-title {\n      margin-left: 5px;\n      float: none;\n      flex: 1;\n      text-align: left;\n    }\n    .ui-dialog .ui-dialog-content {\n      background-color: #ffffff;\n      color: #333333;\n      padding: 0.571em 1em;\n      text-align: center;\n    }\n    .dialog-message {\n      white-space: pre-wrap;\n    }\n  "],"template":"<div class=\"ui-dialog\">\n    <div class=\"ui-dialog-titlebar\">\n        <mat-icon>error_outline</mat-icon>\n        <span class=\"ui-dialog-title\">{{data?.title}}</span>\n        <button mat-button (click)=\"onClose()\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n    <div class=\"ui-dialog-content\">\n        <!-- Nofication Code -->\n        <h3 *ngIf=\"data?.code\" class=\"text-center\">\n            <b>Code: </b>\n            <span class=\"fc-header\">{{data?.code}}</span>\n        </h3>\n        <!-- Nofication Detail -->\n        <p class=\"text-center fs-20 dialog-message\">{{data?.message}}</p>\n    </div>\n    <div mat-dialog-actions style=\"justify-content: end;\">\n        <button (click)=\"onClose()\" mat-flat-button color=\"primary\" cdkFocusInitial>{{data?.btnOk}}</button>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":45,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"any"}]}],"onClose":[{"__symbolic":"method"}]}}},"origins":{"CnpDialogModule":"./lib/cnp-dialog.module","CnpDialogService":"./lib/cnp-dialog.service","Dialog":"./lib/model/dialog-type","ConfirmDialog":"./lib/model/dialog-type","ErrorDialog":"./lib/model/dialog-type","NoficationDialog":"./lib/model/dialog-type","ɵa":"./lib/confirm-dialog/confirm-dialog.component","ɵb":"./lib/error-dialog/error-dialog.component","ɵc":"./lib/nofication-dialog/nofication-dialog.component"},"importAs":"cnp-dialog"}