ngx-modialog-7
Version:
Modal / Dialog for Angular
162 lines • 10.3 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
*/
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvcm0tbW9kYWwuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbW9kaWFsb2ctNy9wbHVnaW5zL3ZleC8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2ctZm9ybS1tb2RhbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNiLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxTQUFTLEVBRVYsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQUt4QixzQ0FFQzs7Ozs7QUFLRCxxQ0FJQzs7O0lBSEMsbUNBQWlCOztJQUNqQixrQ0FBZ0I7O0lBQ2hCLGtDQUEwQjs7Ozs7QUFHNUIseUNBR0M7OztJQUZDLGtDQUFxQjs7SUFDckIscUNBQW1COzs7OztBQWdCckIsTUFBTSxPQUFPLGdCQUFnQjtJQVY3Qjs7OztRQW9CbUIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztJQU0zRSxDQUFDOzs7Ozs7SUFKQyxPQUFPLENBQUMsR0FBUSxFQUFFLE1BQWtCO1FBQ2xDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFDLEdBQUcsRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OztZQXpCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLFFBQVEsRUFBRTs7Ozs7T0FLTDthQUNOOzs7c0JBTUUsS0FBSzs0QkFLTCxNQUFNOzs7Ozs7O0lBTFAsbUNBQTJDOzs7OztJQUszQyx5Q0FBeUU7Ozs7OztBQXFCM0UsTUFBTSxPQUFPLGVBQWU7Ozs7SUFHMUIsWUFBbUIsTUFBK0I7UUFBL0IsV0FBTSxHQUFOLE1BQU0sQ0FBeUI7UUFDaEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO0lBQ2hDLENBQUM7Ozs7O0lBRUQsYUFBYSxDQUFDLE1BQTJCO1FBQ3ZDLE1BQU0sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs7O1lBbEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLFFBQVEsRUFBRTs7OztRQUlKO2FBQ1A7Ozs7WUFwRUMsU0FBUzs7OztJQXNFVCxrQ0FBNkI7O0lBRWpCLGlDQUFzQzs7QUEyQnBELE1BQU0sT0FBTyxVQUFVOzs7O0lBR3JCLFlBQW1CLE1BQStCO1FBQS9CLFdBQU0sR0FBTixNQUFNLENBQXlCO1FBQ2hELElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUNoQyxDQUFDOzs7WUF2QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQ1Y7Ozs7Ozs7Ozs7Ozt3Q0FZd0M7YUFDdkM7Ozs7WUFsR0MsU0FBUzs7OztJQW9HVCw2QkFBNkI7O0lBRWpCLDRCQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGlhbG9nUmVmLFxuICBNb2RhbENvbXBvbmVudFxufSBmcm9tICduZ3gtbW9kaWFsb2ctNyc7XG5cbmltcG9ydCB7IERpYWxvZ1ByZXNldCB9IGZyb20gJy4vcHJlc2V0cy9kaWFsb2ctcHJlc2V0JztcbmltcG9ydCB7IERyb3BJblByZXNldCB9IGZyb20gJy4vcHJlc2V0cy9kcm9waW4tcHJlc2V0JztcblxuZXhwb3J0IGludGVyZmFjZSBWRVhCdXR0b25IYW5kbGVyIHtcbiAgKGNtcDogTW9kYWxDb21wb25lbnQ8RGlhbG9nUHJlc2V0PiwgJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZDtcbn1cblxuLyoqXG4gKiBJbnRlcmZhY2UgZm9yIGJ1dHRvbiBkZWZpbml0aW9uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgVkVYQnV0dG9uQ29uZmlnIHtcbiAgY3NzQ2xhc3M6IHN0cmluZztcbiAgY2FwdGlvbjogc3RyaW5nO1xuICBvbkNsaWNrOiBWRVhCdXR0b25IYW5kbGVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFZFWEJ1dHRvbkNsaWNrRXZlbnQge1xuICBidG46IFZFWEJ1dHRvbkNvbmZpZztcbiAgJGV2ZW50OiBNb3VzZUV2ZW50O1xufVxuXG4vKipcbiAqIEEgRGlhbG9nIGlzIGFcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmV4LWRpYWxvZy1idXR0b25zJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidmV4LWRpYWxvZy1idXR0b25zXCI+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICpuZ0Zvcj1cImxldCBidG4gb2YgYnV0dG9ucztcIlxuICAgICAgICAgW2NsYXNzXT1cImJ0bi5jc3NDbGFzc1wiXG4gICAgICAgICAoY2xpY2spPVwib25DbGljayhidG4sICRldmVudClcIj57e2J0bi5jYXB0aW9ufX08L2J1dHRvbj5cbjwvZGl2PmBcbn0pXG5leHBvcnQgY2xhc3MgVkVYRGlhbG9nQnV0dG9ucyB7XG5cbiAgLyoqXG4gICAqIEEgY29sbGVjdGlvbiBvZiBidXR0b24gY29uZmlndXJhdGlvbnMsIGVhY2ggY29uZmlndXJhdGlvbiBpcyBhIGJ1dHRvbiB0byBkaXNwbGF5LlxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIGJ1dHRvbnM6IFZFWEJ1dHRvbkNvbmZpZ1tdO1xuXG4gIC8qKlxuICAgKiBFbWl0dGVkIHdoZW4gYSBidXR0b24gd2FzIGNsaWNrZWRcbiAgICovXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25CdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VkVYQnV0dG9uQ2xpY2tFdmVudD4oKTtcblxuICBvbkNsaWNrKGJ0bjogYW55LCAkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5vbkJ1dHRvbkNsaWNrLmVtaXQoe2J0biwgJGV2ZW50fSk7XG4gIH1cbn1cblxuLyoqXG4gKiBBIERpYWxvZyB3aXRoIGN1c3RvbWl6ZWQgYnV0dG9ucyB3cmFwcGVkIGluIGEgZm9ybS5cbiAqXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vZGFsLWRpYWxvZycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPGZvcm0gY2xhc3M9XCJ2ZXgtZGlhbG9nLWZvcm1cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cImNvbnRleHQuY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDx2ZXgtZGlhbG9nLWJ1dHRvbnMgW2J1dHRvbnNdPVwiY29udGV4dC5idXR0b25zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChvbkJ1dHRvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiPjwvdmV4LWRpYWxvZy1idXR0b25zPlxuPC9mb3JtPmBcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nRm9ybU1vZGFsIGltcGxlbWVudHMgTW9kYWxDb21wb25lbnQ8RGlhbG9nUHJlc2V0PiB7XG4gIHB1YmxpYyBjb250ZXh0OiBEaWFsb2dQcmVzZXQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPERpYWxvZ1ByZXNldD4pIHtcbiAgICB0aGlzLmNvbnRleHQgPSBkaWFsb2cuY29udGV4dDtcbiAgfVxuXG4gIG9uQnV0dG9uQ2xpY2soJGV2ZW50OiBWRVhCdXR0b25DbGlja0V2ZW50KSB7XG4gICAgJGV2ZW50LmJ0bi5vbkNsaWNrKHRoaXMsICRldmVudC4kZXZlbnQpO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Ryb3AtaW4tZGlhbG9nJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6XG5gPGRpdiBjbGFzcz1cInZleC1kaWFsb2ctbWVzc2FnZVwiPnt7Y29udGV4dC5tZXNzYWdlfX08L2Rpdj5cbiA8ZGl2ICpuZ0lmPVwiY29udGV4dC5zaG93SW5wdXRcIiBjbGFzcz1cInZleC1kaWFsb2ctaW5wdXRcIj5cbiAgIDxpbnB1dCAjaW5wdXRcbiAgICAgICAgICBhdXRvZm9jdXNcbiAgICAgICAgICBuYW1lPVwidmV4XCJcbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgY2xhc3M9XCJ2ZXgtZGlhbG9nLXByb21wdC1pbnB1dFwiXG4gICAgICAgICAgIChjaGFuZ2UpPVwiY29udGV4dC5kZWZhdWx0UmVzdWx0ID0gaW5wdXQudmFsdWVcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwie3tjb250ZXh0LnBsYWNlaG9sZGVyfX1cIj5cbiA8L2Rpdj5cbiA8ZGl2ICpuZ0lmPVwiY29udGV4dC5zaG93Q2xvc2VCdXR0b25cIlxuICAgICAgW2NsYXNzXT1cImNvbnRleHQuY2xvc2VDbGFzc05hbWVcIlxuICAgICAgKGNsaWNrKT1cImRpYWxvZy5kaXNtaXNzKClcIj48L2Rpdj5gXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1Ecm9wSW4gaW1wbGVtZW50cyBNb2RhbENvbXBvbmVudDxEcm9wSW5QcmVzZXQ+IHtcbiAgcHVibGljIGNvbnRleHQ6IERyb3BJblByZXNldDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBEaWFsb2dSZWY8RHJvcEluUHJlc2V0Pikge1xuICAgIHRoaXMuY29udGV4dCA9IGRpYWxvZy5jb250ZXh0O1xuICB9XG59XG4iXX0=