m-grid/bundles/m-grid.umd.js

`m-grid@latest` in you project via the terminal.

(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('ag-grid-angular/main')) :
	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@angular/common/http', 'ag-grid-angular/main'], factory) :
	(factory((global['m-grid'] = {}),global.ng.core,global.ng.common,global.ng.common.http,global.AgGridModule));
}(this, (function (exports,core,common,http,main) { 'use strict';

var MgridComponent = (function () {
    function MgridComponent() {
        this.gridOptions = {};
    }
    /**
     * @return {?}
     */
    MgridComponent.prototype.ngOnInit = function () {
        this.rowData = this.data.slice();
        this.gridOptions = Object.assign({ rowSelection: true }, this.options);
        // Check if column defs are provided
        if (this.columnDefinitions === undefined) {
            this.columnDefs = this.getColumnDefs(this.data[0]);
        }
        else {
            this.columnDefs = this.columnDefinitions.slice();
        }
    };
    /**
     * @param {?} firstRowData
     * @return {?}
     */
    MgridComponent.prototype.getColumnDefs = function (firstRowData) {
        return Object.keys(firstRowData).map(function (key) {
            return {
                headerName: key[0].toUpperCase() + key.substring(1),
                field: key,
                width: 100,
            };
        });
    };
    /**
     * @param {?} params
     * @return {?}
     */
    MgridComponent.prototype.onGridReady = function (params) {
        this.griApi = params.api;
        params.api.sizeColumnsToFit();
        params.api.refreshCells();
    };
    return MgridComponent;
}());
MgridComponent.decorators = [
    { type: core.Component, args: [{
                selector: 'app-mgrid',
                template: "\n    <ag-grid-angular\n    style=\"height: 100%\"\n    [class]=\"theme\"\n    [gridOptions]=\"gridOptions\"\n    [columnDefs]=\"columnDefs\"\n    [rowData]=\"data\"\n    enableCellChangeFlash\n    (gridReady)=\"onGridReady($event)\"\n    >\n    </ag-grid-angular>",
                styles: ["\n    @import url(C:\\Projects\\m-grid\\node_modules\\ag-grid\\dist\\styles\\ag-grid.css);\n    @import url(C:\\Projects\\m-grid\\node_modules\\ag-grid\\dist\\styles\\ag-theme-fresh.css);\n    .ag-header .ag-pivot-off .ag-theme-mprest {\n      background-color: orange;\n      border-color: #FF0000; }\n  "],
            },] },
];
/**
 * @nocollapse
 */
MgridComponent.ctorParameters = function () { return []; };
MgridComponent.propDecorators = {
    'theme': [{ type: core.Input },],
    'data': [{ type: core.Input },],
    'options': [{ type: core.Input },],
    'columnDefinitions': [{ type: core.Input },],
};
// Ag-Grid
var MgridModule = (function () {
    function MgridModule() {
    }
    return MgridModule;
}());
MgridModule.decorators = [
    { type: core.NgModule, args: [{
                imports: [
                    common.CommonModule,
                    http.HttpClientModule,
                    main.AgGridModule.withComponents([])
                ],
                declarations: [MgridComponent],
                providers: [],
                exports: [
                    MgridComponent,
                    main.AgGridModule
                ]
            },] },
];
/**
 * @nocollapse
 */
MgridModule.ctorParameters = function () { return []; };

exports.MgridModule = MgridModule;
exports.ɵa = MgridComponent;

Object.defineProperty(exports, '__esModule', { value: true });

})));
//# sourceMappingURL=m-grid.umd.js.map