@addapptables/modal/fesm5/addapptables-modal.js

Material modal library for angular

import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
import { AddapptablePerfectScrollbarModule } from '@addapptables/perfect-scrollbar';
import { MatDialog, MatDialogModule } from '@angular/material';
import { CommonModule } from '@angular/common';

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var AddapptableModalComponent = /** @class */ (function () {
    function AddapptableModalComponent() {
    }
    AddapptableModalComponent.decorators = [
        { type: Component, args: [{
                    selector: 'addapptable-modal',
                    template: "<ng-content select=\"addapptable-modal-header\"></ng-content>\n<ng-content select=\"addapptable-modal-body\"></ng-content>\n<ng-content select=\"addapptable-modal-footer\"></ng-content>",
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                    host: {
                        class: 'modal'
                    },
                    styles: [".modal{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;outline:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-body-responsive{position:relative;max-height:calc(70vh - 100px);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>button{margin-right:10px}.modal-footer>button:last-child{margin-right:0}"]
                }] }
    ];
    return AddapptableModalComponent;
}());

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var ModalHeaderDirective = /** @class */ (function () {
    function ModalHeaderDirective() {
    }
    ModalHeaderDirective.decorators = [
        { type: Directive, args: [{
                    selector: 'addapptable-modal-header, [addapptable-modal-header], [addapptableModalHeader]',
                    host: { class: 'modal-header' }
                },] }
    ];
    return ModalHeaderDirective;
}());

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var ModalFooterDirective = /** @class */ (function () {
    function ModalFooterDirective() {
    }
    ModalFooterDirective.decorators = [
        { type: Directive, args: [{
                    selector: 'addapptable-modal-footer, [addapptable-modal-footer], [addapptableModalFooter]',
                    host: { class: 'modal-footer' }
                },] }
    ];
    return ModalFooterDirective;
}());

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var ModalBodyComponent = /** @class */ (function () {
    function ModalBodyComponent() {
    }
    ModalBodyComponent.decorators = [
        { type: Component, args: [{
                    selector: 'addapptable-modal-body, [addapptable-modal-body], [addapptableModalBody]',
                    template: "<div class=\"modal-body-responsive\" addapptablesPerfectScrollbar>\n  <ng-content></ng-content>\n</div>",
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    host: {
                        class: 'modal-body'
                    },
                    encapsulation: ViewEncapsulation.None,
                    styles: [""]
                }] }
    ];
    return ModalBodyComponent;
}());

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/** @type {?} */
var ADDAPPTABLE_MODAL_CONFIG = new InjectionToken('ADDAPPTABLE_MODAL_CONFIG');

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var ModalConfig = /** @class */ (function () {
    function ModalConfig() {
    }
    return ModalConfig;
}());
if (false) {
    /** @type {?} */
    ModalConfig.prototype.width;
}

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var ModalService = /** @class */ (function () {
    function ModalService(_dialog, modalConfig) {
        this._dialog = _dialog;
        this.modalConfig = modalConfig;
    }
    /**
     * @template T
     * @param {?} component
     * @param {?=} data
     * @return {?}
     */
    ModalService.prototype.show = /**
     * @template T
     * @param {?} component
     * @param {?=} data
     * @return {?}
     */
    function (component, data) {
        return this._dialog.open(component, {
            data: data,
            width: this.modalConfig.width
        });
    };
    ModalService.decorators = [
        { type: Injectable }
    ];
    /** @nocollapse */
    ModalService.ctorParameters = function () { return [
        { type: MatDialog },
        { type: ModalConfig, decorators: [{ type: Inject, args: [ADDAPPTABLE_MODAL_CONFIG,] }] }
    ]; };
    return ModalService;
}());
if (false) {
    /**
     * @type {?}
     * @private
     */
    ModalService.prototype._dialog;
    /**
     * @type {?}
     * @private
     */
    ModalService.prototype.modalConfig;
}

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var ModalModule = /** @class */ (function () {
    function ModalModule() {
    }
    /**
     * @param {?=} config
     * @return {?}
     */
    ModalModule.forRoot = /**
     * @param {?=} config
     * @return {?}
     */
    function (config) {
        if (config === void 0) { config = { width: '800px' }; }
        return {
            ngModule: ModalModule,
            providers: [
                { provide: ADDAPPTABLE_MODAL_CONFIG, useValue: config }
            ]
        };
    };
    ModalModule.decorators = [
        { type: NgModule, args: [{
                    declarations: [
                        AddapptableModalComponent,
                        ModalHeaderDirective,
                        ModalFooterDirective,
                        ModalBodyComponent,
                    ],
                    imports: [
                        CommonModule,
                        MatDialogModule,
                        AddapptablePerfectScrollbarModule,
                    ],
                    exports: [
                        AddapptableModalComponent,
                        ModalBodyComponent,
                        ModalHeaderDirective,
                        ModalFooterDirective
                    ],
                    providers: [
                        ModalService
                    ]
                },] }
    ];
    return ModalModule;
}());

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

export { ADDAPPTABLE_MODAL_CONFIG, AddapptableModalComponent, ModalBodyComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
//# sourceMappingURL=addapptables-modal.js.map