jsl-ui 9.28.2 → 9.28.3

package/lib/grid/slick.dataview.js

@@ -1,1080 +1,1069 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jQueryReplacement } from "../core/jq";
-import { Slick } from "./slick.core";
-var $ = jQueryReplacement;
-/***
- * A sample Model implementation.
- * Provides a filtered view of the underlying data.
- *
- * Relies on the data item having an "id" property uniquely identifying it.
- */
-export function DataView(options) {
-    var self = this;
-    var defaults = {
-        groupItemMetadataProvider: null,
-        inlineFilters: false
-    };
-    // private
-    var idProperty = "id"; // property holding a unique row id
-    var items = []; // data by index
-    var rows = []; // data by row
-    var idxById = {}; // indexes by id
-    var rowsById = null; // rows by id; lazy-calculated
-    var filter = null; // filter function
-    var updated = null; // updated item ids
-    var suspend = false; // suspends the recalculation
-    var sortAsc = true;
-    // var fastSortField;
-    var sortComparer;
-    var refreshHints = {};
-    var prevRefreshHints = {};
-    var filterArgs;
-    var filteredItems = [];
-    // let compiledFilter;
-    // let compiledFilterWithCaching;
-    var filterCache = [];
-    // grouping
-    var groupingInfoDefaults = {
-        getter: null,
-        formatter: null,
-        comparer: function (a, b) {
-            return (a.value === b.value ? 0 :
-                (a.value > b.value ? 1 : -1));
-        },
-        predefinedValues: [],
-        aggregators: [],
-        aggregateEmpty: false,
-        aggregateCollapsed: false,
-        aggregateChildGroups: false,
-        collapsed: false,
-        displayTotalsRow: true,
-        lazyTotalsCalculation: false
-    };
-    var groupingInfos = [];
-    var groups = [];
-    var toggledGroupsByLevel = [];
-    var groupingDelimiter = ":|:";
-    var pagesize = 0;
-    var pagenum = 0;
-    var totalRows = 0;
-    // events
-    var onRowCountChanged = new Slick.Event();
-    var onRowsChanged = new Slick.Event();
-    var onRowsOrCountChanged = new Slick.Event();
-    var onPagingInfoChanged = new Slick.Event();
-    options = $.deepExtend({}, defaults, options);
-    function beginUpdate() {
-        suspend = true;
-    }
-    function endUpdate() {
-        suspend = false;
-        refresh();
-    }
-    function setRefreshHints(hints) {
-        refreshHints = hints;
-    }
-    function setFilterArgs(args) {
-        filterArgs = args;
-    }
-    function updateIdxById(startingIndex) {
-        startingIndex = startingIndex || 0;
-        var id;
-        for (var i = startingIndex, l = items.length; i < l; i++) {
-            id = items[i][idProperty];
-            if (id === undefined) {
-                // throw new Error("Each data element must implement a unique 'id' property");
-                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
-            }
-            idxById[id] = i;
-        }
-    }
-    function ensureIdUniqueness() {
-        var id;
-        for (var i = 0, l = items.length; i < l; i++) {
-            id = items[i][idProperty];
-            if (id === undefined) {
-                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
-            }
-            else if (idxById[id] !== i) {
-                throw new Error("Duplicate id (" + idProperty + ") for " + id + " found at index (" + idxById[id] + ", " + i + ")");
-            }
-        }
-    }
-    function getItems() {
-        return items;
-    }
-    function setItems(data, objectIdProperty) {
-        if (objectIdProperty !== undefined) {
-            idProperty = objectIdProperty;
-        }
-        items = filteredItems = data;
-        idxById = {};
-        updateIdxById();
-        ensureIdUniqueness();
-        refresh();
-    }
-    function setPagingOptions(args) {
-        if (args.pageSize != undefined) {
-            pagesize = args.pageSize;
-            pagenum = pagesize ? Math.min(pagenum, Math.max(0, Math.ceil(totalRows / pagesize) - 1)) : 0;
-        }
-        if (args.pageNum != undefined) {
-            pagenum = Math.min(args.pageNum, Math.max(0, Math.ceil(totalRows / pagesize) - 1));
-        }
-        onPagingInfoChanged.notify(getPagingInfo(), null, self);
-        refresh();
-    }
-    function getPagingInfo() {
-        var totalPages = pagesize ? Math.max(1, Math.ceil(totalRows / pagesize)) : 1;
-        return { pageSize: pagesize, pageNum: pagenum, totalRows: totalRows, totalPages: totalPages, dataView: self };
-    }
-    function sort(comparer, ascending) {
-        sortAsc = ascending;
-        sortComparer = comparer;
-        // fastSortField = null;
-        if (ascending === false) {
-            items.reverse();
-        }
-        items.sort(comparer);
-        if (ascending === false) {
-            items.reverse();
-        }
-        idxById = {};
-        updateIdxById();
-        refresh();
-    }
-    function reSort() {
-        if (sortComparer) {
-            sort(sortComparer, sortAsc);
-        }
-    }
-    function getFilteredItems() {
-        return filteredItems;
-    }
-    function getFilter() {
-        return filter;
-    }
-    function setFilter(filterFn) {
-        filter = filterFn;
-        // if (options.inlineFilters) {
-        //   compiledFilter = compileFilter();
-        //   compiledFilterWithCaching = compileFilterWithCaching();
-        // }
-        refresh();
-    }
-    function getGrouping() {
-        return groupingInfos;
-    }
-    function setGrouping(groupingInfo) {
-        if (!options.groupItemMetadataProvider) {
-            options.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();
-        }
-        groups = [];
-        toggledGroupsByLevel = [];
-        groupingInfo = groupingInfo || [];
-        groupingInfos = (groupingInfo instanceof Array) ? groupingInfo : [groupingInfo];
-        for (var i = 0; i < groupingInfos.length; i++) {
-            var gi = groupingInfos[i] = $.deepExtend({}, groupingInfoDefaults, groupingInfos[i]);
-            gi.getterIsAFn = typeof gi.getter === "function";
-            // pre-compile accumulator loops
-            gi.compiledAccumulators = [];
-            var idx = gi.aggregators.length;
-            while (idx--) {
-                gi.compiledAccumulators[idx] = compileAccumulatorLoop(gi.aggregators[idx]);
-            }
-            toggledGroupsByLevel[i] = {};
-        }
-        refresh();
-    }
-    /**
-     * @deprecated Please use {@link setGrouping}.
-     */
-    function groupBy(valueGetter, valueFormatter, sortComparer) {
-        if (valueGetter == null) {
-            setGrouping([]);
-            return;
-        }
-        setGrouping({
-            getter: valueGetter,
-            formatter: valueFormatter,
-            comparer: sortComparer
-        });
-    }
-    /**
-     * @deprecated Please use {@link setGrouping}.
-     */
-    function setAggregators(groupAggregators, includeCollapsed) {
-        if (!groupingInfos.length) {
-            throw new Error("At least one grouping must be specified before calling setAggregators().");
-        }
-        groupingInfos[0].aggregators = groupAggregators;
-        groupingInfos[0].aggregateCollapsed = includeCollapsed;
-        setGrouping(groupingInfos);
-    }
-    function getItemByIdx(i) {
-        return items[i];
-    }
-    function getIdxById(id) {
-        return idxById[id];
-    }
-    function getIdxByItem(item) {
-        return idxById[item[idProperty]];
-    }
-    function ensureRowsByIdCache() {
-        if (!rowsById) {
-            rowsById = {};
-            for (var i = 0, l = rows.length; i < l; i++) {
-                rowsById[rows[i][idProperty]] = i;
-            }
-        }
-    }
-    function getRowByItem(item) {
-        ensureRowsByIdCache();
-        return rowsById[item[idProperty]];
-    }
-    function getRowById(id) {
-        ensureRowsByIdCache();
-        return rowsById[id];
-    }
-    function getItemById(id) {
-        return items[idxById[id]];
-    }
-    function mapItemsToRows(itemArray) {
-        var rows = [];
-        ensureRowsByIdCache();
-        for (var i = 0, l = itemArray.length; i < l; i++) {
-            var row = rowsById[itemArray[i][idProperty]];
-            if (row != null) {
-                rows[rows.length] = row;
-            }
-        }
-        return rows;
-    }
-    function mapIdsToRows(idArray) {
-        var rows = [];
-        ensureRowsByIdCache();
-        for (var i = 0, l = idArray.length; i < l; i++) {
-            var row = rowsById[idArray[i]];
-            if (row != null) {
-                rows[rows.length] = row;
-            }
-        }
-        return rows;
-    }
-    function mapRowsToIds(rowArray) {
-        var ids = [];
-        for (var i = 0, l = rowArray.length; i < l; i++) {
-            if (rowArray[i] < rows.length) {
-                ids[ids.length] = rows[rowArray[i]][idProperty];
-            }
-        }
-        return ids;
-    }
-    function updateItem(id, item) {
-        // see also https://github.com/mleibman/SlickGrid/issues/1082
-        if (idxById[id] === undefined) {
-            throw new Error("Invalid id");
-        }
-        // what if the specified item also has an updated idProperty?
-        // then we'll have to update the index as well, and possibly the `updated` cache too.
-        if (id !== item[idProperty]) {
-            // make sure the new id is unique:
-            var newId = item[idProperty];
-            if (newId == null) {
-                throw new Error("Cannot update item to associate with a null id");
-            }
-            if (idxById[newId] !== undefined) {
-                throw new Error("Cannot update item to associate with a non-unique id");
-            }
-            idxById[newId] = idxById[id];
-            delete idxById[id];
-            // also update the `updated` hashtable/markercache? Yes, `recalc()` inside `refresh()` needs that one!
-            if (updated && updated[id]) {
-                delete updated[id];
-            }
-            // also update the row indexes? no need since the `refresh()`, further down, blows away the `rowsById[]` cache!
-            id = newId;
-        }
-        items[idxById[id]] = item;
-        // also update the rows? no need since the `refresh()`, further down, blows away the `rows[]` cache and recalculates it via `recalc()`!
-        if (!updated) {
-            updated = {};
-        }
-        updated[id] = true;
-        refresh();
-    }
-    function insertItem(insertBefore, item) {
-        items.splice(insertBefore, 0, item);
-        updateIdxById(insertBefore);
-        refresh();
-    }
-    function addItem(item) {
-        items.push(item);
-        updateIdxById(items.length - 1);
-        refresh();
-    }
-    function deleteItem(id) {
-        var idx = idxById[id];
-        if (idx === undefined) {
-            throw new Error("Invalid id");
-        }
-        delete idxById[id];
-        items.splice(idx, 1);
-        updateIdxById(idx);
-        refresh();
-    }
-    function sortedAddItem(item) {
-        if (!sortComparer) {
-            throw new Error("sortedAddItem() requires a sort comparer, use sort()");
-        }
-        insertItem(sortedIndex(item), item);
-    }
-    function sortedUpdateItem(id, item) {
-        if (idxById[id] === undefined || id !== item[idProperty]) {
-            throw new Error("Invalid or non-matching id " + idxById[id]);
-        }
-        if (!sortComparer) {
-            throw new Error("sortedUpdateItem() requires a sort comparer, use sort()");
-        }
-        var oldItem = getItemById(id);
-        if (sortComparer(oldItem, item) !== 0) {
-            // item affects sorting -> must use sorted add
-            deleteItem(id);
-            sortedAddItem(item);
-        }
-        else { // update does not affect sorting -> regular update works fine
-            updateItem(id, item);
-        }
-    }
-    function sortedIndex(searchItem) {
-        var low = 0, high = items.length;
-        while (low < high) {
-            var mid = low + high >>> 1;
-            if (sortComparer(items[mid], searchItem) === -1) {
-                low = mid + 1;
-            }
-            else {
-                high = mid;
-            }
-        }
-        return low;
-    }
-    function getLength() {
-        return rows.length;
-    }
-    function getItem(i) {
-        var item = rows[i];
-        // if this is a group row, make sure totals are calculated and update the title
-        if (item && item.__group && item.totals && !item.totals.initialized) {
-            var gi = groupingInfos[item.level];
-            if (!gi.displayTotalsRow) {
-                calculateTotals(item.totals);
-                item.title = gi.formatter ? gi.formatter(item) : item.value;
-            }
-        }
-        else if (item && item.__groupTotals && !item.initialized) {
-            calculateTotals(item);
-        }
-        return item;
-    }
-    function getItemMetadata(i) {
-        var item = rows[i];
-        if (item === undefined) {
-            return null;
-        }
-        // overrides for grouping rows
-        if (item.__group) {
-            return options.groupItemMetadataProvider.getGroupRowMetadata(item);
-        }
-        // overrides for totals rows
-        if (item.__groupTotals) {
-            return options.groupItemMetadataProvider.getTotalsRowMetadata(item);
-        }
-        if (item.__height) {
-            if (item.getItemMetadata != null) {
-                return __assign({ height: item.__height }, (item.getItemMetadata || {}));
-            }
-            return { height: item.__height };
-        }
-        return item.getItemMetadata != null ? item.getItemMetadata(i, item) : null;
-    }
-    function expandCollapseAllGroups(level, collapse) {
-        if (level == null) {
-            for (var i = 0; i < groupingInfos.length; i++) {
-                toggledGroupsByLevel[i] = {};
-                groupingInfos[i].collapsed = collapse;
-            }
-        }
-        else {
-            toggledGroupsByLevel[level] = {};
-            groupingInfos[level].collapsed = collapse;
-        }
-        refresh();
-    }
-    /**
-     * @param level {Number} Optional level to collapse.  If not specified, applies to all levels.
-     */
-    function collapseAllGroups(level) {
-        expandCollapseAllGroups(level, true);
-    }
-    /**
-     * @param level {Number} Optional level to expand.  If not specified, applies to all levels.
-     */
-    function expandAllGroups(level) {
-        expandCollapseAllGroups(level, false);
-    }
-    function expandCollapseGroup(level, groupingKey, collapse) {
-        toggledGroupsByLevel[level][groupingKey] = groupingInfos[level].collapsed ^ collapse;
-        refresh();
-    }
-    /**
-     * @param varArgs Either a Slick.Group's "groupingKey" property, or a
-     *     variable argument list of grouping values denoting a unique path to the row.  For
-     *     example, calling collapseGroup('high', '10%') will collapse the '10%' subgroup of
-     *     the 'high' group.
-     */
-    function collapseGroup(varArgs) {
-        var args = Array.prototype.slice.call(arguments);
-        var arg0 = args[0];
-        if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
-            expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, true);
-        }
-        else {
-            expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), true);
-        }
-    }
-    /**
-     * @param varArgs Either a Slick.Group's "groupingKey" property, or a
-     *     variable argument list of grouping values denoting a unique path to the row.  For
-     *     example, calling expandGroup('high', '10%') will expand the '10%' subgroup of
-     *     the 'high' group.
-     */
-    function expandGroup(varArgs) {
-        var args = Array.prototype.slice.call(arguments);
-        var arg0 = args[0];
-        if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
-            expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, false);
-        }
-        else {
-            expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), false);
-        }
-    }
-    function getGroups() {
-        return groups;
-    }
-    function extractGroups(rows, parentGroup) {
-        var group;
-        var val;
-        var groups = [];
-        var groupsByVal = {};
-        var r;
-        var level = parentGroup ? parentGroup.level + 1 : 0;
-        var gi = groupingInfos[level];
-        for (var i = 0, l = gi.predefinedValues.length; i < l; i++) {
-            val = gi.predefinedValues[i];
-            group = groupsByVal[val];
-            if (!group) {
-                group = new Slick.Group();
-                group.value = val;
-                group.level = level;
-                group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : "") + val;
-                groups[groups.length] = group;
-                groupsByVal[val] = group;
-            }
-        }
-        for (var i = 0, l = rows.length; i < l; i++) {
-            r = rows[i];
-            val = gi.getterIsAFn ? gi.getter(r) : r[gi.getter];
-            group = groupsByVal[val];
-            if (!group) {
-                group = new Slick.Group();
-                group.value = val;
-                group.level = level;
-                group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : "") + val;
-                groups[groups.length] = group;
-                groupsByVal[val] = group;
-            }
-            group.rows[group.count++] = r;
-        }
-        if (level < groupingInfos.length - 1) {
-            for (var i = 0; i < groups.length; i++) {
-                group = groups[i];
-                group.groups = extractGroups(group.rows, group);
-            }
-        }
-        groups.sort(groupingInfos[level].comparer);
-        return groups;
-    }
-    function calculateTotals(totals) {
-        var group = totals.group;
-        var gi = groupingInfos[group.level];
-        var isLeafLevel = (group.level == groupingInfos.length);
-        var agg, idx = gi.aggregators.length;
-        if (!isLeafLevel && gi.aggregateChildGroups) {
-            // make sure all the subgroups are calculated
-            var i = group.groups.length;
-            while (i--) {
-                if (!group.groups[i].totals.initialized) {
-                    calculateTotals(group.groups[i].totals);
-                }
-            }
-        }
-        while (idx--) {
-            agg = gi.aggregators[idx];
-            agg.init();
-            if (!isLeafLevel && gi.aggregateChildGroups) {
-                gi.compiledAccumulators[idx].call(agg, group.groups);
-            }
-            else {
-                gi.compiledAccumulators[idx].call(agg, group.rows);
-            }
-            agg.storeResult(totals);
-        }
-        totals.initialized = true;
-    }
-    function addGroupTotals(group) {
-        var gi = groupingInfos[group.level];
-        var totals = new Slick.GroupTotals();
-        totals.group = group;
-        group.totals = totals;
-        if (!gi.lazyTotalsCalculation) {
-            calculateTotals(totals);
-        }
-    }
-    function addTotals(groups, level) {
-        level = level || 0;
-        var gi = groupingInfos[level];
-        var groupCollapsed = gi.collapsed;
-        var toggledGroups = toggledGroupsByLevel[level];
-        var idx = groups.length, g;
-        while (idx--) {
-            g = groups[idx];
-            if (g.collapsed && !gi.aggregateCollapsed) {
-                continue;
-            }
-            // do a depth-first aggregation so that parent group aggregators can access subgroup totals.
-            if (g.groups) {
-                addTotals(g.groups, level + 1);
-            }
-            if (gi.aggregators.length && (gi.aggregateEmpty || g.rows.length || (g.groups && g.groups.length))) {
-                addGroupTotals(g);
-            }
-            g.collapsed = groupCollapsed ^ toggledGroups[g.groupingKey];
-            g.title = gi.formatter ? gi.formatter(g) : g.value;
-        }
-    }
-    function flattenGroupedRows(groups, level) {
-        level = level || 0;
-        var gi = groupingInfos[level];
-        var groupedRows = [], rows, gl = 0, g;
-        for (var i = 0, l = groups.length; i < l; i++) {
-            g = groups[i];
-            groupedRows[gl++] = g;
-            if (!g.collapsed) {
-                rows = g.groups ? flattenGroupedRows(g.groups, level + 1) : g.rows;
-                for (var j = 0, jj = rows.length; j < jj; j++) {
-                    groupedRows[gl++] = rows[j];
-                }
-            }
-            if (g.totals && gi.displayTotalsRow && (!g.collapsed || gi.aggregateCollapsed)) {
-                groupedRows[gl++] = g.totals;
-            }
-        }
-        return groupedRows;
-    }
-    function getFunctionInfo(fn) {
-        var fnRegex = /^function[^(]*\(([^)]*)\)\s*{([\s\S]*)}$/;
-        var matches = fn.toString().match(fnRegex);
-        return {
-            params: matches[1].split(","),
-            body: matches[2]
-        };
-    }
-    function compileAccumulatorLoop(aggregator) {
-        var accumulatorInfo = getFunctionInfo(aggregator.accumulate);
-        var fn = new Function("_items", "for (var " + accumulatorInfo.params[0] + ", _i=0, _il=_items.length; _i<_il; _i++) {" +
-            accumulatorInfo.params[0] + " = _items[_i]; " +
-            accumulatorInfo.body +
-            "}");
-        fn.displayName /*= fn.name*/ = "compiledAccumulatorLoop";
-        return fn;
-    }
-    // function compileFilter() {
-    //   let filterInfo = getFunctionInfo(filter);
-    //   let filterPath1 = "{ continue _coreloop; }$1";
-    //   let filterPath2 = "{ _retval[_idx++] = $item$; continue _coreloop; }$1";
-    //   // make some allowances for minification - there's only so far we can go with RegEx
-    //   let filterBody = filterInfo.body
-    //     .replace(/return false\s*([;}]|\}|$)/gi, filterPath1)
-    //     .replace(/return!1([;}]|\}|$)/gi, filterPath1)
-    //     .replace(/return true\s*([;}]|\}|$)/gi, filterPath2)
-    //     .replace(/return!0([;}]|\}|$)/gi, filterPath2)
-    //     .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
-    //       "{ if ($1) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
-    //   // This preserves the function template code after JS compression,
-    //   // so that replace() commands still work as expected.
-    //   let tpl = [
-    //     // "function(_items, _args) { ",
-    //     "var _retval = [], _idx = 0; ",
-    //     "var $item$, $args$ = _args; ",
-    //     "_coreloop: ",
-    //     "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
-    //     "$item$ = _items[_i]; ",
-    //     "$filter$; ",
-    //     "} ",
-    //     "return _retval; "
-    //     // "}"
-    //   ].join("");
-    //   tpl = tpl.replace(/\$filter\$/gi, filterBody);
-    //   tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
-    //   tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
-    //   let fn: any = new Function("_items,_args", tpl);
-    //   fn.displayName = /*fn.name =*/ "compiledFilter";
-    //   return fn;
-    // }
-    // function compileFilterWithCaching() {
-    //   let filterInfo = getFunctionInfo(filter);
-    //   let filterPath1 = "{ continue _coreloop; }$1";
-    //   let filterPath2 = "{ _cache[_i] = true;_retval[_idx++] = $item$; continue _coreloop; }$1";
-    //   // make some allowances for minification - there's only so far we can go with RegEx
-    //   let filterBody = filterInfo.body
-    //     .replace(/return false\s*([;}]|\}|$)/gi, filterPath1)
-    //     .replace(/return!1([;}]|\}|$)/gi, filterPath1)
-    //     .replace(/return true\s*([;}]|\}|$)/gi, filterPath2)
-    //     .replace(/return!0([;}]|\}|$)/gi, filterPath2)
-    //     .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
-    //       "{ if ((_cache[_i] = $1)) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
-    //   // This preserves the function template code after JS compression,
-    //   // so that replace() commands still work as expected.
-    //   let tpl = [
-    //     // "function(_items, _args, _cache) { ",
-    //     "var _retval = [], _idx = 0; ",
-    //     "var $item$, $args$ = _args; ",
-    //     "_coreloop: ",
-    //     "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
-    //     "$item$ = _items[_i]; ",
-    //     "if (_cache[_i]) { ",
-    //     "_retval[_idx++] = $item$; ",
-    //     "continue _coreloop; ",
-    //     "} ",
-    //     "$filter$; ",
-    //     "} ",
-    //     "return _retval; "
-    //     // "}"
-    //   ].join("");
-    //   tpl = tpl.replace(/\$filter\$/gi, filterBody);
-    //   tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
-    //   tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
-    //   let fn: any = new Function("_items,_args,_cache", tpl);
-    //   fn.displayName /*= fn.name*/ = "compiledFilterWithCaching";
-    //   return fn;
-    // }
-    function uncompiledFilter(items, args) {
-        var retval = [], idx = 0;
-        for (var i = 0, ii = items.length; i < ii; i++) {
-            if (filter(items[i], args)) {
-                retval[idx++] = items[i];
-            }
-        }
-        return retval;
-    }
-    function uncompiledFilterWithCaching(items, args, cache) {
-        var retval = [], idx = 0, item;
-        for (var i = 0, ii = items.length; i < ii; i++) {
-            item = items[i];
-            if (cache[i]) {
-                retval[idx++] = item;
-            }
-            else if (filter(item, args)) {
-                retval[idx++] = item;
-                cache[i] = true;
-            }
-        }
-        return retval;
-    }
-    function getFilteredAndPagedItems(items) {
-        if (filter) {
-            var batchFilter = uncompiledFilter; // options.inlineFilters ? compiledFilter : uncompiledFilter;
-            var batchFilterWithCaching = uncompiledFilterWithCaching; // options.inlineFilters ? compiledFilterWithCaching : uncompiledFilterWithCaching;
-            if (refreshHints.isFilterNarrowing) {
-                filteredItems = batchFilter(filteredItems, filterArgs);
-            }
-            else if (refreshHints.isFilterExpanding) {
-                filteredItems = batchFilterWithCaching(items, filterArgs, filterCache);
-            }
-            else if (!refreshHints.isFilterUnchanged) {
-                filteredItems = batchFilter(items, filterArgs);
-            }
-        }
-        else {
-            // special case:  if not filtering and not paging, the resulting
-            // rows collection needs to be a copy so that changes due to sort
-            // can be caught
-            filteredItems = pagesize ? items : items.concat();
-        }
-        // get the current page
-        var paged;
-        if (pagesize) {
-            if (filteredItems.length <= pagenum * pagesize) {
-                if (filteredItems.length === 0) {
-                    pagenum = 0;
-                }
-                else {
-                    pagenum = Math.floor((filteredItems.length - 1) / pagesize);
-                }
-            }
-            paged = filteredItems.slice(pagesize * pagenum, pagesize * pagenum + pagesize);
-        }
-        else {
-            paged = filteredItems;
-        }
-        return { totalRows: filteredItems.length, rows: paged };
-    }
-    function getRowDiffs(rows, newRows) {
-        var item, r, eitherIsNonData, diff = [];
-        var from = 0, to = newRows.length;
-        if (refreshHints && refreshHints.ignoreDiffsBefore) {
-            from = Math.max(0, Math.min(newRows.length, refreshHints.ignoreDiffsBefore));
-        }
-        if (refreshHints && refreshHints.ignoreDiffsAfter) {
-            to = Math.min(newRows.length, Math.max(0, refreshHints.ignoreDiffsAfter));
-        }
-        for (var i = from, rl = rows.length; i < to; i++) {
-            if (i >= rl) {
-                diff[diff.length] = i;
-            }
-            else {
-                item = newRows[i];
-                r = rows[i];
-                if ((groupingInfos.length && (eitherIsNonData = (item.__nonDataRow) || (r.__nonDataRow)) &&
-                    item.__group !== r.__group ||
-                    item.__group && !item.equals(r))
-                    || (eitherIsNonData &&
-                        // no good way to compare totals since they are arbitrary DTOs
-                        // deep object comparison is pretty expensive
-                        // always considering them 'dirty' seems easier for the time being
-                        (item.__groupTotals || r.__groupTotals))
-                    || item[idProperty] != r[idProperty]
-                    || (updated && updated[item[idProperty]])) {
-                    diff[diff.length] = i;
-                }
-            }
-        }
-        return diff;
-    }
-    function recalc(_items, second) {
-        rowsById = null;
-        if (refreshHints.isFilterNarrowing != prevRefreshHints.isFilterNarrowing ||
-            refreshHints.isFilterExpanding != prevRefreshHints.isFilterExpanding) {
-            filterCache = [];
-        }
-        var filteredItems = getFilteredAndPagedItems(_items);
-        totalRows = filteredItems.totalRows;
-        var newRows = filteredItems.rows;
-        groups = [];
-        if (groupingInfos.length) {
-            groups = extractGroups(newRows);
-            if (groups.length) {
-                addTotals(groups);
-                newRows = flattenGroupedRows(groups);
-            }
-        }
-        var diff = getRowDiffs(rows, newRows);
-        rows = newRows;
-        return diff;
-    }
-    function refresh() {
-        if (suspend) {
-            return;
-        }
-        var countBefore = rows.length;
-        var totalRowsBefore = totalRows;
-        var diff = recalc(items, filter); // pass as direct refs to avoid closure perf hit
-        // if the current page is no longer valid, go to last page and recalc
-        // we suffer a performance penalty here, but the main loop (recalc) remains highly optimized
-        if (pagesize && totalRows < pagenum * pagesize) {
-            pagenum = Math.max(0, Math.ceil(totalRows / pagesize) - 1);
-            diff = recalc(items, filter);
-        }
-        updated = null;
-        prevRefreshHints = refreshHints;
-        refreshHints = {};
-        if (totalRowsBefore !== totalRows) {
-            onPagingInfoChanged.notify(getPagingInfo(), null, self);
-        }
-        if (countBefore !== rows.length) {
-            onRowCountChanged.notify({ previous: countBefore, current: rows.length, dataView: self, callingOnRowsChanged: (diff.length > 0) }, null, self);
-        }
-        if (diff.length > 0) {
-            onRowsChanged.notify({ rows: diff, dataView: self, calledOnRowCountChanged: (countBefore !== rows.length) }, null, self);
-        }
-        if (countBefore !== rows.length || diff.length > 0) {
-            onRowsOrCountChanged.notify({
-                rowsDiff: diff, previousRowCount: countBefore, currentRowCount: rows.length,
-                rowCountChanged: countBefore !== rows.length, rowsChanged: diff.length > 0, dataView: self
-            }, null, self);
-        }
-    }
-    /***
-     * Wires the grid and the DataView together to keep row selection tied to item ids.
-     * This is useful since, without it, the grid only knows about rows, so if the items
-     * move around, the same rows stay selected instead of the selection moving along
-     * with the items.
-     *
-     * NOTE:  This doesn't work with cell selection model.
-     *
-     * @param grid {Slick.Grid} The grid to sync selection with.
-     * @param preserveHidden {Boolean} Whether to keep selected items that go out of the
-     *     view due to them getting filtered out.
-     * @param preserveHiddenOnSelectionChange {Boolean} Whether to keep selected items
-     *     that are currently out of the view (see preserveHidden) as selected when selection
-     *     changes.
-     * @return {Slick.Event} An event that notifies when an internal list of selected row ids
-     *     changes.  This is useful since, in combination with the above two options, it allows
-     *     access to the full list selected row ids, and not just the ones visible to the grid.
-     * @method syncGridSelection
-     */
-    function syncGridSelection(grid, preserveHidden, preserveHiddenOnSelectionChange) {
-        var self = this;
-        var inHandler;
-        var selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
-        var onSelectedRowIdsChanged = new Slick.Event();
-        function setSelectedRowIds(rowIds) {
-            if (selectedRowIds.join(",") == rowIds.join(",")) {
-                return;
-            }
-            selectedRowIds = rowIds;
-            onSelectedRowIdsChanged.notify({
-                grid: grid,
-                ids: selectedRowIds,
-                dataView: self
-            }, new Slick.EventData(), self);
-        }
-        function update() {
-            if (selectedRowIds.length > 0) {
-                inHandler = true;
-                var selectedRows = self.mapIdsToRows(selectedRowIds);
-                if (!preserveHidden) {
-                    setSelectedRowIds(self.mapRowsToIds(selectedRows));
-                }
-                grid.setSelectedRows(selectedRows);
-                inHandler = false;
-            }
-        }
-        grid.onSelectedRowsChanged.subscribe(function (e, args) {
-            if (inHandler) {
-                return;
-            }
-            var newSelectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
-            if (!preserveHiddenOnSelectionChange || !grid.getOptions().multiSelect) {
-                setSelectedRowIds(newSelectedRowIds);
-            }
-            else {
-                // keep the ones that are hidden
-                var existing = [];
-                for (var i = 0; i < selectedRowIds.length; i++) {
-                    if (self.getRowById(selectedRowIds[i]) === undefined) {
-                        existing.push(selectedRowIds[i]);
-                    }
-                }
-                // $.grep(selectedRowIds, function(id) { return self.getRowById(id) === undefined; });
-                // add the newly selected ones
-                setSelectedRowIds(existing.concat(newSelectedRowIds));
-            }
-        });
-        this.onRowsOrCountChanged.subscribe(update);
-        return onSelectedRowIdsChanged;
-    }
-    function syncGridCellCssStyles(grid, key) {
-        var hashById;
-        var inHandler;
-        // since this method can be called after the cell styles have been set,
-        // get the existing ones right away
-        storeCellCssStyles(grid.getCellCssStyles(key));
-        function storeCellCssStyles(hash) {
-            hashById = {};
-            for (var row in hash) {
-                var id = rows[row][idProperty];
-                hashById[id] = hash[row];
-            }
-        }
-        function update() {
-            if (hashById) {
-                inHandler = true;
-                ensureRowsByIdCache();
-                var newHash = {};
-                for (var id in hashById) {
-                    var row = rowsById[id];
-                    if (row != undefined) {
-                        newHash[row] = hashById[id];
-                    }
-                }
-                grid.setCellCssStyles(key, newHash);
-                inHandler = false;
-            }
-        }
-        grid.onCellCssStylesChanged.subscribe(function (e, args) {
-            if (inHandler) {
-                return;
-            }
-            if (key != args.key) {
-                return;
-            }
-            if (args.hash) {
-                storeCellCssStyles(args.hash);
-            }
-            else {
-                // grid.onCellCssStylesChanged.unsubscribe(styleChanged); //styleChanged not declared
-                self.onRowsOrCountChanged.unsubscribe(update);
-            }
-        });
-        this.onRowsOrCountChanged.subscribe(update);
-    }
-    $.shallowExtend(this, {
-        // methods
-        beginUpdate: beginUpdate,
-        endUpdate: endUpdate,
-        setPagingOptions: setPagingOptions,
-        getPagingInfo: getPagingInfo,
-        getItems: getItems,
-        setItems: setItems,
-        setFilter: setFilter,
-        getFilter: getFilter,
-        getFilteredItems: getFilteredItems,
-        sort: sort,
-        // "fastSort": fastSort,
-        reSort: reSort,
-        setGrouping: setGrouping,
-        getGrouping: getGrouping,
-        groupBy: groupBy,
-        setAggregators: setAggregators,
-        collapseAllGroups: collapseAllGroups,
-        expandAllGroups: expandAllGroups,
-        collapseGroup: collapseGroup,
-        expandGroup: expandGroup,
-        getGroups: getGroups,
-        getIdxById: getIdxById,
-        getIdxByItem: getIdxByItem,
-        getRowByItem: getRowByItem,
-        getRowById: getRowById,
-        getItemById: getItemById,
-        getItemByIdx: getItemByIdx,
-        mapItemsToRows: mapItemsToRows,
-        mapRowsToIds: mapRowsToIds,
-        mapIdsToRows: mapIdsToRows,
-        setRefreshHints: setRefreshHints,
-        setFilterArgs: setFilterArgs,
-        refresh: refresh,
-        updateItem: updateItem,
-        insertItem: insertItem,
-        addItem: addItem,
-        deleteItem: deleteItem,
-        sortedAddItem: sortedAddItem,
-        sortedUpdateItem: sortedUpdateItem,
-        syncGridSelection: syncGridSelection,
-        syncGridCellCssStyles: syncGridCellCssStyles,
-        // data provider methods
-        getLength: getLength,
-        getItem: getItem,
-        getItemMetadata: getItemMetadata,
-        // events
-        onRowCountChanged: onRowCountChanged,
-        onRowsChanged: onRowsChanged,
-        onRowsOrCountChanged: onRowsOrCountChanged,
-        onPagingInfoChanged: onPagingInfoChanged
-    });
-}
-export function AvgAggregator(field) {
-    this.field_ = field;
-    this.init = function () {
-        this.count_ = 0;
-        this.nonNullCount_ = 0;
-        this.sum_ = 0;
-    };
-    this.accumulate = function (item) {
-        var val = item[this.field_];
-        this.count_++;
-        if (val != null && val !== "" && !isNaN(val)) {
-            this.nonNullCount_++;
-            this.sum_ += parseFloat(val);
-        }
-    };
-    this.storeResult = function (groupTotals) {
-        if (!groupTotals.avg) {
-            groupTotals.avg = {};
-        }
-        if (this.nonNullCount_ != 0) {
-            groupTotals.avg[this.field_] = this.sum_ / this.nonNullCount_;
-        }
-    };
-}
-export function MinAggregator(field) {
-    this.field_ = field;
-    this.init = function () {
-        this.min_ = null;
-    };
-    this.accumulate = function (item) {
-        var val = item[this.field_];
-        if (val != null && val !== "" && !isNaN(val)) {
-            if (this.min_ == null || val < this.min_) {
-                this.min_ = val;
-            }
-        }
-    };
-    this.storeResult = function (groupTotals) {
-        if (!groupTotals.min) {
-            groupTotals.min = {};
-        }
-        groupTotals.min[this.field_] = this.min_;
-    };
-}
-export function MaxAggregator(field) {
-    this.field_ = field;
-    this.init = function () {
-        this.max_ = null;
-    };
-    this.accumulate = function (item) {
-        var val = item[this.field_];
-        if (val != null && val !== "" && !isNaN(val)) {
-            if (this.max_ == null || val > this.max_) {
-                this.max_ = val;
-            }
-        }
-    };
-    this.storeResult = function (groupTotals) {
-        if (!groupTotals.max) {
-            groupTotals.max = {};
-        }
-        groupTotals.max[this.field_] = this.max_;
-    };
-}
-export function SumAggregator(field) {
-    this.field_ = field;
-    this.init = function () {
-        this.sum_ = null;
-    };
-    this.accumulate = function (item) {
-        var val = item[this.field_];
-        if (val != null && val !== "" && !isNaN(val)) {
-            this.sum_ += parseFloat(val);
-        }
-    };
-    this.storeResult = function (groupTotals) {
-        if (!groupTotals.sum) {
-            groupTotals.sum = {};
-        }
-        groupTotals.sum[this.field_] = this.sum_;
-    };
-}
-// tODO:  add more built-in aggregators
-// tODO:  merge common aggregators in one to prevent needles iterating
+import { jQueryReplacement } from "../core/jq";
+import { Slick } from "./slick.core";
+const $ = jQueryReplacement;
+/***
+ * A sample Model implementation.
+ * Provides a filtered view of the underlying data.
+ *
+ * Relies on the data item having an "id" property uniquely identifying it.
+ */
+export function DataView(options) {
+    let self = this;
+    let defaults = {
+        groupItemMetadataProvider: null,
+        inlineFilters: false
+    };
+    // private
+    let idProperty = "id"; // property holding a unique row id
+    let items = []; // data by index
+    let rows = []; // data by row
+    let idxById = {}; // indexes by id
+    let rowsById = null; // rows by id; lazy-calculated
+    let filter = null; // filter function
+    let updated = null; // updated item ids
+    let suspend = false; // suspends the recalculation
+    let sortAsc = true;
+    // var fastSortField;
+    let sortComparer;
+    let refreshHints = {};
+    let prevRefreshHints = {};
+    let filterArgs;
+    let filteredItems = [];
+    // let compiledFilter;
+    // let compiledFilterWithCaching;
+    let filterCache = [];
+    // grouping
+    let groupingInfoDefaults = {
+        getter: null,
+        formatter: null,
+        comparer(a, b) {
+            return (a.value === b.value ? 0 :
+                (a.value > b.value ? 1 : -1));
+        },
+        predefinedValues: [],
+        aggregators: [],
+        aggregateEmpty: false,
+        aggregateCollapsed: false,
+        aggregateChildGroups: false,
+        collapsed: false,
+        displayTotalsRow: true,
+        lazyTotalsCalculation: false
+    };
+    let groupingInfos = [];
+    let groups = [];
+    let toggledGroupsByLevel = [];
+    let groupingDelimiter = ":|:";
+    let pagesize = 0;
+    let pagenum = 0;
+    let totalRows = 0;
+    // events
+    let onRowCountChanged = new Slick.Event();
+    let onRowsChanged = new Slick.Event();
+    let onRowsOrCountChanged = new Slick.Event();
+    let onPagingInfoChanged = new Slick.Event();
+    options = $.deepExtend({}, defaults, options);
+    function beginUpdate() {
+        suspend = true;
+    }
+    function endUpdate() {
+        suspend = false;
+        refresh();
+    }
+    function setRefreshHints(hints) {
+        refreshHints = hints;
+    }
+    function setFilterArgs(args) {
+        filterArgs = args;
+    }
+    function updateIdxById(startingIndex) {
+        startingIndex = startingIndex || 0;
+        let id;
+        for (let i = startingIndex, l = items.length; i < l; i++) {
+            id = items[i][idProperty];
+            if (id === undefined) {
+                // throw new Error("Each data element must implement a unique 'id' property");
+                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
+            }
+            idxById[id] = i;
+        }
+    }
+    function ensureIdUniqueness() {
+        let id;
+        for (let i = 0, l = items.length; i < l; i++) {
+            id = items[i][idProperty];
+            if (id === undefined) {
+                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
+            }
+            else if (idxById[id] !== i) {
+                throw new Error("Duplicate id (" + idProperty + ") for " + id + " found at index (" + idxById[id] + ", " + i + ")");
+            }
+        }
+    }
+    function getItems() {
+        return items;
+    }
+    function setItems(data, objectIdProperty) {
+        if (objectIdProperty !== undefined) {
+            idProperty = objectIdProperty;
+        }
+        items = filteredItems = data;
+        idxById = {};
+        updateIdxById();
+        ensureIdUniqueness();
+        refresh();
+    }
+    function setPagingOptions(args) {
+        if (args.pageSize != undefined) {
+            pagesize = args.pageSize;
+            pagenum = pagesize ? Math.min(pagenum, Math.max(0, Math.ceil(totalRows / pagesize) - 1)) : 0;
+        }
+        if (args.pageNum != undefined) {
+            pagenum = Math.min(args.pageNum, Math.max(0, Math.ceil(totalRows / pagesize) - 1));
+        }
+        onPagingInfoChanged.notify(getPagingInfo(), null, self);
+        refresh();
+    }
+    function getPagingInfo() {
+        let totalPages = pagesize ? Math.max(1, Math.ceil(totalRows / pagesize)) : 1;
+        return { pageSize: pagesize, pageNum: pagenum, totalRows, totalPages, dataView: self };
+    }
+    function sort(comparer, ascending) {
+        sortAsc = ascending;
+        sortComparer = comparer;
+        // fastSortField = null;
+        if (ascending === false) {
+            items.reverse();
+        }
+        items.sort(comparer);
+        if (ascending === false) {
+            items.reverse();
+        }
+        idxById = {};
+        updateIdxById();
+        refresh();
+    }
+    function reSort() {
+        if (sortComparer) {
+            sort(sortComparer, sortAsc);
+        }
+    }
+    function getFilteredItems() {
+        return filteredItems;
+    }
+    function getFilter() {
+        return filter;
+    }
+    function setFilter(filterFn) {
+        filter = filterFn;
+        // if (options.inlineFilters) {
+        //   compiledFilter = compileFilter();
+        //   compiledFilterWithCaching = compileFilterWithCaching();
+        // }
+        refresh();
+    }
+    function getGrouping() {
+        return groupingInfos;
+    }
+    function setGrouping(groupingInfo) {
+        if (!options.groupItemMetadataProvider) {
+            options.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();
+        }
+        groups = [];
+        toggledGroupsByLevel = [];
+        groupingInfo = groupingInfo || [];
+        groupingInfos = (groupingInfo instanceof Array) ? groupingInfo : [groupingInfo];
+        for (let i = 0; i < groupingInfos.length; i++) {
+            const gi = groupingInfos[i] = $.deepExtend({}, groupingInfoDefaults, groupingInfos[i]);
+            gi.getterIsAFn = typeof gi.getter === "function";
+            // pre-compile accumulator loops
+            gi.compiledAccumulators = [];
+            let idx = gi.aggregators.length;
+            while (idx--) {
+                gi.compiledAccumulators[idx] = compileAccumulatorLoop(gi.aggregators[idx]);
+            }
+            toggledGroupsByLevel[i] = {};
+        }
+        refresh();
+    }
+    /**
+     * @deprecated Please use {@link setGrouping}.
+     */
+    function groupBy(valueGetter, valueFormatter, sortComparer) {
+        if (valueGetter == null) {
+            setGrouping([]);
+            return;
+        }
+        setGrouping({
+            getter: valueGetter,
+            formatter: valueFormatter,
+            comparer: sortComparer
+        });
+    }
+    /**
+     * @deprecated Please use {@link setGrouping}.
+     */
+    function setAggregators(groupAggregators, includeCollapsed) {
+        if (!groupingInfos.length) {
+            throw new Error("At least one grouping must be specified before calling setAggregators().");
+        }
+        groupingInfos[0].aggregators = groupAggregators;
+        groupingInfos[0].aggregateCollapsed = includeCollapsed;
+        setGrouping(groupingInfos);
+    }
+    function getItemByIdx(i) {
+        return items[i];
+    }
+    function getIdxById(id) {
+        return idxById[id];
+    }
+    function getIdxByItem(item) {
+        return idxById[item[idProperty]];
+    }
+    function ensureRowsByIdCache() {
+        if (!rowsById) {
+            rowsById = {};
+            for (let i = 0, l = rows.length; i < l; i++) {
+                rowsById[rows[i][idProperty]] = i;
+            }
+        }
+    }
+    function getRowByItem(item) {
+        ensureRowsByIdCache();
+        return rowsById[item[idProperty]];
+    }
+    function getRowById(id) {
+        ensureRowsByIdCache();
+        return rowsById[id];
+    }
+    function getItemById(id) {
+        return items[idxById[id]];
+    }
+    function mapItemsToRows(itemArray) {
+        let rows = [];
+        ensureRowsByIdCache();
+        for (let i = 0, l = itemArray.length; i < l; i++) {
+            let row = rowsById[itemArray[i][idProperty]];
+            if (row != null) {
+                rows[rows.length] = row;
+            }
+        }
+        return rows;
+    }
+    function mapIdsToRows(idArray) {
+        let rows = [];
+        ensureRowsByIdCache();
+        for (let i = 0, l = idArray.length; i < l; i++) {
+            let row = rowsById[idArray[i]];
+            if (row != null) {
+                rows[rows.length] = row;
+            }
+        }
+        return rows;
+    }
+    function mapRowsToIds(rowArray) {
+        let ids = [];
+        for (let i = 0, l = rowArray.length; i < l; i++) {
+            if (rowArray[i] < rows.length) {
+                ids[ids.length] = rows[rowArray[i]][idProperty];
+            }
+        }
+        return ids;
+    }
+    function updateItem(id, item) {
+        // see also https://github.com/mleibman/SlickGrid/issues/1082
+        if (idxById[id] === undefined) {
+            throw new Error("Invalid id");
+        }
+        // what if the specified item also has an updated idProperty?
+        // then we'll have to update the index as well, and possibly the `updated` cache too.
+        if (id !== item[idProperty]) {
+            // make sure the new id is unique:
+            let newId = item[idProperty];
+            if (newId == null) {
+                throw new Error("Cannot update item to associate with a null id");
+            }
+            if (idxById[newId] !== undefined) {
+                throw new Error("Cannot update item to associate with a non-unique id");
+            }
+            idxById[newId] = idxById[id];
+            delete idxById[id];
+            // also update the `updated` hashtable/markercache? Yes, `recalc()` inside `refresh()` needs that one!
+            if (updated && updated[id]) {
+                delete updated[id];
+            }
+            // also update the row indexes? no need since the `refresh()`, further down, blows away the `rowsById[]` cache!
+            id = newId;
+        }
+        items[idxById[id]] = item;
+        // also update the rows? no need since the `refresh()`, further down, blows away the `rows[]` cache and recalculates it via `recalc()`!
+        if (!updated) {
+            updated = {};
+        }
+        updated[id] = true;
+        refresh();
+    }
+    function insertItem(insertBefore, item) {
+        items.splice(insertBefore, 0, item);
+        updateIdxById(insertBefore);
+        refresh();
+    }
+    function addItem(item) {
+        items.push(item);
+        updateIdxById(items.length - 1);
+        refresh();
+    }
+    function deleteItem(id) {
+        let idx = idxById[id];
+        if (idx === undefined) {
+            throw new Error("Invalid id");
+        }
+        delete idxById[id];
+        items.splice(idx, 1);
+        updateIdxById(idx);
+        refresh();
+    }
+    function sortedAddItem(item) {
+        if (!sortComparer) {
+            throw new Error("sortedAddItem() requires a sort comparer, use sort()");
+        }
+        insertItem(sortedIndex(item), item);
+    }
+    function sortedUpdateItem(id, item) {
+        if (idxById[id] === undefined || id !== item[idProperty]) {
+            throw new Error("Invalid or non-matching id " + idxById[id]);
+        }
+        if (!sortComparer) {
+            throw new Error("sortedUpdateItem() requires a sort comparer, use sort()");
+        }
+        let oldItem = getItemById(id);
+        if (sortComparer(oldItem, item) !== 0) {
+            // item affects sorting -> must use sorted add
+            deleteItem(id);
+            sortedAddItem(item);
+        }
+        else { // update does not affect sorting -> regular update works fine
+            updateItem(id, item);
+        }
+    }
+    function sortedIndex(searchItem) {
+        let low = 0, high = items.length;
+        while (low < high) {
+            let mid = low + high >>> 1;
+            if (sortComparer(items[mid], searchItem) === -1) {
+                low = mid + 1;
+            }
+            else {
+                high = mid;
+            }
+        }
+        return low;
+    }
+    function getLength() {
+        return rows.length;
+    }
+    function getItem(i) {
+        let item = rows[i];
+        // if this is a group row, make sure totals are calculated and update the title
+        if (item && item.__group && item.totals && !item.totals.initialized) {
+            let gi = groupingInfos[item.level];
+            if (!gi.displayTotalsRow) {
+                calculateTotals(item.totals);
+                item.title = gi.formatter ? gi.formatter(item) : item.value;
+            }
+        }
+        else if (item && item.__groupTotals && !item.initialized) {
+            calculateTotals(item);
+        }
+        return item;
+    }
+    function getItemMetadata(i) {
+        let item = rows[i];
+        if (item === undefined) {
+            return null;
+        }
+        // overrides for grouping rows
+        if (item.__group) {
+            return options.groupItemMetadataProvider.getGroupRowMetadata(item);
+        }
+        // overrides for totals rows
+        if (item.__groupTotals) {
+            return options.groupItemMetadataProvider.getTotalsRowMetadata(item);
+        }
+        if (item.__height) {
+            if (item.getItemMetadata != null) {
+                return { height: item.__height, ...(item.getItemMetadata || {}) };
+            }
+            return { height: item.__height };
+        }
+        return item.getItemMetadata != null ? item.getItemMetadata(i, item) : null;
+    }
+    function expandCollapseAllGroups(level, collapse) {
+        if (level == null) {
+            for (let i = 0; i < groupingInfos.length; i++) {
+                toggledGroupsByLevel[i] = {};
+                groupingInfos[i].collapsed = collapse;
+            }
+        }
+        else {
+            toggledGroupsByLevel[level] = {};
+            groupingInfos[level].collapsed = collapse;
+        }
+        refresh();
+    }
+    /**
+     * @param level {Number} Optional level to collapse.  If not specified, applies to all levels.
+     */
+    function collapseAllGroups(level) {
+        expandCollapseAllGroups(level, true);
+    }
+    /**
+     * @param level {Number} Optional level to expand.  If not specified, applies to all levels.
+     */
+    function expandAllGroups(level) {
+        expandCollapseAllGroups(level, false);
+    }
+    function expandCollapseGroup(level, groupingKey, collapse) {
+        toggledGroupsByLevel[level][groupingKey] = groupingInfos[level].collapsed ^ collapse;
+        refresh();
+    }
+    /**
+     * @param varArgs Either a Slick.Group's "groupingKey" property, or a
+     *     variable argument list of grouping values denoting a unique path to the row.  For
+     *     example, calling collapseGroup('high', '10%') will collapse the '10%' subgroup of
+     *     the 'high' group.
+     */
+    function collapseGroup(varArgs) {
+        let args = Array.prototype.slice.call(arguments);
+        let arg0 = args[0];
+        if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
+            expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, true);
+        }
+        else {
+            expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), true);
+        }
+    }
+    /**
+     * @param varArgs Either a Slick.Group's "groupingKey" property, or a
+     *     variable argument list of grouping values denoting a unique path to the row.  For
+     *     example, calling expandGroup('high', '10%') will expand the '10%' subgroup of
+     *     the 'high' group.
+     */
+    function expandGroup(varArgs) {
+        let args = Array.prototype.slice.call(arguments);
+        let arg0 = args[0];
+        if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
+            expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, false);
+        }
+        else {
+            expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), false);
+        }
+    }
+    function getGroups() {
+        return groups;
+    }
+    function extractGroups(rows, parentGroup) {
+        let group;
+        let val;
+        let groups = [];
+        let groupsByVal = {};
+        let r;
+        let level = parentGroup ? parentGroup.level + 1 : 0;
+        let gi = groupingInfos[level];
+        for (let i = 0, l = gi.predefinedValues.length; i < l; i++) {
+            val = gi.predefinedValues[i];
+            group = groupsByVal[val];
+            if (!group) {
+                group = new Slick.Group();
+                group.value = val;
+                group.level = level;
+                group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : "") + val;
+                groups[groups.length] = group;
+                groupsByVal[val] = group;
+            }
+        }
+        for (let i = 0, l = rows.length; i < l; i++) {
+            r = rows[i];
+            val = gi.getterIsAFn ? gi.getter(r) : r[gi.getter];
+            group = groupsByVal[val];
+            if (!group) {
+                group = new Slick.Group();
+                group.value = val;
+                group.level = level;
+                group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : "") + val;
+                groups[groups.length] = group;
+                groupsByVal[val] = group;
+            }
+            group.rows[group.count++] = r;
+        }
+        if (level < groupingInfos.length - 1) {
+            for (let i = 0; i < groups.length; i++) {
+                group = groups[i];
+                group.groups = extractGroups(group.rows, group);
+            }
+        }
+        groups.sort(groupingInfos[level].comparer);
+        return groups;
+    }
+    function calculateTotals(totals) {
+        let group = totals.group;
+        let gi = groupingInfos[group.level];
+        let isLeafLevel = (group.level == groupingInfos.length);
+        let agg, idx = gi.aggregators.length;
+        if (!isLeafLevel && gi.aggregateChildGroups) {
+            // make sure all the subgroups are calculated
+            let i = group.groups.length;
+            while (i--) {
+                if (!group.groups[i].totals.initialized) {
+                    calculateTotals(group.groups[i].totals);
+                }
+            }
+        }
+        while (idx--) {
+            agg = gi.aggregators[idx];
+            agg.init();
+            if (!isLeafLevel && gi.aggregateChildGroups) {
+                gi.compiledAccumulators[idx].call(agg, group.groups);
+            }
+            else {
+                gi.compiledAccumulators[idx].call(agg, group.rows);
+            }
+            agg.storeResult(totals);
+        }
+        totals.initialized = true;
+    }
+    function addGroupTotals(group) {
+        let gi = groupingInfos[group.level];
+        let totals = new Slick.GroupTotals();
+        totals.group = group;
+        group.totals = totals;
+        if (!gi.lazyTotalsCalculation) {
+            calculateTotals(totals);
+        }
+    }
+    function addTotals(groups, level) {
+        level = level || 0;
+        let gi = groupingInfos[level];
+        let groupCollapsed = gi.collapsed;
+        let toggledGroups = toggledGroupsByLevel[level];
+        let idx = groups.length, g;
+        while (idx--) {
+            g = groups[idx];
+            if (g.collapsed && !gi.aggregateCollapsed) {
+                continue;
+            }
+            // do a depth-first aggregation so that parent group aggregators can access subgroup totals.
+            if (g.groups) {
+                addTotals(g.groups, level + 1);
+            }
+            if (gi.aggregators.length && (gi.aggregateEmpty || g.rows.length || (g.groups && g.groups.length))) {
+                addGroupTotals(g);
+            }
+            g.collapsed = groupCollapsed ^ toggledGroups[g.groupingKey];
+            g.title = gi.formatter ? gi.formatter(g) : g.value;
+        }
+    }
+    function flattenGroupedRows(groups, level) {
+        level = level || 0;
+        let gi = groupingInfos[level];
+        let groupedRows = [], rows, gl = 0, g;
+        for (let i = 0, l = groups.length; i < l; i++) {
+            g = groups[i];
+            groupedRows[gl++] = g;
+            if (!g.collapsed) {
+                rows = g.groups ? flattenGroupedRows(g.groups, level + 1) : g.rows;
+                for (let j = 0, jj = rows.length; j < jj; j++) {
+                    groupedRows[gl++] = rows[j];
+                }
+            }
+            if (g.totals && gi.displayTotalsRow && (!g.collapsed || gi.aggregateCollapsed)) {
+                groupedRows[gl++] = g.totals;
+            }
+        }
+        return groupedRows;
+    }
+    function getFunctionInfo(fn) {
+        let fnRegex = /^function[^(]*\(([^)]*)\)\s*{([\s\S]*)}$/;
+        let matches = fn.toString().match(fnRegex);
+        return {
+            params: matches[1].split(","),
+            body: matches[2]
+        };
+    }
+    function compileAccumulatorLoop(aggregator) {
+        let accumulatorInfo = getFunctionInfo(aggregator.accumulate);
+        let fn = new Function("_items", "for (var " + accumulatorInfo.params[0] + ", _i=0, _il=_items.length; _i<_il; _i++) {" +
+            accumulatorInfo.params[0] + " = _items[_i]; " +
+            accumulatorInfo.body +
+            "}");
+        fn.displayName /*= fn.name*/ = "compiledAccumulatorLoop";
+        return fn;
+    }
+    // function compileFilter() {
+    //   let filterInfo = getFunctionInfo(filter);
+    //   let filterPath1 = "{ continue _coreloop; }$1";
+    //   let filterPath2 = "{ _retval[_idx++] = $item$; continue _coreloop; }$1";
+    //   // make some allowances for minification - there's only so far we can go with RegEx
+    //   let filterBody = filterInfo.body
+    //     .replace(/return false\s*([;}]|\}|$)/gi, filterPath1)
+    //     .replace(/return!1([;}]|\}|$)/gi, filterPath1)
+    //     .replace(/return true\s*([;}]|\}|$)/gi, filterPath2)
+    //     .replace(/return!0([;}]|\}|$)/gi, filterPath2)
+    //     .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
+    //       "{ if ($1) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
+    //   // This preserves the function template code after JS compression,
+    //   // so that replace() commands still work as expected.
+    //   let tpl = [
+    //     // "function(_items, _args) { ",
+    //     "var _retval = [], _idx = 0; ",
+    //     "var $item$, $args$ = _args; ",
+    //     "_coreloop: ",
+    //     "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
+    //     "$item$ = _items[_i]; ",
+    //     "$filter$; ",
+    //     "} ",
+    //     "return _retval; "
+    //     // "}"
+    //   ].join("");
+    //   tpl = tpl.replace(/\$filter\$/gi, filterBody);
+    //   tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
+    //   tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
+    //   let fn: any = new Function("_items,_args", tpl);
+    //   fn.displayName = /*fn.name =*/ "compiledFilter";
+    //   return fn;
+    // }
+    // function compileFilterWithCaching() {
+    //   let filterInfo = getFunctionInfo(filter);
+    //   let filterPath1 = "{ continue _coreloop; }$1";
+    //   let filterPath2 = "{ _cache[_i] = true;_retval[_idx++] = $item$; continue _coreloop; }$1";
+    //   // make some allowances for minification - there's only so far we can go with RegEx
+    //   let filterBody = filterInfo.body
+    //     .replace(/return false\s*([;}]|\}|$)/gi, filterPath1)
+    //     .replace(/return!1([;}]|\}|$)/gi, filterPath1)
+    //     .replace(/return true\s*([;}]|\}|$)/gi, filterPath2)
+    //     .replace(/return!0([;}]|\}|$)/gi, filterPath2)
+    //     .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
+    //       "{ if ((_cache[_i] = $1)) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
+    //   // This preserves the function template code after JS compression,
+    //   // so that replace() commands still work as expected.
+    //   let tpl = [
+    //     // "function(_items, _args, _cache) { ",
+    //     "var _retval = [], _idx = 0; ",
+    //     "var $item$, $args$ = _args; ",
+    //     "_coreloop: ",
+    //     "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
+    //     "$item$ = _items[_i]; ",
+    //     "if (_cache[_i]) { ",
+    //     "_retval[_idx++] = $item$; ",
+    //     "continue _coreloop; ",
+    //     "} ",
+    //     "$filter$; ",
+    //     "} ",
+    //     "return _retval; "
+    //     // "}"
+    //   ].join("");
+    //   tpl = tpl.replace(/\$filter\$/gi, filterBody);
+    //   tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
+    //   tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
+    //   let fn: any = new Function("_items,_args,_cache", tpl);
+    //   fn.displayName /*= fn.name*/ = "compiledFilterWithCaching";
+    //   return fn;
+    // }
+    function uncompiledFilter(items, args) {
+        let retval = [], idx = 0;
+        for (let i = 0, ii = items.length; i < ii; i++) {
+            if (filter(items[i], args)) {
+                retval[idx++] = items[i];
+            }
+        }
+        return retval;
+    }
+    function uncompiledFilterWithCaching(items, args, cache) {
+        let retval = [], idx = 0, item;
+        for (let i = 0, ii = items.length; i < ii; i++) {
+            item = items[i];
+            if (cache[i]) {
+                retval[idx++] = item;
+            }
+            else if (filter(item, args)) {
+                retval[idx++] = item;
+                cache[i] = true;
+            }
+        }
+        return retval;
+    }
+    function getFilteredAndPagedItems(items) {
+        if (filter) {
+            let batchFilter = uncompiledFilter; // options.inlineFilters ? compiledFilter : uncompiledFilter;
+            let batchFilterWithCaching = uncompiledFilterWithCaching; // options.inlineFilters ? compiledFilterWithCaching : uncompiledFilterWithCaching;
+            if (refreshHints.isFilterNarrowing) {
+                filteredItems = batchFilter(filteredItems, filterArgs);
+            }
+            else if (refreshHints.isFilterExpanding) {
+                filteredItems = batchFilterWithCaching(items, filterArgs, filterCache);
+            }
+            else if (!refreshHints.isFilterUnchanged) {
+                filteredItems = batchFilter(items, filterArgs);
+            }
+        }
+        else {
+            // special case:  if not filtering and not paging, the resulting
+            // rows collection needs to be a copy so that changes due to sort
+            // can be caught
+            filteredItems = pagesize ? items : items.concat();
+        }
+        // get the current page
+        let paged;
+        if (pagesize) {
+            if (filteredItems.length <= pagenum * pagesize) {
+                if (filteredItems.length === 0) {
+                    pagenum = 0;
+                }
+                else {
+                    pagenum = Math.floor((filteredItems.length - 1) / pagesize);
+                }
+            }
+            paged = filteredItems.slice(pagesize * pagenum, pagesize * pagenum + pagesize);
+        }
+        else {
+            paged = filteredItems;
+        }
+        return { totalRows: filteredItems.length, rows: paged };
+    }
+    function getRowDiffs(rows, newRows) {
+        let item, r, eitherIsNonData, diff = [];
+        let from = 0, to = newRows.length;
+        if (refreshHints && refreshHints.ignoreDiffsBefore) {
+            from = Math.max(0, Math.min(newRows.length, refreshHints.ignoreDiffsBefore));
+        }
+        if (refreshHints && refreshHints.ignoreDiffsAfter) {
+            to = Math.min(newRows.length, Math.max(0, refreshHints.ignoreDiffsAfter));
+        }
+        for (let i = from, rl = rows.length; i < to; i++) {
+            if (i >= rl) {
+                diff[diff.length] = i;
+            }
+            else {
+                item = newRows[i];
+                r = rows[i];
+                if ((groupingInfos.length && (eitherIsNonData = (item.__nonDataRow) || (r.__nonDataRow)) &&
+                    item.__group !== r.__group ||
+                    item.__group && !item.equals(r))
+                    || (eitherIsNonData &&
+                        // no good way to compare totals since they are arbitrary DTOs
+                        // deep object comparison is pretty expensive
+                        // always considering them 'dirty' seems easier for the time being
+                        (item.__groupTotals || r.__groupTotals))
+                    || item[idProperty] != r[idProperty]
+                    || (updated && updated[item[idProperty]])) {
+                    diff[diff.length] = i;
+                }
+            }
+        }
+        return diff;
+    }
+    function recalc(_items, second) {
+        rowsById = null;
+        if (refreshHints.isFilterNarrowing != prevRefreshHints.isFilterNarrowing ||
+            refreshHints.isFilterExpanding != prevRefreshHints.isFilterExpanding) {
+            filterCache = [];
+        }
+        let filteredItems = getFilteredAndPagedItems(_items);
+        totalRows = filteredItems.totalRows;
+        let newRows = filteredItems.rows;
+        groups = [];
+        if (groupingInfos.length) {
+            groups = extractGroups(newRows);
+            if (groups.length) {
+                addTotals(groups);
+                newRows = flattenGroupedRows(groups);
+            }
+        }
+        let diff = getRowDiffs(rows, newRows);
+        rows = newRows;
+        return diff;
+    }
+    function refresh() {
+        if (suspend) {
+            return;
+        }
+        let countBefore = rows.length;
+        let totalRowsBefore = totalRows;
+        let diff = recalc(items, filter); // pass as direct refs to avoid closure perf hit
+        // if the current page is no longer valid, go to last page and recalc
+        // we suffer a performance penalty here, but the main loop (recalc) remains highly optimized
+        if (pagesize && totalRows < pagenum * pagesize) {
+            pagenum = Math.max(0, Math.ceil(totalRows / pagesize) - 1);
+            diff = recalc(items, filter);
+        }
+        updated = null;
+        prevRefreshHints = refreshHints;
+        refreshHints = {};
+        if (totalRowsBefore !== totalRows) {
+            onPagingInfoChanged.notify(getPagingInfo(), null, self);
+        }
+        if (countBefore !== rows.length) {
+            onRowCountChanged.notify({ previous: countBefore, current: rows.length, dataView: self, callingOnRowsChanged: (diff.length > 0) }, null, self);
+        }
+        if (diff.length > 0) {
+            onRowsChanged.notify({ rows: diff, dataView: self, calledOnRowCountChanged: (countBefore !== rows.length) }, null, self);
+        }
+        if (countBefore !== rows.length || diff.length > 0) {
+            onRowsOrCountChanged.notify({
+                rowsDiff: diff, previousRowCount: countBefore, currentRowCount: rows.length,
+                rowCountChanged: countBefore !== rows.length, rowsChanged: diff.length > 0, dataView: self
+            }, null, self);
+        }
+    }
+    /***
+     * Wires the grid and the DataView together to keep row selection tied to item ids.
+     * This is useful since, without it, the grid only knows about rows, so if the items
+     * move around, the same rows stay selected instead of the selection moving along
+     * with the items.
+     *
+     * NOTE:  This doesn't work with cell selection model.
+     *
+     * @param grid {Slick.Grid} The grid to sync selection with.
+     * @param preserveHidden {Boolean} Whether to keep selected items that go out of the
+     *     view due to them getting filtered out.
+     * @param preserveHiddenOnSelectionChange {Boolean} Whether to keep selected items
+     *     that are currently out of the view (see preserveHidden) as selected when selection
+     *     changes.
+     * @return {Slick.Event} An event that notifies when an internal list of selected row ids
+     *     changes.  This is useful since, in combination with the above two options, it allows
+     *     access to the full list selected row ids, and not just the ones visible to the grid.
+     * @method syncGridSelection
+     */
+    function syncGridSelection(grid, preserveHidden, preserveHiddenOnSelectionChange) {
+        let self = this;
+        let inHandler;
+        let selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
+        let onSelectedRowIdsChanged = new Slick.Event();
+        function setSelectedRowIds(rowIds) {
+            if (selectedRowIds.join(",") == rowIds.join(",")) {
+                return;
+            }
+            selectedRowIds = rowIds;
+            onSelectedRowIdsChanged.notify({
+                grid: grid,
+                ids: selectedRowIds,
+                dataView: self
+            }, new Slick.EventData(), self);
+        }
+        function update() {
+            if (selectedRowIds.length > 0) {
+                inHandler = true;
+                let selectedRows = self.mapIdsToRows(selectedRowIds);
+                if (!preserveHidden) {
+                    setSelectedRowIds(self.mapRowsToIds(selectedRows));
+                }
+                grid.setSelectedRows(selectedRows);
+                inHandler = false;
+            }
+        }
+        grid.onSelectedRowsChanged.subscribe(function (e, args) {
+            if (inHandler) {
+                return;
+            }
+            let newSelectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
+            if (!preserveHiddenOnSelectionChange || !grid.getOptions().multiSelect) {
+                setSelectedRowIds(newSelectedRowIds);
+            }
+            else {
+                // keep the ones that are hidden
+                let existing = [];
+                for (let i = 0; i < selectedRowIds.length; i++) {
+                    if (self.getRowById(selectedRowIds[i]) === undefined) {
+                        existing.push(selectedRowIds[i]);
+                    }
+                }
+                // $.grep(selectedRowIds, function(id) { return self.getRowById(id) === undefined; });
+                // add the newly selected ones
+                setSelectedRowIds(existing.concat(newSelectedRowIds));
+            }
+        });
+        this.onRowsOrCountChanged.subscribe(update);
+        return onSelectedRowIdsChanged;
+    }
+    function syncGridCellCssStyles(grid, key) {
+        let hashById;
+        let inHandler;
+        // since this method can be called after the cell styles have been set,
+        // get the existing ones right away
+        storeCellCssStyles(grid.getCellCssStyles(key));
+        function storeCellCssStyles(hash) {
+            hashById = {};
+            for (let row in hash) {
+                let id = rows[row][idProperty];
+                hashById[id] = hash[row];
+            }
+        }
+        function update() {
+            if (hashById) {
+                inHandler = true;
+                ensureRowsByIdCache();
+                let newHash = {};
+                for (let id in hashById) {
+                    let row = rowsById[id];
+                    if (row != undefined) {
+                        newHash[row] = hashById[id];
+                    }
+                }
+                grid.setCellCssStyles(key, newHash);
+                inHandler = false;
+            }
+        }
+        grid.onCellCssStylesChanged.subscribe(function (e, args) {
+            if (inHandler) {
+                return;
+            }
+            if (key != args.key) {
+                return;
+            }
+            if (args.hash) {
+                storeCellCssStyles(args.hash);
+            }
+            else {
+                // grid.onCellCssStylesChanged.unsubscribe(styleChanged); //styleChanged not declared
+                self.onRowsOrCountChanged.unsubscribe(update);
+            }
+        });
+        this.onRowsOrCountChanged.subscribe(update);
+    }
+    $.shallowExtend(this, {
+        // methods
+        beginUpdate: beginUpdate,
+        endUpdate: endUpdate,
+        setPagingOptions: setPagingOptions,
+        getPagingInfo: getPagingInfo,
+        getItems: getItems,
+        setItems: setItems,
+        setFilter: setFilter,
+        getFilter: getFilter,
+        getFilteredItems: getFilteredItems,
+        sort: sort,
+        // "fastSort": fastSort,
+        reSort: reSort,
+        setGrouping: setGrouping,
+        getGrouping: getGrouping,
+        groupBy: groupBy,
+        setAggregators: setAggregators,
+        collapseAllGroups: collapseAllGroups,
+        expandAllGroups: expandAllGroups,
+        collapseGroup: collapseGroup,
+        expandGroup: expandGroup,
+        getGroups: getGroups,
+        getIdxById: getIdxById,
+        getIdxByItem: getIdxByItem,
+        getRowByItem: getRowByItem,
+        getRowById: getRowById,
+        getItemById: getItemById,
+        getItemByIdx: getItemByIdx,
+        mapItemsToRows: mapItemsToRows,
+        mapRowsToIds: mapRowsToIds,
+        mapIdsToRows: mapIdsToRows,
+        setRefreshHints: setRefreshHints,
+        setFilterArgs: setFilterArgs,
+        refresh: refresh,
+        updateItem: updateItem,
+        insertItem: insertItem,
+        addItem: addItem,
+        deleteItem: deleteItem,
+        sortedAddItem: sortedAddItem,
+        sortedUpdateItem: sortedUpdateItem,
+        syncGridSelection: syncGridSelection,
+        syncGridCellCssStyles: syncGridCellCssStyles,
+        // data provider methods
+        getLength: getLength,
+        getItem: getItem,
+        getItemMetadata: getItemMetadata,
+        // events
+        onRowCountChanged: onRowCountChanged,
+        onRowsChanged: onRowsChanged,
+        onRowsOrCountChanged: onRowsOrCountChanged,
+        onPagingInfoChanged: onPagingInfoChanged
+    });
+}
+export function AvgAggregator(field) {
+    this.field_ = field;
+    this.init = function () {
+        this.count_ = 0;
+        this.nonNullCount_ = 0;
+        this.sum_ = 0;
+    };
+    this.accumulate = function (item) {
+        let val = item[this.field_];
+        this.count_++;
+        if (val != null && val !== "" && !isNaN(val)) {
+            this.nonNullCount_++;
+            this.sum_ += parseFloat(val);
+        }
+    };
+    this.storeResult = function (groupTotals) {
+        if (!groupTotals.avg) {
+            groupTotals.avg = {};
+        }
+        if (this.nonNullCount_ != 0) {
+            groupTotals.avg[this.field_] = this.sum_ / this.nonNullCount_;
+        }
+    };
+}
+export function MinAggregator(field) {
+    this.field_ = field;
+    this.init = function () {
+        this.min_ = null;
+    };
+    this.accumulate = function (item) {
+        let val = item[this.field_];
+        if (val != null && val !== "" && !isNaN(val)) {
+            if (this.min_ == null || val < this.min_) {
+                this.min_ = val;
+            }
+        }
+    };
+    this.storeResult = function (groupTotals) {
+        if (!groupTotals.min) {
+            groupTotals.min = {};
+        }
+        groupTotals.min[this.field_] = this.min_;
+    };
+}
+export function MaxAggregator(field) {
+    this.field_ = field;
+    this.init = function () {
+        this.max_ = null;
+    };
+    this.accumulate = function (item) {
+        let val = item[this.field_];
+        if (val != null && val !== "" && !isNaN(val)) {
+            if (this.max_ == null || val > this.max_) {
+                this.max_ = val;
+            }
+        }
+    };
+    this.storeResult = function (groupTotals) {
+        if (!groupTotals.max) {
+            groupTotals.max = {};
+        }
+        groupTotals.max[this.field_] = this.max_;
+    };
+}
+export function SumAggregator(field) {
+    this.field_ = field;
+    this.init = function () {
+        this.sum_ = null;
+    };
+    this.accumulate = function (item) {
+        let val = item[this.field_];
+        if (val != null && val !== "" && !isNaN(val)) {
+            this.sum_ += parseFloat(val);
+        }
+    };
+    this.storeResult = function (groupTotals) {
+        if (!groupTotals.sum) {
+            groupTotals.sum = {};
+        }
+        groupTotals.sum[this.field_] = this.sum_;
+    };
+}
+// tODO:  add more built-in aggregators
+// tODO:  merge common aggregators in one to prevent needles iterating