@enexus/dialog
Version:
@enexus/dialog - User Should call delete, confirm Method and also user can create they own component dialog.
294 lines (284 loc) • 9.97 kB
JavaScript
import { Component, Inject, Injectable, NgModule } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
import { filter } from 'rxjs/operators';
import { CommonModule } from '@angular/common';
import { VendorsModule } from '@enexus/flipper-vendors';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @enum {string} */
var DialogSize = {
SIZE_SM: 'dialog-sm',
SIZE_MD: 'dialog-md',
SIZE_LG: 'dialog-lg',
SIZE_FULL: 'dialog-full',
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @record
*/
function DeleteDialogData() { }
if (false) {
/** @type {?} */
DeleteDialogData.prototype.name;
/** @type {?} */
DeleteDialogData.prototype.items;
/** @type {?|undefined} */
DeleteDialogData.prototype.helpPageId;
}
var DeleteDialogComponent = /** @class */ (function () {
function DeleteDialogComponent(dialogRef, data) {
this.dialogRef = dialogRef;
this.data = data;
}
DeleteDialogComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-delete-dialog',
template: "<h1 mat-dialog-title>Delete {{data.name}}</h1>\r\n<div mat-dialog-content>\r\n <!-- <lib-help-anchor [pageId]=\"data.helpPageId\"></lib-help-anchor> -->\r\n Please confirm that you want to delete the following {{data.name | lowercase}}(s):\r\n <ul>\r\n <li *ngFor=\"let item of data.items\">{{item}}</li>\r\n </ul>\r\n</div>\r\n<div mat-dialog-actions>\r\n <button mat-button (click)=\"dialogRef.close()\">Cancel</button>\r\n <button mat-button [mat-dialog-close]=\"true\" color=\"warn\" cdkFocusInitial>Confirm\r\n </button>\r\n</div>\r\n",
styles: [""]
}] }
];
/** @nocollapse */
DeleteDialogComponent.ctorParameters = function () { return [
{ type: MatDialogRef },
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
]; };
return DeleteDialogComponent;
}());
if (false) {
/** @type {?} */
DeleteDialogComponent.prototype.dialogRef;
/** @type {?} */
DeleteDialogComponent.prototype.data;
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @record
*/
function ConfirmDialogData() { }
if (false) {
/** @type {?} */
ConfirmDialogData.prototype.title;
/** @type {?} */
ConfirmDialogData.prototype.message;
}
var ConfirmDialogComponent = /** @class */ (function () {
function ConfirmDialogComponent(dialogRef, data) {
this.dialogRef = dialogRef;
this.data = data;
}
ConfirmDialogComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-confirm-dialog',
template: "<h1 mat-dialog-title>{{data.title}}</h1>\r\n<div mat-dialog-content>\r\n {{data.message}}\r\n</div>\r\n<div mat-dialog-actions>\r\n <button mat-button (click)=\"dialogRef.close()\">Cancel</button>\r\n <button mat-button [mat-dialog-close]=\"true\" color=\"warn\" cdkFocusInitial>Confirm\r\n </button>\r\n</div>\r\n",
styles: [""]
}] }
];
/** @nocollapse */
ConfirmDialogComponent.ctorParameters = function () { return [
{ type: MatDialogRef },
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
]; };
return ConfirmDialogComponent;
}());
if (false) {
/** @type {?} */
ConfirmDialogComponent.prototype.dialogRef;
/** @type {?} */
ConfirmDialogComponent.prototype.data;
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var WaitDialogComponent = /** @class */ (function () {
function WaitDialogComponent(progress) {
this.progress = progress;
}
Object.defineProperty(WaitDialogComponent.prototype, "progress", {
get: /**
* @return {?}
*/
function () {
return this._progress;
},
set: /**
* @param {?} progress
* @return {?}
*/
function (progress) {
this._progress = progress;
},
enumerable: true,
configurable: true
});
WaitDialogComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-wait-dialog',
template: "<h1 mat-dialog-title>{{progress.title}}</h1>\r\n<div mat-dialog-content>\r\n <mat-progress-bar mode=\"determinate\" [value]=\"progress.progress\">\r\n </mat-progress-bar>\r\n</div>\r\n",
styles: [""]
}] }
];
/** @nocollapse */
WaitDialogComponent.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
]; };
return WaitDialogComponent;
}());
if (false) {
/**
* @type {?}
* @private
*/
WaitDialogComponent.prototype._progress;
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var DialogService = /** @class */ (function () {
function DialogService(dialog) {
this.dialog = dialog;
}
/**
* @template T, D, R
* @param {?} componentOrTemplateRef
* @param {?=} size
* @param {?=} data
* @return {?}
*/
DialogService.prototype.open = /**
* @template T, D, R
* @param {?} componentOrTemplateRef
* @param {?=} size
* @param {?=} data
* @return {?}
*/
function (componentOrTemplateRef, size, data) {
if (size === void 0) { size = DialogSize.SIZE_SM; }
/** @type {?} */
var dialogRef = this.dialog.open(componentOrTemplateRef, {
panelClass: size,
data: data
});
return dialogRef.afterClosed().pipe(filter((/**
* @param {?} result
* @return {?}
*/
function (result) { return result !== undefined; })));
};
/**
* @param {?} name
* @param {?} items
* @param {?=} helpPageId
* @return {?}
*/
DialogService.prototype.delete = /**
* @param {?} name
* @param {?} items
* @param {?=} helpPageId
* @return {?}
*/
function (name, items, helpPageId) {
return this.open(DeleteDialogComponent, DialogSize.SIZE_MD, {
name: name,
items: items,
helpPageId: helpPageId,
});
};
/**
* @param {?} title
* @param {?} message
* @return {?}
*/
DialogService.prototype.confirm = /**
* @param {?} title
* @param {?} message
* @return {?}
*/
function (title, message) {
return this.open(ConfirmDialogComponent, DialogSize.SIZE_MD, {
title: title,
message: message,
});
};
/**
* @param {?} progress
* @return {?}
*/
DialogService.prototype.wait = /**
* @param {?} progress
* @return {?}
*/
function (progress) {
return this.dialog.open(WaitDialogComponent, {
panelClass: DialogSize.SIZE_MD,
data: progress,
disableClose: true,
});
};
DialogService.decorators = [
{ type: Injectable }
];
/** @nocollapse */
DialogService.ctorParameters = function () { return [
{ type: MatDialog }
]; };
return DialogService;
}());
if (false) {
/** @type {?} */
DialogService.prototype.dialog;
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var DialogModule = /** @class */ (function () {
function DialogModule() {
}
DialogModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
VendorsModule
],
declarations: [
DeleteDialogComponent,
WaitDialogComponent,
ConfirmDialogComponent,
],
exports: [
DeleteDialogComponent,
WaitDialogComponent,
ConfirmDialogComponent,
],
entryComponents: [
DeleteDialogComponent,
WaitDialogComponent,
ConfirmDialogComponent,
],
providers: [
DialogService,
]
},] }
];
return DialogModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { DialogModule, DialogService, DeleteDialogComponent as ɵa, WaitDialogComponent as ɵb, ConfirmDialogComponent as ɵd };
//# sourceMappingURL=dialog.js.map