@revolist/revogrid 4.2.0-next.5 → 4.2.0-next.6

package/custom-element/revo-grid.js

@@ -678,14 +678,14 @@ class DimensionProvider {
     this.stores[t].drop();
     // after we done with drop trigger viewport recalculaction
     this.viewports.stores[t].setOriginalSizes(this.stores[t].store.get('originItemSize'));
-    this.setRealSize(count, t);
+    this.setItemCount(count, t);
   }
   setDimensionSize(type, sizes) {
     this.stores[type].setDimensionSize(sizes);
     this.viewports.stores[type].setViewPortDimension(sizes);
   }
-  setRealSize(realCount, type) {
-    this.viewports.stores[type].setViewport({ realCount }, type);
+  setItemCount(realCount, type) {
+    this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setStore({ count: realCount });
   }
   setTrimmed(trimmed, type) {
@@ -699,7 +699,7 @@ class DimensionProvider {
    * @param type - dimension type
    */
   setData(itemCount, type, noVirtual = false) {
-    this.setRealSize(itemCount, type);
+    this.setItemCount(itemCount, type);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -707,7 +707,7 @@ class DimensionProvider {
   }
   setNoVirtual(type) {
     const dimension = this.stores[type].getCurrentState();
-    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize }, type);
+    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize });
   }
   drop() {
     for (let type of columnTypes) {
@@ -727,10 +727,7 @@ class DimensionProvider {
     return { y, x };
   }
   setNewColumns(type, newLength, sizes, noVirtual = false) {
-    // virtualSize = 0 is required setting, we have to drop virtual size and wait until new will be generated
-    // we need this because of if we apply pinned columns new size will arise
-    this.viewports.stores[type].setViewport({ virtualSize: 0 }, type);
-    this.setRealSize(newLength, type);
+    this.setItemCount(newLength, type);
     this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
@@ -776,7 +773,7 @@ class ViewportProvider {
     }, {});
   }
   setViewport(type, data) {
-    this.stores[type].setViewport(data, type);
+    this.stores[type].setViewport(data);
   }
 }
 

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

