ngx-modialog-11/plugins/vex/esm2015/lib/vex-css-dialog-container.js

Modal / Dialog for Angular

import { Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';
import { CSSDialogContainer } from 'ngx-modialog-11';
/**
 * A component that acts as a top level container for an open modal window.
 */
export class VexCSSDialogContainer extends CSSDialogContainer {
    apply(overlay) {
        overlay.setClickBoundary(this.vexContentContainer.nativeElement);
        if (this.dialog.inElement) {
            this.setStyle('padding', '20px 0 0 0');
            if (this.dialog.context.className === 'bottom-right-corner') {
                this.setStyle('overflow-y', 'hidden');
                this.renderer.setStyle(this.vexContentContainer.nativeElement, 'position', 'absolute');
            }
        }
    }
}
VexCSSDialogContainer.decorators = [
    { type: Component, args: [{
                selector: 'css-dialog-container',
                host: {
                    'tabindex': '-1',
                    'role': 'dialog'
                },
                encapsulation: ViewEncapsulation.None,
                template: `<div #clickBoundary class="{{dialog.context.contentClassName}}"><ng-content></ng-content></div>`
            },] }
];
VexCSSDialogContainer.propDecorators = {
    vexContentContainer: [{ type: ViewChild, args: ['clickBoundary', { read: ElementRef, static: true },] }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmV4LWNzcy1kaWFsb2ctY29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGx1Z2lucy92ZXgvc3JjL2xpYi92ZXgtY3NzLWRpYWxvZy1jb250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxrQkFBa0IsRUFBZ0IsTUFBTSxpQkFBaUIsQ0FBQztBQUduRTs7R0FFRztBQVVILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxrQkFBa0I7SUFPM0QsS0FBSyxDQUFDLE9BQXFCO1FBQ3pCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFakUsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtZQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsQ0FBQztZQUd2QyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLFNBQVMsS0FBSyxxQkFBcUIsRUFBRTtnQkFDM0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLENBQUM7Z0JBQ3RDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFDO2FBQ3hGO1NBQ0Y7SUFFSCxDQUFDOzs7WUE3QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLElBQUksRUFBRTtvQkFDSixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsTUFBTSxFQUFFLFFBQVE7aUJBQ2pCO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxRQUFRLEVBQUUsaUdBQWlHO2FBQzVHOzs7a0NBS0UsU0FBUyxTQUFDLGVBQWUsRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDU1NEaWFsb2dDb250YWluZXIsIE1vZGFsT3ZlcmxheSB9IGZyb20gJ25neC1tb2RpYWxvZy0xMSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIEEgY29tcG9uZW50IHRoYXQgYWN0cyBhcyBhIHRvcCBsZXZlbCBjb250YWluZXIgZm9yIGFuIG9wZW4gbW9kYWwgd2luZG93LlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjc3MtZGlhbG9nLWNvbnRhaW5lcicsXHJcbiAgaG9zdDoge1xyXG4gICAgJ3RhYmluZGV4JzogJy0xJyxcclxuICAgICdyb2xlJzogJ2RpYWxvZydcclxuICB9LFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2ICNjbGlja0JvdW5kYXJ5IGNsYXNzPVwie3tkaWFsb2cuY29udGV4dC5jb250ZW50Q2xhc3NOYW1lfX1cIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+YFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmV4Q1NTRGlhbG9nQ29udGFpbmVyIGV4dGVuZHMgQ1NTRGlhbG9nQ29udGFpbmVyIHtcclxuICAvKipcclxuICAgKiBUaGUgZGl2IHRoYXQgd3JhcHMgdGhlIGNvbnRlbnQgb2YgdGhlIG1vZGFsLCBieSBkZWZhdWx0IHVzZSB0aGUgY2xhc3MgYHZleC1jb250ZW50YFxyXG4gICAqL1xyXG4gIEBWaWV3Q2hpbGQoJ2NsaWNrQm91bmRhcnknLCB7cmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlfSkgcHVibGljIHZleENvbnRlbnRDb250YWluZXI6IEVsZW1lbnRSZWY7XHJcblxyXG5cclxuICBhcHBseShvdmVybGF5OiBNb2RhbE92ZXJsYXkpOiB2b2lkIHtcclxuICAgIG92ZXJsYXkuc2V0Q2xpY2tCb3VuZGFyeSh0aGlzLnZleENvbnRlbnRDb250YWluZXIubmF0aXZlRWxlbWVudCk7XHJcblxyXG4gICAgaWYgKHRoaXMuZGlhbG9nLmluRWxlbWVudCkge1xyXG4gICAgICB0aGlzLnNldFN0eWxlKCdwYWRkaW5nJywgJzIwcHggMCAwIDAnKTtcclxuXHJcblxyXG4gICAgICBpZiAodGhpcy5kaWFsb2cuY29udGV4dC5jbGFzc05hbWUgPT09ICdib3R0b20tcmlnaHQtY29ybmVyJykge1xyXG4gICAgICAgIHRoaXMuc2V0U3R5bGUoJ292ZXJmbG93LXknLCAnaGlkZGVuJyk7XHJcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnZleENvbnRlbnRDb250YWluZXIubmF0aXZlRWxlbWVudCwgJ3Bvc2l0aW9uJywgJ2Fic29sdXRlJyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgfVxyXG59XHJcbiJdfQ==