@datarailsshared/dr_renderer 1.5.114 → 1.5.118

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.5.114",
+  "version": "1.5.118",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/src/dr_pivottable.js

@@ -3,20 +3,136 @@ const { DELIMER } = require('./dr-renderer-helpers');
 const { TooMuchDataError } = require('./errors');
 
 let initDRPivotTable = function($, window, document) {
-    var hasProp = {}.hasOwnProperty;
-    var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+    var bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
+        hasProp = {}.hasOwnProperty;
 
     var DRPivotData, processKey, SubtotalRenderer, getFormattedNumber, NovixRenderer;
     const newTableColors = ['rgb(127, 196, 255)', 'rgb(200, 243,243)', 'rgb(247, 161, 173)', 'rgb(255, 237, 178)', 'rgb(221, 239, 255)',
         'rgb(171, 216, 255)', 'rgb(174, 231, 220)', 'rgb(227, 255, 236)', 'rgb(162, 215, 227)', 'rgb(223, 239, 236)'];
 
-    // const numberOfRows = 500; // change to activate the handsontable when num of rows bigger then this.
+    /*
+    Utilities (from pivottable@2.23.0)
+     */
+    var addSeparators, aggregatorTemplates, locales, numberFormat, usFmtInt;
+    addSeparators = function(nStr, thousandsSep, decimalSep) {
+        var rgx, x, x1, x2;
+        nStr += '';
+        x = nStr.split('.');
+        x1 = x[0];
+        x2 = x.length > 1 ? decimalSep + x[1] : '';
+        rgx = /(\d+)(\d{3})/;
+        while (rgx.test(x1)) {
+            x1 = x1.replace(rgx, '$1' + thousandsSep + '$2');
+        }
+        return x1 + x2;
+    };
 
-    DRPivotData = (function(superClass) {
-        extend(DRPivotData, superClass);
+    numberFormat = function(opts) {
+        var defaults;
+        defaults = {
+            digitsAfterDecimal: 2,
+            scaler: 1,
+            thousandsSep: ",",
+            decimalSep: ".",
+            prefix: "",
+            suffix: ""
+        };
+        opts = $.extend({}, defaults, opts);
+        return function(x) {
+            var result;
+            if (isNaN(x) || !isFinite(x)) {
+                return "";
+            }
+            result = addSeparators((opts.scaler * x).toFixed(opts.digitsAfterDecimal), opts.thousandsSep, opts.decimalSep);
+            return "" + opts.prefix + result + opts.suffix;
+        };
+    };
+    usFmtInt = numberFormat({
+        digitsAfterDecimal: 0
+    });
+    aggregatorTemplates = {
+        count: function(formatter) {
+            if (formatter == null) {
+                formatter = usFmtInt;
+            }
+            return function() {
+                return function(data, rowKey, colKey) {
+                    return {
+                        count: 0,
+                        push: function() {
+                            return this.count++;
+                        },
+                        value: function() {
+                            return this.count;
+                        },
+                        format: formatter
+                    };
+                };
+            };
+        },
+    };
+    locales = {
+        en: {
+            localeStrings: {
+                selectAll: "Select All",
+                selectNone: "Select None",
+                tooMany: "(too many to list)",
+                filterResults: "Filter values",
+                apply: "Apply",
+                cancel: "Cancel",
+                totals: "Totals",
+                vs: "vs",
+                by: "by"
+            }
+        }
+    };
+
+    DRPivotData = (function() {
 
         function DRPivotData(input, opts) {
-            DRPivotData.__super__.constructor.call(this, input, opts);
+            if (opts == null) {
+                opts = {};
+            }
+            this.getAggregator = bind(this.getAggregator, this);
+            this.getRowKeys = bind(this.getRowKeys, this);
+            this.getColKeys = bind(this.getColKeys, this);
+            this.getRowKeysByCols = bind(this.getRowKeysByCols, this);
+            this.input = input;
+            this.aggregator = opts.aggregator != null ? opts.aggregator : aggregatorTemplates.count()();
+            this.aggregatorName = opts.aggregatorName != null ? opts.aggregatorName : "Count";
+            this.colAttrs = opts.cols != null ? opts.cols : [];
+            this.rowAttrs = opts.rows != null ? opts.rows : [];
+            this.derivedAttributes = opts.derivedAttributes != null ? opts.derivedAttributes : {};
+            this.filter = opts.filter != null ? opts.filter : (function() {
+                return true;
+            });
+            this.isSmartQueriesEnabled = _.some(input, item => item.Scenario === DR_SCENARIO.SQ_Actuals);
+
+            this.tree = {};
+
+            // some chart types don't have row/col keys (for example, KPI_WIDGET)
+            this.rowKeys = opts.keysObject ? opts.keysObject.row_keys : [];
+            this.colKeys = opts.keysObject ? opts.keysObject.col_keys : [];
+            this.rowKeysByCols = opts.keysObject ? opts.keysObject.row_keys_by_cols : [];
+
+            this.rowTotals = {};
+            this.colTotals = {};
+            this.allTotal = this.aggregator(this, [], []);
+            this.dateValuesDictionary = opts.dateValuesDictionary;
+            this.colFormats = opts.colFormats || [];
+            this.rowFormats = opts.rowFormats || [];
+            this.isFormattingAxisLabels = opts.rendererOptions && opts.rendererOptions.isFormattingAxisLabels;
+            this.getFormattedColKeys = (keys) => opts.getFormattedColKeys(this, keys);
+            this.getFormattedRowKeys = (keys) => opts.getFormattedRowKeys(this, keys);
+            this.isDrillDownDisabled = opts.isDrillDownDisabled;
+
+            this.forEachRecord(this.input, this.derivedAttributes, (function(_this) {
+                return function(record) {
+                    if (_this.filter(record)) {
+                        return _this.processRecord(record, _this.isSmartQueriesEnabled);
+                    }
+                };
+            })(this));
         }
 
         DRPivotData.prototype.forEachRecord = function(input, derivedAttributes, f) {
@@ -193,11 +309,28 @@ let initDRPivotTable = function($, window, document) {
             };
         };
 
+        DRPivotData.prototype.getColKeys = function() {
+            return this.colKeys;
+        };
+
+        DRPivotData.prototype.getRowKeys = function() {
+            return this.rowKeys;
+        };
+
+        DRPivotData.prototype.getRowKeysByCols = function() {
+            return this.rowKeysByCols;
+        };
+
         return DRPivotData;
 
-    })($.pivotUtilities.PivotData);
+    })();
 
-    $.pivotUtilities.DRPivotData = DRPivotData;
+    $.pivotUtilities = {
+        aggregatorTemplates: aggregatorTemplates,
+        locales: locales,
+        numberFormat: numberFormat,
+        DRPivotData: DRPivotData
+    };
 
     getFormattedNumber = function(val, aggregator, opts, format_argument) {
         if (!aggregator) {

package/src/highcharts_renderer.js

@@ -3265,7 +3265,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.ptRenderStackedPercentColumn = function (pivotData, opts, _drilldownFunc, chartType) {
         var chartOptions = {};
         var rowAttrs = pivotData.rowAttrs;
-        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart('column-chart-stacked-percent');
+        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart(optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT);
 
         chartOptions.chart = {
             type: 'column',
@@ -3331,6 +3331,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
         };
         chartOptions = highchartsRenderer.prepareAxisX(chartOptions, additionOptions, pivotData.getColKeys());
+        if (lodash.get(opts, 'paletteOptions.widgetPalette', null)) {
+            const mc_palette = lodash.find(lodash.get(opts.paletteOptions, 'monochromePalettes', []), { selected: true });
+            chartOptions.colors = mc_palette ? mc_palette.colors : opts.paletteOptions.widgetPalette;
+        } else if (lodash.get(opts, 'paletteOptions.dashboardPalette.colors', null)) {
+            chartOptions.colors = opts.paletteOptions.dashboardPalette.colors;
+        }
 
         chartOptions.series = highchartsRenderer.ptCreateColumnSeries(pivotData, chartOptions.colors, null, true, true, additionOptions, opts, chartOptions, chartType);
 
@@ -3563,7 +3569,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.ptRenderStackedPercentBar = function (pivotData, opts) {
         var chartOptions = {};
         var rowAttrs = pivotData.rowAttrs;
-        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart('bar-chart-stacked-percent');
+        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart(optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT);
 
         const labelStyle = lodash.merge(
             LABEL_DEFAULT_OPTIONS.style,
@@ -3634,6 +3640,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             },
         };
         chartOptions = highchartsRenderer.prepareAxisX(chartOptions, additionOptions, pivotData.getColKeys());
+        if (lodash.get(opts, 'paletteOptions.widgetPalette', null)) {
+            const mc_palette = lodash.find(lodash.get(opts.paletteOptions, 'monochromePalettes', []), { selected: true });
+            chartOptions.colors = mc_palette ? mc_palette.colors : opts.paletteOptions.widgetPalette;
+        } else if (lodash.get(opts, 'paletteOptions.dashboardPalette.colors', null)) {
+            chartOptions.colors = opts.paletteOptions.dashboardPalette.colors;
+        }
         chartOptions.series = highchartsRenderer.ptCreateBasicLineSeries(pivotData, null, null, null, additionOptions, opts, chartOptions);
 
         // Sanitize series data for 100% stacking (convert negative values to 0)
@@ -6315,7 +6327,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more  fields to create the Polygons edges.',
             legendTooltipTitle: 'Adding a field in this section will display data points in your chart for each item in that field.',
         },
-        'column-chart': {
+        [optionsBuilders.CHART_TYPES.COLUMN_CHART]: {
             name: 'Column chart',
             label: 'Column',
             title: 'Compare two or more data series in different categories.',
@@ -6327,9 +6339,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipDescription: 'To create a drill-down within this category, drag another field below the first field.',
             legendTooltipTitle: 'Each field in the data series will appear as a separate column in the chart.',
         },
-        'column-chart-stacked': {
+        [optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED]: {
             name: 'Stacked column chart',
-            label: 'Stacked Column',
+            label: 'Stacked column',
             title: 'Useful for explaining part-to-whole comparisons over time, or across categories.',
             description: 'For example, comparison over time of expenses divided into subcategories. The chart describes both total expenses over time and the relation between the different sub-categories.',
             axisName: 'X - Axis',
@@ -6338,18 +6350,18 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more fields here to create your x-axis. Each item within the field will appear as a different column.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the column.',
         },
-        'column-chart-stacked-percent': {
+        [optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT]: {
             name: '100% Stacked column chart',
-            label: '100% Stacked Column',
-            title: 'Shows the percentage contribution of each segment within a category.',
-            description: 'Each bar represents 100%, with segments showing their percentage share. Ideal for comparing proportions across categories.',
+            label: '100% Stacked column',
+            title: 'Explains the percentage contribution of each value to a total across categories',
+            description: 'For example, showing each department’s share of total expenses per month.',
             axisName: 'X - Axis',
             legendName: 'Data series',
             startedMessage: 'To get started, drag one field to the x-axis section, and one field to the value section. Best practice: we recommend adding one field to the data series section too.',
             axisTooltipTitle: 'Drag one or more fields here to create your x-axis. Each item within the field will appear as a different column.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the column.',
         },
-        'bar-chart': {
+        [optionsBuilders.CHART_TYPES.BAR_CHART]: {
             name: 'Bar chart',
             label: 'Bar',
             title: 'Compare one or more data series across a given category.',
@@ -6360,9 +6372,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more fields here to create your y-axis.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the bar.',
         },
-        'bar-chart-stacked': {
+        [optionsBuilders.CHART_TYPES.BAR_CHART_STACKED]: {
             name: 'Stacked bar chart',
-            label: 'Stacked Bar',
+            label: 'Stacked bar',
             title: 'Good for explaining part-to-whole comparisons across a given category.',
             description: 'For example, compare between sales-rep contributions to the total Revenue in different regions.',
             axisName: 'Y - Axis',
@@ -6371,11 +6383,11 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more fields here to create your y-axis.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the bar.',
         },
-        'bar-chart-stacked-percent': {
+        [optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT]: {
             name: '100% Stacked bar chart',
-            label: '100% Stacked Bar',
-            title: 'Shows the percentage contribution of each segment within a category.',
-            description: 'Each bar represents 100%, with segments showing their percentage share. Ideal for comparing proportions across categories.',
+            label: '100% Stacked bar',
+            title: 'Explains the percentage contribution of each value to a total across categories',
+            description: 'For example, showing each department’s share of total expenses per month.',
             axisName: 'Y - Axis',
             legendName: 'Data series',
             startedMessage: 'To get started, drag one field to the y-axis section, and one field to the value section. Best practice: add one field to the Categories section too.',
@@ -6733,9 +6745,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         ]
                     },
                     {
-                        type: 'column-chart-stacked-percent',
-                        hidden: true,
-                        name: highchartsRenderer.chartsTypesInfo['column-chart-stacked-percent'].name,
+                        type: optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT,
+                        hidden: !environment.enableStackedPercentCharts,
+                        name: highchartsRenderer.chartsTypesInfo[optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT].name,
                         class: 'google-visualization-charteditor-thumbs-columnchart-stacked-percent',
                         render: highchartsRenderer.ptRenderStackedPercentColumn,
                         suboptions: [
@@ -6801,9 +6813,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         ]
                     },
                     {
-                        type: 'bar-chart-stacked-percent',
-                        hidden: true,
-                        name: highchartsRenderer.chartsTypesInfo['bar-chart-stacked-percent'].name,
+                        type: optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT,
+                        hidden: !environment.enableStackedPercentCharts,
+                        name: highchartsRenderer.chartsTypesInfo[optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT].name,
                         class: 'google-visualization-charteditor-thumbs-barchart-stacked-percent',
                         render: highchartsRenderer.ptRenderStackedPercentBar,
                         suboptions: [

package/src/index.d.ts

@@ -38,6 +38,7 @@ declare namespace DrRenderFactory {
         disable_animation?: boolean;
         fiscal_year_starts_from?: number;
         fiscal_year_back?: boolean;
+        enableStackedPercentCharts?: boolean;
     }
 
     interface Factory {

package/src/index.js

@@ -1,6 +1,5 @@
 const getPublishedItemsRenderer = require('./published_items_renderer');
 const getHighchartsRenderer = require('./highcharts_renderer');
-const initPivotTable = require('./pivottable');
 const initDRPivotTable = require('./dr_pivottable');
 const initNovixRenderer = require('./novix_renderer');
 const DataFormatter = require('./dataformatter');
@@ -12,7 +11,6 @@ let dr_render_factory = {};
 
 dr_render_factory.init = function($, window, document, Handsontable){
     window.DataFormatter = DataFormatter;
-    initPivotTable($, window, document);
     initDRPivotTable($, window, document);
     if(Handsontable){
         initNovixRenderer($, window, document, Handsontable);

package/tests/highcharts_renderer.test.js

@@ -6,7 +6,6 @@ import addInTables from './mock/add-in-tables.json';
 import addInFunctions from './mock/add-in-functions.json';
 import addInDynamicRanges from './mock/add-in-dynamic-ranges.json';
 import widgets from './mock/widgets.json';
-import initPivotTable from "../src/pivottable";
 import initDRPivotTable from "../src/dr_pivottable";
 import valueFormatter from "../src/value.formatter";
 import { DrGaugeChart, GAUGE_OPTIONS_DEFAULT } from "../src/charts/dr_gauge_chart";
@@ -90,7 +89,6 @@ describe('highcharts_renderer', () => {
             chart: () => {},
         };
         _window.DataFormatter = DataFormatter;
-        initPivotTable($, _window, _document);
         initDRPivotTable($, _window, _document);
 
         highchartsRenderer = getHighchartsRenderer($, _document, Highcharts, lodash.cloneDeep(DEFAULT_USER_COLORS), highchartsRenderer,

package/tests/ptCreateDrillDownSeriesToDrilldownChart.test.js

@@ -1,7 +1,6 @@
 import * as JQuery from "jquery";
 import * as lodash from 'lodash';
 import moment from 'moment/min/moment.min';
-import initPivotTable from "../src/pivottable";
 import initDRPivotTable from "../src/dr_pivottable";
 
 const getHighchartsRenderer = require('../src/highcharts_renderer');
@@ -69,7 +68,6 @@ describe('ptCreateDrillDownSeriesToDrilldownChart', () => {
             DataFormatter: DataFormatter
         };
         
-        initPivotTable(JQuery, _window, _document);
         initDRPivotTable(JQuery, _window, _document);
         
         const DEFAULT_USER_COLORS = ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'];

package/src/pivottable.js

@@ -1,715 +0,0 @@
-const _ = require('lodash');
-const helpers = require('./dr-renderer-helpers');
-const { DR_SCENARIO } = require('./smart_queries_helper');
-const { GenericRenderingError, GenericComputationalError} = require('./errors');
-
-// from pivottable@2.23.0
-let initPivotTable = function($, window, document) {
-    var bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
-        hasProp = {}.hasOwnProperty;
-    /*
-    Utilities
-     */
-    var PivotData, addSeparators, aggregatorTemplates, locales, numberFormat, pivotTableRenderer, usFmtInt;
-    addSeparators = function(nStr, thousandsSep, decimalSep) {
-        var rgx, x, x1, x2;
-        nStr += '';
-        x = nStr.split('.');
-        x1 = x[0];
-        x2 = x.length > 1 ? decimalSep + x[1] : '';
-        rgx = /(\d+)(\d{3})/;
-        while (rgx.test(x1)) {
-            x1 = x1.replace(rgx, '$1' + thousandsSep + '$2');
-        }
-        return x1 + x2;
-    };
-
-    numberFormat = function(opts) {
-        var defaults;
-        defaults = {
-            digitsAfterDecimal: 2,
-            scaler: 1,
-            thousandsSep: ",",
-            decimalSep: ".",
-            prefix: "",
-            suffix: ""
-        };
-        opts = $.extend({}, defaults, opts);
-        return function(x) {
-            var result;
-            if (isNaN(x) || !isFinite(x)) {
-                return "";
-            }
-            result = addSeparators((opts.scaler * x).toFixed(opts.digitsAfterDecimal), opts.thousandsSep, opts.decimalSep);
-            return "" + opts.prefix + result + opts.suffix;
-        };
-    };
-    usFmtInt = numberFormat({
-        digitsAfterDecimal: 0
-    });
-    aggregatorTemplates = {
-        count: function(formatter) {
-            if (formatter == null) {
-                formatter = usFmtInt;
-            }
-            return function() {
-                return function(data, rowKey, colKey) {
-                    return {
-                        count: 0,
-                        push: function() {
-                            return this.count++;
-                        },
-                        value: function() {
-                            return this.count;
-                        },
-                        format: formatter
-                    };
-                };
-            };
-        },
-    };
-    locales = {
-        en: {
-            localeStrings: {
-                selectAll: "Select All",
-                selectNone: "Select None",
-                tooMany: "(too many to list)",
-                filterResults: "Filter values",
-                apply: "Apply",
-                cancel: "Cancel",
-                totals: "Totals",
-                vs: "vs",
-                by: "by"
-            }
-        }
-    };
-
-    /*
-    Data Model class
-     */
-    PivotData = (function() {
-        function PivotData(input, opts) {
-            var ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9;
-            if (opts == null) {
-                opts = {};
-            }
-            this.getAggregator = bind(this.getAggregator, this);
-            this.getRowKeys = bind(this.getRowKeys, this);
-            this.getColKeys = bind(this.getColKeys, this);
-            this.getRowKeysByCols = bind(this.getRowKeysByCols, this);
-            this.input = input;
-            this.aggregator = (ref = opts.aggregator) != null ? ref : aggregatorTemplates.count()();
-            this.aggregatorName = (ref1 = opts.aggregatorName) != null ? ref1 : "Count";
-            this.colAttrs = (ref2 = opts.cols) != null ? ref2 : [];
-            this.rowAttrs = (ref3 = opts.rows) != null ? ref3 : [];
-            this.derivedAttributes = (ref8 = opts.derivedAttributes) != null ? ref8 : {};
-            this.filter = (ref9 = opts.filter) != null ? ref9 : (function() {
-                return true;
-            });
-            this.isSmartQueriesEnabled = _.some(input, item => item.Scenario === DR_SCENARIO.SQ_Actuals);
-
-            this.tree = {};
-
-            // some chart types don't have row/col keys (for example, KPI_WIDGET)
-            this.rowKeys = opts.keysObject ? opts.keysObject.row_keys : [];
-            this.colKeys = opts.keysObject ? opts.keysObject.col_keys : [];
-            this.rowKeysByCols = opts.keysObject ? opts.keysObject.row_keys_by_cols : [];
-
-            this.rowTotals = {};
-            this.colTotals = {};
-            this.allTotal = this.aggregator(this, [], []);
-            this.dateValuesDictionary = opts.dateValuesDictionary;
-            this.colFormats = opts.colFormats || [];
-            this.rowFormats = opts.rowFormats || [];
-            this.isFormattingAxisLabels = opts.rendererOptions && opts.rendererOptions.isFormattingAxisLabels;
-            this.getFormattedColKeys = (keys) => opts.getFormattedColKeys(this, keys);
-            this.getFormattedRowKeys = (keys) => opts.getFormattedRowKeys(this, keys);
-            this.isDrillDownDisabled = opts.isDrillDownDisabled;
-
-            PivotData.forEachRecord(this.input, this.derivedAttributes, (function(_this) {
-                return function(record) {
-                    if (_this.filter(record)) {
-                        return _this.processRecord(record, _this.isSmartQueriesEnabled);
-                    }
-                };
-            })(this));
-        }
-
-        PivotData.forEachRecord = function(input, derivedAttributes, f) {
-            var addRecord, compactRecord, i, j, k, l, len1, record, ref, results, results1, tblCols;
-            if ($.isEmptyObject(derivedAttributes)) {
-                addRecord = f;
-            } else {
-                addRecord = function(record) {
-                    var k, ref, v;
-                    for (k in derivedAttributes) {
-                        v = derivedAttributes[k];
-                        record[k] = (ref = v(record)) != null ? ref : record[k];
-                    }
-                    return f(record);
-                };
-            }
-            if ($.isFunction(input)) {
-                return input(addRecord);
-            } else if ($.isArray(input)) {
-                if ($.isArray(input[0])) {
-                    results = [];
-                    for (i in input) {
-                        if (!hasProp.call(input, i)) continue;
-                        compactRecord = input[i];
-                        if (!(i > 0)) {
-                            continue;
-                        }
-                        record = {};
-                        ref = input[0];
-                        for (j in ref) {
-                            if (!hasProp.call(ref, j)) continue;
-                            k = ref[j];
-                            record[k] = compactRecord[j];
-                        }
-                        results.push(addRecord(record));
-                    }
-                    return results;
-                } else {
-                    results1 = [];
-                    for (l = 0, len1 = input.length; l < len1; l++) {
-                        record = input[l];
-                        results1.push(addRecord(record));
-                    }
-                    return results1;
-                }
-            } else if (input instanceof $) {
-                tblCols = [];
-                $("thead > tr > th", input).each(function(i) {
-                    return tblCols.push($(this).text());
-                });
-                return $("tbody > tr", input).each(function(i) {
-                    record = {};
-                    $("td", this).each(function(j) {
-                        return record[tblCols[j]] = $(this).text();
-                    });
-                    return addRecord(record);
-                });
-            } else {
-                throw new Error("unknown input format");
-            }
-        };
-
-        PivotData.prototype.getColKeys = function() {
-            return this.colKeys;
-        };
-
-        PivotData.prototype.getRowKeys = function() {
-            return this.rowKeys;
-        };
-
-        PivotData.prototype.getRowKeysByCols = function() {
-            return this.rowKeysByCols;
-        };
-
-        PivotData.prototype.processRecord = function(record) {
-            var colKey, flatColKey, flatRowKey, l, len1, len2, n, ref, ref1, ref2, ref3, rowKey, x;
-            colKey = [];
-            rowKey = [];
-            ref = this.colAttrs;
-            for (l = 0, len1 = ref.length; l < len1; l++) {
-                x = ref[l];
-                colKey.push((ref1 = record[x]) != null ? ref1 : "null");
-            }
-            ref2 = this.rowAttrs;
-            for (n = 0, len2 = ref2.length; n < len2; n++) {
-                x = ref2[n];
-                rowKey.push((ref3 = record[x]) != null ? ref3 : "null");
-            }
-            flatRowKey = rowKey.join(String.fromCharCode(0));
-            flatColKey = colKey.join(String.fromCharCode(0));
-            this.allTotal.push(record);
-            if (rowKey.length !== 0) {
-                if (!this.rowTotals[flatRowKey]) {
-                    this.rowKeys.push(rowKey);
-                    this.rowTotals[flatRowKey] = this.aggregator(this, rowKey, []);
-                }
-                this.rowTotals[flatRowKey].push(record);
-            }
-            if (colKey.length !== 0) {
-                if (!this.colTotals[flatColKey]) {
-                    this.colKeys.push(colKey);
-                    this.colTotals[flatColKey] = this.aggregator(this, [], colKey);
-                }
-                this.colTotals[flatColKey].push(record);
-            }
-            if (colKey.length !== 0 && rowKey.length !== 0) {
-                if (!this.tree[flatRowKey]) {
-                    this.tree[flatRowKey] = {};
-                }
-                if (!this.tree[flatRowKey][flatColKey]) {
-                    this.tree[flatRowKey][flatColKey] = this.aggregator(this, rowKey, colKey);
-                }
-                return this.tree[flatRowKey][flatColKey].push(record);
-            }
-        };
-
-        PivotData.prototype.getAggregator = function(rowKey, colKey) {
-            var agg, flatColKey, flatRowKey;
-            flatRowKey = rowKey.join(String.fromCharCode(0));
-            flatColKey = colKey.join(String.fromCharCode(0));
-            if (rowKey.length === 0 && colKey.length === 0) {
-                agg = this.allTotal;
-            } else if (rowKey.length === 0) {
-                agg = this.colTotals[flatColKey];
-            } else if (colKey.length === 0) {
-                agg = this.rowTotals[flatRowKey];
-            } else {
-                agg = this.tree[flatRowKey][flatColKey];
-            }
-            return agg != null ? agg : {
-                value: (function() {
-                    return null;
-                }),
-                format: function() {
-                    return "";
-                }
-            };
-        };
-
-        return PivotData;
-
-    })();
-
-    $.pivotUtilities = {
-        aggregatorTemplates: aggregatorTemplates,
-        locales: locales,
-        numberFormat: numberFormat,
-        PivotData: PivotData,
-    };
-    if (window.$) {
-        window.$.pivotUtilities = $.pivotUtilities
-    }
-
-    /*
-    Default Renderer for hierarchical table layout
-     */
-    pivotTableRenderer = function(pivotData, opts) {
-        var aggregator, c, colAttrs, colKey, colKeys, defaults, getClickHandler, i, j, r, result, rowAttrs, rowKey, rowKeys, spanSize, tbody, td, th, thead, totalAggregator, tr, txt, val, x;
-        defaults = {
-            table: {
-                clickCallback: null,
-                rowTotals: true,
-                colTotals: true
-            },
-            localeStrings: {
-                totals: "Totals"
-            }
-        };
-        opts = $.extend(true, {}, defaults, opts);
-        colAttrs = pivotData.colAttrs;
-        rowAttrs = pivotData.rowAttrs;
-        rowKeys = pivotData.getRowKeys();
-        colKeys = pivotData.getColKeys();
-        if (opts.table.clickCallback) {
-            getClickHandler = function(value, rowValues, colValues) {
-                var attr, filters, i;
-                filters = {};
-                for (i in colAttrs) {
-                    if (!hasProp.call(colAttrs, i)) continue;
-                    attr = colAttrs[i];
-                    if (colValues[i] != null) {
-                        filters[attr] = colValues[i];
-                    }
-                }
-                for (i in rowAttrs) {
-                    if (!hasProp.call(rowAttrs, i)) continue;
-                    attr = rowAttrs[i];
-                    if (rowValues[i] != null) {
-                        filters[attr] = rowValues[i];
-                    }
-                }
-                return function(e) {
-                    return opts.table.clickCallback(e, value, filters, pivotData);
-                };
-            };
-        }
-        result = document.createElement("table");
-        result.className = "pvtTable";
-        spanSize = function(arr, i, j) {
-            var l, len, n, noDraw, ref, ref1, stop, x;
-            if (i !== 0) {
-                noDraw = true;
-                for (x = l = 0, ref = j; 0 <= ref ? l <= ref : l >= ref; x = 0 <= ref ? ++l : --l) {
-                    if (arr[i - 1][x] !== arr[i][x]) {
-                        noDraw = false;
-                    }
-                }
-                if (noDraw) {
-                    return -1;
-                }
-            }
-            len = 0;
-            while (i + len < arr.length) {
-                stop = false;
-                for (x = n = 0, ref1 = j; 0 <= ref1 ? n <= ref1 : n >= ref1; x = 0 <= ref1 ? ++n : --n) {
-                    if (arr[i][x] !== arr[i + len][x]) {
-                        stop = true;
-                    }
-                }
-                if (stop) {
-                    break;
-                }
-                len++;
-            }
-            return len;
-        };
-        thead = document.createElement("thead");
-        for (j in colAttrs) {
-            if (!hasProp.call(colAttrs, j)) continue;
-            c = colAttrs[j];
-            tr = document.createElement("tr");
-            if (parseInt(j) === 0 && rowAttrs.length !== 0) {
-                th = document.createElement("th");
-                th.setAttribute("colspan", rowAttrs.length);
-                th.setAttribute("rowspan", colAttrs.length);
-                tr.appendChild(th);
-            }
-            th = document.createElement("th");
-            th.className = "pvtAxisLabel";
-            th.textContent = c;
-            tr.appendChild(th);
-            for (i in colKeys) {
-                if (!hasProp.call(colKeys, i)) continue;
-                colKey = colKeys[i];
-                x = spanSize(colKeys, parseInt(i), parseInt(j));
-                if (x !== -1) {
-                    th = document.createElement("th");
-                    th.className = "pvtColLabel";
-                    th.textContent = colKey[j];
-                    th.setAttribute("colspan", x);
-                    if (parseInt(j) === colAttrs.length - 1 && rowAttrs.length !== 0) {
-                        th.setAttribute("rowspan", 2);
-                    }
-                    tr.appendChild(th);
-                }
-            }
-            if (parseInt(j) === 0 && opts.table.rowTotals) {
-                th = document.createElement("th");
-                th.className = "pvtTotalLabel pvtRowTotalLabel";
-                th.innerHTML = opts.localeStrings.totals;
-                th.setAttribute("rowspan", colAttrs.length + (rowAttrs.length === 0 ? 0 : 1));
-                tr.appendChild(th);
-            }
-            thead.appendChild(tr);
-        }
-        if (rowAttrs.length !== 0) {
-            tr = document.createElement("tr");
-            for (i in rowAttrs) {
-                if (!hasProp.call(rowAttrs, i)) continue;
-                r = rowAttrs[i];
-                th = document.createElement("th");
-                th.className = "pvtAxisLabel";
-                th.textContent = r;
-                tr.appendChild(th);
-            }
-            th = document.createElement("th");
-            if (colAttrs.length === 0) {
-                th.className = "pvtTotalLabel pvtRowTotalLabel";
-                th.innerHTML = opts.localeStrings.totals;
-            }
-            tr.appendChild(th);
-            thead.appendChild(tr);
-        }
-        result.appendChild(thead);
-        tbody = document.createElement("tbody");
-        for (i in rowKeys) {
-            if (!hasProp.call(rowKeys, i)) continue;
-            rowKey = rowKeys[i];
-            tr = document.createElement("tr");
-            for (j in rowKey) {
-                if (!hasProp.call(rowKey, j)) continue;
-                txt = rowKey[j];
-                x = spanSize(rowKeys, parseInt(i), parseInt(j));
-                if (x !== -1) {
-                    th = document.createElement("th");
-                    th.className = "pvtRowLabel";
-                    th.textContent = txt;
-                    th.setAttribute("rowspan", x);
-                    if (parseInt(j) === rowAttrs.length - 1 && colAttrs.length !== 0) {
-                        th.setAttribute("colspan", 2);
-                    }
-                    tr.appendChild(th);
-                }
-            }
-            for (j in colKeys) {
-                if (!hasProp.call(colKeys, j)) continue;
-                colKey = colKeys[j];
-                aggregator = pivotData.getAggregator(rowKey, colKey);
-                val = aggregator.value();
-                td = document.createElement("td");
-                td.className = "pvtVal row" + i + " col" + j;
-                td.textContent = aggregator.format(val);
-                td.setAttribute("data-value", val);
-                if (getClickHandler != null) {
-                    td.onclick = getClickHandler(val, rowKey, colKey);
-                }
-                tr.appendChild(td);
-            }
-            if (opts.table.rowTotals || colAttrs.length === 0) {
-                totalAggregator = pivotData.getAggregator(rowKey, []);
-                val = totalAggregator.value();
-                td = document.createElement("td");
-                td.className = "pvtTotal rowTotal";
-                td.textContent = totalAggregator.format(val);
-                td.setAttribute("data-value", val);
-                if (getClickHandler != null) {
-                    td.onclick = getClickHandler(val, rowKey, []);
-                }
-                td.setAttribute("data-for", "row" + i);
-                tr.appendChild(td);
-            }
-            tbody.appendChild(tr);
-        }
-        if (opts.table.colTotals || rowAttrs.length === 0) {
-            tr = document.createElement("tr");
-            if (opts.table.colTotals || rowAttrs.length === 0) {
-                th = document.createElement("th");
-                th.className = "pvtTotalLabel pvtColTotalLabel";
-                th.innerHTML = opts.localeStrings.totals;
-                th.setAttribute("colspan", rowAttrs.length + (colAttrs.length === 0 ? 0 : 1));
-                tr.appendChild(th);
-            }
-            for (j in colKeys) {
-                if (!hasProp.call(colKeys, j)) continue;
-                colKey = colKeys[j];
-                totalAggregator = pivotData.getAggregator([], colKey);
-                val = totalAggregator.value();
-                td = document.createElement("td");
-                td.className = "pvtTotal colTotal";
-                td.textContent = totalAggregator.format(val);
-                td.setAttribute("data-value", val);
-                if (getClickHandler != null) {
-                    td.onclick = getClickHandler(val, [], colKey);
-                }
-                td.setAttribute("data-for", "col" + j);
-                tr.appendChild(td);
-            }
-            if (opts.table.rowTotals || colAttrs.length === 0) {
-                totalAggregator = pivotData.getAggregator([], []);
-                val = totalAggregator.value();
-                td = document.createElement("td");
-                td.className = "pvtGrandTotal";
-                td.textContent = totalAggregator.format(val);
-                td.setAttribute("data-value", val);
-                if (getClickHandler != null) {
-                    td.onclick = getClickHandler(val, [], []);
-                }
-                tr.appendChild(td);
-            }
-            tbody.appendChild(tr);
-        }
-        result.appendChild(tbody);
-        result.setAttribute("data-numrows", rowKeys.length);
-        result.setAttribute("data-numcols", colKeys.length);
-        return result;
-    };
-
-    /*
-    Pivot Table core: create PivotData object and call Renderer on it
-     */
-    $.fn.pivot = function(input, inputOpts, locale) {
-        var defaults, e, localeDefaults, localeStrings, opts, pivotData, result, x;
-        if (locale == null) {
-            locale = "en";
-        }
-        if (locales[locale] == null) {
-            locale = "en";
-        }
-        defaults = {
-            cols: [],
-            rows: [],
-            vals: [],
-            dataClass: PivotData,
-            filter: function() {
-                return true;
-            },
-            aggregator: aggregatorTemplates.count()(),
-            aggregatorName: "Count",
-            derivedAttributes: {},
-            renderer: pivotTableRenderer
-        };
-        localeStrings = $.extend(true, {}, locales.en.localeStrings, locales[locale].localeStrings);
-        localeDefaults = {
-            rendererOptions: {
-                localeStrings: localeStrings
-            },
-            localeStrings: localeStrings
-        };
-        opts = $.extend(true, {}, localeDefaults, $.extend({}, defaults, inputOpts));
-        try {
-            pivotData = new opts.dataClass(input, opts);
-            try {
-                result = opts.renderer(pivotData, opts.rendererOptions);
-            } catch (error) {
-                const genericRenderingError = new GenericRenderingError();
-                console.error(genericRenderingError.title);
-                throw genericRenderingError;
-            }
-        } catch (error) {
-            if (error instanceof GenericRenderingError) {
-                throw error;
-            } else {
-                const genericComputationalError = new GenericComputationalError();
-                console.error(genericComputationalError.title);
-                throw genericComputationalError;
-            }
-        }
-        x = this[0];
-        while (x.hasChildNodes()) {
-            x.removeChild(x.lastChild);
-        }
-        return this.append(result);
-    };
-
-    /*
-    Heatmap post-processing
-     */
-    $.fn.heatmap = function(scope, opts) {
-        var colorScaleGenerator, heatmapper, i, j, l, n, numCols, numRows, ref, ref1, ref2;
-        if (scope == null) {
-            scope = "heatmap";
-        }
-        numRows = this.data("numrows");
-        numCols = this.data("numcols");
-        colorScaleGenerator = opts != null ? (ref = opts.heatmap) != null ? ref.colorScaleGenerator : void 0 : void 0;
-        if (colorScaleGenerator == null) {
-            colorScaleGenerator = function(values) {
-                var max, min;
-                min = Math.min.apply(Math, values);
-                max = Math.max.apply(Math, values);
-                return function(x) {
-                    var nonRed;
-                    nonRed = 255 - Math.round(255 * (x - min) / (max - min));
-                    return "rgb(255," + nonRed + "," + nonRed + ")";
-                };
-            };
-        }
-        heatmapper = (function(_this) {
-            return function(scope) {
-                var colorScale, forEachCell, values;
-                forEachCell = function(f) {
-                    return _this.find(scope).each(function() {
-                        var x;
-                        x = $(this).data("value");
-                        if ((x != null) && isFinite(x)) {
-                            return f(x, $(this));
-                        }
-                    });
-                };
-                values = [];
-                forEachCell(function(x) {
-                    return values.push(x);
-                });
-                colorScale = colorScaleGenerator(values);
-                return forEachCell(function(x, elem) {
-                    return elem.css("background-color", colorScale(x));
-                });
-            };
-        })(this);
-        switch (scope) {
-            case "heatmap":
-                heatmapper(".pvtVal");
-                break;
-            case "rowheatmap":
-                for (i = l = 0, ref1 = numRows; 0 <= ref1 ? l < ref1 : l > ref1; i = 0 <= ref1 ? ++l : --l) {
-                    heatmapper(".pvtVal.row" + i);
-                }
-                break;
-            case "colheatmap":
-                for (j = n = 0, ref2 = numCols; 0 <= ref2 ? n < ref2 : n > ref2; j = 0 <= ref2 ? ++n : --n) {
-                    heatmapper(".pvtVal.col" + j);
-                }
-        }
-        heatmapper(".pvtTotal.rowTotal");
-        heatmapper(".pvtTotal.colTotal");
-        return this;
-    };
-
-    /*
-    Barchart post-processing
-     */
-    return $.fn.barchart = function(opts) {
-        var barcharter, i, l, numCols, numRows, ref;
-        numRows = this.data("numrows");
-        numCols = this.data("numcols");
-        barcharter = (function(_this) {
-            return function(scope) {
-                var forEachCell, max, min, range, scaler, values;
-                forEachCell = function(f) {
-                    return _this.find(scope).each(function() {
-                        var x;
-                        x = $(this).data("value");
-                        if ((x != null) && isFinite(x)) {
-                            return f(x, $(this));
-                        }
-                    });
-                };
-                values = [];
-                forEachCell(function(x) {
-                    return values.push(x);
-                });
-                max = Math.max.apply(Math, values);
-                if (max < 0) {
-                    max = 0;
-                }
-                range = max;
-                min = Math.min.apply(Math, values);
-                if (min < 0) {
-                    range = max - min;
-                }
-                scaler = function(x) {
-                    return 100 * x / (1.4 * range);
-                };
-                return forEachCell(function(x, elem) {
-                    var bBase, bgColor, text, wrapper;
-                    text = elem.text();
-                    wrapper = $("<div>").css({
-                        "position": "relative",
-                        "height": "55px"
-                    });
-                    bgColor = "gray";
-                    bBase = 0;
-                    if (min < 0) {
-                        bBase = scaler(-min);
-                    }
-                    if (x < 0) {
-                        bBase += scaler(x);
-                        bgColor = "darkred";
-                        x = -x;
-                    }
-                    wrapper.append($("<div>").css({
-                        "position": "absolute",
-                        "bottom": bBase + "%",
-                        "left": 0,
-                        "right": 0,
-                        "height": scaler(x) + "%",
-                        "background-color": bgColor
-                    }));
-                    wrapper.append($("<div>").text(text).css({
-                        "position": "relative",
-                        "padding-left": "5px",
-                        "padding-right": "5px"
-                    }));
-                    return elem.css({
-                        "padding": 0,
-                        "padding-top": "5px",
-                        "text-align": "center"
-                    }).html(wrapper);
-                });
-            };
-        })(this);
-        for (i = l = 0, ref = numRows; 0 <= ref ? l < ref : l > ref; i = 0 <= ref ? ++l : --l) {
-            barcharter(".pvtVal.row" + i);
-        }
-        barcharter(".pvtTotal.colTotal");
-        return this;
-    };
-};
-
-module.exports = initPivotTable;