@revolist/revogrid 3.3.2 → 3.4.0

package/custom-element/revo-grid.js

@@ -582,6 +582,21 @@ class DimensionProvider {
     this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setRealSize(realCount);
   }
+  /**
+   * Apply new custom sizes to dimension and view port
+   * @param type - dimension type
+   * @param sizes - new custom sizes
+   * @param keepOld - keep old sizes merge new with old
+   */
+  setCustomSizes(type, sizes, keepOld = false) {
+    let newSizes = sizes;
+    if (keepOld) {
+      const oldSizes = this.stores[type].store.get('sizes');
+      newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
+    }
+    this.stores[type].setDimensionSize(newSizes);
+    this.viewports.stores[type].setViewPortDimension(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
+  }
   /**
    * Sets dimension data and view port coordinate
    * @param items - data/column items
@@ -606,8 +621,9 @@ class DimensionProvider {
       this.stores[type].drop();
     }
   }
-  setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+  setColumns(type, newLength, sizes, noVirtual = false) {
+    this.setRealSize(newLength, type);
+    this.setCustomSizes(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -3336,8 +3352,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.beforecolumnsset.emit(columnGather);
     for (let type of columnTypes) {
       const items = columnGather.columns[type];
-      this.dimensionProvider.setRealSize(items.length, type);
-      this.dimensionProvider.setColumns(type, ColumnDataProvider.getSizes(items), type !== 'rgCol');
+      this.dimensionProvider.setColumns(type, items.length, ColumnDataProvider.getSizes(items), type !== 'rgCol');
     }
     this.beforecolumnapplied.emit(columnGather);
     const columns = this.columnProvider.setColumns(columnGather);

package/custom-element/revogr-row-headers2.js

@@ -188,6 +188,41 @@ function getFirstItem(s) {
 function getLastItem(s) {
   return s.items[s.end];
 }
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+function setItemSizes(vpItems, initialIndex, size, lastCoordinate) {
+  const items = [...vpItems];
+  const count = items.length;
+  let pos = lastCoordinate;
+  let i = 0;
+  let start = initialIndex;
+  // viewport not inited
+  if (!count) {
+    return [];
+  }
+  // loop through array from initial item after recombination
+  while (i < count) {
+    const item = items[start];
+    item.start = pos;
+    item.size = size;
+    item.end = item.start + size;
+    pos = item.end;
+    // loop by start index
+    start++;
+    i++;
+    // if start index out of array, reset it
+    if (start === count) {
+      start = 0;
+    }
+  }
+  return items;
+}
 
 /**
  * Store is responsible for visible
@@ -258,8 +293,8 @@ class ViewportStore {
     }
   }
   /** Update viewport sizes */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimension(sizes, dropToOriginalSize) {
+    let items = this.store.get('items');
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -268,6 +303,10 @@ class ViewportStore {
     let changedCoordinate = 0;
     let i = 0;
     let start = this.store.get('start');
+    // drop to original size if requested
+    if (dropToOriginalSize) {
+      items = setItemSizes(items, start, dropToOriginalSize, this.store.get('lastCoordinate'));
+    }
     // loop through array from initial item after recombination
     while (i < count) {
       const item = items[start];

package/dist/cjs/revo-grid_11.cjs.entry.js

@@ -4430,6 +4430,21 @@ class DimensionProvider {
     this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setRealSize(realCount);
   }
+  /**
+   * Apply new custom sizes to dimension and view port
+   * @param type - dimension type
+   * @param sizes - new custom sizes
+   * @param keepOld - keep old sizes merge new with old
+   */
+  setCustomSizes(type, sizes, keepOld = false) {
+    let newSizes = sizes;
+    if (keepOld) {
+      const oldSizes = this.stores[type].store.get('sizes');
+      newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
+    }
+    this.stores[type].setDimensionSize(newSizes);
+    this.viewports.stores[type].setViewPortDimension(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
+  }
   /**
    * Sets dimension data and view port coordinate
    * @param items - data/column items
@@ -4454,8 +4469,9 @@ class DimensionProvider {
       this.stores[type].drop();
     }
   }
-  setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+  setColumns(type, newLength, sizes, noVirtual = false) {
+    this.setRealSize(newLength, type);
+    this.setCustomSizes(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -4668,6 +4684,41 @@ function getFirstItem(s) {
 function getLastItem(s) {
   return s.items[s.end];
 }
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+function setItemSizes(vpItems, initialIndex, size, lastCoordinate) {
+  const items = [...vpItems];
+  const count = items.length;
+  let pos = lastCoordinate;
+  let i = 0;
+  let start = initialIndex;
+  // viewport not inited
+  if (!count) {
+    return [];
+  }
+  // loop through array from initial item after recombination
+  while (i < count) {
+    const item = items[start];
+    item.start = pos;
+    item.size = size;
+    item.end = item.start + size;
+    pos = item.end;
+    // loop by start index
+    start++;
+    i++;
+    // if start index out of array, reset it
+    if (start === count) {
+      start = 0;
+    }
+  }
+  return items;
+}
 
 /**
  * Store is responsible for visible
@@ -4738,8 +4789,8 @@ class ViewportStore {
     }
   }
   /** Update viewport sizes */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimension(sizes, dropToOriginalSize) {
+    let items = this.store.get('items');
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -4748,6 +4799,10 @@ class ViewportStore {
     let changedCoordinate = 0;
     let i = 0;
     let start = this.store.get('start');
+    // drop to original size if requested
+    if (dropToOriginalSize) {
+      items = setItemSizes(items, start, dropToOriginalSize, this.store.get('lastCoordinate'));
+    }
     // loop through array from initial item after recombination
     while (i < count) {
       const item = items[start];
@@ -25205,8 +25260,7 @@ const RevoGridComponent = class {
     this.beforecolumnsset.emit(columnGather);
     for (let type of columnTypes) {
       const items = columnGather.columns[type];
-      this.dimensionProvider.setRealSize(items.length, type);
-      this.dimensionProvider.setColumns(type, ColumnDataProvider.getSizes(items), type !== 'rgCol');
+      this.dimensionProvider.setColumns(type, items.length, ColumnDataProvider.getSizes(items), type !== 'rgCol');
     }
     this.beforecolumnapplied.emit(columnGather);
     const columns = this.columnProvider.setColumns(columnGather);

package/dist/collection/components/revo-grid/revo-grid.js

@@ -392,8 +392,7 @@ export class RevoGridComponent {
     this.beforecolumnsset.emit(columnGather);
     for (let type of columnTypes) {
       const items = columnGather.columns[type];
-      this.dimensionProvider.setRealSize(items.length, type);
-      this.dimensionProvider.setColumns(type, ColumnDataProvider.getSizes(items), type !== 'rgCol');
+      this.dimensionProvider.setColumns(type, items.length, ColumnDataProvider.getSizes(items), type !== 'rgCol');
     }
     this.beforecolumnapplied.emit(columnGather);
     const columns = this.columnProvider.setColumns(columnGather);

package/dist/collection/services/dimension.provider.js

@@ -21,6 +21,21 @@ export default class DimensionProvider {
     this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setRealSize(realCount);
   }
+  /**
+   * Apply new custom sizes to dimension and view port
+   * @param type - dimension type
+   * @param sizes - new custom sizes
+   * @param keepOld - keep old sizes merge new with old
+   */
+  setCustomSizes(type, sizes, keepOld = false) {
+    let newSizes = sizes;
+    if (keepOld) {
+      const oldSizes = this.stores[type].store.get('sizes');
+      newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
+    }
+    this.stores[type].setDimensionSize(newSizes);
+    this.viewports.stores[type].setViewPortDimension(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
+  }
   /**
    * Sets dimension data and view port coordinate
    * @param items - data/column items
@@ -45,8 +60,9 @@ export default class DimensionProvider {
       this.stores[type].drop();
     }
   }
-  setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+  setColumns(type, newLength, sizes, noVirtual = false) {
+    this.setRealSize(newLength, type);
+    this.setCustomSizes(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }

package/dist/collection/store/viewPort/viewport.helpers.js

@@ -181,3 +181,38 @@ export function getFirstItem(s) {
 export function getLastItem(s) {
   return s.items[s.end];
 }
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+export function setItemSizes(vpItems, initialIndex, size, lastCoordinate) {
+  const items = [...vpItems];
+  const count = items.length;
+  let pos = lastCoordinate;
+  let i = 0;
+  let start = initialIndex;
+  // viewport not inited
+  if (!count) {
+    return [];
+  }
+  // loop through array from initial item after recombination
+  while (i < count) {
+    const item = items[start];
+    item.start = pos;
+    item.size = size;
+    item.end = item.start + size;
+    pos = item.end;
+    // loop by start index
+    start++;
+    i++;
+    // if start index out of array, reset it
+    if (start === count) {
+      start = 0;
+    }
+  }
+  return items;
+}

package/dist/collection/store/viewPort/viewport.store.js

@@ -7,7 +7,7 @@
  * Redraw items during scrolling
  */
 import { createStore } from '@stencil/store';
-import { addMissingItems, getFirstItem, getLastItem, getUpdatedItemsByPosition, isActiveRange, updateMissingAndRange } from './viewport.helpers';
+import { addMissingItems, getFirstItem, getLastItem, getUpdatedItemsByPosition, isActiveRange, setItemSizes, updateMissingAndRange } from './viewport.helpers';
 import { setStore } from '../../utils/store.utils';
 function initialState() {
   return {
@@ -73,8 +73,8 @@ export default class ViewportStore {
     }
   }
   /** Update viewport sizes */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimension(sizes, dropToOriginalSize) {
+    let items = this.store.get('items');
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -83,6 +83,10 @@ export default class ViewportStore {
     let changedCoordinate = 0;
     let i = 0;
     let start = this.store.get('start');
+    // drop to original size if requested
+    if (dropToOriginalSize) {
+      items = setItemSizes(items, start, dropToOriginalSize, this.store.get('lastCoordinate'));
+    }
     // loop through array from initial item after recombination
     while (i < count) {
       const item = items[start];

package/dist/esm/revo-grid_11.entry.js

@@ -4426,6 +4426,21 @@ class DimensionProvider {
     this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setRealSize(realCount);
   }
+  /**
+   * Apply new custom sizes to dimension and view port
+   * @param type - dimension type
+   * @param sizes - new custom sizes
+   * @param keepOld - keep old sizes merge new with old
+   */
+  setCustomSizes(type, sizes, keepOld = false) {
+    let newSizes = sizes;
+    if (keepOld) {
+      const oldSizes = this.stores[type].store.get('sizes');
+      newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
+    }
+    this.stores[type].setDimensionSize(newSizes);
+    this.viewports.stores[type].setViewPortDimension(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
+  }
   /**
    * Sets dimension data and view port coordinate
    * @param items - data/column items
@@ -4450,8 +4465,9 @@ class DimensionProvider {
       this.stores[type].drop();
     }
   }
-  setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+  setColumns(type, newLength, sizes, noVirtual = false) {
+    this.setRealSize(newLength, type);
+    this.setCustomSizes(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -4664,6 +4680,41 @@ function getFirstItem(s) {
 function getLastItem(s) {
   return s.items[s.end];
 }
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+function setItemSizes(vpItems, initialIndex, size, lastCoordinate) {
+  const items = [...vpItems];
+  const count = items.length;
+  let pos = lastCoordinate;
+  let i = 0;
+  let start = initialIndex;
+  // viewport not inited
+  if (!count) {
+    return [];
+  }
+  // loop through array from initial item after recombination
+  while (i < count) {
+    const item = items[start];
+    item.start = pos;
+    item.size = size;
+    item.end = item.start + size;
+    pos = item.end;
+    // loop by start index
+    start++;
+    i++;
+    // if start index out of array, reset it
+    if (start === count) {
+      start = 0;
+    }
+  }
+  return items;
+}
 
 /**
  * Store is responsible for visible
@@ -4734,8 +4785,8 @@ class ViewportStore {
     }
   }
   /** Update viewport sizes */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimension(sizes, dropToOriginalSize) {
+    let items = this.store.get('items');
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -4744,6 +4795,10 @@ class ViewportStore {
     let changedCoordinate = 0;
     let i = 0;
     let start = this.store.get('start');
+    // drop to original size if requested
+    if (dropToOriginalSize) {
+      items = setItemSizes(items, start, dropToOriginalSize, this.store.get('lastCoordinate'));
+    }
     // loop through array from initial item after recombination
     while (i < count) {
       const item = items[start];
@@ -25201,8 +25256,7 @@ const RevoGridComponent = class {
     this.beforecolumnsset.emit(columnGather);
     for (let type of columnTypes) {
       const items = columnGather.columns[type];
-      this.dimensionProvider.setRealSize(items.length, type);
-      this.dimensionProvider.setColumns(type, ColumnDataProvider.getSizes(items), type !== 'rgCol');
+      this.dimensionProvider.setColumns(type, items.length, ColumnDataProvider.getSizes(items), type !== 'rgCol');
     }
     this.beforecolumnapplied.emit(columnGather);
     const columns = this.columnProvider.setColumns(columnGather);