ngx-modialog-10
Version:
Modal / Dialog for Angular
162 lines • 10.5 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/dialog-form-modal.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
import { DialogRef } from 'ngx-modialog-10';
/**
* @record
*/
export function VEXButtonHandler() { }
/**
* Interface for button definition
* @record
*/
export function VEXButtonConfig() { }
if (false) {
/** @type {?} */
VEXButtonConfig.prototype.cssClass;
/** @type {?} */
VEXButtonConfig.prototype.caption;
/** @type {?} */
VEXButtonConfig.prototype.onClick;
}
/**
* @record
*/
export function VEXButtonClickEvent() { }
if (false) {
/** @type {?} */
VEXButtonClickEvent.prototype.btn;
/** @type {?} */
VEXButtonClickEvent.prototype.$event;
}
/**
* A Dialog is a
*/
export class VEXDialogButtons {
constructor() {
/**
* Emitted when a button was clicked
*/
this.onButtonClick = new EventEmitter();
}
/**
* @param {?} btn
* @param {?} $event
* @return {?}
*/
onClick(btn, $event) {
$event.stopPropagation();
this.onButtonClick.emit({ btn, $event });
}
}
VEXDialogButtons.decorators = [
{ type: Component, args: [{
selector: 'vex-dialog-buttons',
encapsulation: ViewEncapsulation.None,
template: `<div class="vex-dialog-buttons">
<button type="button"
*ngFor="let btn of buttons;"
[]="btn.cssClass"
(click)="onClick(btn, $event)">{{btn.caption}}</button>
</div>`
}] }
];
VEXDialogButtons.propDecorators = {
buttons: [{ type: Input }],
onButtonClick: [{ type: Output }]
};
if (false) {
/**
* A collection of button configurations, each configuration is a button to display.
* @type {?}
*/
VEXDialogButtons.prototype.buttons;
/**
* Emitted when a button was clicked
* @type {?}
*/
VEXDialogButtons.prototype.onButtonClick;
}
/**
* A Dialog with customized buttons wrapped in a form.
*
*/
export class DialogFormModal {
/**
* @param {?} dialog
*/
constructor(dialog) {
this.dialog = dialog;
this.context = dialog.context;
}
/**
* @param {?} $event
* @return {?}
*/
onButtonClick($event) {
$event.btn.onClick(this, $event.$event);
}
}
DialogFormModal.decorators = [
{ type: Component, args: [{
selector: 'modal-dialog',
encapsulation: ViewEncapsulation.None,
template: `<form class="vex-dialog-form">
<ng-container *ngComponentOutlet="context.content"></ng-container>
<vex-dialog-buttons [buttons]="context.buttons"
(onButtonClick)="onButtonClick($event)"></vex-dialog-buttons>
</form>`
}] }
];
/** @nocollapse */
DialogFormModal.ctorParameters = () => [
{ type: DialogRef }
];
if (false) {
/** @type {?} */
DialogFormModal.prototype.context;
/** @type {?} */
DialogFormModal.prototype.dialog;
}
export class FormDropIn {
/**
* @param {?} dialog
*/
constructor(dialog) {
this.dialog = dialog;
this.context = dialog.context;
}
}
FormDropIn.decorators = [
{ type: Component, args: [{
selector: 'drop-in-dialog',
encapsulation: ViewEncapsulation.None,
template: `<div class="vex-dialog-message">{{context.message}}</div>
<div *ngIf="context.showInput" class="vex-dialog-input">
<input
autofocus
name="vex"
type="text"
class="vex-dialog-prompt-input"
(change)="context.defaultResult = input.value"
placeholder="{{context.placeholder}}">
</div>
<div *ngIf="context.showCloseButton"
[]="context.closeClassName"
(click)="dialog.dismiss()"></div>`
}] }
];
/** @nocollapse */
FormDropIn.ctorParameters = () => [
{ type: DialogRef }
];
if (false) {
/** @type {?} */
FormDropIn.prototype.context;
/** @type {?} */
FormDropIn.prototype.dialog;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvcm0tbW9kYWwuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbW9kaWFsb2ctMTAvcGx1Z2lucy92ZXgvIiwic291cmNlcyI6WyJsaWIvZGlhbG9nLWZvcm0tbW9kYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsU0FBUyxFQUVWLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFLekIsc0NBRUM7Ozs7O0FBS0QscUNBSUM7OztJQUhDLG1DQUFpQjs7SUFDakIsa0NBQWdCOztJQUNoQixrQ0FBMEI7Ozs7O0FBRzVCLHlDQUdDOzs7SUFGQyxrQ0FBcUI7O0lBQ3JCLHFDQUFtQjs7Ozs7QUFnQnJCLE1BQU0sT0FBTyxnQkFBZ0I7SUFWN0I7Ozs7UUFvQm1CLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7SUFNM0UsQ0FBQzs7Ozs7O0lBSkMsT0FBTyxDQUFDLEdBQVEsRUFBRSxNQUFrQjtRQUNsQyxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBQyxHQUFHLEVBQUUsTUFBTSxFQUFDLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQUU7Ozs7O09BS0w7YUFDTjs7O3NCQU1FLEtBQUs7NEJBS0wsTUFBTTs7Ozs7OztJQUxQLG1DQUEyQzs7Ozs7SUFLM0MseUNBQXlFOzs7Ozs7QUFxQjNFLE1BQU0sT0FBTyxlQUFlOzs7O0lBRzFCLFlBQW1CLE1BQStCO1FBQS9CLFdBQU0sR0FBTixNQUFNLENBQXlCO1FBQ2hELElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUNoQyxDQUFDOzs7OztJQUVELGFBQWEsQ0FBQyxNQUEyQjtRQUN2QyxNQUFNLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7OztZQWxCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQUU7Ozs7UUFJSjthQUNQOzs7O1lBcEVDLFNBQVM7Ozs7SUFzRVQsa0NBQTZCOztJQUVqQixpQ0FBc0M7O0FBMkJwRCxNQUFNLE9BQU8sVUFBVTs7OztJQUdyQixZQUFtQixNQUErQjtRQUEvQixXQUFNLEdBQU4sTUFBTSxDQUF5QjtRQUNoRCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFDckMsUUFBUSxFQUNWOzs7Ozs7Ozs7Ozs7d0NBWXdDO2FBQ3ZDOzs7O1lBbEdDLFNBQVM7Ozs7SUFvR1QsNkJBQTZCOztJQUVqQiw0QkFBc0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERpYWxvZ1JlZixcbiAgTW9kYWxDb21wb25lbnRcbn0gZnJvbSAnbmd4LW1vZGlhbG9nLTEwJztcblxuaW1wb3J0IHsgRGlhbG9nUHJlc2V0IH0gZnJvbSAnLi9wcmVzZXRzL2RpYWxvZy1wcmVzZXQnO1xuaW1wb3J0IHsgRHJvcEluUHJlc2V0IH0gZnJvbSAnLi9wcmVzZXRzL2Ryb3Bpbi1wcmVzZXQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZFWEJ1dHRvbkhhbmRsZXIge1xuICAoY21wOiBNb2RhbENvbXBvbmVudDxEaWFsb2dQcmVzZXQ+LCAkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgYnV0dG9uIGRlZmluaXRpb25cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBWRVhCdXR0b25Db25maWcge1xuICBjc3NDbGFzczogc3RyaW5nO1xuICBjYXB0aW9uOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IFZFWEJ1dHRvbkhhbmRsZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVkVYQnV0dG9uQ2xpY2tFdmVudCB7XG4gIGJ0bjogVkVYQnV0dG9uQ29uZmlnO1xuICAkZXZlbnQ6IE1vdXNlRXZlbnQ7XG59XG5cbi8qKlxuICogQSBEaWFsb2cgaXMgYVxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2ZXgtZGlhbG9nLWJ1dHRvbnMnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJ2ZXgtZGlhbG9nLWJ1dHRvbnNcIj5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiBidXR0b25zO1wiXG4gICAgICAgICBbY2xhc3NdPVwiYnRuLmNzc0NsYXNzXCJcbiAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGJ0biwgJGV2ZW50KVwiPnt7YnRuLmNhcHRpb259fTwvYnV0dG9uPlxuPC9kaXY+YFxufSlcbmV4cG9ydCBjbGFzcyBWRVhEaWFsb2dCdXR0b25zIHtcblxuICAvKipcbiAgICogQSBjb2xsZWN0aW9uIG9mIGJ1dHRvbiBjb25maWd1cmF0aW9ucywgZWFjaCBjb25maWd1cmF0aW9uIGlzIGEgYnV0dG9uIHRvIGRpc3BsYXkuXG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgYnV0dG9uczogVkVYQnV0dG9uQ29uZmlnW107XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiBhIGJ1dHRvbiB3YXMgY2xpY2tlZFxuICAgKi9cbiAgQE91dHB1dCgpIHB1YmxpYyBvbkJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxWRVhCdXR0b25DbGlja0V2ZW50PigpO1xuXG4gIG9uQ2xpY2soYnRuOiBhbnksICRldmVudDogTW91c2VFdmVudCkge1xuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLm9uQnV0dG9uQ2xpY2suZW1pdCh7YnRuLCAkZXZlbnR9KTtcbiAgfVxufVxuXG4vKipcbiAqIEEgRGlhbG9nIHdpdGggY3VzdG9taXplZCBidXR0b25zIHdyYXBwZWQgaW4gYSBmb3JtLlxuICpcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9kYWwtZGlhbG9nJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGA8Zm9ybSBjbGFzcz1cInZleC1kaWFsb2ctZm9ybVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiY29udGV4dC5jb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgPHZleC1kaWFsb2ctYnV0dG9ucyBbYnV0dG9uc109XCJjb250ZXh0LmJ1dHRvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKG9uQnV0dG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCI+PC92ZXgtZGlhbG9nLWJ1dHRvbnM+XG48L2Zvcm0+YFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb3JtTW9kYWwgaW1wbGVtZW50cyBNb2RhbENvbXBvbmVudDxEaWFsb2dQcmVzZXQ+IHtcbiAgcHVibGljIGNvbnRleHQ6IERpYWxvZ1ByZXNldDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBEaWFsb2dSZWY8RGlhbG9nUHJlc2V0Pikge1xuICAgIHRoaXMuY29udGV4dCA9IGRpYWxvZy5jb250ZXh0O1xuICB9XG5cbiAgb25CdXR0b25DbGljaygkZXZlbnQ6IFZFWEJ1dHRvbkNsaWNrRXZlbnQpIHtcbiAgICAkZXZlbnQuYnRuLm9uQ2xpY2sodGhpcywgJGV2ZW50LiRldmVudCk7XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZHJvcC1pbi1kaWFsb2cnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTpcbmA8ZGl2IGNsYXNzPVwidmV4LWRpYWxvZy1tZXNzYWdlXCI+e3tjb250ZXh0Lm1lc3NhZ2V9fTwvZGl2PlxuIDxkaXYgKm5nSWY9XCJjb250ZXh0LnNob3dJbnB1dFwiIGNsYXNzPVwidmV4LWRpYWxvZy1pbnB1dFwiPlxuICAgPGlucHV0ICNpbnB1dFxuICAgICAgICAgIGF1dG9mb2N1c1xuICAgICAgICAgIG5hbWU9XCJ2ZXhcIlxuICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICBjbGFzcz1cInZleC1kaWFsb2ctcHJvbXB0LWlucHV0XCJcbiAgICAgICAgICAgKGNoYW5nZSk9XCJjb250ZXh0LmRlZmF1bHRSZXN1bHQgPSBpbnB1dC52YWx1ZVwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7e2NvbnRleHQucGxhY2Vob2xkZXJ9fVwiPlxuIDwvZGl2PlxuIDxkaXYgKm5nSWY9XCJjb250ZXh0LnNob3dDbG9zZUJ1dHRvblwiXG4gICAgICBbY2xhc3NdPVwiY29udGV4dC5jbG9zZUNsYXNzTmFtZVwiXG4gICAgICAoY2xpY2spPVwiZGlhbG9nLmRpc21pc3MoKVwiPjwvZGl2PmBcbn0pXG5leHBvcnQgY2xhc3MgRm9ybURyb3BJbiBpbXBsZW1lbnRzIE1vZGFsQ29tcG9uZW50PERyb3BJblByZXNldD4ge1xuICBwdWJsaWMgY29udGV4dDogRHJvcEluUHJlc2V0O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxEcm9wSW5QcmVzZXQ+KSB7XG4gICAgdGhpcy5jb250ZXh0ID0gZGlhbG9nLmNvbnRleHQ7XG4gIH1cbn1cbiJdfQ==