ngx-modialog-7
Version:
Modal / Dialog for Angular
168 lines • 14 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-7';
/**
* @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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbW9kaWFsb2ctNy9wbHVnaW5zL2Jvb3RzdHJhcC8iLCJzb3VyY2VzIjpbImxpYi9tZXNzYWdlLW1vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0QsT0FBTyxFQUFFLFNBQVMsRUFBa0IsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQUkzRCxpREFFQzs7Ozs7QUFLRCxnREFJQzs7O0lBSEMsOENBQWlCOztJQUNqQiw2Q0FBZ0I7O0lBQ2hCLDZDQUFxQzs7QUFHdkM7SUFlRSw2QkFBbUIsTUFBcUM7UUFBckMsV0FBTSxHQUFOLE1BQU0sQ0FBK0I7UUFDdEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxzQkFBSSwwQ0FBUzs7OztRQUFiO1lBQ0UsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEMsQ0FBQzs7O09BQUE7O2dCQXJCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUUsK2FBT0o7aUJBQ1A7Ozs7Z0JBNUJRLFNBQVM7O0lBdUNsQiwwQkFBQztDQUFBLEFBdEJELElBc0JDO1NBVlksbUJBQW1COzs7SUFDOUIsc0NBQW1DOztJQUV2QixxQ0FBNEM7O0FBUzFEO0lBK0JFLDRCQUFtQixNQUFxQztRQUFyQyxXQUFNLEdBQU4sTUFBTSxDQUErQjtRQUN0RCxJQUFJLENBQUMsT0FBTyxHQUFHLG1CQUFNLE1BQU0sQ0FBQyxPQUFPLEVBQUEsQ0FBQztJQUN0QyxDQUFDOztnQkFqQ0YsU0FBUyxTQUFDOztvQkFFVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBSXJDLFFBQVEsRUFBRSxtZEFZWDs2QkFmVSwyQ0FFUDtpQkFjSDs7OztnQkE3RFEsU0FBUzs7SUEyRWxCLHlCQUFDO0NBQUEsQUFsQ0QsSUFrQ0M7U0FaWSxrQkFBa0I7OztJQUM3QixxQ0FNRTs7SUFFVSxvQ0FBNEM7Ozs7O0FBUzFEO0lBWUUsdUJBQW1CLE1BQXFDO1FBQXJDLFdBQU0sR0FBTixNQUFNLENBQStCO0lBQ3hELENBQUM7Ozs7OztJQUVELCtCQUFPOzs7OztJQUFQLFVBQVEsR0FBK0IsRUFBRSxNQUFrQjtRQUN6RCxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7Z0JBbEJGLFNBQVMsU0FBQzs7b0JBRVQsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUUsa09BSUw7aUJBQ047Ozs7Z0JBMUZRLFNBQVM7O0lBb0dsQixvQkFBQztDQUFBLEFBbkJELElBbUJDO1NBUlksYUFBYTs7O0lBQ1osK0JBQTRDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTJCMUQ7SUFRRSx3QkFBbUIsTUFBcUM7UUFBckMsV0FBTSxHQUFOLE1BQU0sQ0FBK0I7SUFDeEQsQ0FBQzs7Z0JBVEYsU0FBUyxTQUFDOztvQkFFVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSxtRkFBbUY7aUJBQzlGOzs7O2dCQTdIUSxTQUFTOztJQWtJbEIscUJBQUM7Q0FBQSxBQVZELElBVUM7U0FIWSxjQUFjOzs7SUFDYixnQ0FBNEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERpYWxvZ1JlZiwgTW9kYWxDb21wb25lbnQgfSBmcm9tICduZ3gtbW9kaWFsb2ctNyc7XG5cbmltcG9ydCB7IE1lc3NhZ2VNb2RhbFByZXNldCB9IGZyb20gJy4vcHJlc2V0cy9tZXNzYWdlLW1vZGFsLXByZXNldCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQlNNZXNzYWdlTW9kYWxCdXR0b25IYW5kbGVyIHtcbiAgKGNtcDogTW9kYWxDb21wb25lbnQ8TWVzc2FnZU1vZGFsUHJlc2V0PiwgJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZDtcbn1cblxuLyoqXG4gKiBJbnRlcmZhY2UgZm9yIGJ1dHRvbiBkZWZpbml0aW9uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQlNNZXNzYWdlTW9kYWxCdXR0b25Db25maWcge1xuICBjc3NDbGFzczogc3RyaW5nO1xuICBjYXB0aW9uOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IEJTTWVzc2FnZU1vZGFsQnV0dG9uSGFuZGxlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9kYWwtdGl0bGUnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYDxkaXYgW25nQ2xhc3NdPVwiY29udGV4dC5oZWFkZXJDbGFzc1wiIFtuZ1N3aXRjaF09XCJ0aXRsZUh0bWxcIj5cbiAgICAgIDxidXR0b24gKm5nSWY9XCJjb250ZXh0LnNob3dDbG9zZVwiIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImNsb3NlXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cImRpYWxvZy5kaXNtaXNzKClcIj5cbiAgICAgICAgICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIj7Dlzwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiMVwiIFtpbm5lckh0bWxdPVwiY29udGV4dC50aXRsZUh0bWxcIj48L2Rpdj5cbiAgICAgIDxoMyAqbmdTd2l0Y2hEZWZhdWx0IGNsYXNzPVwibW9kYWwtdGl0bGVcIj57e2NvbnRleHQudGl0bGV9fTwvaDM+XG4gPC9kaXY+YFxufSlcbmV4cG9ydCBjbGFzcyBCU01lc3NhZ2VNb2RhbFRpdGxlIHtcbiAgcHVibGljIGNvbnRleHQ6IE1lc3NhZ2VNb2RhbFByZXNldDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBEaWFsb2dSZWY8TWVzc2FnZU1vZGFsUHJlc2V0Pikge1xuICAgIHRoaXMuY29udGV4dCA9IGRpYWxvZy5jb250ZXh0O1xuICB9XG5cbiAgZ2V0IHRpdGxlSHRtbCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHQudGl0bGVIdG1sID8gMSA6IDA7XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdtb2RhbC1ib2R5JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3R5bGVzOiBbYC5mb3JtLWdyb3VwIHtcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICB9YF0sXG4gIHRlbXBsYXRlOiBgPGRpdiBbbmdDbGFzc109XCJjb250ZXh0LmJvZHlDbGFzc1wiPlxuICAgIDxkaXYgW2lubmVySHRtbF09XCJjb250ZXh0Lm1lc3NhZ2VcIj48L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCJjb250ZXh0LnNob3dJbnB1dFwiIGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgICAgICA8aW5wdXQgYXV0b2ZvY3VzICNpbnB1dFxuICAgICAgICAgICAgbmFtZT1cImJvb3RzdHJhcFwiXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwiY29udGV4dC5kZWZhdWx0VmFsdWVcIlxuICAgICAgICAgICAgKGNoYW5nZSk9XCJjb250ZXh0LmRlZmF1bHRWYWx1ZSA9IGlucHV0LnZhbHVlXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwie3tjb250ZXh0LnBsYWNlaG9sZGVyfX1cIj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuYFxufSlcbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQlNNZXNzYWdlTW9kYWxCb2R5IHtcbiAgcHVibGljIGNvbnRleHQ6IE1lc3NhZ2VNb2RhbFByZXNldCAmIHtcbiAgICBzaG93SW5wdXQ6IGJvb2xlYW47XG4gICAgLyoqIERlZmF1bHQgdmFsdWUgc2hvd24gaW4gdGhlIHByb21wdC4gKi9cbiAgICBkZWZhdWx0VmFsdWU6IHN0cmluZztcbiAgICAvKiogQSBwbGFjZWhvbGRlciBmb3IgdGhlIGlucHV0IGVsZW1lbnQuICovXG4gICAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgfTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBEaWFsb2dSZWY8TWVzc2FnZU1vZGFsUHJlc2V0Pikge1xuICAgIHRoaXMuY29udGV4dCA9IDxhbnk+IGRpYWxvZy5jb250ZXh0O1xuICB9XG59XG5cblxuLyoqXG4gKiBSZXByZXNlbnRzIHRoZSBtb2RhbCBmb290ZXIgZm9yIHN0b3JpbmcgYnV0dG9ucy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdtb2RhbC1mb290ZXInLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYDxkaXYgW25nQ2xhc3NdPVwiZGlhbG9nLmNvbnRleHQuZm9vdGVyQ2xhc3NcIj5cbiAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBidG4gb2YgZGlhbG9nLmNvbnRleHQuYnV0dG9ucztcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiYnRuLmNzc0NsYXNzXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGJ0biwgJGV2ZW50KVwiPnt7YnRuLmNhcHRpb259fTwvYnV0dG9uPlxuPC9kaXY+YFxufSlcbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQlNNb2RhbEZvb3RlciB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxNZXNzYWdlTW9kYWxQcmVzZXQ+KSB7XG4gIH1cblxuICBvbkNsaWNrKGJ0bjogQlNNZXNzYWdlTW9kYWxCdXR0b25Db25maWcsICRldmVudDogTW91c2VFdmVudCkge1xuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBidG4ub25DbGljayh0aGlzLCAkZXZlbnQpO1xuICB9XG59XG5cbi8qKlxuICogQSBDb21wb25lbnQgcmVwcmVzZW50aW5nIGEgZ2VuZXJpYyBib290c3RyYXAgbW9kYWwgY29udGVudCBlbGVtZW50LlxuICpcbiAqIEJ5IGNvbmZpZ3VyaW5nIGEgTWVzc2FnZU1vZGFsQ29udGV4dCBpbnN0YW5jZSB5b3UgY2FuOlxuICpcbiAqICBIZWFkZXI6XG4gKiAgICAgIC0gU2V0IGhlYWRlciBjb250YWluZXIgY2xhc3MgKGRlZmF1bHQ6IG1vZGFsLWhlYWRlcilcbiAqICAgICAgLSBTZXQgdGl0bGUgdGV4dCAoZW5jbG9zZWQgaW4gSDMgZWxlbWVudClcbiAqICAgICAgLSBTZXQgdGl0bGUgaHRtbCAob3ZlcnJpZGVzIHRleHQpXG4gKlxuICogIEJvZHk6XG4gKiAgICAgIC0gU2V0IGJvZHkgY29udGFpbmVyIGNsYXNzLiAgKGRlZmF1bHQ6IG1vZGFsLWJvZHkpXG4gKiAgICAgIC0gU2V0IGJvZHkgY29udGFpbmVyIEhUTUwuXG4gKlxuICogIEZvb3RlcjpcbiAqICAgICAgLSBTZXQgZm9vdGVyIGNsYXNzLiAgKGRlZmF1bHQ6IG1vZGFsLWZvb3RlcilcbiAqICAgICAgLSBTZXQgYnV0dG9uIGNvbmZpZ3VyYXRpb24gKGZyb20gMCB0byBuKVxuICovXG5AQ29tcG9uZW50KHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ21vZGFsLWNvbnRlbnQnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYDxtb2RhbC10aXRsZT48L21vZGFsLXRpdGxlPjxtb2RhbC1ib2R5PjwvbW9kYWwtYm9keT48bW9kYWwtZm9vdGVyPjwvbW9kYWwtZm9vdGVyPmBcbn0pXG4vLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIEJTTWVzc2FnZU1vZGFsIGltcGxlbWVudHMgTW9kYWxDb21wb25lbnQ8TWVzc2FnZU1vZGFsUHJlc2V0PiB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxNZXNzYWdlTW9kYWxQcmVzZXQ+KSB7XG4gIH1cbn1cbiJdfQ==