@revolist/revogrid 4.0.2-next → 4.0.2

package/dist/collection/plugins/groupingRow/grouping.row.expand.service.js

@@ -1,26 +1,28 @@
-import { PSEUDO_GROUP_ITEM_ID, GROUP_EXPANDED, GROUP_DEPTH } from './grouping.const';
-import { isGrouping, getParsedGroup, isSameGroup } from './grouping.service';
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { PSEUDO_GROUP_ITEM_ID, PSEUDO_GROUP_ITEM_VALUE, GROUP_EXPANDED, GROUP_DEPTH } from "./grouping.const";
+import { isGrouping, getParsedGroup, isSameGroup } from "./grouping.service";
 // provide collapse data
 export function doCollapse(pIndex, source) {
-  const model = source[pIndex];
-  const currentId = model[PSEUDO_GROUP_ITEM_ID];
-  const trimmed = {};
-  let i = pIndex + 1;
-  const total = source.length;
-  while (i < total) {
-    const currentModel = source[i];
-    if (isGrouping(currentModel)) {
-      if (currentId !== currentModel[PSEUDO_GROUP_ITEM_ID]) {
-        break;
-      }
-      else {
-        currentModel[GROUP_EXPANDED] = false;
-      }
+    const model = source[pIndex];
+    const collapseValue = model[PSEUDO_GROUP_ITEM_VALUE];
+    const trimmed = {};
+    let i = pIndex + 1;
+    const total = source.length;
+    while (i < total) {
+        const currentModel = source[i];
+        if (isGrouping(currentModel)) {
+            const currentValue = currentModel[PSEUDO_GROUP_ITEM_VALUE];
+            if (!currentValue.length || !currentValue.startsWith(collapseValue + ',')) {
+                break;
+            }
+            currentModel[GROUP_EXPANDED] = false;
+        }
+        trimmed[i++] = true;
     }
-    trimmed[i++] = true;
-  }
-  model[GROUP_EXPANDED] = false;
-  return { trimmed };
+    model[GROUP_EXPANDED] = false;
+    return { trimmed };
 }
 /**
  *
@@ -30,47 +32,48 @@ export function doCollapse(pIndex, source) {
  * @param rowItemsIndexes - rgRow indexes
  */
 export function doExpand(vIndex, source, rowItemsIndexes) {
-  const physicalIndex = rowItemsIndexes[vIndex];
-  const model = source[physicalIndex];
-  const currentGroup = getParsedGroup(model[PSEUDO_GROUP_ITEM_ID]);
-  const trimmed = {};
-  // no group found
-  if (!currentGroup) {
-    return { trimmed };
-  }
-  const groupItems = [];
-  model[GROUP_EXPANDED] = true;
-  let i = physicalIndex + 1;
-  const total = source.length;
-  let groupLevelOnly = 0;
-  // go through all rows
-  while (i < total) {
-    const currentModel = source[i];
-    const isGroup = isGrouping(currentModel);
-    // group found
-    if (isGroup) {
-      if (!isSameGroup(currentGroup, model, currentModel)) {
-        break;
-      }
-      else if (!groupLevelOnly) {
-        // if get group first it's group only level
-        groupLevelOnly = currentModel[GROUP_DEPTH];
-      }
+    const physicalIndex = rowItemsIndexes[vIndex];
+    const model = source[physicalIndex];
+    const currentGroup = getParsedGroup(model[PSEUDO_GROUP_ITEM_ID]);
+    const trimmed = {};
+    // no group found
+    if (!currentGroup) {
+        return { trimmed };
+    }
+    const groupItems = [];
+    model[GROUP_EXPANDED] = true;
+    let i = physicalIndex + 1;
+    const total = source.length;
+    let groupLevelOnly = 0;
+    // go through all rows
+    while (i < total) {
+        const currentModel = source[i];
+        const isGroup = isGrouping(currentModel);
+        // group found
+        if (isGroup) {
+            if (!isSameGroup(currentGroup, model, currentModel)) {
+                break;
+            }
+            else if (!groupLevelOnly) {
+                // if get group first it's group only level
+                groupLevelOnly = currentModel[GROUP_DEPTH];
+            }
+        }
+        // level 0 or same depth
+        if (!groupLevelOnly || (isGroup && groupLevelOnly === currentModel[GROUP_DEPTH])) {
+            trimmed[i] = false;
+            groupItems.push(i);
+        }
+        i++;
     }
-    // level 0 or same depth
-    if (!groupLevelOnly || (isGroup && groupLevelOnly === currentModel[GROUP_DEPTH])) {
-      trimmed[i] = false;
-      groupItems.push(i);
+    const result = {
+        trimmed,
+    };
+    if (groupItems.length) {
+        const items = [...rowItemsIndexes];
+        items.splice(vIndex + 1, 0, ...groupItems);
+        result.items = items;
     }
-    i++;
-  }
-  const result = {
-    trimmed,
-  };
-  if (groupItems.length) {
-    const items = [...rowItemsIndexes];
-    items.splice(vIndex + 1, 0, ...groupItems);
-    result.items = items;
-  }
-  return result;
+    return result;
 }
+//# sourceMappingURL=grouping.row.expand.service.js.map

package/dist/collection/plugins/groupingRow/grouping.row.expand.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.row.expand.service.js","sourceRoot":"","sources":["../../../src/plugins/groupingRow/grouping.row.expand.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE7E,wBAAwB;AACxB,MAAM,UAAU,UAAU,CAAC,MAAc,EAAE,MAAkB;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,aAAa,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACrD,MAAM,OAAO,GAA4B,EAAE,CAAC;IAC5C,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IACnB,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5B,OAAO,CAAC,GAAG,KAAK,EAAE,CAAC;QACjB,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/B,IAAI,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;YAC7B,MAAM,YAAY,GAAG,YAAY,CAAC,uBAAuB,CAAC,CAAC;YAC3D,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,GAAG,GAAG,CAAC,EAAE,CAAC;gBAC1E,MAAM;YACR,CAAC;YACD,YAAY,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC;QACvC,CAAC;QACD,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACtB,CAAC;IACD,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAC;AACrB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,MAAc,EAAE,MAAkB,EAAE,eAAyB;IACpF,MAAM,aAAa,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACjE,MAAM,OAAO,GAA4B,EAAE,CAAC;IAE5C,iBAAiB;IACjB,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,UAAU,GAAa,EAAE,CAAC;IAChC,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;IAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5B,IAAI,cAAc,GAAG,CAAC,CAAC;IAEvB,sBAAsB;IACtB,OAAO,CAAC,GAAG,KAAK,EAAE,CAAC;QACjB,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QACzC,cAAc;QACd,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC;gBACpD,MAAM;YACR,CAAC;iBAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAC3B,2CAA2C;gBAC3C,cAAc,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;QACD,wBAAwB;QACxB,IAAI,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,cAAc,KAAK,YAAY,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;YACjF,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACnB,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,CAAC,EAAE,CAAC;IACN,CAAC;IACD,MAAM,MAAM,GAGR;QACF,OAAO;KACR,CAAC;IACF,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;QACtB,MAAM,KAAK,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC;QACnC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { DataType } from '../..';\nimport { PSEUDO_GROUP_ITEM_ID, PSEUDO_GROUP_ITEM_VALUE, GROUP_EXPANDED, GROUP_DEPTH } from './grouping.const';\nimport { isGrouping, getParsedGroup, isSameGroup } from './grouping.service';\n\n// provide collapse data\nexport function doCollapse(pIndex: number, source: DataType[]) {\n  const model = source[pIndex];\n  const collapseValue = model[PSEUDO_GROUP_ITEM_VALUE];\n  const trimmed: Record<number, boolean> = {};\n  let i = pIndex + 1;\n  const total = source.length;\n  while (i < total) {\n    const currentModel = source[i];\n    if (isGrouping(currentModel)) {\n      const currentValue = currentModel[PSEUDO_GROUP_ITEM_VALUE];\n      if (!currentValue.length || !currentValue.startsWith(collapseValue + ',')) {\n        break;\n      }\n      currentModel[GROUP_EXPANDED] = false;\n    }\n    trimmed[i++] = true;\n  }\n  model[GROUP_EXPANDED] = false;\n  return { trimmed };\n}\n\n/**\n *\n * @param pIndex - physical index\n * @param vIndex - virtual index, need to update item collection\n * @param source - data source\n * @param rowItemsIndexes - rgRow indexes\n */\nexport function doExpand(vIndex: number, source: DataType[], rowItemsIndexes: number[]) {\n  const physicalIndex = rowItemsIndexes[vIndex];\n  const model = source[physicalIndex];\n  const currentGroup = getParsedGroup(model[PSEUDO_GROUP_ITEM_ID]);\n  const trimmed: Record<number, boolean> = {};\n\n  // no group found\n  if (!currentGroup) {\n    return { trimmed };\n  }\n\n  const groupItems: number[] = [];\n  model[GROUP_EXPANDED] = true;\n  let i = physicalIndex + 1;\n  const total = source.length;\n  let groupLevelOnly = 0;\n\n  // go through all rows\n  while (i < total) {\n    const currentModel = source[i];\n    const isGroup = isGrouping(currentModel);\n    // group found\n    if (isGroup) {\n      if (!isSameGroup(currentGroup, model, currentModel)) {\n        break;\n      } else if (!groupLevelOnly) {\n        // if get group first it's group only level\n        groupLevelOnly = currentModel[GROUP_DEPTH];\n      }\n    }\n    // level 0 or same depth\n    if (!groupLevelOnly || (isGroup && groupLevelOnly === currentModel[GROUP_DEPTH])) {\n      trimmed[i] = false;\n      groupItems.push(i);\n    }\n    i++;\n  }\n  const result: {\n    trimmed: Record<number, boolean>;\n    items?: number[];\n  } = {\n    trimmed,\n  };\n  if (groupItems.length) {\n    const items = [...rowItemsIndexes];\n    items.splice(vIndex + 1, 0, ...groupItems);\n    result.items = items;\n  }\n  return result;\n}\n"]}

package/dist/collection/plugins/groupingRow/grouping.row.plugin.js

@@ -1,258 +1,260 @@
-import { getPhysical, setItems } from '../../store/dataSource/data.store';
-import { columnTypes } from '../../store/storeTypes';
-import BasePlugin from '../basePlugin';
-import { FILTER_TRIMMED_TYPE } from '../filter/filter.plugin';
-import { GROUPING_ROW_TYPE, GROUP_EXPANDED, GROUP_EXPAND_EVENT, PSEUDO_GROUP_COLUMN, PSEUDO_GROUP_ITEM_VALUE } from './grouping.const';
-import { doExpand, doCollapse } from './grouping.row.expand.service';
-import { gatherGrouping, isGrouping, isGroupingColumn } from './grouping.service';
-import { processDoubleConversionTrimmed, TRIMMED_GROUPING } from './grouping.trimmed.service';
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { getPhysical, setItems } from "../../store/dataSource/data.store";
+import { columnTypes } from "../../store/storeTypes";
+import { BasePlugin } from "../base.plugin";
+import { FILTER_TRIMMED_TYPE } from "../filter/filter.plugin";
+import { GROUPING_ROW_TYPE, GROUP_EXPANDED, GROUP_EXPAND_EVENT, PSEUDO_GROUP_COLUMN, PSEUDO_GROUP_ITEM_VALUE, } from "./grouping.const";
+import { doExpand, doCollapse } from "./grouping.row.expand.service";
+import { gatherGrouping, isGrouping, isGroupingColumn, } from "./grouping.service";
+import { processDoubleConversionTrimmed, TRIMMED_GROUPING, } from "./grouping.trimmed.service";
 export default class GroupingRowPlugin extends BasePlugin {
-  constructor(revogrid, providers) {
-    super(revogrid);
-    this.revogrid = revogrid;
-    this.providers = providers;
-  }
-  get hasProps() {
-    var _a, _b, _c;
-    return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) && ((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.length);
-  }
-  get store() {
-    return this.providers.dataProvider.stores[GROUPING_ROW_TYPE].store;
-  }
-  // proxy for items get
-  get rowItems() {
-    return this.store.get('items');
-  }
-  get trimmed() {
-    return this.store.get('trimmed');
-  }
-  // befoce cell focus
-  onFocus(e) {
-    if (isGrouping(e.detail.model)) {
-      e.preventDefault();
+    get hasProps() {
+        var _a, _b, _c;
+        return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) && ((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.length);
     }
-  }
-  // expand event triggered
-  onExpand({ virtualIndex }) {
-    const { source } = this.getSource();
-    let newTrimmed = this.trimmed[TRIMMED_GROUPING];
-    let i = getPhysical(this.store, virtualIndex);
-    const model = source[i];
-    const prevExpanded = model[GROUP_EXPANDED];
-    if (!prevExpanded) {
-      const { trimmed, items } = doExpand(virtualIndex, source, this.rowItems);
-      newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
-      if (items) {
-        setItems(this.store, items);
-      }
+    get store() {
+        return this.providers.data.stores[GROUPING_ROW_TYPE].store;
     }
-    else {
-      const { trimmed } = doCollapse(i, source);
-      newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
-      this.revogrid.clearFocus();
+    // proxy for items get
+    get rowItems() {
+        return this.store.get('items');
     }
-    this.store.set('source', source);
-    this.revogrid.addTrimmed(newTrimmed, TRIMMED_GROUPING);
-  }
-  // get source based on proxy item collection to preserve rgRow order
-  getSource(withoutGrouping = false) {
-    const source = this.store.get('source');
-    const items = this.store.get('proxyItems');
-    let index = 0;
-    // order important here, expected parent is first, then others
-    return items.reduce((result, i) => {
-      const model = source[i];
-      if (!withoutGrouping) {
-        result.source.push(model);
-        return result;
-      }
-      // grouping filter
-      if (!isGrouping(model)) {
-        result.source.push(model);
-        result.oldNewIndexes[i] = index;
-        index++;
-      }
-      else {
-        if (model[GROUP_EXPANDED]) {
-          result.prevExpanded[model[PSEUDO_GROUP_ITEM_VALUE]] = true;
+    get trimmed() {
+        return this.store.get('trimmed');
+    }
+    constructor(revogrid, providers) {
+        super(revogrid, providers);
+        this.revogrid = revogrid;
+        this.providers = providers;
+    }
+    // befoce cell focus
+    onFocus(e) {
+        if (isGrouping(e.detail.model)) {
+            e.preventDefault();
         }
-      }
-      return result;
-    }, {
-      source: [],
-      prevExpanded: {},
-      oldNewIndexes: {},
-    });
-  }
-  setColumnGrouping(cols) {
-    // if 0 column as holder
-    if (cols === null || cols === void 0 ? void 0 : cols.length) {
-      cols[0][PSEUDO_GROUP_COLUMN] = true;
-      return true;
     }
-    return false;
-  }
-  setColumns({ columns }) {
-    for (let type of columnTypes) {
-      if (this.setColumnGrouping(columns[type])) {
-        break;
-      }
+    // expand event triggered
+    onExpand({ virtualIndex }) {
+        const { source } = this.getSource();
+        let newTrimmed = this.trimmed[TRIMMED_GROUPING];
+        let i = getPhysical(this.store, virtualIndex);
+        const model = source[i];
+        const prevExpanded = model[GROUP_EXPANDED];
+        if (!prevExpanded) {
+            const { trimmed, items } = doExpand(virtualIndex, source, this.rowItems);
+            newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
+            if (items) {
+                setItems(this.store, items);
+            }
+        }
+        else {
+            const { trimmed } = doCollapse(i, source);
+            newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
+            this.revogrid.clearFocus();
+        }
+        this.store.set('source', source);
+        this.revogrid.addTrimmed(newTrimmed, TRIMMED_GROUPING);
     }
-  }
-  // evaluate drag between groups
-  onDrag(e) {
-    const { from, to } = e.detail;
-    const isDown = to - from >= 0;
-    const { source } = this.getSource();
-    const items = this.rowItems;
-    let i = isDown ? from : to;
-    const end = isDown ? to : from;
-    for (; i < end; i++) {
-      const model = source[items[i]];
-      const isGroup = isGrouping(model);
-      if (isGroup) {
-        e.preventDefault();
-        return;
-      }
+    // get source based on proxy item collection to preserve rgRow order
+    getSource(withoutGrouping = false) {
+        const source = this.store.get('source');
+        const items = this.store.get('proxyItems');
+        let index = 0;
+        // order important here, expected parent is first, then others
+        return items.reduce((result, i) => {
+            const model = source[i];
+            if (!withoutGrouping) {
+                result.source.push(model);
+                return result;
+            }
+            // grouping filter
+            if (!isGrouping(model)) {
+                result.source.push(model);
+                result.oldNewIndexes[i] = index;
+                index++;
+            }
+            else {
+                if (model[GROUP_EXPANDED]) {
+                    result.prevExpanded[model[PSEUDO_GROUP_ITEM_VALUE]] = true;
+                }
+            }
+            return result;
+        }, {
+            source: [],
+            prevExpanded: {},
+            oldNewIndexes: {},
+        });
     }
-  }
-  beforeTrimmedApply(trimmed, type) {
-    /** Before filter apply remove grouping filtering */
-    if (type === FILTER_TRIMMED_TYPE) {
-      const source = this.store.get('source');
-      for (let index in trimmed) {
-        if (trimmed[index] && isGrouping(source[index])) {
-          trimmed[index] = false;
+    setColumnGrouping(cols) {
+        // if 0 column as holder
+        if (cols === null || cols === void 0 ? void 0 : cols.length) {
+            cols[0][PSEUDO_GROUP_COLUMN] = true;
+            return true;
         }
-      }
+        return false;
     }
-  }
-  // subscribe to grid events to process them accordingly
-  subscribe() {
-    /** if grouping present and new data source arrived */
-    this.addEventListener('beforesourceset', ({ detail }) => this.onDataSet(detail));
-    this.addEventListener('beforecolumnsset', ({ detail }) => this.setColumns(detail));
-    /**
-     * filter applied need to clear grouping and apply again
-     * based on new results can be new grouping
-     */
-    this.addEventListener('beforetrimmed', ({ detail: { trimmed, trimmedType } }) => this.beforeTrimmedApply(trimmed, trimmedType));
-    /**
-     * sorting applied need to clear grouping and apply again
-     * based on new results whole grouping order will changed
-     */
-    this.addEventListener('afterSortingApply', () => this.doSourceUpdate());
-    /**
-     * Apply logic for focus inside of grouping
-     * We can't focus on grouping rows, navigation only inside of groups for now
-     */
-    this.addEventListener('beforecellfocus', e => this.onFocus(e));
-    /**
-     * Prevent rgRow drag outside the group
-     */
-    this.addEventListener('roworderchanged', e => this.onDrag(e));
-    /**
-     * When grouping expand icon was clicked
-     */
-    this.addEventListener(GROUP_EXPAND_EVENT, ({ detail }) => this.onExpand(detail));
-  }
-  /**
-   * Starts global source update with group clearing and applying new one
-   * Initiated when need to reapply grouping
-   */
-  doSourceUpdate(options) {
-    if (!this.hasProps) {
-      return;
+    setColumns({ columns }) {
+        for (let type of columnTypes) {
+            if (this.setColumnGrouping(columns[type])) {
+                break;
+            }
+        }
+    }
+    // evaluate drag between groups
+    onDrag(e) {
+        const { from, to } = e.detail;
+        const isDown = to - from >= 0;
+        const { source } = this.getSource();
+        const items = this.rowItems;
+        let i = isDown ? from : to;
+        const end = isDown ? to : from;
+        for (; i < end; i++) {
+            const model = source[items[i]];
+            const isGroup = isGrouping(model);
+            if (isGroup) {
+                e.preventDefault();
+                return;
+            }
+        }
+    }
+    beforeTrimmedApply(trimmed, type) {
+        /** Before filter apply remove grouping filtering */
+        if (type === FILTER_TRIMMED_TYPE) {
+            const source = this.store.get('source');
+            for (let index in trimmed) {
+                if (trimmed[index] && isGrouping(source[index])) {
+                    trimmed[index] = false;
+                }
+            }
+        }
+    }
+    // subscribe to grid events to process them accordingly
+    subscribe() {
+        /** if grouping present and new data source arrived */
+        this.addEventListener('beforesourceset', ({ detail }) => this.onDataSet(detail));
+        this.addEventListener('beforecolumnsset', ({ detail }) => this.setColumns(detail));
+        /**
+         * filter applied need to clear grouping and apply again
+         * based on new results can be new grouping
+         */
+        this.addEventListener('beforetrimmed', ({ detail: { trimmed, trimmedType } }) => this.beforeTrimmedApply(trimmed, trimmedType));
+        /**
+         * sorting applied need to clear grouping and apply again
+         * based on new results whole grouping order will changed
+         */
+        this.addEventListener('aftersortingapply', () => this.doSourceUpdate(Object.assign({}, this.options)));
+        /**
+         * Apply logic for focus inside of grouping
+         * We can't focus on grouping rows, navigation only inside of groups for now
+         */
+        this.addEventListener('beforecellfocus', e => this.onFocus(e));
+        /**
+         * Prevent rgRow drag outside the group
+         */
+        this.addEventListener('roworderchanged', e => this.onDrag(e));
+        /**
+         * When grouping expand icon was clicked
+         */
+        this.addEventListener(GROUP_EXPAND_EVENT, ({ detail }) => this.onExpand(detail));
     }
     /**
-     * Get source without grouping
-     * @param newOldIndexMap - provides us mapping with new indexes vs old indexes, we would use it for trimmed mapping
+     * Starts global source update with group clearing and applying new one
+     * Initiated when need to reapply grouping
      */
-    const { source, prevExpanded, oldNewIndexes } = this.getSource(true);
+    doSourceUpdate(options) {
+        var _a;
+        if (!this.hasProps) {
+            return;
+        }
+        /**
+         * Get source without grouping
+         * @param newOldIndexMap - provides us mapping with new indexes vs old indexes, we would use it for trimmed mapping
+         */
+        const { source, prevExpanded, oldNewIndexes } = this.getSource(true);
+        /**
+         * Group again
+         * @param oldNewIndexMap - provides us mapping with new indexes vs old indexes
+         */
+        const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup, } = gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], Object.assign({ prevExpanded }, options));
+        // setup source
+        this.providers.data.setData(sourceWithGroups, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, { depth, customRenderer: options === null || options === void 0 ? void 0 : options.groupLabelTemplate }, true);
+        this.updateTrimmed(trimmed, childrenByGroup, oldNewIndexes, oldNewIndexMap);
+    }
     /**
-     * Group again
-     * @param oldNewIndexMap - provides us mapping with new indexes vs old indexes
+     * Apply grouping on data set
+     * Clear grouping from source
+     * If source came from other plugin
      */
-    const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup } = gatherGrouping(source, 
-    // filter
-    item => { var _a; return (_a = this.options) === null || _a === void 0 ? void 0 : _a.props.map(key => item[key]); }, Object.assign({ prevExpanded }, options));
-    // setup source
-    this.providers.dataProvider.setData(sourceWithGroups, GROUPING_ROW_TYPE, { depth }, true);
-    this.updateTrimmed(trimmed, childrenByGroup, oldNewIndexes, oldNewIndexMap);
-  }
-  /**
-   * Apply grouping on data set
-   * Clear grouping from source
-   * If source came from other plugin
-   */
-  onDataSet(data) {
-    if (!this.hasProps || !(data === null || data === void 0 ? void 0 : data.source) || !data.source.length) {
-      return;
-    }
-    const source = data.source.filter(s => !isGrouping(s));
-    const expanded = this.revogrid.grouping || {};
-    const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup } = gatherGrouping(source, 
-    // filter
-    item => { var _a; return (_a = this.options) === null || _a === void 0 ? void 0 : _a.props.map(key => item[key]); }, Object.assign({}, (expanded || {})));
-    data.source = sourceWithGroups;
-    this.providers.dataProvider.setGrouping({ depth });
-    this.updateTrimmed(trimmed, childrenByGroup, oldNewIndexMap);
-  }
-  // apply grouping
-  setGrouping(options) {
-    // unsubscribe from all events when group applied
-    this.clearSubscriptions();
-    this.options = options;
-    // clear props, no grouping exists
-    if (!options.props || !Object.keys(options.props).length) {
-      this.clearGrouping();
-      return;
+    onDataSet(data) {
+        var _a;
+        if (!this.hasProps || !(data === null || data === void 0 ? void 0 : data.source) || !data.source.length) {
+            return;
+        }
+        const source = data.source.filter(s => !isGrouping(s));
+        const expanded = this.revogrid.grouping || {};
+        const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup, } = gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], Object.assign({}, (expanded || {})));
+        data.source = sourceWithGroups;
+        this.providers.data.setGrouping({ depth });
+        this.updateTrimmed(trimmed, childrenByGroup, oldNewIndexMap);
     }
-    // props exist and source inited
-    const { source } = this.getSource();
-    if (source.length) {
-      this.doSourceUpdate(Object.assign({}, options));
+    // apply grouping
+    setGrouping(options) {
+        // unsubscribe from all events when group applied
+        this.clearSubscriptions();
+        this.options = options;
+        // clear props, no grouping exists
+        if (!options.props || !Object.keys(options.props).length) {
+            this.clearGrouping();
+            return;
+        }
+        // props exist and source inited
+        const { source } = this.getSource();
+        if (source.length) {
+            this.doSourceUpdate(Object.assign({}, options));
+        }
+        // props exist and columns inited
+        for (let t of columnTypes) {
+            if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
+                this.providers.column.refreshByType(t);
+                break;
+            }
+        }
+        // if has any grouping subscribe to events again
+        this.subscribe();
     }
-    // props exist and columns inited
-    for (let t of columnTypes) {
-      if (this.setColumnGrouping(this.providers.columnProvider.getColumns(t))) {
-        this.providers.columnProvider.refreshByType(t);
-        break;
-      }
+    // clear grouping
+    clearGrouping() {
+        // clear columns
+        columnTypes.forEach(t => {
+            const cols = this.providers.column.getColumns(t);
+            let deleted = false;
+            cols.forEach(c => {
+                if (isGroupingColumn(c)) {
+                    delete c[PSEUDO_GROUP_COLUMN];
+                    deleted = true;
+                }
+            });
+            // if column store had grouping clear and refresh
+            if (deleted) {
+                this.providers.column.refreshByType(t);
+            }
+        });
+        // clear rows
+        const { source, oldNewIndexes } = this.getSource(true);
+        this.providers.data.setData(source, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, undefined, true);
+        this.updateTrimmed(undefined, undefined, oldNewIndexes);
     }
-    // if has any grouping subscribe to events again
-    this.subscribe();
-  }
-  // clear grouping
-  clearGrouping() {
-    // clear columns
-    columnTypes.forEach(t => {
-      const cols = this.providers.columnProvider.getColumns(t);
-      let deleted = false;
-      cols.forEach(c => {
-        if (isGroupingColumn(c)) {
-          delete c[PSEUDO_GROUP_COLUMN];
-          deleted = true;
+    updateTrimmed(trimmedGroup = {}, _childrenByGroup = {}, firstLevelMap, secondLevelMap) {
+        // map previously trimmed data
+        const trimemedOptionsToUpgrade = processDoubleConversionTrimmed(this.trimmed, firstLevelMap, secondLevelMap);
+        for (let type in trimemedOptionsToUpgrade) {
+            this.revogrid.addTrimmed(trimemedOptionsToUpgrade[type], type);
         }
-      });
-      // if column store had grouping clear and refresh
-      if (deleted) {
-        this.providers.columnProvider.refreshByType(t);
-      }
-    });
-    // clear rows
-    const { source, oldNewIndexes } = this.getSource(true);
-    this.providers.dataProvider.setData(source, GROUPING_ROW_TYPE, undefined, true);
-    this.updateTrimmed(undefined, undefined, oldNewIndexes);
-  }
-  updateTrimmed(trimmedGroup = {}, _childrenByGroup = {}, firstLevelMap, secondLevelMap) {
-    // map previously trimmed data
-    const trimemedOptionsToUpgrade = processDoubleConversionTrimmed(this.trimmed, firstLevelMap, secondLevelMap);
-    for (let type in trimemedOptionsToUpgrade) {
-      this.revogrid.addTrimmed(trimemedOptionsToUpgrade[type], type);
+        // const emptyGroups = this.filterOutEmptyGroups(trimemedOptionsToUpgrade, childrenByGroup);
+        // setup trimmed data for grouping
+        this.revogrid.addTrimmed(Object.assign({}, trimmedGroup), TRIMMED_GROUPING);
     }
-    // const emptyGroups = this.filterOutEmptyGroups(trimemedOptionsToUpgrade, childrenByGroup);
-    // setup trimmed data for grouping
-    this.revogrid.addTrimmed(Object.assign({}, trimmedGroup), TRIMMED_GROUPING);
-  }
 }
+//# sourceMappingURL=grouping.row.plugin.js.map