@revolist/revogrid 4.2.0-next.15 → 4.2.0-next.16

package/custom-element/revo-grid.js

@@ -675,6 +675,7 @@ class DimensionStore {
    */
   setDimensionSize(sizes) {
     const dimensionData = calculateDimensionData(this.store.get('originItemSize'), sizes);
+    console.log(sizes);
     setStore(this.store, dimensionData);
     return dimensionData;
   }
@@ -718,7 +719,7 @@ class DimensionProvider {
       newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
     }
     this.stores[type].setDimensionSize(newSizes);
-    this.viewports.stores[type].setViewPortDimension(newSizes);
+    this.viewports.stores[type].setViewPortDimensionSizes(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
   }
   setItemCount(realCount, type) {
     this.viewports.stores[type].setViewport({ realCount });
@@ -733,7 +734,7 @@ class DimensionProvider {
     const allTrimmed = gatherTrimmedItems(trimmed);
     const dimStoreType = this.stores[type];
     dimStoreType.setStore({ trimmed: allTrimmed });
-    this.viewports.stores[type].setViewPortDimension(dimStoreType.store.get('sizes'));
+    this.viewports.stores[type].setViewPortDimensionSizes(dimStoreType.store.get('sizes'));
   }
   /**
    * Sets dimension data and view port coordinate

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

@@ -184,6 +184,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
@@ -263,9 +298,10 @@ class ViewportStore {
    * Update viewport sizes for existing items
    * This method is generating new item positions based on custom sizes and original sizes
    * @param sizes - custom sizes for each item
+   * @param dropToOriginalSize - drop to original size if requested
    */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimensionSizes(sizes, dropToOriginalSize) {
+    let items = [...this.store.get('items')];
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -274,7 +310,12 @@ 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
+    // if size change present, change position for all items after
     while (i < count) {
       const item = items[start];
       // change pos if size change present before
@@ -282,7 +323,7 @@ class ViewportStore {
         item.start += changedCoordinate;
         item.end += changedCoordinate;
       }
-      // change size
+      // check if size change present
       const size = sizes[item.itemIndex];
       // size found
       if (size) {
@@ -295,6 +336,7 @@ class ViewportStore {
       // loop by start index
       start++;
       i++;
+      // if start index out of array, reset it
       if (start === count) {
         start = 0;
       }
@@ -311,24 +353,9 @@ class ViewportStore {
     if (!count) {
       return;
     }
-    let i = 0;
-    let start = this.store.get('start');
-    let pos = this.store.get('lastCoordinate');
-    // 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 === count) {
-        start = 0;
-      }
-    }
-    setStore(this.store, { items: [...items] });
+    setStore(this.store, {
+      items: setItemSizes(items, this.store.get('start'), size, this.store.get('lastCoordinate'))
+    });
   }
   getItems() {
     return {

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

@@ -21653,6 +21653,7 @@ class DimensionStore {
    */
   setDimensionSize(sizes) {
     const dimensionData = calculateDimensionData(this.store.get('originItemSize'), sizes);
+    console.log(sizes);
     setStore(this.store, dimensionData);
     return dimensionData;
   }
@@ -21718,7 +21719,7 @@ class DimensionProvider {
       newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
     }
     this.stores[type].setDimensionSize(newSizes);
-    this.viewports.stores[type].setViewPortDimension(newSizes);
+    this.viewports.stores[type].setViewPortDimensionSizes(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
   }
   setItemCount(realCount, type) {
     this.viewports.stores[type].setViewport({ realCount });
@@ -21733,7 +21734,7 @@ class DimensionProvider {
     const allTrimmed = gatherTrimmedItems(trimmed);
     const dimStoreType = this.stores[type];
     dimStoreType.setStore({ trimmed: allTrimmed });
-    this.viewports.stores[type].setViewPortDimension(dimStoreType.store.get('sizes'));
+    this.viewports.stores[type].setViewPortDimensionSizes(dimStoreType.store.get('sizes'));
   }
   /**
    * Sets dimension data and view port coordinate
@@ -21989,6 +21990,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
@@ -22068,9 +22104,10 @@ class ViewportStore {
    * Update viewport sizes for existing items
    * This method is generating new item positions based on custom sizes and original sizes
    * @param sizes - custom sizes for each item
+   * @param dropToOriginalSize - drop to original size if requested
    */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimensionSizes(sizes, dropToOriginalSize) {
+    let items = [...this.store.get('items')];
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -22079,7 +22116,12 @@ 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
+    // if size change present, change position for all items after
     while (i < count) {
       const item = items[start];
       // change pos if size change present before
@@ -22087,7 +22129,7 @@ class ViewportStore {
         item.start += changedCoordinate;
         item.end += changedCoordinate;
       }
-      // change size
+      // check if size change present
       const size = sizes[item.itemIndex];
       // size found
       if (size) {
@@ -22100,6 +22142,7 @@ class ViewportStore {
       // loop by start index
       start++;
       i++;
+      // if start index out of array, reset it
       if (start === count) {
         start = 0;
       }
@@ -22116,24 +22159,9 @@ class ViewportStore {
     if (!count) {
       return;
     }
-    let i = 0;
-    let start = this.store.get('start');
-    let pos = this.store.get('lastCoordinate');
-    // 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 === count) {
-        start = 0;
-      }
-    }
-    setStore(this.store, { items: [...items] });
+    setStore(this.store, {
+      items: setItemSizes(items, this.store.get('start'), size, this.store.get('lastCoordinate'))
+    });
   }
   getItems() {
     return {

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

@@ -46,7 +46,7 @@ export default class DimensionProvider {
       newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
     }
     this.stores[type].setDimensionSize(newSizes);
-    this.viewports.stores[type].setViewPortDimension(newSizes);
+    this.viewports.stores[type].setViewPortDimensionSizes(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
   }
   setItemCount(realCount, type) {
     this.viewports.stores[type].setViewport({ realCount });
@@ -61,7 +61,7 @@ export default class DimensionProvider {
     const allTrimmed = gatherTrimmedItems(trimmed);
     const dimStoreType = this.stores[type];
     dimStoreType.setStore({ trimmed: allTrimmed });
-    this.viewports.stores[type].setViewPortDimension(dimStoreType.store.get('sizes'));
+    this.viewports.stores[type].setViewPortDimensionSizes(dimStoreType.store.get('sizes'));
   }
   /**
    * Sets dimension data and view port coordinate

package/dist/collection/store/dimension/dimension.store.js

@@ -109,6 +109,7 @@ export default class DimensionStore {
    */
   setDimensionSize(sizes) {
     const dimensionData = calculateDimensionData(this.store.get('originItemSize'), sizes);
+    console.log(sizes);
     setStore(this.store, dimensionData);
     return dimensionData;
   }

package/dist/collection/store/viewPort/viewport.helpers.d.ts

@@ -29,4 +29,13 @@ export declare function recombineByOffset(offset: number, data: RecombineOffsetD
 export declare function isActiveRange(pos: number, item: RevoGrid.PositionItem | undefined): boolean;
 export declare function getFirstItem(s: ItemsToUpdate): RevoGrid.VirtualPositionItem | undefined;
 export declare function getLastItem(s: ItemsToUpdate): RevoGrid.VirtualPositionItem;
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+export declare function setItemSizes(vpItems: RevoGrid.VirtualPositionItem[], initialIndex: number, size: number, lastCoordinate: number): RevoGrid.VirtualPositionItem[];
 export {};

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

@@ -177,3 +177,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.d.ts

@@ -17,8 +17,9 @@ export default class ViewportStore {
    * Update viewport sizes for existing items
    * This method is generating new item positions based on custom sizes and original sizes
    * @param sizes - custom sizes for each item
+   * @param dropToOriginalSize - drop to original size if requested
    */
-  setViewPortDimension(sizes: RevoGrid.ViewSettingSizeProp): void;
+  setViewPortDimensionSizes(sizes: RevoGrid.ViewSettingSizeProp, dropToOriginalSize?: number): void;
   /**
    * Set sizes for existing 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(type) {
   return {
@@ -82,9 +82,10 @@ export default class ViewportStore {
    * Update viewport sizes for existing items
    * This method is generating new item positions based on custom sizes and original sizes
    * @param sizes - custom sizes for each item
+   * @param dropToOriginalSize - drop to original size if requested
    */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimensionSizes(sizes, dropToOriginalSize) {
+    let items = [...this.store.get('items')];
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -93,7 +94,12 @@ 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
+    // if size change present, change position for all items after
     while (i < count) {
       const item = items[start];
       // change pos if size change present before
@@ -101,7 +107,7 @@ export default class ViewportStore {
         item.start += changedCoordinate;
         item.end += changedCoordinate;
       }
-      // change size
+      // check if size change present
       const size = sizes[item.itemIndex];
       // size found
       if (size) {
@@ -114,6 +120,7 @@ export default class ViewportStore {
       // loop by start index
       start++;
       i++;
+      // if start index out of array, reset it
       if (start === count) {
         start = 0;
       }
@@ -130,24 +137,9 @@ export default class ViewportStore {
     if (!count) {
       return;
     }
-    let i = 0;
-    let start = this.store.get('start');
-    let pos = this.store.get('lastCoordinate');
-    // 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 === count) {
-        start = 0;
-      }
-    }
-    setStore(this.store, { items: [...items] });
+    setStore(this.store, {
+      items: setItemSizes(items, this.store.get('start'), size, this.store.get('lastCoordinate'))
+    });
   }
   getItems() {
     return {

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

@@ -21649,6 +21649,7 @@ class DimensionStore {
    */
   setDimensionSize(sizes) {
     const dimensionData = calculateDimensionData(this.store.get('originItemSize'), sizes);
+    console.log(sizes);
     setStore(this.store, dimensionData);
     return dimensionData;
   }
@@ -21714,7 +21715,7 @@ class DimensionProvider {
       newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
     }
     this.stores[type].setDimensionSize(newSizes);
-    this.viewports.stores[type].setViewPortDimension(newSizes);
+    this.viewports.stores[type].setViewPortDimensionSizes(newSizes, !keepOld ? this.stores[type].store.get('originItemSize') : undefined);
   }
   setItemCount(realCount, type) {
     this.viewports.stores[type].setViewport({ realCount });
@@ -21729,7 +21730,7 @@ class DimensionProvider {
     const allTrimmed = gatherTrimmedItems(trimmed);
     const dimStoreType = this.stores[type];
     dimStoreType.setStore({ trimmed: allTrimmed });
-    this.viewports.stores[type].setViewPortDimension(dimStoreType.store.get('sizes'));
+    this.viewports.stores[type].setViewPortDimensionSizes(dimStoreType.store.get('sizes'));
   }
   /**
    * Sets dimension data and view port coordinate
@@ -21985,6 +21986,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
@@ -22064,9 +22100,10 @@ class ViewportStore {
    * Update viewport sizes for existing items
    * This method is generating new item positions based on custom sizes and original sizes
    * @param sizes - custom sizes for each item
+   * @param dropToOriginalSize - drop to original size if requested
    */
-  setViewPortDimension(sizes) {
-    const items = this.store.get('items');
+  setViewPortDimensionSizes(sizes, dropToOriginalSize) {
+    let items = [...this.store.get('items')];
     const count = items.length;
     // viewport not inited
     if (!count) {
@@ -22075,7 +22112,12 @@ 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
+    // if size change present, change position for all items after
     while (i < count) {
       const item = items[start];
       // change pos if size change present before
@@ -22083,7 +22125,7 @@ class ViewportStore {
         item.start += changedCoordinate;
         item.end += changedCoordinate;
       }
-      // change size
+      // check if size change present
       const size = sizes[item.itemIndex];
       // size found
       if (size) {
@@ -22096,6 +22138,7 @@ class ViewportStore {
       // loop by start index
       start++;
       i++;
+      // if start index out of array, reset it
       if (start === count) {
         start = 0;
       }
@@ -22112,24 +22155,9 @@ class ViewportStore {
     if (!count) {
       return;
     }
-    let i = 0;
-    let start = this.store.get('start');
-    let pos = this.store.get('lastCoordinate');
-    // 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 === count) {
-        start = 0;
-      }
-    }
-    setStore(this.store, { items: [...items] });
+    setStore(this.store, {
+      items: setItemSizes(items, this.store.get('start'), size, this.store.get('lastCoordinate'))
+    });
   }
   getItems() {
     return {