ngx-modialog-7
Version:
Modal / Dialog for Angular
150 lines • 11.1 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-7';
/**
* @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
*/
var VEXDialogButtons = /** @class */ (function () {
function VEXDialogButtons() {
/**
* Emitted when a button was clicked
*/
this.onButtonClick = new EventEmitter();
}
/**
* @param {?} btn
* @param {?} $event
* @return {?}
*/
VEXDialogButtons.prototype.onClick = /**
* @param {?} btn
* @param {?} $event
* @return {?}
*/
function (btn, $event) {
$event.stopPropagation();
this.onButtonClick.emit({ btn: btn, $event: $event });
};
VEXDialogButtons.decorators = [
{ type: Component, args: [{
selector: 'vex-dialog-buttons',
encapsulation: ViewEncapsulation.None,
template: "<div class=\"vex-dialog-buttons\">\n <button type=\"button\"\n *ngFor=\"let btn of buttons;\"\n [class]=\"btn.cssClass\"\n (click)=\"onClick(btn, $event)\">{{btn.caption}}</button>\n</div>"
}] }
];
VEXDialogButtons.propDecorators = {
buttons: [{ type: Input }],
onButtonClick: [{ type: Output }]
};
return VEXDialogButtons;
}());
export { VEXDialogButtons };
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.
*
*/
var DialogFormModal = /** @class */ (function () {
function DialogFormModal(dialog) {
this.dialog = dialog;
this.context = dialog.context;
}
/**
* @param {?} $event
* @return {?}
*/
DialogFormModal.prototype.onButtonClick = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.btn.onClick(this, $event.$event);
};
DialogFormModal.decorators = [
{ type: Component, args: [{
selector: 'modal-dialog',
encapsulation: ViewEncapsulation.None,
template: "<form class=\"vex-dialog-form\">\n <ng-container *ngComponentOutlet=\"context.content\"></ng-container>\n <vex-dialog-buttons [buttons]=\"context.buttons\"\n (onButtonClick)=\"onButtonClick($event)\"></vex-dialog-buttons>\n</form>"
}] }
];
/** @nocollapse */
DialogFormModal.ctorParameters = function () { return [
{ type: DialogRef }
]; };
return DialogFormModal;
}());
export { DialogFormModal };
if (false) {
/** @type {?} */
DialogFormModal.prototype.context;
/** @type {?} */
DialogFormModal.prototype.dialog;
}
var FormDropIn = /** @class */ (function () {
function FormDropIn(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>\n <div *ngIf=\"context.showInput\" class=\"vex-dialog-input\">\n <input #input\n autofocus\n name=\"vex\"\n type=\"text\"\n class=\"vex-dialog-prompt-input\"\n (change)=\"context.defaultResult = input.value\"\n placeholder=\"{{context.placeholder}}\">\n </div>\n <div *ngIf=\"context.showCloseButton\"\n [class]=\"context.closeClassName\"\n (click)=\"dialog.dismiss()\"></div>"
}] }
];
/** @nocollapse */
FormDropIn.ctorParameters = function () { return [
{ type: DialogRef }
]; };
return FormDropIn;
}());
export { FormDropIn };
if (false) {
/** @type {?} */
FormDropIn.prototype.context;
/** @type {?} */
FormDropIn.prototype.dialog;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvcm0tbW9kYWwuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbW9kaWFsb2ctNy9wbHVnaW5zL3ZleC8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2ctZm9ybS1tb2RhbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNiLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxTQUFTLEVBRVYsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQUt4QixzQ0FFQzs7Ozs7QUFLRCxxQ0FJQzs7O0lBSEMsbUNBQWlCOztJQUNqQixrQ0FBZ0I7O0lBQ2hCLGtDQUEwQjs7Ozs7QUFHNUIseUNBR0M7OztJQUZDLGtDQUFxQjs7SUFDckIscUNBQW1COzs7OztBQU1yQjtJQUFBOzs7O1FBb0JtQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDO0lBTTNFLENBQUM7Ozs7OztJQUpDLGtDQUFPOzs7OztJQUFQLFVBQVEsR0FBUSxFQUFFLE1BQWtCO1FBQ2xDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFDLEdBQUcsS0FBQSxFQUFFLE1BQU0sUUFBQSxFQUFDLENBQUMsQ0FBQztJQUN6QyxDQUFDOztnQkF6QkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUUseU5BS0w7aUJBQ047OzswQkFNRSxLQUFLO2dDQUtMLE1BQU07O0lBTVQsdUJBQUM7Q0FBQSxBQTFCRCxJQTBCQztTQWhCWSxnQkFBZ0I7Ozs7OztJQUszQixtQ0FBMkM7Ozs7O0lBSzNDLHlDQUF5RTs7Ozs7O0FBWTNFO0lBWUUseUJBQW1CLE1BQStCO1FBQS9CLFdBQU0sR0FBTixNQUFNLENBQXlCO1FBQ2hELElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUNoQyxDQUFDOzs7OztJQUVELHVDQUFhOzs7O0lBQWIsVUFBYyxNQUEyQjtRQUN2QyxNQUFNLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7O2dCQWxCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUUscVFBSUo7aUJBQ1A7Ozs7Z0JBcEVDLFNBQVM7O0lBK0VYLHNCQUFDO0NBQUEsQUFuQkQsSUFtQkM7U0FWWSxlQUFlOzs7SUFDMUIsa0NBQTZCOztJQUVqQixpQ0FBc0M7O0FBU3BEO0lBcUJFLG9CQUFtQixNQUErQjtRQUEvQixXQUFNLEdBQU4sTUFBTSxDQUF5QjtRQUNoRCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQzs7Z0JBdkJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUNWLHlmQVl3QztpQkFDdkM7Ozs7Z0JBbEdDLFNBQVM7O0lBeUdYLGlCQUFDO0NBQUEsQUF4QkQsSUF3QkM7U0FOWSxVQUFVOzs7SUFDckIsNkJBQTZCOztJQUVqQiw0QkFBc0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERpYWxvZ1JlZixcbiAgTW9kYWxDb21wb25lbnRcbn0gZnJvbSAnbmd4LW1vZGlhbG9nLTcnO1xuXG5pbXBvcnQgeyBEaWFsb2dQcmVzZXQgfSBmcm9tICcuL3ByZXNldHMvZGlhbG9nLXByZXNldCc7XG5pbXBvcnQgeyBEcm9wSW5QcmVzZXQgfSBmcm9tICcuL3ByZXNldHMvZHJvcGluLXByZXNldCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVkVYQnV0dG9uSGFuZGxlciB7XG4gIChjbXA6IE1vZGFsQ29tcG9uZW50PERpYWxvZ1ByZXNldD4sICRldmVudDogTW91c2VFdmVudCk6IHZvaWQ7XG59XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBidXR0b24gZGVmaW5pdGlvblxuICovXG5leHBvcnQgaW50ZXJmYWNlIFZFWEJ1dHRvbkNvbmZpZyB7XG4gIGNzc0NsYXNzOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgb25DbGljazogVkVYQnV0dG9uSGFuZGxlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBWRVhCdXR0b25DbGlja0V2ZW50IHtcbiAgYnRuOiBWRVhCdXR0b25Db25maWc7XG4gICRldmVudDogTW91c2VFdmVudDtcbn1cblxuLyoqXG4gKiBBIERpYWxvZyBpcyBhXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZleC1kaWFsb2ctYnV0dG9ucycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cInZleC1kaWFsb2ctYnV0dG9uc1wiPlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIGJ1dHRvbnM7XCJcbiAgICAgICAgIFtjbGFzc109XCJidG4uY3NzQ2xhc3NcIlxuICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soYnRuLCAkZXZlbnQpXCI+e3tidG4uY2FwdGlvbn19PC9idXR0b24+XG48L2Rpdj5gXG59KVxuZXhwb3J0IGNsYXNzIFZFWERpYWxvZ0J1dHRvbnMge1xuXG4gIC8qKlxuICAgKiBBIGNvbGxlY3Rpb24gb2YgYnV0dG9uIGNvbmZpZ3VyYXRpb25zLCBlYWNoIGNvbmZpZ3VyYXRpb24gaXMgYSBidXR0b24gdG8gZGlzcGxheS5cbiAgICovXG4gIEBJbnB1dCgpIHB1YmxpYyBidXR0b25zOiBWRVhCdXR0b25Db25maWdbXTtcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIGEgYnV0dG9uIHdhcyBjbGlja2VkXG4gICAqL1xuICBAT3V0cHV0KCkgcHVibGljIG9uQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFZFWEJ1dHRvbkNsaWNrRXZlbnQ+KCk7XG5cbiAgb25DbGljayhidG46IGFueSwgJGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMub25CdXR0b25DbGljay5lbWl0KHtidG4sICRldmVudH0pO1xuICB9XG59XG5cbi8qKlxuICogQSBEaWFsb2cgd2l0aCBjdXN0b21pemVkIGJ1dHRvbnMgd3JhcHBlZCBpbiBhIGZvcm0uXG4gKlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2RhbC1kaWFsb2cnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYDxmb3JtIGNsYXNzPVwidmV4LWRpYWxvZy1mb3JtXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdDb21wb25lbnRPdXRsZXQ9XCJjb250ZXh0LmNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8dmV4LWRpYWxvZy1idXR0b25zIFtidXR0b25zXT1cImNvbnRleHQuYnV0dG9uc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAob25CdXR0b25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIj48L3ZleC1kaWFsb2ctYnV0dG9ucz5cbjwvZm9ybT5gXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvcm1Nb2RhbCBpbXBsZW1lbnRzIE1vZGFsQ29tcG9uZW50PERpYWxvZ1ByZXNldD4ge1xuICBwdWJsaWMgY29udGV4dDogRGlhbG9nUHJlc2V0O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxEaWFsb2dQcmVzZXQ+KSB7XG4gICAgdGhpcy5jb250ZXh0ID0gZGlhbG9nLmNvbnRleHQ7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKCRldmVudDogVkVYQnV0dG9uQ2xpY2tFdmVudCkge1xuICAgICRldmVudC5idG4ub25DbGljayh0aGlzLCAkZXZlbnQuJGV2ZW50KTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkcm9wLWluLWRpYWxvZycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOlxuYDxkaXYgY2xhc3M9XCJ2ZXgtZGlhbG9nLW1lc3NhZ2VcIj57e2NvbnRleHQubWVzc2FnZX19PC9kaXY+XG4gPGRpdiAqbmdJZj1cImNvbnRleHQuc2hvd0lucHV0XCIgY2xhc3M9XCJ2ZXgtZGlhbG9nLWlucHV0XCI+XG4gICA8aW5wdXQgI2lucHV0XG4gICAgICAgICAgYXV0b2ZvY3VzXG4gICAgICAgICAgbmFtZT1cInZleFwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIGNsYXNzPVwidmV4LWRpYWxvZy1wcm9tcHQtaW5wdXRcIlxuICAgICAgICAgICAoY2hhbmdlKT1cImNvbnRleHQuZGVmYXVsdFJlc3VsdCA9IGlucHV0LnZhbHVlXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7Y29udGV4dC5wbGFjZWhvbGRlcn19XCI+XG4gPC9kaXY+XG4gPGRpdiAqbmdJZj1cImNvbnRleHQuc2hvd0Nsb3NlQnV0dG9uXCJcbiAgICAgIFtjbGFzc109XCJjb250ZXh0LmNsb3NlQ2xhc3NOYW1lXCJcbiAgICAgIChjbGljayk9XCJkaWFsb2cuZGlzbWlzcygpXCI+PC9kaXY+YFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRHJvcEluIGltcGxlbWVudHMgTW9kYWxDb21wb25lbnQ8RHJvcEluUHJlc2V0PiB7XG4gIHB1YmxpYyBjb250ZXh0OiBEcm9wSW5QcmVzZXQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPERyb3BJblByZXNldD4pIHtcbiAgICB0aGlzLmNvbnRleHQgPSBkaWFsb2cuY29udGV4dDtcbiAgfVxufVxuIl19