@revolist/revogrid 4.4.0-next.2 → 4.4.0-next.21

package/dist/collection/plugins/sorting/sorting.plugin.js

@@ -2,50 +2,46 @@
  * Built by Revolist
  */
 import size from 'lodash/size';
+import debounce from 'lodash/debounce';
 import { setStore } from '../../utils/store.utils';
 import ColumnDataProvider from '../../services/column.data.provider';
 import BasePlugin from '../basePlugin';
 /**
  * lifecycle
- * 1) @event beforesorting - sorting just started, nothing happened yet
+ * 1) @event beforesorting - sorting just started, nothing happened yet, can be from column or from source, if type is from rows - column will be undefined
  * 2) @metod updateColumnSorting - column sorting icon applied to grid and column get updated, data still untiuched
- * 3) @event beforesortingapply - before we applied sorting data to data source, you can prevent data apply from here
- * 4) @event afterSortingApply - sorting applied, just finished event
+ * 3) @event beforesortingapply - before we applied sorting data to data source, you can prevent event and data will not be sorted. It's called only from column sorting click
+ * 4) @event afterSortingApply - sorting applied, just finished event, from rows and columns
  *
  * If you prevent event it'll not reach farther steps
  */
 export default class SortingPlugin extends BasePlugin {
-  get hasSorting() {
-    return !!this.sorting;
-  }
   constructor(revogrid) {
     super(revogrid);
     this.revogrid = revogrid;
+    // sorting order per column
     this.sorting = null;
+    // sorting function per column, multiple columns sorting supported
     this.sortingFunc = null;
-    const beforesourceset = ({ detail }) => {
-      if (this.hasSorting) {
-        // is sorting allowed
-        const event = this.emit('beforesourcesortingapply');
-        // sorting prevented
-        if (event.defaultPrevented) {
+    this.doSort = debounce((order, comparison) => this.sort(order, comparison), 50);
+    const aftersourceset = async ({ detail: { type } }) => {
+      // if sorting was provided - sort data
+      if (!!this.sorting && this.sortingFunc) {
+        const beforeEvent = this.emit('beforesorting', { type });
+        if (beforeEvent.defaultPrevented) {
           return;
         }
-      }
-      const data = this.setData(detail.source, detail.type);
-      if (data) {
-        detail.source = data;
+        this.doSort(this.sorting, this.sortingFunc);
       }
     };
     const aftercolumnsset = async ({ detail: { order } }) => {
       const columns = await this.revogrid.getColumns();
       const sortingFunc = {};
       for (let prop in order) {
-        const column = ColumnDataProvider.getColumnByProp(columns, prop);
-        const cmp = (column === null || column === void 0 ? void 0 : column.cellCompare) || this.defaultCellCompare;
-        sortingFunc[prop] = order[prop] == 'desc' ? this.descCellCompare(cmp) : cmp;
+        const cmp = this.getComparer(ColumnDataProvider.getColumnByProp(columns, prop), order[prop]);
+        sortingFunc[prop] = cmp;
       }
-      this.sort(order, sortingFunc);
+      this.doSort(order, sortingFunc);
     };
     const headerclick = async (e) => {
       var _a, _b;
@@ -57,10 +53,24 @@ export default class SortingPlugin extends BasePlugin {
       }
       this.headerclick(e.detail.column, e.detail.index, (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.originalEvent) === null || _b === void 0 ? void 0 : _b.shiftKey);
     };
-    this.addEventListener('beforesourceset', beforesourceset);
+    this.addEventListener('after-any-source', aftersourceset);
     this.addEventListener('aftercolumnsset', aftercolumnsset);
     this.addEventListener('initialHeaderClick', headerclick);
   }
+  getComparer(column, order) {
+    const cellCmp = (column === null || column === void 0 ? void 0 : column.cellCompare.bind({ order })) || this.defaultCellCompare;
+    if (order == 'asc') {
+      return cellCmp;
+    }
+    if (order == 'desc') {
+      return this.descCellCompare(cellCmp);
+    }
+    return undefined;
+  }
+  /**
+   * Apply sorting to data on header click
+   * If additive - add to existing sorting, multiple columns can be sorted
+   */
   async headerclick(column, index, additive) {
     let order = this.getNextOrder(column.order);
     const beforeEvent = this.emit('beforesorting', { column, order, additive });
@@ -75,13 +85,13 @@ export default class SortingPlugin extends BasePlugin {
       return;
     }
     order = beforeApplyEvent.detail.order;
-    const cellCmp = (column === null || column === void 0 ? void 0 : column.cellCompare) || this.defaultCellCompare;
-    const cmp = order == 'asc' ? cellCmp : order == 'desc' ? this.descCellCompare(cellCmp) : undefined;
+    const cmp = this.getComparer(column, order);
     if (additive && this.sorting) {
       const sorting = {};
       const sortingFunc = {};
-      Object.assign(sorting, this.sorting);
-      Object.assign(sortingFunc, this.sortingFunc);
+      this.sorting = Object.assign(Object.assign({}, this.sorting), sorting);
+      // extend sorting function with new sorting for multiple columns sorting
+      this.sortingFunc = Object.assign(Object.assign({}, this.sortingFunc), sortingFunc);
       if (column.prop in sorting && size(sorting) > 1 && order === undefined) {
         delete sorting[column.prop];
         delete sortingFunc[column.prop];
@@ -90,38 +100,46 @@ export default class SortingPlugin extends BasePlugin {
         sorting[column.prop] = order;
         sortingFunc[column.prop] = cmp;
       }
-      this.sort(sorting, sortingFunc);
     }
     else {
-      this.sort({ [column.prop]: order }, { [column.prop]: cmp });
-    }
-  }
-  setData(data, type) {
-    // sorting available for rgRow type only
-    if (type === 'rgRow' && this.sortingFunc) {
-      return this.sortItems(data, this.sortingFunc);
+      // reset sorting
+      this.sorting = { [column.prop]: order };
+      this.sortingFunc = { [column.prop]: cmp };
     }
+    this.doSort(this.sorting, this.sortingFunc);
   }
   /**
-   * Sorting apply, available for rgRow type only
+   * Sort items by sorting function
+   * @requires proxyItems applied to row store
+   * @requires source applied to row store
+   *
    * @param sorting - per column sorting
    * @param data - this.stores['rgRow'].store.get('source')
    */
-  async sort(sorting, sortingFunc) {
+  async sort(sorting, sortingFunc, types = ['rgRow', 'rowPinStart', 'rowPinEnd']) {
+    // if no sorting - reset
     if (!size(sorting)) {
       this.sorting = null;
       this.sortingFunc = null;
       return;
     }
+    // set sorting
     this.sorting = sorting;
     this.sortingFunc = sortingFunc;
-    const store = await this.revogrid.getSourceStore();
-    const source = store.get('source');
-    const proxyItems = this.sortIndexByItems([...store.get('proxyItems')], source, this.sortingFunc);
-    setStore(store, {
-      proxyItems,
-      source: [...source],
-    });
+    // by default it'll sort by rgRow store
+    // todo: support multiple stores
+    for (let type of types) {
+      const store = await this.revogrid.getSourceStore(type);
+      // row data
+      const source = store.get('source');
+      // row indexes
+      const proxyItems = store.get('proxyItems');
+      const data = this.sortIndexByItems([...proxyItems], source, sortingFunc);
+      setStore(store, {
+        proxyItems: data,
+        source: [...source],
+      });
+    }
     this.emit('afterSortingApply');
   }
   defaultCellCompare(prop, a, b) {
@@ -136,41 +154,30 @@ export default class SortingPlugin extends BasePlugin {
     };
   }
   sortIndexByItems(indexes, source, sortingFunc) {
-    // TODO - is there a situation where multiple kvps in the `sorting` object would cause this to break?
-    for (let prop in sortingFunc) {
-      if (typeof sortingFunc[prop] === 'undefined') {
-        // Unsort indexes
-        return [...Array(indexes.length).keys()];
-      }
+    // if no sorting - return unsorted indexes
+    if (Object.entries(sortingFunc).length === 0) {
+      // Unsort indexes
+      return [...Array(indexes.length).keys()];
     }
+    // 
+    /**
+     * go through all indexes and align in new order
+     * performs a multi-level sorting by applying multiple comparison functions to determine the order of the items based on different properties.
+     */
     return indexes.sort((a, b) => {
-      let sorted = 0;
-      for (let prop in sortingFunc) {
-        const cmp = sortingFunc[prop];
+      for (const [prop, cmp] of Object.entries(sortingFunc)) {
         const itemA = source[a];
         const itemB = source[b];
-        sorted = cmp(prop, itemA, itemB);
-        if (sorted) {
-          break;
-        }
-      }
-      return sorted;
-    });
-  }
-  sortItems(source, sortingFunc) {
-    return source.sort((a, b) => {
-      let sorted = 0;
-      for (let prop in sortingFunc) {
-        const cmp = sortingFunc[prop];
-        if (!cmp) {
-          continue;
-        }
-        sorted = cmp(prop, a, b);
+        /**
+         * If the comparison function returns a non-zero value (sorted), it means that the items should be sorted based on the given property. In such a case, the function immediately returns the sorted value, indicating the order in which the items should be arranged.
+         * If none of the comparison functions result in a non-zero value, indicating that the items are equal or should remain in the same order, the function eventually returns 0.
+         */
+        const sorted = cmp(prop, itemA, itemB);
         if (sorted) {
-          break;
+          return sorted;
         }
       }
-      return sorted;
+      return 0;
     });
   }
   getNextOrder(currentOrder) {

package/dist/collection/plugins/sorting/sorting.plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"sorting.plugin.js","sourceRoot":"","sources":["../../../src/plugins/sorting/sorting.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,UAAU,MAAM,eAAe,CAAC;AAcvC;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,UAAU;EAInD,IAAI,UAAU;IACZ,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;EACxB,CAAC;EAED,YAAsB,QAA6B;IACjD,KAAK,CAAC,QAAQ,CAAC,CAAC;IADI,aAAQ,GAAR,QAAQ,CAAqB;IAP3C,YAAO,GAAwB,IAAI,CAAC;IACpC,gBAAW,GAAgC,IAAI,CAAC;IAStD,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAA+B,EAAE,EAAE;MAClE,IAAI,IAAI,CAAC,UAAU,EAAE;QACnB,qBAAqB;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;QACpD,oBAAoB;QACpB,IAAI,KAAK,CAAC,gBAAgB,EAAE;UAC1B,OAAO;SACR;OACF;MACD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;MACtD,IAAI,IAAI,EAAE;QACR,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;OACtB;IACH,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAA+B,EAAE,EAAE;MACnF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;MACjD,MAAM,WAAW,GAAyB,EAAE,CAAC;MAE7C,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;QACtB,MAAM,MAAM,GAAG,kBAAkB,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACjE,MAAM,GAAG,GAA6B,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,KAAI,IAAI,CAAC,kBAAkB,CAAC;QAErF,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;OAC7E;MACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAA2C,EAAE,EAAE;;MACxE,IAAI,CAAC,CAAC,gBAAgB,EAAE;QACtB,OAAO;OACR;MAED,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;QAC7B,OAAO;OACR;MAED,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,MAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,aAAa,0CAAE,QAAQ,CAAC,CAAC;IACvF,CAAC,CAAC;IAEF,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;IAC1D,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;IAC1D,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;EAC3D,CAAC;EAEO,KAAK,CAAC,WAAW,CAAC,MAA8B,EAAE,KAAa,EAAE,QAAiB;IACxF,IAAI,KAAK,GAAmB,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5E,IAAI,WAAW,CAAC,gBAAgB,EAAE;MAChC,OAAO;KACR;IACD,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;IACjC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAE1G,kBAAkB;IAClB,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9F,IAAI,gBAAgB,CAAC,gBAAgB,EAAE;MACrC,OAAO;KACR;IACD,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC;IAEtC,MAAM,OAAO,GAA6B,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,KAAI,IAAI,CAAC,kBAAkB,CAAC;IACzF,MAAM,GAAG,GAA6B,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7H,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE;MAC5B,MAAM,OAAO,GAAiB,EAAE,CAAC;MACjC,MAAM,WAAW,GAAyB,EAAE,CAAC;MAE7C,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;MACrC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;MAE7C,IAAI,MAAM,CAAC,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,SAAS,EAAE;QACtE,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;OACjC;WAAM;QACL,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QAC7B,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;OAChC;MAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACjC;SAAM;MACL,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;KAC7D;EACH,CAAC;EAEO,OAAO,CAAC,IAAyB,EAAE,IAAmB;IAC5D,wCAAwC;IACxC,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE;MACxC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;KAC/C;EACH,CAAC;EAED;;;;KAIG;EACK,KAAK,CAAC,IAAI,CAAC,OAAqB,EAAE,WAAiC;IACzE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;MAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;MACxB,OAAO;KACR;IACD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IAE/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjG,QAAQ,CAAC,KAAK,EAAE;MACd,UAAU;MACV,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;EACjC,CAAC;EAEO,kBAAkB,CAAC,IAAyB,EAAE,CAAoB,EAAE,CAAoB;;IAC9F,MAAM,EAAE,GAAG,MAAA,CAAC,CAAC,IAAI,CAAC,0CAAE,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC7C,MAAM,EAAE,GAAG,MAAA,CAAC,CAAC,IAAI,CAAC,0CAAE,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7C,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EACzC,CAAC;EAEO,eAAe,CAAC,GAA6B;IACnD,OAAO,CAAC,IAAyB,EAAE,CAAoB,EAAE,CAAoB,EAAU,EAAE;MACvF,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;EACJ,CAAC;EAEO,gBAAgB,CAAC,OAAiB,EAAE,MAA2B,EAAE,WAAiC;IACxG,qGAAqG;IACrG,KAAK,IAAI,IAAI,IAAI,WAAW,EAAE;MAC5B,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,WAAW,EAAE;QAC5C,iBAAiB;QACjB,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;OAC1C;KACF;IACD,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;MAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;MACf,KAAK,IAAI,IAAI,IAAI,WAAW,EAAE;QAC5B,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACjC,IAAI,MAAM,EAAE;UACV,MAAM;SACP;OACF;MACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC;EACL,CAAC;EAEO,SAAS,CAAC,MAA2B,EAAE,WAAiC;IAC9E,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;MAC1B,IAAI,MAAM,GAAG,CAAC,CAAC;MACf,KAAK,IAAI,IAAI,IAAI,WAAW,EAAE;QAC5B,MAAM,GAAG,GAAyC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpE,IAAI,CAAC,GAAG,EAAE;UACR,SAAS;SACV;QACD,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzB,IAAI,MAAM,EAAE;UACV,MAAM;SACP;OACF;MACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC;EACL,CAAC;EAEO,YAAY,CAAC,YAA4B;IAC/C,QAAQ,YAAY,EAAE;MACpB,KAAK,SAAS;QACZ,OAAO,KAAK,CAAC;MACf,KAAK,KAAK;QACR,OAAO,MAAM,CAAC;MAChB,KAAK,MAAM;QACT,OAAO,SAAS,CAAC;KACpB;EACH,CAAC;CACF","sourcesContent":["import size from 'lodash/size';\n\nimport { RevoGrid } from '../../interfaces';\nimport { setStore } from '../../utils/store.utils';\nimport ColumnDataProvider from '../../services/column.data.provider';\nimport BasePlugin from '../basePlugin';\n\nimport DimensionRows = RevoGrid.DimensionRows;\n\nexport type SortingOrder = Record<RevoGrid.ColumnProp, RevoGrid.Order>;\ntype SortingOrderFunction = Record<RevoGrid.ColumnProp, RevoGrid.CellCompareFunc | undefined>;\ntype SourceSetEvent = {\n  type: DimensionRows;\n  source: RevoGrid.DataType[];\n};\ntype ColumnSetEvent = {\n  order: SortingOrder;\n};\n\n/**\n * lifecycle\n * 1) @event beforesorting - sorting just started, nothing happened yet\n * 2) @metod updateColumnSorting - column sorting icon applied to grid and column get updated, data still untiuched\n * 3) @event beforesortingapply - before we applied sorting data to data source, you can prevent data apply from here\n * 4) @event afterSortingApply - sorting applied, just finished event\n *\n * If you prevent event it'll not reach farther steps\n */\n\nexport default class SortingPlugin extends BasePlugin {\n  private sorting: SortingOrder | null = null;\n  private sortingFunc: SortingOrderFunction | null = null;\n\n  get hasSorting() {\n    return !!this.sorting;\n  }\n\n  constructor(protected revogrid: HTMLRevoGridElement) {\n    super(revogrid);\n\n    const beforesourceset = ({ detail }: CustomEvent<SourceSetEvent>) => {\n      if (this.hasSorting) {\n        // is sorting allowed\n        const event = this.emit('beforesourcesortingapply');\n        // sorting prevented\n        if (event.defaultPrevented) {\n          return;\n        }\n      }\n      const data = this.setData(detail.source, detail.type);\n      if (data) {\n        detail.source = data;\n      }\n    };\n    const aftercolumnsset = async ({ detail: { order } }: CustomEvent<ColumnSetEvent>) => {\n      const columns = await this.revogrid.getColumns();\n      const sortingFunc: SortingOrderFunction = {};\n\n      for (let prop in order) {\n        const column = ColumnDataProvider.getColumnByProp(columns, prop);\n        const cmp: RevoGrid.CellCompareFunc = column?.cellCompare || this.defaultCellCompare;\n\n        sortingFunc[prop] = order[prop] == 'desc' ? this.descCellCompare(cmp) : cmp;\n      }\n      this.sort(order, sortingFunc);\n    };\n    const headerclick = async (e: CustomEvent<RevoGrid.InitialHeaderClick>) => {\n      if (e.defaultPrevented) {\n        return;\n      }\n\n      if (!e.detail.column.sortable) {\n        return;\n      }\n\n      this.headerclick(e.detail.column, e.detail.index, e.detail?.originalEvent?.shiftKey);\n    };\n\n    this.addEventListener('beforesourceset', beforesourceset);\n    this.addEventListener('aftercolumnsset', aftercolumnsset);\n    this.addEventListener('initialHeaderClick', headerclick);\n  }\n\n  private async headerclick(column: RevoGrid.ColumnRegular, index: number, additive: boolean) {\n    let order: RevoGrid.Order = this.getNextOrder(column.order);\n    const beforeEvent = this.emit('beforesorting', { column, order, additive });\n    if (beforeEvent.defaultPrevented) {\n      return;\n    }\n    order = beforeEvent.detail.order;\n    const newCol = await this.revogrid.updateColumnSorting(beforeEvent.detail.column, index, order, additive);\n\n    // apply sort data\n    const beforeApplyEvent = this.emit('beforesortingapply', { column: newCol, order, additive });\n    if (beforeApplyEvent.defaultPrevented) {\n      return;\n    }\n    order = beforeApplyEvent.detail.order;\n\n    const cellCmp: RevoGrid.CellCompareFunc = column?.cellCompare || this.defaultCellCompare;\n    const cmp: RevoGrid.CellCompareFunc = order == 'asc' ? cellCmp : order == 'desc' ? this.descCellCompare(cellCmp) : undefined;\n\n    if (additive && this.sorting) {\n      const sorting: SortingOrder = {};\n      const sortingFunc: SortingOrderFunction = {};\n\n      Object.assign(sorting, this.sorting);\n      Object.assign(sortingFunc, this.sortingFunc);\n\n      if (column.prop in sorting && size(sorting) > 1 && order === undefined) {\n        delete sorting[column.prop];\n        delete sortingFunc[column.prop];\n      } else {\n        sorting[column.prop] = order;\n        sortingFunc[column.prop] = cmp;\n      }\n\n      this.sort(sorting, sortingFunc);\n    } else {\n      this.sort({ [column.prop]: order }, { [column.prop]: cmp });\n    }\n  }\n\n  private setData(data: RevoGrid.DataType[], type: DimensionRows): RevoGrid.DataType[] | void {\n    // sorting available for rgRow type only\n    if (type === 'rgRow' && this.sortingFunc) {\n      return this.sortItems(data, this.sortingFunc);\n    }\n  }\n\n  /**\n   * Sorting apply, available for rgRow type only\n   * @param sorting - per column sorting\n   * @param data - this.stores['rgRow'].store.get('source')\n   */\n  private async sort(sorting: SortingOrder, sortingFunc: SortingOrderFunction) {\n    if (!size(sorting)) {\n      this.sorting = null;\n      this.sortingFunc = null;\n      return;\n    }\n    this.sorting = sorting;\n    this.sortingFunc = sortingFunc;\n\n    const store = await this.revogrid.getSourceStore();\n\n    const source = store.get('source');\n    const proxyItems = this.sortIndexByItems([...store.get('proxyItems')], source, this.sortingFunc);\n    setStore(store, {\n      proxyItems,\n      source: [...source],\n    });\n    this.emit('afterSortingApply');\n  }\n\n  private defaultCellCompare(prop: RevoGrid.ColumnProp, a: RevoGrid.DataType, b: RevoGrid.DataType) {\n    const av = a[prop]?.toString().toLowerCase();\n    const bv = b[prop]?.toString().toLowerCase();\n\n    return av == bv ? 0 : av > bv ? 1 : -1;\n  }\n\n  private descCellCompare(cmp: RevoGrid.CellCompareFunc) {\n    return (prop: RevoGrid.ColumnProp, a: RevoGrid.DataType, b: RevoGrid.DataType): number => {\n      return -1 * cmp(prop, a, b);\n    };\n  }\n\n  private sortIndexByItems(indexes: number[], source: RevoGrid.DataType[], sortingFunc: SortingOrderFunction): number[] {\n    // TODO - is there a situation where multiple kvps in the `sorting` object would cause this to break?\n    for (let prop in sortingFunc) {\n      if (typeof sortingFunc[prop] === 'undefined') {\n        // Unsort indexes\n        return [...Array(indexes.length).keys()];\n      }\n    }\n    return indexes.sort((a, b) => {\n      let sorted = 0;\n      for (let prop in sortingFunc) {\n        const cmp = sortingFunc[prop];\n        const itemA = source[a];\n        const itemB = source[b];\n        sorted = cmp(prop, itemA, itemB);\n        if (sorted) {\n          break;\n        }\n      }\n      return sorted;\n    });\n  }\n\n  private sortItems(source: RevoGrid.DataType[], sortingFunc: SortingOrderFunction): RevoGrid.DataType[] {\n    return source.sort((a, b) => {\n      let sorted = 0;\n      for (let prop in sortingFunc) {\n        const cmp: RevoGrid.CellCompareFunc | undefined = sortingFunc[prop];\n        if (!cmp) {\n          continue;\n        }\n        sorted = cmp(prop, a, b);\n        if (sorted) {\n          break;\n        }\n      }\n      return sorted;\n    });\n  }\n\n  private getNextOrder(currentOrder: RevoGrid.Order): RevoGrid.Order {\n    switch (currentOrder) {\n      case undefined:\n        return 'asc';\n      case 'asc':\n        return 'desc';\n      case 'desc':\n        return undefined;\n    }\n  }\n}\n"]}
+{"version":3,"file":"sorting.plugin.js","sourceRoot":"","sources":["../../../src/plugins/sorting/sorting.plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import size from 'lodash/size';\nimport debounce from 'lodash/debounce';\n\nimport { RevoGrid } from '../../interfaces';\nimport { setStore } from '../../utils/store.utils';\nimport ColumnDataProvider from '../../services/column.data.provider';\nimport BasePlugin from '../basePlugin';\n\nexport type SortingOrder = Record<RevoGrid.ColumnProp, RevoGrid.Order>;\ntype SortingOrderFunction = Record<RevoGrid.ColumnProp, RevoGrid.CellCompareFunc | undefined>;\ntype ColumnSetEvent = {\n  order: SortingOrder;\n};\n\n/**\n * lifecycle\n * 1) @event beforesorting - sorting just started, nothing happened yet, can be from column or from source, if type is from rows - column will be undefined\n * 2) @metod updateColumnSorting - column sorting icon applied to grid and column get updated, data still untiuched\n * 3) @event beforesortingapply - before we applied sorting data to data source, you can prevent event and data will not be sorted. It's called only from column sorting click\n * 4) @event afterSortingApply - sorting applied, just finished event, from rows and columns\n *\n * If you prevent event it'll not reach farther steps\n */\n\nexport default class SortingPlugin extends BasePlugin {\n  // sorting order per column\n  private sorting: SortingOrder | null = null;\n\n  // sorting function per column, multiple columns sorting supported\n  private sortingFunc: SortingOrderFunction | null = null;\n  private doSort = debounce((order: SortingOrder, comparison: SortingOrderFunction) => this.sort(order, comparison), 50);\n\n\n  constructor(protected revogrid: HTMLRevoGridElement) {\n    super(revogrid);\n\n    const aftersourceset = async ({ detail: { type } }: CustomEvent<{\n      type: RevoGrid.DimensionRows\n    }>) => {\n      // if sorting was provided - sort data\n      if (!!this.sorting && this.sortingFunc) {\n        const beforeEvent = this.emit('beforesorting', { type });\n        if (beforeEvent.defaultPrevented) {\n          return;\n        }\n        this.doSort(this.sorting, this.sortingFunc);\n      }\n    };\n    const aftercolumnsset = async ({ detail: { order } }: CustomEvent<ColumnSetEvent>) => {\n      const columns = await this.revogrid.getColumns();\n      const sortingFunc: SortingOrderFunction = {};\n\n      for (let prop in order) {\n        const cmp = this.getComparer(ColumnDataProvider.getColumnByProp(columns, prop), order[prop]);\n        sortingFunc[prop] = cmp;\n      }\n      this.doSort(order, sortingFunc);\n    };\n    const headerclick = async (e: CustomEvent<RevoGrid.InitialHeaderClick>) => {\n      if (e.defaultPrevented) {\n        return;\n      }\n\n      if (!e.detail.column.sortable) {\n        return;\n      }\n\n      this.headerclick(e.detail.column, e.detail.index, e.detail?.originalEvent?.shiftKey);\n    };\n\n    this.addEventListener('after-any-source', aftersourceset);\n    this.addEventListener('aftercolumnsset', aftercolumnsset);\n    this.addEventListener('initialHeaderClick', headerclick);\n  }\n\n  private getComparer(column: RevoGrid.ColumnRegular, order: RevoGrid.Order): RevoGrid.CellCompareFunc {\n    const cellCmp: RevoGrid.CellCompareFunc = column?.cellCompare.bind({ order }) || this.defaultCellCompare;\n    if (order == 'asc') {\n      return cellCmp;\n    }\n    if (order == 'desc') {\n      return this.descCellCompare(cellCmp);\n    }\n    return undefined;\n  }\n\n  /**\n   * Apply sorting to data on header click\n   * If additive - add to existing sorting, multiple columns can be sorted\n   */\n  async headerclick(column: RevoGrid.ColumnRegular, index: number, additive: boolean) {\n    let order: RevoGrid.Order = this.getNextOrder(column.order);\n    const beforeEvent = this.emit('beforesorting', { column, order, additive });\n    if (beforeEvent.defaultPrevented) {\n      return;\n    }\n    order = beforeEvent.detail.order;\n    const newCol = await this.revogrid.updateColumnSorting(beforeEvent.detail.column, index, order, additive);\n\n    // apply sort data\n    const beforeApplyEvent = this.emit('beforesortingapply', { column: newCol, order, additive });\n    if (beforeApplyEvent.defaultPrevented) {\n      return;\n    }\n    order = beforeApplyEvent.detail.order;\n    const cmp = this.getComparer(column, order);\n\n    if (additive && this.sorting) {\n      const sorting: SortingOrder = {};\n      const sortingFunc: SortingOrderFunction = {};\n\n      this.sorting = {\n        ...this.sorting,\n        ...sorting,\n      };\n      // extend sorting function with new sorting for multiple columns sorting\n      this.sortingFunc = {\n        ...this.sortingFunc,\n        ...sortingFunc,\n      };\n\n      if (column.prop in sorting && size(sorting) > 1 && order === undefined) {\n        delete sorting[column.prop];\n        delete sortingFunc[column.prop];\n      } else {\n        sorting[column.prop] = order;\n        sortingFunc[column.prop] = cmp;\n      }\n    } else {\n      // reset sorting\n      this.sorting = { [column.prop]: order };\n      this.sortingFunc = { [column.prop]: cmp };\n    }\n\n    this.doSort(this.sorting, this.sortingFunc);\n  }\n\n  /**\n   * Sort items by sorting function\n   * @requires proxyItems applied to row store\n   * @requires source applied to row store\n   * \n   * @param sorting - per column sorting\n   * @param data - this.stores['rgRow'].store.get('source')\n   */\n  async sort(sorting: SortingOrder, sortingFunc: SortingOrderFunction, types: RevoGrid.DimensionRows[] = ['rgRow', 'rowPinStart', 'rowPinEnd']) {\n    // if no sorting - reset\n    if (!size(sorting)) {\n      this.sorting = null;\n      this.sortingFunc = null;\n      return;\n    }\n    // set sorting\n    this.sorting = sorting;\n    this.sortingFunc = sortingFunc;\n\n    // by default it'll sort by rgRow store\n    // todo: support multiple stores\n    for (let type of types) {\n      const store = await this.revogrid.getSourceStore(type);\n      // row data\n      const source = store.get('source');\n      // row indexes\n      const proxyItems = store.get('proxyItems');\n      const data = this.sortIndexByItems([...proxyItems], source, sortingFunc);\n      setStore(store, {\n        proxyItems: data,\n        source: [...source],\n      });\n    }\n    this.emit('afterSortingApply');\n  }\n\n  defaultCellCompare(prop: RevoGrid.ColumnProp, a: RevoGrid.DataType, b: RevoGrid.DataType) {\n    const av = a[prop]?.toString().toLowerCase();\n    const bv = b[prop]?.toString().toLowerCase();\n\n    return av == bv ? 0 : av > bv ? 1 : -1;\n  }\n\n  descCellCompare(cmp: RevoGrid.CellCompareFunc) {\n    return (prop: RevoGrid.ColumnProp, a: RevoGrid.DataType, b: RevoGrid.DataType): number => {\n      return -1 * cmp(prop, a, b);\n    };\n  }\n\n  sortIndexByItems(indexes: number[], source: RevoGrid.DataType[], sortingFunc: SortingOrderFunction): number[] {\n    // if no sorting - return unsorted indexes\n    if (Object.entries(sortingFunc).length === 0) {\n      // Unsort indexes\n      return [...Array(indexes.length).keys()];\n    }\n    // \n    /**\n     * go through all indexes and align in new order\n     * performs a multi-level sorting by applying multiple comparison functions to determine the order of the items based on different properties.\n     */\n    return indexes.sort((a, b) => {\n      for (const [prop, cmp] of Object.entries(sortingFunc)) {\n        const itemA = source[a];\n        const itemB = source[b];\n\n        /**\n         * If the comparison function returns a non-zero value (sorted), it means that the items should be sorted based on the given property. In such a case, the function immediately returns the sorted value, indicating the order in which the items should be arranged.\n         * If none of the comparison functions result in a non-zero value, indicating that the items are equal or should remain in the same order, the function eventually returns 0.\n         */\n        const sorted = cmp(prop, itemA, itemB);\n        if (sorted) {\n          return sorted;\n        }\n      }\n      return 0;\n    });\n  }\n\n  getNextOrder(currentOrder: RevoGrid.Order): RevoGrid.Order {\n    switch (currentOrder) {\n      case undefined:\n        return 'asc';\n      case 'asc':\n        return 'desc';\n      case 'desc':\n        return undefined;\n    }\n  }\n}\n"]}

package/dist/collection/serve/controller.js

@@ -0,0 +1,183 @@
+import { generateFakeDataObject } from './data.js';
+
+window.eventsPrevented = {};
+window.showRowHeaders = function (isShow) {
+  const grid = document.querySelector('revo-grid');
+  grid.rowHeaders = isShow;
+};
+window.showColGrouping = function (isShow) {
+  setData({
+    groupedHeader: isShow,
+  });
+};
+window.setRowSize = function (s) {
+  const grid = document.querySelector('revo-grid');
+  grid.rowSize = s;
+};
+window.setEdit = function (rgRow, prop) {
+  const grid = document.querySelector('revo-grid');
+  grid.setCellEdit(rgRow, prop);
+};
+window.scrollToCol = function (x = 30) {
+  const grid = document.querySelector('revo-grid');
+  grid.scrollToColumnProp(x);
+};
+window.clearGrouping = function () {
+  const grid = document.querySelector('revo-grid');
+  grid.grouping = {};
+};
+window.setGrouping = function (props = [], expandedAll = false, groupLabelTemplate) {
+  const grid = document.querySelector('revo-grid');
+  groupLabelTemplate = (createElement, { name, depth }) => {
+    return createElement('span', null, `${props[depth]}: ${name}`);
+  };
+  grid.grouping = { props, expandedAll, groupLabelTemplate };
+};
+window.setTrimmed = function (rows = []) {
+  const grid = document.querySelector('revo-grid');
+  grid.trimmedRows = rows.reduce((r, v) => {
+    r[v] = true;
+    return r;
+  }, {});
+};
+
+window.exportGrid = function (filename = 'new file') {
+  const grid = document.querySelector('revo-grid');
+  grid.getPlugins().then(plugins => {
+    plugins.forEach(p => {
+      if (p.exportFile) {
+        const exportPlugin = p;
+        exportPlugin.exportFile({ filename });
+      }
+    });
+  });
+};
+
+let defaultData = {
+  rows: 0,
+  cols: 0,
+  topPinned: [],
+  bottomPinned: [],
+  colPinEnd: [],
+  colPinStart: [],
+  // groupedHeader: true,
+  // order: 5
+};
+window.setData = function (config = {}) {
+  defaultData = { ...defaultData, ...config };
+  const $loader = document.querySelector('.loader');
+  $loader.style.display = 'block';
+  setTimeout(() => {
+    const grid = document.querySelector('revo-grid');
+    const data = generateFakeDataObject(defaultData);
+
+    grid.columns = data.headers;
+    grid.source = data.rows;
+
+    grid.pinnedTopSource = data.pinnedTopRows;
+    grid.pinnedBottomSource = data.pinnedBottomRows;
+    $loader.style.display = 'none';
+  }, 0);
+};
+window.setPinned = function (type, checked) {
+  const val = [];
+  if (checked) {
+    switch (type) {
+      case 'colPinStart':
+        val.push(0);
+        break;
+      case 'colPinEnd':
+        val.push(1);
+        break;
+      case 'topPinned':
+        val.push(0);
+        break;
+      case 'bottomPinned':
+        val.push(1);
+        break;
+    }
+  }
+  setData({
+    [type]: val,
+  });
+};
+window.preventEvent = function (name, checked) {
+  eventsPrevented[name] = checked;
+};
+let keys = 2;
+window.toggleVisibility = function (checked) {
+  if (!checked) {
+    const grid = document.querySelector('revo-grid');
+    grid.remove();
+  } else {
+    const holder = document.querySelector('.grid-holder');
+    const grid = document.createElement('revo-grid', { is: 'revo-grid' });
+    grid.setAttribute('key', keys++);
+    holder.appendChild(grid);
+    setData();
+  }
+};
+
+
+window.onload = onLoad;
+
+function onLoad() {
+  const grid = document.querySelector('revo-grid');
+
+  grid.readonly = false;
+  grid.range = true;
+  grid.resize = true;
+
+  const filterFunc = (cellValue, extraValue) => {
+    if (!cellValue) {
+      return false;
+    }
+    if (typeof cellValue !== 'string') {
+      cellValue = JSON.stringify(cellValue);
+    }
+    return cellValue === extraValue;
+  };
+  // if you want extra input field for @extraValue
+  filterFunc.extra = 'input';
+
+  const filterConfig = {
+    include: ['newEqual'],
+    customFilters: {
+      newEqual: {
+        columnFilterType: 'myFilterType', // column filter type id
+        name: 'myEqual',
+        func: filterFunc,
+      },
+    },
+    disableDynamicFiltering: true,
+  };
+
+  grid.filter = filterConfig;
+  // grid.stretch = true;
+  grid.exporting = true;
+  grid.rowDefinitions = [
+    {
+      type: 'rgRow',
+      index: 1,
+      size: 100,
+    },
+  ];
+  /* 
+  grid.autoSizeColumn = {
+    mode: 'autoSizeAll',
+  };*/
+  // default
+  setData({ rows: 100, cols: 10 });
+
+  // events testing
+  // 'beforerange', 'setRange', 'beforefocuslost', 'beforecellfocus', 'afterfocus', 'beforeedit', 'aftercolumnresize'
+  const events = ['beforeedit', 'beforerange', 'setRange', 'afteredit'];
+  events.forEach(e => {
+    grid.addEventListener(e, $e => {
+      if (window.eventsPrevented[e]) {
+        $e.preventDefault();
+      }
+      console.log(`%c${e}`, 'background: #50d260; color: #fff; border-radius: 3px; padding: 2px 5px;', $e);
+    });
+  });
+}

package/dist/collection/services/localScrollService.js

@@ -29,7 +29,7 @@ export default class LocalScrollService {
     this.cancelScroll(e.dimension);
     const frameAnimation = new Promise((resolve, reject) => {
       const animationId = window.requestAnimationFrame(() => {
-        resolve(true);
+        resolve();
       });
       this.preventArtificialScroll[e.dimension] = reject.bind(null, animationId);
     });

package/dist/collection/services/localScrollService.js.map

@@ -1 +1 @@
-{"version":3,"file":"localScrollService.js","sourceRoot":"","sources":["../../src/services/localScrollService.ts"],"names":[],"mappings":"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","sourcesContent":["import { scaleValue } from '../utils';\nimport { RevoGrid } from '../interfaces';\n\ninterface Config {\n  beforeScroll(e: RevoGrid.ViewPortScrollEvent): void;\n  afterScroll(e: RevoGrid.ViewPortScrollEvent): void;\n}\n\ntype Params = {\n  contentSize: number;\n  virtualContentSize?: number;\n  clientSize: number;\n  virtualSize: number;\n  maxSize?: number;\n};\n\nconst initialParams: Params = {\n  contentSize: 0,\n  clientSize: 0,\n  virtualSize: 0,\n  maxSize: 0,\n};\nconst NO_COORDINATE = -1;\nexport default class LocalScrollService {\n  private preventArtificialScroll: Record<RevoGrid.DimensionType, () => void | null> = { rgRow: null, rgCol: null };\n  // to check if scroll changed\n  private previousScroll: Record<RevoGrid.DimensionType, number> = { rgRow: NO_COORDINATE, rgCol: NO_COORDINATE };\n  private params: Record<RevoGrid.DimensionType, Params> = { rgRow: { ...initialParams }, rgCol: { ...initialParams } };\n\n  constructor(private cfg: Config) {}\n\n  static getVirtualContentSize(contentSize: number, clientSize: number, virtualSize: number = 0): number {\n    return contentSize + (virtualSize ? clientSize - virtualSize : 0);\n  }\n\n  setParams(params: Params, dimension: RevoGrid.DimensionType) {\n    const virtualContentSize = LocalScrollService.getVirtualContentSize(params.contentSize, params.clientSize, params.virtualSize);\n    this.params[dimension] = {\n      ...params,\n      maxSize: virtualContentSize - params.clientSize,\n      virtualContentSize,\n    };\n  }\n\n  // apply scroll values after scroll done\n  async setScroll(e: RevoGrid.ViewPortScrollEvent) {\n    this.cancelScroll(e.dimension);\n\n    const frameAnimation = new Promise<boolean>((resolve, reject) => {\n      const animationId = window.requestAnimationFrame(() => {\n        resolve(true);\n      });\n      this.preventArtificialScroll[e.dimension] = reject.bind(null, animationId);\n    });\n    try {\n      await frameAnimation;\n      const params = this.getParams(e.dimension);\n      e.coordinate = Math.ceil(e.coordinate);\n      this.previousScroll[e.dimension] = this.wrapCoordinate(e.coordinate, params);\n      this.preventArtificialScroll[e.dimension] = null;\n      this.cfg.afterScroll({\n        ...e,\n        coordinate: params.virtualSize ? this.convert(e.coordinate, params, false) : e.coordinate,\n      });\n\n    } catch (id) {\n      window.cancelAnimationFrame(id);\n    }\n  }\n\n  // initiate scrolling event\n  scroll(\n    coordinate: number,\n    dimension: RevoGrid.DimensionType,\n    force = false,\n    delta?: number,\n    outside = false\n  ) {\n    this.cancelScroll(dimension);\n    if (!force && this.previousScroll[dimension] === coordinate) {\n      this.previousScroll[dimension] = NO_COORDINATE;\n      return;\n    }\n\n    const param = this.getParams(dimension);\n    this.cfg.beforeScroll({\n      dimension: dimension,\n      coordinate: param.virtualSize ? this.convert(coordinate, param) : coordinate,\n      delta,\n      outside\n    });\n  }\n\n  private getParams(dimension: RevoGrid.DimensionType): Params {\n    return this.params[dimension];\n  }\n\n  // check if scroll outside of region to avoid looping\n  private wrapCoordinate(c: number, param: Params): number {\n    if (c < 0) {\n      return NO_COORDINATE;\n    }\n\n    if (c > param.maxSize) {\n      return param.maxSize;\n    }\n    return c;\n  }\n\n  // prevent already started scroll, performance optimization\n  private cancelScroll(dimension: RevoGrid.DimensionType) {\n    const canceler = this.preventArtificialScroll[dimension];\n    if (canceler) {\n      canceler();\n      this.preventArtificialScroll[dimension] = null;\n    }\n  }\n\n  /* convert virtual to real and back, scale range */\n  private convert(pos: number, param: Params, toReal: boolean = true): number {\n    const minRange: number = param.clientSize;\n    const from: [number, number] = [0, param.virtualContentSize - minRange];\n    const to: [number, number] = [0, param.contentSize - param.virtualSize];\n    if (toReal) {\n      return scaleValue(pos, from, to);\n    }\n    return scaleValue(pos, to, from);\n  }\n}\n"]}
+{"version":3,"file":"localScrollService.js","sourceRoot":"","sources":["../../src/services/localScrollService.ts"],"names":[],"mappings":"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","sourcesContent":["import { scaleValue } from '../utils';\nimport { RevoGrid } from '../interfaces';\n\ninterface Config {\n  beforeScroll(e: RevoGrid.ViewPortScrollEvent): void;\n  afterScroll(e: RevoGrid.ViewPortScrollEvent): void;\n}\n\ntype Params = {\n  contentSize: number;\n  virtualContentSize?: number;\n  clientSize: number;\n  virtualSize: number;\n  maxSize?: number;\n};\n\nconst initialParams: Params = {\n  contentSize: 0,\n  clientSize: 0,\n  virtualSize: 0,\n  maxSize: 0,\n};\nconst NO_COORDINATE = -1;\nexport default class LocalScrollService {\n  private preventArtificialScroll: Record<RevoGrid.DimensionType, () => void | null> = { rgRow: null, rgCol: null };\n  // to check if scroll changed\n  private previousScroll: Record<RevoGrid.DimensionType, number> = { rgRow: NO_COORDINATE, rgCol: NO_COORDINATE };\n  private params: Record<RevoGrid.DimensionType, Params> = { rgRow: { ...initialParams }, rgCol: { ...initialParams } };\n\n  constructor(private cfg: Config) {}\n\n  static getVirtualContentSize(contentSize: number, clientSize: number, virtualSize: number = 0): number {\n    return contentSize + (virtualSize ? clientSize - virtualSize : 0);\n  }\n\n  setParams(params: Params, dimension: RevoGrid.DimensionType) {\n    const virtualContentSize = LocalScrollService.getVirtualContentSize(params.contentSize, params.clientSize, params.virtualSize);\n    this.params[dimension] = {\n      ...params,\n      maxSize: virtualContentSize - params.clientSize,\n      virtualContentSize,\n    };\n  }\n\n  // apply scroll values after scroll done\n  async setScroll(e: RevoGrid.ViewPortScrollEvent) {\n    this.cancelScroll(e.dimension);\n\n    const frameAnimation = new Promise<void>((resolve, reject) => {\n      const animationId = window.requestAnimationFrame(() => {\n        resolve();\n      });\n      this.preventArtificialScroll[e.dimension] = reject.bind(null, animationId);\n    });\n    try {\n      await frameAnimation;\n      const params = this.getParams(e.dimension);\n      e.coordinate = Math.ceil(e.coordinate);\n      this.previousScroll[e.dimension] = this.wrapCoordinate(e.coordinate, params);\n      this.preventArtificialScroll[e.dimension] = null;\n      this.cfg.afterScroll({\n        ...e,\n        coordinate: params.virtualSize ? this.convert(e.coordinate, params, false) : e.coordinate,\n      });\n\n    } catch (id) {\n      window.cancelAnimationFrame(id);\n    }\n  }\n\n  // initiate scrolling event\n  scroll(\n    coordinate: number,\n    dimension: RevoGrid.DimensionType,\n    force = false,\n    delta?: number,\n    outside = false\n  ) {\n    this.cancelScroll(dimension);\n    if (!force && this.previousScroll[dimension] === coordinate) {\n      this.previousScroll[dimension] = NO_COORDINATE;\n      return;\n    }\n\n    const param = this.getParams(dimension);\n    this.cfg.beforeScroll({\n      dimension: dimension,\n      coordinate: param.virtualSize ? this.convert(coordinate, param) : coordinate,\n      delta,\n      outside\n    });\n  }\n\n  private getParams(dimension: RevoGrid.DimensionType): Params {\n    return this.params[dimension];\n  }\n\n  // check if scroll outside of region to avoid looping\n  private wrapCoordinate(c: number, param: Params): number {\n    if (c < 0) {\n      return NO_COORDINATE;\n    }\n\n    if (c > param.maxSize) {\n      return param.maxSize;\n    }\n    return c;\n  }\n\n  // prevent already started scroll, performance optimization\n  private cancelScroll(dimension: RevoGrid.DimensionType) {\n    const canceler = this.preventArtificialScroll[dimension];\n    if (canceler) {\n      canceler();\n      this.preventArtificialScroll[dimension] = null;\n    }\n  }\n\n  /* convert virtual to real and back, scale range */\n  private convert(pos: number, param: Params, toReal: boolean = true): number {\n    const minRange: number = param.clientSize;\n    const from: [number, number] = [0, param.virtualContentSize - minRange];\n    const to: [number, number] = [0, param.contentSize - param.virtualSize];\n    if (toReal) {\n      return scaleValue(pos, from, to);\n    }\n    return scaleValue(pos, to, from);\n  }\n}\n"]}

package/dist/collection/services/resizable.directive.d.ts

@@ -1,6 +1,4 @@
-import { VNode } from '../stencil-public-runtime';
-import { RevoGrid } from '../interfaces';
-type Props = {
+export type ResizeProps = {
   active: ('r' | 'rb' | 'b' | 'lb' | 'l' | 'lt' | 't' | 'rt')[];
   fitParent: boolean;
   minWidth: number;
@@ -9,7 +7,7 @@ type Props = {
   maxWidth?: number;
   maxHeight?: number;
   onResize?(e: ResizeEvent): void;
-  onDoubleClick?(): void;
+  onDoubleClick?(originalEvent: MouseEvent): void;
 };
 export type ResizeEvent = {
   eventName: string;
@@ -18,6 +16,11 @@ export type ResizeEvent = {
   width?: number;
   height?: number;
 };
+export declare enum ResizeEvents {
+  start = "resize:start",
+  move = "resize:move",
+  end = "resize:end"
+}
 export declare class ResizeDirective {
   private initialProps;
   private $event?;
@@ -39,7 +42,7 @@ export declare class ResizeDirective {
   private disableCalcMap;
   private mouseMoveFunc;
   private mouseUpFunc;
-  constructor(initialProps: Partial<Props>, $event?: (e: ResizeEvent) => void);
+  constructor(initialProps: Partial<ResizeProps>, $event?: (e: ResizeEvent) => void);
   set($el: HTMLElement): void;
   emitEvent(eventName: string, additionalOptions?: any): void;
   private static isTouchEvent;
@@ -51,5 +54,3 @@ export declare class ResizeDirective {
   private bindMove;
   private unbindMove;
 }
-export declare const ResizableElement: (props: Partial<Props> & RevoGrid.CellProps, children: VNode[]) => any;
-export {};