ngx-modialog-11
Version:
Modal / Dialog for Angular
129 lines • 12.2 kB
JavaScript
import { Component, ViewEncapsulation } from '@angular/core';
import { DialogRef } from 'ngx-modialog-11';
export class BSMessageModalTitle {
constructor(dialog) {
this.dialog = dialog;
this.context = dialog.context;
}
get titleHtml() {
return this.context.titleHtml ? 1 : 0;
}
}
BSMessageModalTitle.decorators = [
{ type: Component, args: [{
selector: 'modal-title',
encapsulation: ViewEncapsulation.None,
template: `<div [ngClass]="context.headerClass" [ngSwitch]="titleHtml">
<button *ngIf="context.showClose" type="button" class="close"
aria-label="Close" (click)="dialog.dismiss()">
<span aria-hidden="true">×</span>
</button>
<div *ngSwitchCase="1" [innerHtml]="context.titleHtml"></div>
<h3 *ngSwitchDefault class="modal-title">{{context.title}}</h3>
</div>`
},] }
];
/** @nocollapse */
BSMessageModalTitle.ctorParameters = () => [
{ type: DialogRef }
];
// tslint:disable-next-line:component-class-suffix
export class BSMessageModalBody {
constructor(dialog) {
this.dialog = dialog;
this.context = dialog.context;
}
}
BSMessageModalBody.decorators = [
{ type: Component, args: [{
// tslint:disable-next-line:component-selector
selector: 'modal-body',
encapsulation: ViewEncapsulation.None,
template: `<div [ngClass]="context.bodyClass">
<div [innerHtml]="context.message"></div>
<div *ngIf="context.showInput" class="form-group">
<input autofocus #input
name="bootstrap"
type="text"
class="form-control"
[value]="context.defaultValue"
(change)="context.defaultValue = input.value"
placeholder="{{context.placeholder}}">
</div>
</div>
`,
styles: [`.form-group {
margin-top: 10px;
}`]
},] }
];
/** @nocollapse */
BSMessageModalBody.ctorParameters = () => [
{ type: DialogRef }
];
/**
* Represents the modal footer for storing buttons.
*/
// tslint:disable-next-line:component-class-suffix
export class BSModalFooter {
constructor(dialog) {
this.dialog = dialog;
}
onClick(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">
<button *ngFor="let btn of dialog.context.buttons;"
[ngClass]="btn.cssClass"
(click)="onClick(btn, $event)">{{btn.caption}}</button>
</div>`
},] }
];
/** @nocollapse */
BSModalFooter.ctorParameters = () => [
{ type: DialogRef }
];
/**
* 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)
*/
// tslint:disable-next-line:component-class-suffix
export class BSMessageModal {
constructor(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 = () => [
{ type: DialogRef }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wbHVnaW5zL2Jvb3RzdHJhcC9zcmMvbGliL21lc3NhZ2UtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0QsT0FBTyxFQUFFLFNBQVMsRUFBa0IsTUFBTSxpQkFBaUIsQ0FBQztBQTZCNUQsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUFtQixNQUFxQztRQUFyQyxXQUFNLEdBQU4sTUFBTSxDQUErQjtRQUN0RCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7OztZQXJCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7UUFPSjthQUNQOzs7O1lBNUJRLFNBQVM7O0FBOERsQixrREFBa0Q7QUFDbEQsTUFBTSxPQUFPLGtCQUFrQjtJQVM3QixZQUFtQixNQUFxQztRQUFyQyxXQUFNLEdBQU4sTUFBTSxDQUErQjtRQUN0RCxJQUFJLENBQUMsT0FBTyxHQUFTLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDdEMsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCw4Q0FBOEM7Z0JBQzlDLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFJckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Q0FZWDt5QkFmVTs7SUFFUDthQWNIOzs7O1lBN0RRLFNBQVM7O0FBOEVsQjs7R0FFRztBQVdILGtEQUFrRDtBQUNsRCxNQUFNLE9BQU8sYUFBYTtJQUN4QixZQUFtQixNQUFxQztRQUFyQyxXQUFNLEdBQU4sTUFBTSxDQUErQjtJQUN4RCxDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQStCLEVBQUUsTUFBa0I7UUFDekQsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pCLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7OztZQWxCRixTQUFTLFNBQUM7Z0JBQ1QsOENBQThDO2dCQUM5QyxRQUFRLEVBQUUsY0FBYztnQkFDeEIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLFFBQVEsRUFBRTs7OztPQUlMO2FBQ047Ozs7WUExRlEsU0FBUzs7QUFzR2xCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQU9ILGtEQUFrRDtBQUNsRCxNQUFNLE9BQU8sY0FBYztJQUN6QixZQUFtQixNQUFxQztRQUFyQyxXQUFNLEdBQU4sTUFBTSxDQUErQjtJQUN4RCxDQUFDOzs7WUFURixTQUFTLFNBQUM7Z0JBQ1QsOENBQThDO2dCQUM5QyxRQUFRLEVBQUUsZUFBZTtnQkFDekIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLFFBQVEsRUFBRSxtRkFBbUY7YUFDOUY7Ozs7WUE3SFEsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IERpYWxvZ1JlZiwgTW9kYWxDb21wb25lbnQgfSBmcm9tICduZ3gtbW9kaWFsb2ctMTEnO1xyXG5cclxuaW1wb3J0IHsgTWVzc2FnZU1vZGFsUHJlc2V0IH0gZnJvbSAnLi9wcmVzZXRzL21lc3NhZ2UtbW9kYWwtcHJlc2V0JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQlNNZXNzYWdlTW9kYWxCdXR0b25IYW5kbGVyIHtcclxuICAoY21wOiBNb2RhbENvbXBvbmVudDxNZXNzYWdlTW9kYWxQcmVzZXQ+LCAkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkO1xyXG59XHJcblxyXG4vKipcclxuICogSW50ZXJmYWNlIGZvciBidXR0b24gZGVmaW5pdGlvblxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBCU01lc3NhZ2VNb2RhbEJ1dHRvbkNvbmZpZyB7XHJcbiAgY3NzQ2xhc3M6IHN0cmluZztcclxuICBjYXB0aW9uOiBzdHJpbmc7XHJcbiAgb25DbGljazogQlNNZXNzYWdlTW9kYWxCdXR0b25IYW5kbGVyO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21vZGFsLXRpdGxlJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHRlbXBsYXRlOiBgPGRpdiBbbmdDbGFzc109XCJjb250ZXh0LmhlYWRlckNsYXNzXCIgW25nU3dpdGNoXT1cInRpdGxlSHRtbFwiPlxyXG4gICAgICA8YnV0dG9uICpuZ0lmPVwiY29udGV4dC5zaG93Q2xvc2VcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJjbG9zZVwiXHJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cImRpYWxvZy5kaXNtaXNzKClcIj5cclxuICAgICAgICAgIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPsOXPC9zcGFuPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiMVwiIFtpbm5lckh0bWxdPVwiY29udGV4dC50aXRsZUh0bWxcIj48L2Rpdj5cclxuICAgICAgPGgzICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJtb2RhbC10aXRsZVwiPnt7Y29udGV4dC50aXRsZX19PC9oMz5cclxuIDwvZGl2PmBcclxufSlcclxuZXhwb3J0IGNsYXNzIEJTTWVzc2FnZU1vZGFsVGl0bGUge1xyXG4gIHB1YmxpYyBjb250ZXh0OiBNZXNzYWdlTW9kYWxQcmVzZXQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxNZXNzYWdlTW9kYWxQcmVzZXQ+KSB7XHJcbiAgICB0aGlzLmNvbnRleHQgPSBkaWFsb2cuY29udGV4dDtcclxuICB9XHJcblxyXG4gIGdldCB0aXRsZUh0bWwoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiB0aGlzLmNvbnRleHQudGl0bGVIdG1sID8gMSA6IDA7XHJcbiAgfVxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXHJcbiAgc2VsZWN0b3I6ICdtb2RhbC1ib2R5JyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHN0eWxlczogW2AuZm9ybS1ncm91cCB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG4gIH1gXSxcclxuICB0ZW1wbGF0ZTogYDxkaXYgW25nQ2xhc3NdPVwiY29udGV4dC5ib2R5Q2xhc3NcIj5cclxuICAgIDxkaXYgW2lubmVySHRtbF09XCJjb250ZXh0Lm1lc3NhZ2VcIj48L2Rpdj5cclxuICAgICAgPGRpdiAqbmdJZj1cImNvbnRleHQuc2hvd0lucHV0XCIgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XHJcbiAgICAgICAgPGlucHV0IGF1dG9mb2N1cyAjaW5wdXRcclxuICAgICAgICAgICAgbmFtZT1cImJvb3RzdHJhcFwiXHJcbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxyXG4gICAgICAgICAgICBbdmFsdWVdPVwiY29udGV4dC5kZWZhdWx0VmFsdWVcIlxyXG4gICAgICAgICAgICAoY2hhbmdlKT1cImNvbnRleHQuZGVmYXVsdFZhbHVlID0gaW5wdXQudmFsdWVcIlxyXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7Y29udGV4dC5wbGFjZWhvbGRlcn19XCI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbmBcclxufSlcclxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1jbGFzcy1zdWZmaXhcclxuZXhwb3J0IGNsYXNzIEJTTWVzc2FnZU1vZGFsQm9keSB7XHJcbiAgcHVibGljIGNvbnRleHQ6IE1lc3NhZ2VNb2RhbFByZXNldCAmIHtcclxuICAgIHNob3dJbnB1dDogYm9vbGVhbjtcclxuICAgIC8qKiBEZWZhdWx0IHZhbHVlIHNob3duIGluIHRoZSBwcm9tcHQuICovXHJcbiAgICBkZWZhdWx0VmFsdWU6IHN0cmluZztcclxuICAgIC8qKiBBIHBsYWNlaG9sZGVyIGZvciB0aGUgaW5wdXQgZWxlbWVudC4gKi9cclxuICAgIHBsYWNlaG9sZGVyOiBzdHJpbmc7XHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPE1lc3NhZ2VNb2RhbFByZXNldD4pIHtcclxuICAgIHRoaXMuY29udGV4dCA9IDxhbnk+IGRpYWxvZy5jb250ZXh0O1xyXG4gIH1cclxufVxyXG5cclxuXHJcbi8qKlxyXG4gKiBSZXByZXNlbnRzIHRoZSBtb2RhbCBmb290ZXIgZm9yIHN0b3JpbmcgYnV0dG9ucy5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtc2VsZWN0b3JcclxuICBzZWxlY3RvcjogJ21vZGFsLWZvb3RlcicsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICB0ZW1wbGF0ZTogYDxkaXYgW25nQ2xhc3NdPVwiZGlhbG9nLmNvbnRleHQuZm9vdGVyQ2xhc3NcIj5cclxuICAgIDxidXR0b24gKm5nRm9yPVwibGV0IGJ0biBvZiBkaWFsb2cuY29udGV4dC5idXR0b25zO1wiXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cImJ0bi5jc3NDbGFzc1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGJ0biwgJGV2ZW50KVwiPnt7YnRuLmNhcHRpb259fTwvYnV0dG9uPlxyXG48L2Rpdj5gXHJcbn0pXHJcbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtY2xhc3Mtc3VmZml4XHJcbmV4cG9ydCBjbGFzcyBCU01vZGFsRm9vdGVyIHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBEaWFsb2dSZWY8TWVzc2FnZU1vZGFsUHJlc2V0Pikge1xyXG4gIH1cclxuXHJcbiAgb25DbGljayhidG46IEJTTWVzc2FnZU1vZGFsQnV0dG9uQ29uZmlnLCAkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIGJ0bi5vbkNsaWNrKHRoaXMsICRldmVudCk7XHJcbiAgfVxyXG59XHJcblxyXG4vKipcclxuICogQSBDb21wb25lbnQgcmVwcmVzZW50aW5nIGEgZ2VuZXJpYyBib290c3RyYXAgbW9kYWwgY29udGVudCBlbGVtZW50LlxyXG4gKlxyXG4gKiBCeSBjb25maWd1cmluZyBhIE1lc3NhZ2VNb2RhbENvbnRleHQgaW5zdGFuY2UgeW91IGNhbjpcclxuICpcclxuICogIEhlYWRlcjpcclxuICogICAgICAtIFNldCBoZWFkZXIgY29udGFpbmVyIGNsYXNzIChkZWZhdWx0OiBtb2RhbC1oZWFkZXIpXHJcbiAqICAgICAgLSBTZXQgdGl0bGUgdGV4dCAoZW5jbG9zZWQgaW4gSDMgZWxlbWVudClcclxuICogICAgICAtIFNldCB0aXRsZSBodG1sIChvdmVycmlkZXMgdGV4dClcclxuICpcclxuICogIEJvZHk6XHJcbiAqICAgICAgLSBTZXQgYm9keSBjb250YWluZXIgY2xhc3MuICAoZGVmYXVsdDogbW9kYWwtYm9keSlcclxuICogICAgICAtIFNldCBib2R5IGNvbnRhaW5lciBIVE1MLlxyXG4gKlxyXG4gKiAgRm9vdGVyOlxyXG4gKiAgICAgIC0gU2V0IGZvb3RlciBjbGFzcy4gIChkZWZhdWx0OiBtb2RhbC1mb290ZXIpXHJcbiAqICAgICAgLSBTZXQgYnV0dG9uIGNvbmZpZ3VyYXRpb24gKGZyb20gMCB0byBuKVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxyXG4gIHNlbGVjdG9yOiAnbW9kYWwtY29udGVudCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICB0ZW1wbGF0ZTogYDxtb2RhbC10aXRsZT48L21vZGFsLXRpdGxlPjxtb2RhbC1ib2R5PjwvbW9kYWwtYm9keT48bW9kYWwtZm9vdGVyPjwvbW9kYWwtZm9vdGVyPmBcclxufSlcclxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1jbGFzcy1zdWZmaXhcclxuZXhwb3J0IGNsYXNzIEJTTWVzc2FnZU1vZGFsIGltcGxlbWVudHMgTW9kYWxDb21wb25lbnQ8TWVzc2FnZU1vZGFsUHJlc2V0PiB7XHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPE1lc3NhZ2VNb2RhbFByZXNldD4pIHtcclxuICB9XHJcbn1cclxuIl19