@memberjunction/ng-explorer-core 0.9.79 → 0.9.96

package/dist/lib/generic/dynamic-chart.js

@@ -1,217 +1,217 @@
-import { Component, Input } from '@angular/core';
-import { EntityFieldTSType, LogError, LogStatus, Metadata } from '@memberjunction/core';
-import { MJEventType, MJGlobal } from '@memberjunction/global';
-import { EventCodes, SharedService } from '../../shared/shared.service';
-import { ResourceData } from './base-resource-component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@progress/kendo-angular-charts";
-import * as i3 from "@memberjunction/ng-container-directives";
-function DynamicChartComponent_kendo_chart_category_axis_item_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chart-category-axis-item", 4);
-} if (rf & 2) {
-    const axis_r2 = ctx.$implicit;
-    i0.ɵɵproperty("title", axis_r2.title)("categories", axis_r2.categories);
-} }
-function DynamicChartComponent_kendo_chart_series_item_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-chart-series-item", 5);
-} if (rf & 2) {
-    const item_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("color", ctx_r1.getSeriesColor(item_r3))("type", ctx_r1.kendoSeriesType)("data", item_r3.data)("name", item_r3.name);
-} }
-export class DynamicChartComponent {
-    constructor() {
-        this._data = [];
-        this.chartTitle = 'Chart Title';
-        this.chartType = 'column';
-        this.xAxis = null;
-        this.yAxis = null;
-        this.xLabel = '';
-        this.yLabel = '';
-        this.columns = [];
-        this._axes = [];
-        this._series = [];
-        // simple default colors
-        this.colors = [
-            '#e6194b', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#911eb4', '#46f0f0', '#f032e6', '#bcf60c', '#fabebe',
-            '#008080', '#e6beff', '#9a6324', '#fffac8', '#800000', '#aaffc3', '#808000', '#ffd8b1', '#000075', '#808080',
-            '#000000', '#7cb9e8', '#c9ffe5', '#b284be', '#5d8aa8', '#00308f', '#72a0c1', '#e32636', '#c46210', '#efdecd'
-        ];
-    }
-    get data() {
-        return this._data;
-    }
-    set data(value) {
-        // reset the series and axes when the data changes
-        this._series = [];
-        this._axes = [];
-        this._data = value;
-    }
-    get SkipData() {
-        return this._skipData ? this._skipData : undefined;
-    }
-    set SkipData(d) {
-        this._skipData = d;
-        if (d) {
-            this.data = d.SQLResults.results;
-            this.columns = d.SQLResults.columns;
-            this.xAxis = d.ChartOptions.xAxis;
-            this.xLabel = d.ChartOptions.xLabel;
-            this.yLabel = d.ChartOptions.yLabel;
-            this.yAxis = d.ChartOptions.yAxis;
-            this.chartType = d.DisplayType;
-            this.chartTitle = d.ReportTitle;
-        }
-    }
-    get kendoSeriesType() {
-        return this.chartType;
-    }
-    get chartCategoryAxes() {
-        if (this._axes.length === 0) {
-            const result = [];
-            if (this.xAxis) {
-                const xArray = this.convertAxisToArray(this.xAxis);
-                for (let i = 0; i < xArray.length; i++) {
-                    const xItem = xArray[i];
-                    if (xItem !== null && xItem !== undefined && xItem.length > 0)
-                        result.push({
-                            categories: this.data.map(x => x[xItem]),
-                            title: { text: this.xLabel }
-                        });
-                }
-            }
-            this._axes = result;
-            return result;
-        }
-        else {
-            return this._axes;
-        }
-    }
-    convertAxisToArray(axis) {
-        if (Array.isArray(axis)) {
-            return axis;
-        }
-        else if (axis !== null && axis !== undefined && axis.length > 0) {
-            if (!axis.includes(',')) {
-                return [axis];
-            }
-            else
-                return axis.split(',');
-        }
-        else
-            return [];
-    }
-    get chartSeries() {
-        var _a;
-        if (this._series.length === 0) {
-            const result = [];
-            if (this.yAxis) {
-                const yArray = this.convertAxisToArray(this.yAxis);
-                for (let i = 0; i < yArray.length; i++) {
-                    const yItem = yArray[i];
-                    if (yItem !== null && yItem !== undefined && yItem.length > 0) {
-                        const colDisplayName = ((_a = this.columns.find(col => col.FieldName === yItem)) === null || _a === void 0 ? void 0 : _a.DisplayName) || yItem;
-                        result.push({ data: this.data.map(x => x[yItem]), name: colDisplayName });
-                    }
-                }
-            }
-            this._series = result;
-            return result;
-        }
-        else {
-            return this._series;
-        }
-    }
-    getSeriesColor(item) {
-        var _a;
-        try {
-            const c = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.ChartOptions.color;
-            if (c && c.length > 0) {
-                // use the configured color since it was provided
-                return c;
-            }
-            else {
-                const index = this.chartSeries.indexOf(item);
-                return this.colors[index % this.colors.length];
-            }
-        }
-        catch (ex) {
-            LogError(ex);
-            return '#000000';
-        }
-    }
-    onChartSeriesClick(e) {
-        var _a, _b;
-        try {
-            const drillDownValue = e.category; // contains the category for the clicked series item
-            const ddBaseViewField = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.DrillDownBaseViewField;
-            const ddV = (_b = this.SkipData) === null || _b === void 0 ? void 0 : _b.DrillDownView;
-            if (ddBaseViewField && ddV && ddBaseViewField.length > 0 && ddV.length > 0 && drillDownValue && drillDownValue.length > 0) {
-                // we have a valid situation to drill down where we have the configuration and we have a drill down value. 
-                const md = new Metadata();
-                const e = md.Entities.find(x => x.BaseView.trim().toLowerCase() === ddV.trim().toLowerCase());
-                if (e) {
-                    // we have a valid entity for the drill down view
-                    // now that we've validated all of this, we can navigate to the drill down view
-                    // which is simply a dynamic view for a given entity with a filter applied
-                    const rd = new ResourceData();
-                    const ef = e.Fields.find(ef => ef.Name.trim().toLowerCase() === ddBaseViewField.trim().toLowerCase());
-                    // next, fix up the drill down value to wrap with quotes if we need if we are a string or  date, and also if a string, escape any single quotes
-                    let filterVal = drillDownValue;
-                    if ((ef === null || ef === void 0 ? void 0 : ef.TSType) === EntityFieldTSType.String) {
-                        filterVal = `'${filterVal.replace(/'/g, "''")}'`;
-                    }
-                    else if ((ef === null || ef === void 0 ? void 0 : ef.TSType) === EntityFieldTSType.Date) {
-                        filterVal = `'${filterVal}'`;
-                    }
-                    rd.ResourceTypeID = SharedService.Instance.ViewResourceType.ID;
-                    rd.ResourceRecordID = 0;
-                    rd.Configuration = {
-                        Entity: e.Name,
-                        ExtraFilter: `${ddBaseViewField} = ${filterVal}`,
-                    };
-                    // now we've built up our ResourceData object, we can raise the event to navigate to the drill down view
-                    LogStatus(`drilling down to ${ddV} with filter ${ddBaseViewField} = ${drillDownValue}`);
-                    MJGlobal.Instance.RaiseEvent({
-                        component: this,
-                        event: MJEventType.ComponentEvent,
-                        eventCode: EventCodes.ViewClicked,
-                        args: rd
-                    });
-                }
-                else
-                    LogError(`Could not find entity for the specified DrillDownView: ${ddV}`);
-            }
-        }
-        catch (e) {
-            LogError(e);
-        }
-    }
-}
-DynamicChartComponent.ɵfac = function DynamicChartComponent_Factory(t) { return new (t || DynamicChartComponent)(); };
-DynamicChartComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicChartComponent, selectors: [["app-dynamic-chart"]], inputs: { data: "data", chartTitle: "chartTitle", chartType: "chartType", xAxis: "xAxis", yAxis: "yAxis", xLabel: "xLabel", yLabel: "yLabel", columns: "columns", SkipData: "SkipData" }, decls: 6, vars: 3, consts: [["mjFillContainer", "", 3, "seriesClick"], [3, "text"], [3, "title", "categories", 4, "ngFor", "ngForOf"], [3, "color", "type", "data", "name", 4, "ngFor", "ngForOf"], [3, "title", "categories"], [3, "color", "type", "data", "name"]], template: function DynamicChartComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "kendo-chart", 0);
-        i0.ɵɵlistener("seriesClick", function DynamicChartComponent_Template_kendo_chart_seriesClick_0_listener($event) { return ctx.onChartSeriesClick($event); });
-        i0.ɵɵelement(1, "kendo-chart-title", 1);
-        i0.ɵɵelementStart(2, "kendo-chart-category-axis");
-        i0.ɵɵtemplate(3, DynamicChartComponent_kendo_chart_category_axis_item_3_Template, 1, 2, "kendo-chart-category-axis-item", 2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "kendo-chart-series");
-        i0.ɵɵtemplate(5, DynamicChartComponent_kendo_chart_series_item_5_Template, 1, 4, "kendo-chart-series-item", 3);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("text", ctx.chartTitle);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.chartCategoryAxes);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.chartSeries);
-    } }, dependencies: [i1.NgForOf, i2.ChartComponent, i2.CategoryAxisComponent, i2.CategoryAxisItemComponent, i2.SeriesComponent, i2.SeriesItemComponent, i2.TitleComponent, i3.FillContainer], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicChartComponent, [{
-        type: Component,
-        args: [{
-                selector: 'app-dynamic-chart',
+import { Component, Input } from '@angular/core';
+import { EntityFieldTSType, LogError, LogStatus, Metadata } from '@memberjunction/core';
+import { MJEventType, MJGlobal } from '@memberjunction/global';
+import { EventCodes, SharedService } from '../../shared/shared.service';
+import { ResourceData } from './base-resource-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-charts";
+import * as i3 from "@memberjunction/ng-container-directives";
+function DynamicChartComponent_kendo_chart_category_axis_item_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-chart-category-axis-item", 4);
+} if (rf & 2) {
+    const axis_r2 = ctx.$implicit;
+    i0.ɵɵproperty("title", axis_r2.title)("categories", axis_r2.categories);
+} }
+function DynamicChartComponent_kendo_chart_series_item_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-chart-series-item", 5);
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("color", ctx_r1.getSeriesColor(item_r3))("type", ctx_r1.kendoSeriesType)("data", item_r3.data)("name", item_r3.name);
+} }
+export class DynamicChartComponent {
+    constructor() {
+        this._data = [];
+        this.chartTitle = 'Chart Title';
+        this.chartType = 'column';
+        this.xAxis = null;
+        this.yAxis = null;
+        this.xLabel = '';
+        this.yLabel = '';
+        this.columns = [];
+        this._axes = [];
+        this._series = [];
+        // simple default colors
+        this.colors = [
+            '#e6194b', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#911eb4', '#46f0f0', '#f032e6', '#bcf60c', '#fabebe',
+            '#008080', '#e6beff', '#9a6324', '#fffac8', '#800000', '#aaffc3', '#808000', '#ffd8b1', '#000075', '#808080',
+            '#000000', '#7cb9e8', '#c9ffe5', '#b284be', '#5d8aa8', '#00308f', '#72a0c1', '#e32636', '#c46210', '#efdecd'
+        ];
+    }
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        // reset the series and axes when the data changes
+        this._series = [];
+        this._axes = [];
+        this._data = value;
+    }
+    get SkipData() {
+        return this._skipData ? this._skipData : undefined;
+    }
+    set SkipData(d) {
+        this._skipData = d;
+        if (d) {
+            this.data = d.SQLResults.results;
+            this.columns = d.SQLResults.columns;
+            this.xAxis = d.ChartOptions.xAxis;
+            this.xLabel = d.ChartOptions.xLabel;
+            this.yLabel = d.ChartOptions.yLabel;
+            this.yAxis = d.ChartOptions.yAxis;
+            this.chartType = d.DisplayType;
+            this.chartTitle = d.ReportTitle;
+        }
+    }
+    get kendoSeriesType() {
+        return this.chartType;
+    }
+    get chartCategoryAxes() {
+        if (this._axes.length === 0) {
+            const result = [];
+            if (this.xAxis) {
+                const xArray = this.convertAxisToArray(this.xAxis);
+                for (let i = 0; i < xArray.length; i++) {
+                    const xItem = xArray[i];
+                    if (xItem !== null && xItem !== undefined && xItem.length > 0)
+                        result.push({
+                            categories: this.data.map(x => x[xItem]),
+                            title: { text: this.xLabel }
+                        });
+                }
+            }
+            this._axes = result;
+            return result;
+        }
+        else {
+            return this._axes;
+        }
+    }
+    convertAxisToArray(axis) {
+        if (Array.isArray(axis)) {
+            return axis;
+        }
+        else if (axis !== null && axis !== undefined && axis.length > 0) {
+            if (!axis.includes(',')) {
+                return [axis];
+            }
+            else
+                return axis.split(',');
+        }
+        else
+            return [];
+    }
+    get chartSeries() {
+        var _a;
+        if (this._series.length === 0) {
+            const result = [];
+            if (this.yAxis) {
+                const yArray = this.convertAxisToArray(this.yAxis);
+                for (let i = 0; i < yArray.length; i++) {
+                    const yItem = yArray[i];
+                    if (yItem !== null && yItem !== undefined && yItem.length > 0) {
+                        const colDisplayName = ((_a = this.columns.find(col => col.FieldName === yItem)) === null || _a === void 0 ? void 0 : _a.DisplayName) || yItem;
+                        result.push({ data: this.data.map(x => x[yItem]), name: colDisplayName });
+                    }
+                }
+            }
+            this._series = result;
+            return result;
+        }
+        else {
+            return this._series;
+        }
+    }
+    getSeriesColor(item) {
+        var _a;
+        try {
+            const c = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.ChartOptions.color;
+            if (c && c.length > 0) {
+                // use the configured color since it was provided
+                return c;
+            }
+            else {
+                const index = this.chartSeries.indexOf(item);
+                return this.colors[index % this.colors.length];
+            }
+        }
+        catch (ex) {
+            LogError(ex);
+            return '#000000';
+        }
+    }
+    onChartSeriesClick(e) {
+        var _a, _b;
+        try {
+            const drillDownValue = e.category; // contains the category for the clicked series item
+            const ddBaseViewField = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.DrillDownBaseViewField;
+            const ddV = (_b = this.SkipData) === null || _b === void 0 ? void 0 : _b.DrillDownView;
+            if (ddBaseViewField && ddV && ddBaseViewField.length > 0 && ddV.length > 0 && drillDownValue && drillDownValue.length > 0) {
+                // we have a valid situation to drill down where we have the configuration and we have a drill down value. 
+                const md = new Metadata();
+                const e = md.Entities.find(x => x.BaseView.trim().toLowerCase() === ddV.trim().toLowerCase());
+                if (e) {
+                    // we have a valid entity for the drill down view
+                    // now that we've validated all of this, we can navigate to the drill down view
+                    // which is simply a dynamic view for a given entity with a filter applied
+                    const rd = new ResourceData();
+                    const ef = e.Fields.find(ef => ef.Name.trim().toLowerCase() === ddBaseViewField.trim().toLowerCase());
+                    // next, fix up the drill down value to wrap with quotes if we need if we are a string or  date, and also if a string, escape any single quotes
+                    let filterVal = drillDownValue;
+                    if ((ef === null || ef === void 0 ? void 0 : ef.TSType) === EntityFieldTSType.String) {
+                        filterVal = `'${filterVal.replace(/'/g, "''")}'`;
+                    }
+                    else if ((ef === null || ef === void 0 ? void 0 : ef.TSType) === EntityFieldTSType.Date) {
+                        filterVal = `'${filterVal}'`;
+                    }
+                    rd.ResourceTypeID = SharedService.Instance.ViewResourceType.ID;
+                    rd.ResourceRecordID = 0;
+                    rd.Configuration = {
+                        Entity: e.Name,
+                        ExtraFilter: `${ddBaseViewField} = ${filterVal}`,
+                    };
+                    // now we've built up our ResourceData object, we can raise the event to navigate to the drill down view
+                    LogStatus(`drilling down to ${ddV} with filter ${ddBaseViewField} = ${drillDownValue}`);
+                    MJGlobal.Instance.RaiseEvent({
+                        component: this,
+                        event: MJEventType.ComponentEvent,
+                        eventCode: EventCodes.ViewClicked,
+                        args: rd
+                    });
+                }
+                else
+                    LogError(`Could not find entity for the specified DrillDownView: ${ddV}`);
+            }
+        }
+        catch (e) {
+            LogError(e);
+        }
+    }
+}
+DynamicChartComponent.ɵfac = function DynamicChartComponent_Factory(t) { return new (t || DynamicChartComponent)(); };
+DynamicChartComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicChartComponent, selectors: [["app-dynamic-chart"]], inputs: { data: "data", chartTitle: "chartTitle", chartType: "chartType", xAxis: "xAxis", yAxis: "yAxis", xLabel: "xLabel", yLabel: "yLabel", columns: "columns", SkipData: "SkipData" }, decls: 6, vars: 3, consts: [["mjFillContainer", "", 3, "seriesClick"], [3, "text"], [3, "title", "categories", 4, "ngFor", "ngForOf"], [3, "color", "type", "data", "name", 4, "ngFor", "ngForOf"], [3, "title", "categories"], [3, "color", "type", "data", "name"]], template: function DynamicChartComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "kendo-chart", 0);
+        i0.ɵɵlistener("seriesClick", function DynamicChartComponent_Template_kendo_chart_seriesClick_0_listener($event) { return ctx.onChartSeriesClick($event); });
+        i0.ɵɵelement(1, "kendo-chart-title", 1);
+        i0.ɵɵelementStart(2, "kendo-chart-category-axis");
+        i0.ɵɵtemplate(3, DynamicChartComponent_kendo_chart_category_axis_item_3_Template, 1, 2, "kendo-chart-category-axis-item", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "kendo-chart-series");
+        i0.ɵɵtemplate(5, DynamicChartComponent_kendo_chart_series_item_5_Template, 1, 4, "kendo-chart-series-item", 3);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("text", ctx.chartTitle);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chartCategoryAxes);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chartSeries);
+    } }, dependencies: [i1.NgForOf, i2.ChartComponent, i2.CategoryAxisComponent, i2.CategoryAxisItemComponent, i2.SeriesComponent, i2.SeriesItemComponent, i2.TitleComponent, i3.FillContainer], encapsulation: 2 });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicChartComponent, [{
+        type: Component,
+        args: [{
+                selector: 'app-dynamic-chart',
                 template: `
     <kendo-chart mjFillContainer
         (seriesClick)="onChartSeriesClick($event)"
@@ -228,24 +228,25 @@ DynamicChartComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dynam
                                      [name]="item.name"></kendo-chart-series-item>
         </kendo-chart-series>
     </kendo-chart>
-  `
-            }]
-    }], null, { data: [{
-            type: Input
-        }], chartTitle: [{
-            type: Input
-        }], chartType: [{
-            type: Input
-        }], xAxis: [{
-            type: Input
-        }], yAxis: [{
-            type: Input
-        }], xLabel: [{
-            type: Input
-        }], yLabel: [{
-            type: Input
-        }], columns: [{
-            type: Input
-        }], SkipData: [{
-            type: Input
-        }] }); })();
+  `
+            }]
+    }], null, { data: [{
+            type: Input
+        }], chartTitle: [{
+            type: Input
+        }], chartType: [{
+            type: Input
+        }], xAxis: [{
+            type: Input
+        }], yAxis: [{
+            type: Input
+        }], xLabel: [{
+            type: Input
+        }], yLabel: [{
+            type: Input
+        }], columns: [{
+            type: Input
+        }], SkipData: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DynamicChartComponent, { className: "DynamicChartComponent", filePath: "src\\lib\\generic\\dynamic-chart.ts", lineNumber: 30 }); })();

package/dist/lib/generic/dynamic-grid.d.ts

@@ -1,25 +1,25 @@
-import { AfterViewInit } from '@angular/core';
-import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
-import { DecimalPipe, DatePipe } from '@angular/common';
-import { GridDataResult, PageChangeEvent } from '@progress/kendo-angular-grid';
-import * as i0 from "@angular/core";
-export declare class DynamicGridComponent implements AfterViewInit {
-    private decimalPipe;
-    private datePipe;
-    data: any[];
-    columns: SkipColumnInfo[];
-    pageSize: number;
-    startingRow: number;
-    private _skipData;
-    get SkipData(): SkipData | undefined;
-    set SkipData(d: SkipData | undefined);
-    gridView: GridDataResult;
-    constructor(decimalPipe: DecimalPipe, datePipe: DatePipe);
-    formatData(dataType: string, data: any): any;
-    ngAfterViewInit(): void;
-    pageChange(event: PageChangeEvent): void;
-    private loadGridView;
-    cellClick(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicGridComponent, "app-dynamic-grid", never, { "data": "data"; "columns": "columns"; "pageSize": "pageSize"; "startingRow": "startingRow"; "SkipData": "SkipData"; }, {}, never, never, false, never>;
-}
+import { AfterViewInit } from '@angular/core';
+import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
+import { DecimalPipe, DatePipe } from '@angular/common';
+import { GridDataResult, PageChangeEvent } from '@progress/kendo-angular-grid';
+import * as i0 from "@angular/core";
+export declare class DynamicGridComponent implements AfterViewInit {
+    private decimalPipe;
+    private datePipe;
+    data: any[];
+    columns: SkipColumnInfo[];
+    pageSize: number;
+    startingRow: number;
+    private _skipData;
+    get SkipData(): SkipData | undefined;
+    set SkipData(d: SkipData | undefined);
+    gridView: GridDataResult;
+    constructor(decimalPipe: DecimalPipe, datePipe: DatePipe);
+    formatData(dataType: string, data: any): any;
+    ngAfterViewInit(): void;
+    pageChange(event: PageChangeEvent): void;
+    private loadGridView;
+    cellClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicGridComponent, "app-dynamic-grid", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "startingRow": { "alias": "startingRow"; "required": false; }; "SkipData": { "alias": "SkipData"; "required": false; }; }, {}, never, never, false, never>;
+}