ngx-modialog-11/plugins/vex/esm2015/lib/dialog-form-modal.js

Modal / Dialog for Angular

import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
import { DialogRef } from 'ngx-modialog-11';
/**
 * A Dialog is a
 */
export class VEXDialogButtons {
    constructor() {
        /**
         * Emitted when a button was clicked
         */
        this.onButtonClick = new EventEmitter();
    }
    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;"
         [class]="btn.cssClass"
         (click)="onClick(btn, $event)">{{btn.caption}}</button>
</div>`
            },] }
];
VEXDialogButtons.propDecorators = {
    buttons: [{ type: Input }],
    onButtonClick: [{ type: Output }]
};
/**
 * A Dialog with customized buttons wrapped in a form.
 *
 */
export class DialogFormModal {
    constructor(dialog) {
        this.dialog = dialog;
        this.context = dialog.context;
    }
    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 }
];
export class FormDropIn {
    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 #input
          autofocus
          name="vex"
          type="text"
          class="vex-dialog-prompt-input"
           (change)="context.defaultResult = input.value"
          placeholder="{{context.placeholder}}">
 </div>
 <div *ngIf="context.showCloseButton"
      [class]="context.closeClassName"
      (click)="dialog.dismiss()"></div>`
            },] }
];
/** @nocollapse */
FormDropIn.ctorParameters = () => [
    { type: DialogRef }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvcm0tbW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wbHVnaW5zL3ZleC9zcmMvbGliL2RpYWxvZy1mb3JtLW1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNiLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxTQUFTLEVBRVYsTUFBTSxpQkFBaUIsQ0FBQztBQXVCekI7O0dBRUc7QUFXSCxNQUFNLE9BQU8sZ0JBQWdCO0lBVjdCO1FBaUJFOztXQUVHO1FBQ2Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztJQU0zRSxDQUFDO0lBSkMsT0FBTyxDQUFDLEdBQVEsRUFBRSxNQUFrQjtRQUNsQyxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBQyxHQUFHLEVBQUUsTUFBTSxFQUFDLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQUU7Ozs7O09BS0w7YUFDTjs7O3NCQU1FLEtBQUs7NEJBS0wsTUFBTTs7QUFRVDs7O0dBR0c7QUFVSCxNQUFNLE9BQU8sZUFBZTtJQUcxQixZQUFtQixNQUErQjtRQUEvQixXQUFNLEdBQU4sTUFBTSxDQUF5QjtRQUNoRCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxNQUEyQjtRQUN2QyxNQUFNLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7OztZQWxCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQUU7Ozs7UUFJSjthQUNQOzs7O1lBcEVDLFNBQVM7O0FBbUdYLE1BQU0sT0FBTyxVQUFVO0lBR3JCLFlBQW1CLE1BQStCO1FBQS9CLFdBQU0sR0FBTixNQUFNLENBQXlCO1FBQ2hELElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUNoQyxDQUFDOzs7WUF2QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQ1Y7Ozs7Ozs7Ozs7Ozt3Q0FZd0M7YUFDdkM7Ozs7WUFsR0MsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXJcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7XHJcbiAgRGlhbG9nUmVmLFxyXG4gIE1vZGFsQ29tcG9uZW50XHJcbn0gZnJvbSAnbmd4LW1vZGlhbG9nLTExJztcclxuXHJcbmltcG9ydCB7IERpYWxvZ1ByZXNldCB9IGZyb20gJy4vcHJlc2V0cy9kaWFsb2ctcHJlc2V0JztcclxuaW1wb3J0IHsgRHJvcEluUHJlc2V0IH0gZnJvbSAnLi9wcmVzZXRzL2Ryb3Bpbi1wcmVzZXQnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBWRVhCdXR0b25IYW5kbGVyIHtcclxuICAoY21wOiBNb2RhbENvbXBvbmVudDxEaWFsb2dQcmVzZXQ+LCAkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkO1xyXG59XHJcblxyXG4vKipcclxuICogSW50ZXJmYWNlIGZvciBidXR0b24gZGVmaW5pdGlvblxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBWRVhCdXR0b25Db25maWcge1xyXG4gIGNzc0NsYXNzOiBzdHJpbmc7XHJcbiAgY2FwdGlvbjogc3RyaW5nO1xyXG4gIG9uQ2xpY2s6IFZFWEJ1dHRvbkhhbmRsZXI7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVkVYQnV0dG9uQ2xpY2tFdmVudCB7XHJcbiAgYnRuOiBWRVhCdXR0b25Db25maWc7XHJcbiAgJGV2ZW50OiBNb3VzZUV2ZW50O1xyXG59XHJcblxyXG4vKipcclxuICogQSBEaWFsb2cgaXMgYVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZXgtZGlhbG9nLWJ1dHRvbnMnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidmV4LWRpYWxvZy1idXR0b25zXCI+XHJcbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIGJ1dHRvbnM7XCJcclxuICAgICAgICAgW2NsYXNzXT1cImJ0bi5jc3NDbGFzc1wiXHJcbiAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGJ0biwgJGV2ZW50KVwiPnt7YnRuLmNhcHRpb259fTwvYnV0dG9uPlxyXG48L2Rpdj5gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWRVhEaWFsb2dCdXR0b25zIHtcclxuXHJcbiAgLyoqXHJcbiAgICogQSBjb2xsZWN0aW9uIG9mIGJ1dHRvbiBjb25maWd1cmF0aW9ucywgZWFjaCBjb25maWd1cmF0aW9uIGlzIGEgYnV0dG9uIHRvIGRpc3BsYXkuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGJ1dHRvbnM6IFZFWEJ1dHRvbkNvbmZpZ1tdO1xyXG5cclxuICAvKipcclxuICAgKiBFbWl0dGVkIHdoZW4gYSBidXR0b24gd2FzIGNsaWNrZWRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgcHVibGljIG9uQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFZFWEJ1dHRvbkNsaWNrRXZlbnQ+KCk7XHJcblxyXG4gIG9uQ2xpY2soYnRuOiBhbnksICRldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5vbkJ1dHRvbkNsaWNrLmVtaXQoe2J0biwgJGV2ZW50fSk7XHJcbiAgfVxyXG59XHJcblxyXG4vKipcclxuICogQSBEaWFsb2cgd2l0aCBjdXN0b21pemVkIGJ1dHRvbnMgd3JhcHBlZCBpbiBhIGZvcm0uXHJcbiAqXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21vZGFsLWRpYWxvZycsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICB0ZW1wbGF0ZTogYDxmb3JtIGNsYXNzPVwidmV4LWRpYWxvZy1mb3JtXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cImNvbnRleHQuY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPHZleC1kaWFsb2ctYnV0dG9ucyBbYnV0dG9uc109XCJjb250ZXh0LmJ1dHRvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAob25CdXR0b25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIj48L3ZleC1kaWFsb2ctYnV0dG9ucz5cclxuPC9mb3JtPmBcclxufSlcclxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvcm1Nb2RhbCBpbXBsZW1lbnRzIE1vZGFsQ29tcG9uZW50PERpYWxvZ1ByZXNldD4ge1xyXG4gIHB1YmxpYyBjb250ZXh0OiBEaWFsb2dQcmVzZXQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZ1JlZjxEaWFsb2dQcmVzZXQ+KSB7XHJcbiAgICB0aGlzLmNvbnRleHQgPSBkaWFsb2cuY29udGV4dDtcclxuICB9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soJGV2ZW50OiBWRVhCdXR0b25DbGlja0V2ZW50KSB7XHJcbiAgICAkZXZlbnQuYnRuLm9uQ2xpY2sodGhpcywgJGV2ZW50LiRldmVudCk7XHJcbiAgfVxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Ryb3AtaW4tZGlhbG9nJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHRlbXBsYXRlOlxyXG5gPGRpdiBjbGFzcz1cInZleC1kaWFsb2ctbWVzc2FnZVwiPnt7Y29udGV4dC5tZXNzYWdlfX08L2Rpdj5cclxuIDxkaXYgKm5nSWY9XCJjb250ZXh0LnNob3dJbnB1dFwiIGNsYXNzPVwidmV4LWRpYWxvZy1pbnB1dFwiPlxyXG4gICA8aW5wdXQgI2lucHV0XHJcbiAgICAgICAgICBhdXRvZm9jdXNcclxuICAgICAgICAgIG5hbWU9XCJ2ZXhcIlxyXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ2ZXgtZGlhbG9nLXByb21wdC1pbnB1dFwiXHJcbiAgICAgICAgICAgKGNoYW5nZSk9XCJjb250ZXh0LmRlZmF1bHRSZXN1bHQgPSBpbnB1dC52YWx1ZVwiXHJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7Y29udGV4dC5wbGFjZWhvbGRlcn19XCI+XHJcbiA8L2Rpdj5cclxuIDxkaXYgKm5nSWY9XCJjb250ZXh0LnNob3dDbG9zZUJ1dHRvblwiXHJcbiAgICAgIFtjbGFzc109XCJjb250ZXh0LmNsb3NlQ2xhc3NOYW1lXCJcclxuICAgICAgKGNsaWNrKT1cImRpYWxvZy5kaXNtaXNzKClcIj48L2Rpdj5gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtRHJvcEluIGltcGxlbWVudHMgTW9kYWxDb21wb25lbnQ8RHJvcEluUHJlc2V0PiB7XHJcbiAgcHVibGljIGNvbnRleHQ6IERyb3BJblByZXNldDtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZzogRGlhbG9nUmVmPERyb3BJblByZXNldD4pIHtcclxuICAgIHRoaXMuY29udGV4dCA9IGRpYWxvZy5jb250ZXh0O1xyXG4gIH1cclxufVxyXG4iXX0=