ngx-modialog-10
Version:
Modal / Dialog for Angular
168 lines • 14.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/message-modal.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation } from '@angular/core';
import { DialogRef } from 'ngx-modialog-10';
/**
* @record
*/
export function BSMessageModalButtonHandler() { }
/**
* Interface for button definition
* @record
*/
export function BSMessageModalButtonConfig() { }
if (false) {
/** @type {?} */
BSMessageModalButtonConfig.prototype.cssClass;
/** @type {?} */
BSMessageModalButtonConfig.prototype.caption;
/** @type {?} */
BSMessageModalButtonConfig.prototype.onClick;
}
var BSMessageModalTitle = /** @class */ (function () {
function BSMessageModalTitle(dialog) {
this.dialog = dialog;
this.context = dialog.context;
}
Object.defineProperty(BSMessageModalTitle.prototype, "titleHtml", {
get: /**
* @return {?}
*/
function () {
return this.context.titleHtml ? 1 : 0;
},
enumerable: true,
configurable: true
});
BSMessageModalTitle.decorators = [
{ type: Component, args: [{
selector: 'modal-title',
encapsulation: ViewEncapsulation.None,
template: "<div [ngClass]=\"context.headerClass\" [ngSwitch]=\"titleHtml\">\n <button *ngIf=\"context.showClose\" type=\"button\" class=\"close\"\n aria-label=\"Close\" (click)=\"dialog.dismiss()\">\n <span aria-hidden=\"true\">\u00D7</span>\n </button>\n <div *ngSwitchCase=\"1\" [innerHtml]=\"context.titleHtml\"></div>\n <h3 *ngSwitchDefault class=\"modal-title\">{{context.title}}</h3>\n </div>"
}] }
];
/** @nocollapse */
BSMessageModalTitle.ctorParameters = function () { return [
{ type: DialogRef }
]; };
return BSMessageModalTitle;
}());
export { BSMessageModalTitle };
if (false) {
/** @type {?} */
BSMessageModalTitle.prototype.context;
/** @type {?} */
BSMessageModalTitle.prototype.dialog;
}
var BSMessageModalBody = /** @class */ (function () {
function BSMessageModalBody(dialog) {
this.dialog = dialog;
this.context = (/** @type {?} */ (dialog.context));
}
BSMessageModalBody.decorators = [
{ type: Component, args: [{
// tslint:disable-next-line:component-selector
selector: 'modal-body',
encapsulation: ViewEncapsulation.None,
template: "<div [ngClass]=\"context.bodyClass\">\n <div [innerHtml]=\"context.message\"></div>\n <div *ngIf=\"context.showInput\" class=\"form-group\">\n <input autofocus #input\n name=\"bootstrap\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"context.defaultValue\"\n (change)=\"context.defaultValue = input.value\"\n placeholder=\"{{context.placeholder}}\">\n </div>\n </div>\n",
styles: [".form-group {\n margin-top: 10px;\n }"]
}] }
];
/** @nocollapse */
BSMessageModalBody.ctorParameters = function () { return [
{ type: DialogRef }
]; };
return BSMessageModalBody;
}());
export { BSMessageModalBody };
if (false) {
/** @type {?} */
BSMessageModalBody.prototype.context;
/** @type {?} */
BSMessageModalBody.prototype.dialog;
}
/**
* Represents the modal footer for storing buttons.
*/
var BSModalFooter = /** @class */ (function () {
function BSModalFooter(dialog) {
this.dialog = dialog;
}
/**
* @param {?} btn
* @param {?} $event
* @return {?}
*/
BSModalFooter.prototype.onClick = /**
* @param {?} btn
* @param {?} $event
* @return {?}
*/
function (btn, $event) {
$event.stopPropagation();
btn.onClick(this, $event);
};
BSModalFooter.decorators = [
{ type: Component, args: [{
// tslint:disable-next-line:component-selector
selector: 'modal-footer',
encapsulation: ViewEncapsulation.None,
template: "<div [ngClass]=\"dialog.context.footerClass\">\n <button *ngFor=\"let btn of dialog.context.buttons;\"\n [ngClass]=\"btn.cssClass\"\n (click)=\"onClick(btn, $event)\">{{btn.caption}}</button>\n</div>"
}] }
];
/** @nocollapse */
BSModalFooter.ctorParameters = function () { return [
{ type: DialogRef }
]; };
return BSModalFooter;
}());
export { BSModalFooter };
if (false) {
/** @type {?} */
BSModalFooter.prototype.dialog;
}
/**
* A Component representing a generic bootstrap modal content element.
*
* By configuring a MessageModalContext instance you can:
*
* Header:
* - Set header container class (default: modal-header)
* - Set title text (enclosed in H3 element)
* - Set title html (overrides text)
*
* Body:
* - Set body container class. (default: modal-body)
* - Set body container HTML.
*
* Footer:
* - Set footer class. (default: modal-footer)
* - Set button configuration (from 0 to n)
*/
var BSMessageModal = /** @class */ (function () {
function BSMessageModal(dialog) {
this.dialog = dialog;
}
BSMessageModal.decorators = [
{ type: Component, args: [{
// tslint:disable-next-line:component-selector
selector: 'modal-content',
encapsulation: ViewEncapsulation.None,
template: "<modal-title></modal-title><modal-body></modal-body><modal-footer></modal-footer>"
}] }
];
/** @nocollapse */
BSMessageModal.ctorParameters = function () { return [
{ type: DialogRef }
]; };
return BSMessageModal;
}());
export { BSMessageModal };
if (false) {
/** @type {?} */
BSMessageModal.prototype.dialog;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbW9kaWFsb2ctMTAvcGx1Z2lucy9ib290c3RyYXAvIiwic291cmNlcyI6WyJsaWIvbWVzc2FnZS1tb2RhbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdELE9BQU8sRUFBRSxTQUFTLEVBQWtCLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFJNUQsaURBRUM7Ozs7O0FBS0QsZ0RBSUM7OztJQUhDLDhDQUFpQjs7SUFDakIsNkNBQWdCOztJQUNoQiw2Q0FBcUM7O0FBR3ZDO0lBZUUsNkJBQW1CLE1BQXFDO1FBQXJDLFdBQU0sR0FBTixNQUFNLENBQStCO1FBQ3RELElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUNoQyxDQUFDO0lBRUQsc0JBQUksMENBQVM7Ozs7UUFBYjtZQUNFLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7OztPQUFBOztnQkFyQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFLCthQU9KO2lCQUNQOzs7O2dCQTVCUSxTQUFTOztJQXVDbEIsMEJBQUM7Q0FBQSxBQXRCRCxJQXNCQztTQVZZLG1CQUFtQjs7O0lBQzlCLHNDQUFtQzs7SUFFdkIscUNBQTRDOztBQVMxRDtJQStCRSw0QkFBbUIsTUFBcUM7UUFBckMsV0FBTSxHQUFOLE1BQU0sQ0FBK0I7UUFDdEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxtQkFBTSxNQUFNLENBQUMsT0FBTyxFQUFBLENBQUM7SUFDdEMsQ0FBQzs7Z0JBakNGLFNBQVMsU0FBQzs7b0JBRVQsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUlyQyxRQUFRLEVBQUUsbWRBWVg7NkJBZlUsMkNBRVA7aUJBY0g7Ozs7Z0JBN0RRLFNBQVM7O0lBMkVsQix5QkFBQztDQUFBLEFBbENELElBa0NDO1NBWlksa0JBQWtCOzs7SUFDN0IscUNBTUU7O0lBRVUsb0NBQTRDOzs7OztBQVMxRDtJQVlFLHVCQUFtQixNQUFxQztRQUFyQyxXQUFNLEdBQU4sTUFBTSxDQUErQjtJQUN4RCxDQUFDOzs7Ozs7SUFFRCwrQkFBTzs7Ozs7SUFBUCxVQUFRLEdBQStCLEVBQUUsTUFBa0I7UUFDekQsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pCLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7O2dCQWxCRixTQUFTLFNBQUM7O29CQUVULFFBQVEsRUFBRSxjQUFjO29CQUN4QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFLGtPQUlMO2lCQUNOOzs7O2dCQTFGUSxTQUFTOztJQW9HbEIsb0JBQUM7Q0FBQSxBQW5CRCxJQW1CQztTQVJZLGFBQWE7OztJQUNaLCtCQUE0Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUEyQjFEO0lBUUUsd0JBQW1CLE1BQXFDO1FBQXJDLFdBQU0sR0FBTixNQUFNLENBQStCO0lBQ3hELENBQUM7O2dCQVRGLFNBQVMsU0FBQzs7b0JBRVQsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUUsbUZBQW1GO2lCQUM5Rjs7OztnQkE3SFEsU0FBUzs7SUFrSWxCLHFCQUFDO0NBQUEsQUFWRCxJQVVDO1NBSFksY0FBYzs7O0lBQ2IsZ0NBQTRDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dSZWYsIE1vZGFsQ29tcG9uZW50IH0gZnJvbSAnbmd4LW1vZGlhbG9nLTEwJztcblxuaW1wb3J0IHsgTWVzc2FnZU1vZGFsUHJlc2V0IH0gZnJvbSAnLi9wcmVzZXRzL21lc3NhZ2UtbW9kYWwtcHJlc2V0JztcblxuZXhwb3J0IGludGVyZmFjZSBCU01lc3NhZ2VNb2RhbEJ1dHRvbkhhbmRsZXIge1xuICAoY21wOiBNb2RhbENvbXBvbmVudDxNZXNzYWdlTW9kYWxQcmVzZXQ+LCAkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgYnV0dG9uIGRlZmluaXRpb25cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBCU01lc3NhZ2VNb2RhbEJ1dHRvbkNvbmZpZyB7XG4gIGNzc0NsYXNzOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgb25DbGljazogQlNNZXNzYWdlTW9kYWxCdXR0b25IYW5kbGVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2RhbC10aXRsZScsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPGRpdiBbbmdDbGFzc109XCJjb250ZXh0LmhlYWRlckNsYXNzXCIgW25nU3dpdGNoXT1cInRpdGxlSHRtbFwiPlxuICAgICAgPGJ1dHRvbiAqbmdJZj1cImNvbnRleHQuc2hvd0Nsb3NlXCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2xvc2VcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiQ2xvc2VcIiAoY2xpY2spPVwiZGlhbG9nLmRpc21pc3MoKVwiPlxuICAgICAgICAgIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPsOXPC9zcGFuPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCIxXCIgW2lubmVySHRtbF09XCJjb250ZXh0LnRpdGxlSHRtbFwiPjwvZGl2PlxuICAgICAgPGgzICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJtb2RhbC10aXRsZVwiPnt7Y29udGV4dC50aXRsZX19PC9oMz5cbiA8L2Rpdj5gXG59KVxuZXhwb3J0IGNsYXNzIEJTTWVzc2FnZU1vZGFsVGl0bGUge1xuICBwdWJsaWMgY29udGV4dDogTWVzc2FnZU1vZGFsUHJlc2V0O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxNZXNzYWdlTW9kYWxQcmVzZXQ+KSB7XG4gICAgdGhpcy5jb250ZXh0ID0gZGlhbG9nLmNvbnRleHQ7XG4gIH1cblxuICBnZXQgdGl0bGVIdG1sKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dC50aXRsZUh0bWwgPyAxIDogMDtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ21vZGFsLWJvZHknLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdHlsZXM6IFtgLmZvcm0tZ3JvdXAge1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gIH1gXSxcbiAgdGVtcGxhdGU6IGA8ZGl2IFtuZ0NsYXNzXT1cImNvbnRleHQuYm9keUNsYXNzXCI+XG4gICAgPGRpdiBbaW5uZXJIdG1sXT1cImNvbnRleHQubWVzc2FnZVwiPjwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cImNvbnRleHQuc2hvd0lucHV0XCIgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgICAgIDxpbnB1dCBhdXRvZm9jdXMgI2lucHV0XG4gICAgICAgICAgICBuYW1lPVwiYm9vdHN0cmFwXCJcbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJjb250ZXh0LmRlZmF1bHRWYWx1ZVwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cImNvbnRleHQuZGVmYXVsdFZhbHVlID0gaW5wdXQudmFsdWVcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7e2NvbnRleHQucGxhY2Vob2xkZXJ9fVwiPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5gXG59KVxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1jbGFzcy1zdWZmaXhcbmV4cG9ydCBjbGFzcyBCU01lc3NhZ2VNb2RhbEJvZHkge1xuICBwdWJsaWMgY29udGV4dDogTWVzc2FnZU1vZGFsUHJlc2V0ICYge1xuICAgIHNob3dJbnB1dDogYm9vbGVhbjtcbiAgICAvKiogRGVmYXVsdCB2YWx1ZSBzaG93biBpbiB0aGUgcHJvbXB0LiAqL1xuICAgIGRlZmF1bHRWYWx1ZTogc3RyaW5nO1xuICAgIC8qKiBBIHBsYWNlaG9sZGVyIGZvciB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxNZXNzYWdlTW9kYWxQcmVzZXQ+KSB7XG4gICAgdGhpcy5jb250ZXh0ID0gPGFueT4gZGlhbG9nLmNvbnRleHQ7XG4gIH1cbn1cblxuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIG1vZGFsIGZvb3RlciBmb3Igc3RvcmluZyBidXR0b25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ21vZGFsLWZvb3RlcicsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPGRpdiBbbmdDbGFzc109XCJkaWFsb2cuY29udGV4dC5mb290ZXJDbGFzc1wiPlxuICAgIDxidXR0b24gKm5nRm9yPVwibGV0IGJ0biBvZiBkaWFsb2cuY29udGV4dC5idXR0b25zO1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJidG4uY3NzQ2xhc3NcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soYnRuLCAkZXZlbnQpXCI+e3tidG4uY2FwdGlvbn19PC9idXR0b24+XG48L2Rpdj5gXG59KVxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1jbGFzcy1zdWZmaXhcbmV4cG9ydCBjbGFzcyBCU01vZGFsRm9vdGVyIHtcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPE1lc3NhZ2VNb2RhbFByZXNldD4pIHtcbiAgfVxuXG4gIG9uQ2xpY2soYnRuOiBCU01lc3NhZ2VNb2RhbEJ1dHRvbkNvbmZpZywgJGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGJ0bi5vbkNsaWNrKHRoaXMsICRldmVudCk7XG4gIH1cbn1cblxuLyoqXG4gKiBBIENvbXBvbmVudCByZXByZXNlbnRpbmcgYSBnZW5lcmljIGJvb3RzdHJhcCBtb2RhbCBjb250ZW50IGVsZW1lbnQuXG4gKlxuICogQnkgY29uZmlndXJpbmcgYSBNZXNzYWdlTW9kYWxDb250ZXh0IGluc3RhbmNlIHlvdSBjYW46XG4gKlxuICogIEhlYWRlcjpcbiAqICAgICAgLSBTZXQgaGVhZGVyIGNvbnRhaW5lciBjbGFzcyAoZGVmYXVsdDogbW9kYWwtaGVhZGVyKVxuICogICAgICAtIFNldCB0aXRsZSB0ZXh0IChlbmNsb3NlZCBpbiBIMyBlbGVtZW50KVxuICogICAgICAtIFNldCB0aXRsZSBodG1sIChvdmVycmlkZXMgdGV4dClcbiAqXG4gKiAgQm9keTpcbiAqICAgICAgLSBTZXQgYm9keSBjb250YWluZXIgY2xhc3MuICAoZGVmYXVsdDogbW9kYWwtYm9keSlcbiAqICAgICAgLSBTZXQgYm9keSBjb250YWluZXIgSFRNTC5cbiAqXG4gKiAgRm9vdGVyOlxuICogICAgICAtIFNldCBmb290ZXIgY2xhc3MuICAoZGVmYXVsdDogbW9kYWwtZm9vdGVyKVxuICogICAgICAtIFNldCBidXR0b24gY29uZmlndXJhdGlvbiAoZnJvbSAwIHRvIG4pXG4gKi9cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbW9kYWwtY29udGVudCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPG1vZGFsLXRpdGxlPjwvbW9kYWwtdGl0bGU+PG1vZGFsLWJvZHk+PC9tb2RhbC1ib2R5Pjxtb2RhbC1mb290ZXI+PC9tb2RhbC1mb290ZXI+YFxufSlcbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQlNNZXNzYWdlTW9kYWwgaW1wbGVtZW50cyBNb2RhbENvbXBvbmVudDxNZXNzYWdlTW9kYWxQcmVzZXQ+IHtcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPE1lc3NhZ2VNb2RhbFByZXNldD4pIHtcbiAgfVxufVxuIl19