@@ -210,6 +210,8 @@ class ViewportStore {
   constructor(type) {
     this.store = createStore(initialState(type));
     this.store.onChange('realCount', () => this.clearItems());
+    // drop items on virtual size change, require a new item set
+    this.store.onChange('virtualSize', () => this.setViewport({ items: [] }));
   }
   /**
    * Render viewport based on coordinate
@@ -333,7 +335,7 @@ class ViewportStore {
       end: this.store.get('end'),
     };
   }
-  setViewport(data, _) {
+  setViewport(data) {
     setStore(this.store, data);
   }
   clearItems() {
@@ -385,7 +387,7 @@ const RevogrRowHeaders = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
           itemIndex: 0,
         },
       ],
-    }, 'colPinStart');
+    });
     const parent = `${this.uiid}-rowHeaders`;
     const viewportScroll = {
       [UUID]: parent,

package/custom-element/revogr-viewport-scroll2.js

@@ -200,9 +200,7 @@ const RevogrViewportScroll = /*@__PURE__*/ proxyCustomElement(class extends HTML
     });
   }
   componentDidLoad() {
-    /**
-     * Track horizontal viewport resize
-     */
+    // track horizontal viewport resize
     this.resizeService = new GridResizeService(this.horizontalScroll, {
       resize: entries => {
         var _a, _b;

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

@@ -21675,14 +21675,14 @@ class DimensionProvider {
     this.stores[t].drop();
     // after we done with drop trigger viewport recalculaction
     this.viewports.stores[t].setOriginalSizes(this.stores[t].store.get('originItemSize'));
-    this.setRealSize(count, t);
+    this.setItemCount(count, t);
   }
   setDimensionSize(type, sizes) {
     this.stores[type].setDimensionSize(sizes);
     this.viewports.stores[type].setViewPortDimension(sizes);
   }
-  setRealSize(realCount, type) {
-    this.viewports.stores[type].setViewport({ realCount }, type);
+  setItemCount(realCount, type) {
+    this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setStore({ count: realCount });
   }
   setTrimmed(trimmed, type) {
@@ -21696,7 +21696,7 @@ class DimensionProvider {
    * @param type - dimension type
    */
   setData(itemCount, type, noVirtual = false) {
-    this.setRealSize(itemCount, type);
+    this.setItemCount(itemCount, type);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -21704,7 +21704,7 @@ class DimensionProvider {
   }
   setNoVirtual(type) {
     const dimension = this.stores[type].getCurrentState();
-    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize }, type);
+    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize });
   }
   drop() {
     for (let type of columnTypes) {
@@ -21724,10 +21724,7 @@ class DimensionProvider {
     return { y, x };
   }
   setNewColumns(type, newLength, sizes, noVirtual = false) {
-    // virtualSize = 0 is required setting, we have to drop virtual size and wait until new will be generated
-    // we need this because of if we apply pinned columns new size will arise
-    this.viewports.stores[type].setViewport({ virtualSize: 0 }, type);
-    this.setRealSize(newLength, type);
+    this.setItemCount(newLength, type);
     this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
@@ -21966,6 +21963,8 @@ class ViewportStore {
   constructor(type) {
     this.store = createStore(initialState(type));
     this.store.onChange('realCount', () => this.clearItems());
+    // drop items on virtual size change, require a new item set
+    this.store.onChange('virtualSize', () => this.setViewport({ items: [] }));
   }
   /**
    * Render viewport based on coordinate
@@ -22089,7 +22088,7 @@ class ViewportStore {
       end: this.store.get('end'),
     };
   }
-  setViewport(data, _) {
+  setViewport(data) {
     setStore(this.store, data);
   }
   clearItems() {
@@ -22105,7 +22104,7 @@ class ViewportProvider {
     }, {});
   }
   setViewport(type, data) {
-    this.stores[type].setViewport(data, type);
+    this.stores[type].setViewport(data);
   }
 }
 
@@ -28209,7 +28208,7 @@ const RevogrRowHeaders = class {
           itemIndex: 0,
         },
       ],
-    }, 'colPinStart');
+    });
     const parent = `${this.uiid}-rowHeaders`;
     const viewportScroll = {
       [UUID]: parent,
@@ -28657,9 +28656,7 @@ const RevogrViewportScroll = class {
     });
   }
   componentDidLoad() {
-    /**
-     * Track horizontal viewport resize
-     */
+    // track horizontal viewport resize
     this.resizeService = new GridResizeService(this.horizontalScroll, {
       resize: entries => {
         var _a, _b;

package/dist/collection/components/rowHeaders/revogr-row-headers.js

@@ -44,7 +44,7 @@ export class RevogrRowHeaders {
           itemIndex: 0,
         },
       ],
-    }, 'colPinStart');
+    });
     const parent = `${this.uiid}-rowHeaders`;
     const viewportScroll = {
       [UUID]: parent,

package/dist/collection/components/scroll/revogr-viewport-scroll.js

@@ -89,9 +89,7 @@ export class RevogrViewportScroll {
     });
   }
   componentDidLoad() {
-    /**
-     * Track horizontal viewport resize
-     */
+    // track horizontal viewport resize
     this.resizeService = new GridResizeService(this.horizontalScroll, {
       resize: entries => {
         var _a, _b;

package/dist/collection/services/dimension.provider.d.ts

@@ -15,7 +15,7 @@ export default class DimensionProvider {
   constructor(viewports: ViewportProvider, config: DimensionConfig);
   clearSize(t: RevoGrid.MultiDimensionType, count: number): void;
   setDimensionSize(type: RevoGrid.MultiDimensionType, sizes: RevoGrid.ViewSettingSizeProp): void;
-  setRealSize(realCount: number, type: RevoGrid.MultiDimensionType): void;
+  setItemCount(realCount: number, type: RevoGrid.MultiDimensionType): void;
   setTrimmed(trimmed: Partial<Trimmed>, type: RevoGrid.MultiDimensionType): void;
   /**
    * Sets dimension data and view port coordinate

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

@@ -22,14 +22,14 @@ export default class DimensionProvider {
     this.stores[t].drop();
     // after we done with drop trigger viewport recalculaction
     this.viewports.stores[t].setOriginalSizes(this.stores[t].store.get('originItemSize'));
-    this.setRealSize(count, t);
+    this.setItemCount(count, t);
   }
   setDimensionSize(type, sizes) {
     this.stores[type].setDimensionSize(sizes);
     this.viewports.stores[type].setViewPortDimension(sizes);
   }
-  setRealSize(realCount, type) {
-    this.viewports.stores[type].setViewport({ realCount }, type);
+  setItemCount(realCount, type) {
+    this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setStore({ count: realCount });
   }
   setTrimmed(trimmed, type) {
@@ -43,7 +43,7 @@ export default class DimensionProvider {
    * @param type - dimension type
    */
   setData(itemCount, type, noVirtual = false) {
-    this.setRealSize(itemCount, type);
+    this.setItemCount(itemCount, type);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -51,7 +51,7 @@ export default class DimensionProvider {
   }
   setNoVirtual(type) {
     const dimension = this.stores[type].getCurrentState();
-    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize }, type);
+    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize });
   }
   drop() {
     for (let type of columnTypes) {
@@ -71,10 +71,7 @@ export default class DimensionProvider {
     return { y, x };
   }
   setNewColumns(type, newLength, sizes, noVirtual = false) {
-    // virtualSize = 0 is required setting, we have to drop virtual size and wait until new will be generated
-    // we need this because of if we apply pinned columns new size will arise
-    this.viewports.stores[type].setViewport({ virtualSize: 0 }, type);
-    this.setRealSize(newLength, type);
+    this.setItemCount(newLength, type);
     this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);

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

@@ -12,6 +12,6 @@ export default class ViewportProvider {
     }, {});
   }
   setViewport(type, data) {
-    this.stores[type].setViewport(data, type);
+    this.stores[type].setViewport(data);
   }
 }

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

@@ -22,6 +22,6 @@ export default class ViewportStore {
    */
   setOriginalSizes(size: number): void;
   getItems(): Pick<RevoGrid.ViewportStateItems, 'items' | 'start' | 'end'>;
-  setViewport(data: Partial<RevoGrid.ViewportState>, _: RevoGrid.MultiDimensionType): void;
+  setViewport(data: Partial<RevoGrid.ViewportState>): void;
   clearItems(): void;
 }

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

@@ -29,6 +29,8 @@ export default class ViewportStore {
   constructor(type) {
     this.store = createStore(initialState(type));
     this.store.onChange('realCount', () => this.clearItems());
+    // drop items on virtual size change, require a new item set
+    this.store.onChange('virtualSize', () => this.setViewport({ items: [] }));
   }
   /**
    * Render viewport based on coordinate
@@ -152,7 +154,7 @@ export default class ViewportStore {
       end: this.store.get('end'),
     };
   }
-  setViewport(data, _) {
+  setViewport(data) {
     setStore(this.store, data);
   }
   clearItems() {

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

@@ -21671,14 +21671,14 @@ class DimensionProvider {
     this.stores[t].drop();
     // after we done with drop trigger viewport recalculaction
     this.viewports.stores[t].setOriginalSizes(this.stores[t].store.get('originItemSize'));
-    this.setRealSize(count, t);
+    this.setItemCount(count, t);
   }
   setDimensionSize(type, sizes) {
     this.stores[type].setDimensionSize(sizes);
     this.viewports.stores[type].setViewPortDimension(sizes);
   }
-  setRealSize(realCount, type) {
-    this.viewports.stores[type].setViewport({ realCount }, type);
+  setItemCount(realCount, type) {
+    this.viewports.stores[type].setViewport({ realCount });
     this.stores[type].setStore({ count: realCount });
   }
   setTrimmed(trimmed, type) {
@@ -21692,7 +21692,7 @@ class DimensionProvider {
    * @param type - dimension type
    */
   setData(itemCount, type, noVirtual = false) {
-    this.setRealSize(itemCount, type);
+    this.setItemCount(itemCount, type);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -21700,7 +21700,7 @@ class DimensionProvider {
   }
   setNoVirtual(type) {
     const dimension = this.stores[type].getCurrentState();
-    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize }, type);
+    this.viewports.stores[type].setViewport({ virtualSize: dimension.realSize });
   }
   drop() {
     for (let type of columnTypes) {
@@ -21720,10 +21720,7 @@ class DimensionProvider {
     return { y, x };
   }
   setNewColumns(type, newLength, sizes, noVirtual = false) {
-    // virtualSize = 0 is required setting, we have to drop virtual size and wait until new will be generated
-    // we need this because of if we apply pinned columns new size will arise
-    this.viewports.stores[type].setViewport({ virtualSize: 0 }, type);
-    this.setRealSize(newLength, type);
+    this.setItemCount(newLength, type);
     this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
@@ -21962,6 +21959,8 @@ class ViewportStore {
   constructor(type) {
     this.store = createStore(initialState(type));
     this.store.onChange('realCount', () => this.clearItems());
+    // drop items on virtual size change, require a new item set
+    this.store.onChange('virtualSize', () => this.setViewport({ items: [] }));
   }
   /**
    * Render viewport based on coordinate
@@ -22085,7 +22084,7 @@ class ViewportStore {
       end: this.store.get('end'),
     };
   }
-  setViewport(data, _) {
+  setViewport(data) {
     setStore(this.store, data);
   }
   clearItems() {
@@ -22101,7 +22100,7 @@ class ViewportProvider {
     }, {});
   }
   setViewport(type, data) {
-    this.stores[type].setViewport(data, type);
+    this.stores[type].setViewport(data);
   }
 }
 
@@ -28205,7 +28204,7 @@ const RevogrRowHeaders = class {
           itemIndex: 0,
         },
       ],
-    }, 'colPinStart');
+    });
     const parent = `${this.uiid}-rowHeaders`;
     const viewportScroll = {
       [UUID]: parent,
@@ -28653,9 +28652,7 @@ const RevogrViewportScroll = class {
     });
   }
   componentDidLoad() {
-    /**
-     * Track horizontal viewport resize
-     */
+    // track horizontal viewport resize
     this.resizeService = new GridResizeService(this.horizontalScroll, {
       resize: entries => {
         var _a, _b;