UNPKG

@addapptables/modal

Version:
218 lines (206 loc) 9.51 kB
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@addapptables/perfect-scrollbar'), require('@angular/material'), require('@angular/common')) : typeof define === 'function' && define.amd ? define('@addapptables/modal', ['exports', '@angular/core', '@addapptables/perfect-scrollbar', '@angular/material', '@angular/common'], factory) : (global = global || self, factory((global.addapptables = global.addapptables || {}, global.addapptables.modal = {}), global.ng.core, global['addapptables-perfect-scrollbar'], global.ng.material, global.ng.common)); }(this, function (exports, core, perfectScrollbar, material, common) { 'use strict'; /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ var AddapptableModalComponent = /** @class */ (function () { function AddapptableModalComponent() { } AddapptableModalComponent.decorators = [ { type: core.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: core.ChangeDetectionStrategy.OnPush, encapsulation: core.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: core.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: core.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: core.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: core.ChangeDetectionStrategy.OnPush, host: { class: 'modal-body' }, encapsulation: core.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 core.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: core.Injectable } ]; /** @nocollapse */ ModalService.ctorParameters = function () { return [ { type: material.MatDialog }, { type: ModalConfig, decorators: [{ type: core.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: core.NgModule, args: [{ declarations: [ AddapptableModalComponent, ModalHeaderDirective, ModalFooterDirective, ModalBodyComponent, ], imports: [ common.CommonModule, material.MatDialogModule, perfectScrollbar.AddapptablePerfectScrollbarModule, ], exports: [ AddapptableModalComponent, ModalBodyComponent, ModalHeaderDirective, ModalFooterDirective ], providers: [ ModalService ] },] } ]; return ModalModule; }()); exports.ADDAPPTABLE_MODAL_CONFIG = ADDAPPTABLE_MODAL_CONFIG; exports.AddapptableModalComponent = AddapptableModalComponent; exports.ModalBodyComponent = ModalBodyComponent; exports.ModalConfig = ModalConfig; exports.ModalFooterDirective = ModalFooterDirective; exports.ModalHeaderDirective = ModalHeaderDirective; exports.ModalModule = ModalModule; exports.ModalService = ModalService; Object.defineProperty(exports, '__esModule', { value: true }); })); //# sourceMappingURL=addapptables-modal.umd.js.map