ngx-modialog-10
Version:
Modal / Dialog for Angular
150 lines • 11.2 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
*/
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvcm0tbW9kYWwuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbW9kaWFsb2ctMTAvcGx1Z2lucy92ZXgvIiwic291cmNlcyI6WyJsaWIvZGlhbG9nLWZvcm0tbW9kYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsU0FBUyxFQUVWLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFLekIsc0NBRUM7Ozs7O0FBS0QscUNBSUM7OztJQUhDLG1DQUFpQjs7SUFDakIsa0NBQWdCOztJQUNoQixrQ0FBMEI7Ozs7O0FBRzVCLHlDQUdDOzs7SUFGQyxrQ0FBcUI7O0lBQ3JCLHFDQUFtQjs7Ozs7QUFNckI7SUFBQTs7OztRQW9CbUIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztJQU0zRSxDQUFDOzs7Ozs7SUFKQyxrQ0FBTzs7Ozs7SUFBUCxVQUFRLEdBQVEsRUFBRSxNQUFrQjtRQUNsQyxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBQyxHQUFHLEtBQUEsRUFBRSxNQUFNLFFBQUEsRUFBQyxDQUFDLENBQUM7SUFDekMsQ0FBQzs7Z0JBekJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFLHlOQUtMO2lCQUNOOzs7MEJBTUUsS0FBSztnQ0FLTCxNQUFNOztJQU1ULHVCQUFDO0NBQUEsQUExQkQsSUEwQkM7U0FoQlksZ0JBQWdCOzs7Ozs7SUFLM0IsbUNBQTJDOzs7OztJQUszQyx5Q0FBeUU7Ozs7OztBQVkzRTtJQVlFLHlCQUFtQixNQUErQjtRQUEvQixXQUFNLEdBQU4sTUFBTSxDQUF5QjtRQUNoRCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQzs7Ozs7SUFFRCx1Q0FBYTs7OztJQUFiLFVBQWMsTUFBMkI7UUFDdkMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDOztnQkFsQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFLHFRQUlKO2lCQUNQOzs7O2dCQXBFQyxTQUFTOztJQStFWCxzQkFBQztDQUFBLEFBbkJELElBbUJDO1NBVlksZUFBZTs7O0lBQzFCLGtDQUE2Qjs7SUFFakIsaUNBQXNDOztBQVNwRDtJQXFCRSxvQkFBbUIsTUFBK0I7UUFBL0IsV0FBTSxHQUFOLE1BQU0sQ0FBeUI7UUFDaEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO0lBQ2hDLENBQUM7O2dCQXZCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFDVix5ZkFZd0M7aUJBQ3ZDOzs7O2dCQWxHQyxTQUFTOztJQXlHWCxpQkFBQztDQUFBLEFBeEJELElBd0JDO1NBTlksVUFBVTs7O0lBQ3JCLDZCQUE2Qjs7SUFFakIsNEJBQXNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEaWFsb2dSZWYsXG4gIE1vZGFsQ29tcG9uZW50XG59IGZyb20gJ25neC1tb2RpYWxvZy0xMCc7XG5cbmltcG9ydCB7IERpYWxvZ1ByZXNldCB9IGZyb20gJy4vcHJlc2V0cy9kaWFsb2ctcHJlc2V0JztcbmltcG9ydCB7IERyb3BJblByZXNldCB9IGZyb20gJy4vcHJlc2V0cy9kcm9waW4tcHJlc2V0JztcblxuZXhwb3J0IGludGVyZmFjZSBWRVhCdXR0b25IYW5kbGVyIHtcbiAgKGNtcDogTW9kYWxDb21wb25lbnQ8RGlhbG9nUHJlc2V0PiwgJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZDtcbn1cblxuLyoqXG4gKiBJbnRlcmZhY2UgZm9yIGJ1dHRvbiBkZWZpbml0aW9uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgVkVYQnV0dG9uQ29uZmlnIHtcbiAgY3NzQ2xhc3M6IHN0cmluZztcbiAgY2FwdGlvbjogc3RyaW5nO1xuICBvbkNsaWNrOiBWRVhCdXR0b25IYW5kbGVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFZFWEJ1dHRvbkNsaWNrRXZlbnQge1xuICBidG46IFZFWEJ1dHRvbkNvbmZpZztcbiAgJGV2ZW50OiBNb3VzZUV2ZW50O1xufVxuXG4vKipcbiAqIEEgRGlhbG9nIGlzIGFcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmV4LWRpYWxvZy1idXR0b25zJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidmV4LWRpYWxvZy1idXR0b25zXCI+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICpuZ0Zvcj1cImxldCBidG4gb2YgYnV0dG9ucztcIlxuICAgICAgICAgW2NsYXNzXT1cImJ0bi5jc3NDbGFzc1wiXG4gICAgICAgICAoY2xpY2spPVwib25DbGljayhidG4sICRldmVudClcIj57e2J0bi5jYXB0aW9ufX08L2J1dHRvbj5cbjwvZGl2PmBcbn0pXG5leHBvcnQgY2xhc3MgVkVYRGlhbG9nQnV0dG9ucyB7XG5cbiAgLyoqXG4gICAqIEEgY29sbGVjdGlvbiBvZiBidXR0b24gY29uZmlndXJhdGlvbnMsIGVhY2ggY29uZmlndXJhdGlvbiBpcyBhIGJ1dHRvbiB0byBkaXNwbGF5LlxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIGJ1dHRvbnM6IFZFWEJ1dHRvbkNvbmZpZ1tdO1xuXG4gIC8qKlxuICAgKiBFbWl0dGVkIHdoZW4gYSBidXR0b24gd2FzIGNsaWNrZWRcbiAgICovXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25CdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VkVYQnV0dG9uQ2xpY2tFdmVudD4oKTtcblxuICBvbkNsaWNrKGJ0bjogYW55LCAkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5vbkJ1dHRvbkNsaWNrLmVtaXQoe2J0biwgJGV2ZW50fSk7XG4gIH1cbn1cblxuLyoqXG4gKiBBIERpYWxvZyB3aXRoIGN1c3RvbWl6ZWQgYnV0dG9ucyB3cmFwcGVkIGluIGEgZm9ybS5cbiAqXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vZGFsLWRpYWxvZycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPGZvcm0gY2xhc3M9XCJ2ZXgtZGlhbG9nLWZvcm1cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cImNvbnRleHQuY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDx2ZXgtZGlhbG9nLWJ1dHRvbnMgW2J1dHRvbnNdPVwiY29udGV4dC5idXR0b25zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChvbkJ1dHRvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiPjwvdmV4LWRpYWxvZy1idXR0b25zPlxuPC9mb3JtPmBcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nRm9ybU1vZGFsIGltcGxlbWVudHMgTW9kYWxDb21wb25lbnQ8RGlhbG9nUHJlc2V0PiB7XG4gIHB1YmxpYyBjb250ZXh0OiBEaWFsb2dQcmVzZXQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPERpYWxvZ1ByZXNldD4pIHtcbiAgICB0aGlzLmNvbnRleHQgPSBkaWFsb2cuY29udGV4dDtcbiAgfVxuXG4gIG9uQnV0dG9uQ2xpY2soJGV2ZW50OiBWRVhCdXR0b25DbGlja0V2ZW50KSB7XG4gICAgJGV2ZW50LmJ0bi5vbkNsaWNrKHRoaXMsICRldmVudC4kZXZlbnQpO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Ryb3AtaW4tZGlhbG9nJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6XG5gPGRpdiBjbGFzcz1cInZleC1kaWFsb2ctbWVzc2FnZVwiPnt7Y29udGV4dC5tZXNzYWdlfX08L2Rpdj5cbiA8ZGl2ICpuZ0lmPVwiY29udGV4dC5zaG93SW5wdXRcIiBjbGFzcz1cInZleC1kaWFsb2ctaW5wdXRcIj5cbiAgIDxpbnB1dCAjaW5wdXRcbiAgICAgICAgICBhdXRvZm9jdXNcbiAgICAgICAgICBuYW1lPVwidmV4XCJcbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgY2xhc3M9XCJ2ZXgtZGlhbG9nLXByb21wdC1pbnB1dFwiXG4gICAgICAgICAgIChjaGFuZ2UpPVwiY29udGV4dC5kZWZhdWx0UmVzdWx0ID0gaW5wdXQudmFsdWVcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwie3tjb250ZXh0LnBsYWNlaG9sZGVyfX1cIj5cbiA8L2Rpdj5cbiA8ZGl2ICpuZ0lmPVwiY29udGV4dC5zaG93Q2xvc2VCdXR0b25cIlxuICAgICAgW2NsYXNzXT1cImNvbnRleHQuY2xvc2VDbGFzc05hbWVcIlxuICAgICAgKGNsaWNrKT1cImRpYWxvZy5kaXNtaXNzKClcIj48L2Rpdj5gXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1Ecm9wSW4gaW1wbGVtZW50cyBNb2RhbENvbXBvbmVudDxEcm9wSW5QcmVzZXQ+IHtcbiAgcHVibGljIGNvbnRleHQ6IERyb3BJblByZXNldDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBEaWFsb2dSZWY8RHJvcEluUHJlc2V0Pikge1xuICAgIHRoaXMuY29udGV4dCA9IGRpYWxvZy5jb250ZXh0O1xuICB9XG59XG4iXX0=