balala-revogrid 1.0.0

package/dist/cjs/viewport.helpers-BAovztDd.js

@@ -0,0 +1,61 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+/**
+ * Collects data for pinned columns in the required @ViewportProps format.
+ */
+/**
+ * Represents the slot names for the viewport slots.
+ */
+const HEADER_SLOT = 'header'; // Slot name for the header slot
+const FOOTER_SLOT = 'footer'; // Slot name for the footer slot
+const CONTENT_SLOT = 'content'; // Slot name for the content slot
+const DATA_SLOT = 'data'; // Slot name for the data slot
+/**
+ * Returns the last visible cell in the viewport for a given row type.
+ * Coordinates are not zero-based and are relative to the viewport.
+ * If needed to be zero-based they can be adjusted by subtracting 1.
+ */
+function getLastCell(data, rowType) {
+    // Get the last visible column count from the viewport column data.
+    const lastVisibleColumnCount = data.viewports[data.colType].store.get('realCount');
+    // Get the last visible row count for the given row type from the viewport column data.
+    const lastVisibleRowCount = data.viewports[rowType].store.get('realCount');
+    // Return the last visible cell with the last visible column count and row count.
+    return {
+        x: lastVisibleColumnCount,
+        y: lastVisibleRowCount,
+    };
+}
+function viewportDataPartition(data, type, slot, fixed) {
+    return {
+        colData: data.colStore,
+        viewportCol: data.viewports[data.colType].store,
+        viewportRow: data.viewports[type].store,
+        /**
+         * lastCell is the last real coordinate + 1, saved to selection store
+         */
+        lastCell: getLastCell(data, type),
+        slot,
+        type,
+        canDrag: !fixed,
+        position: data.position,
+        dataStore: data.rowStores[type].store,
+        dimensionCol: data.dimensions[data.colType].store,
+        dimensionRow: data.dimensions[type].store,
+        style: fixed
+            ? { height: `${data.dimensions[type].store.get('realSize')}px` }
+            : undefined,
+    };
+}
+
+exports.CONTENT_SLOT = CONTENT_SLOT;
+exports.DATA_SLOT = DATA_SLOT;
+exports.FOOTER_SLOT = FOOTER_SLOT;
+exports.HEADER_SLOT = HEADER_SLOT;
+exports.viewportDataPartition = viewportDataPartition;
+//# sourceMappingURL=viewport.helpers-BAovztDd.js.map
+
+//# sourceMappingURL=viewport.helpers-BAovztDd.js.map

package/dist/cjs/viewport.helpers-BAovztDd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.helpers-BAovztDd.js","sources":["src/components/revoGrid/viewport.helpers.ts"],"sourcesContent":["/**\n * Collects data for pinned columns in the required @ViewportProps format.\n */\n\nimport type {\n  DimensionRows,\n  MultiDimensionType,\n  SlotType,\n  Cell,\n  ViewportColumn,\n  ColumnRegular,\n  DimensionCols,\n  ViewportState,\n  DimensionSettingsState,\n  DataType,\n} from '@type';\nimport type { Observable } from '../../utils';\nimport type { DSourceState } from '../../store';\n/**\n * Represents the slot names for the viewport slots.\n */\nexport const HEADER_SLOT = 'header'; // Slot name for the header slot\nexport const FOOTER_SLOT = 'footer'; // Slot name for the footer slot\nexport const CONTENT_SLOT = 'content'; // Slot name for the content slot\nexport const DATA_SLOT = 'data'; // Slot name for the data slot\n\n/**\n * Returns the last visible cell in the viewport for a given row type.\n * Coordinates are not zero-based and are relative to the viewport.\n * If needed to be zero-based they can be adjusted by subtracting 1.\n */\nexport function getLastCell(\n  data: ViewportColumn,\n  rowType: MultiDimensionType,\n): Cell {\n  // Get the last visible column count from the viewport column data.\n  const lastVisibleColumnCount = data.viewports[data.colType].store.get('realCount');\n\n  // Get the last visible row count for the given row type from the viewport column data.\n  const lastVisibleRowCount = data.viewports[rowType].store.get('realCount');\n\n  // Return the last visible cell with the last visible column count and row count.\n  return {\n    x: lastVisibleColumnCount,\n    y: lastVisibleRowCount,\n  };\n}\n\n/**\n * Represents the partition of viewport data.\n */\nexport type VPPartition = {\n  colData: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  viewportCol: Observable<ViewportState>;\n  viewportRow: Observable<ViewportState>;\n  /**\n   * lastCell is the last real coordinate + 1, saved to selection store\n   */\n  lastCell: Cell;\n  slot: SlotType;\n  type: DimensionRows;\n  canDrag: boolean;\n  position: Cell;\n  dataStore: Observable<DSourceState<DataType, DimensionRows>>;\n  dimensionCol: Observable<DimensionSettingsState>;\n  dimensionRow: Observable<DimensionSettingsState>;\n  style?: { height: string };\n};\n\nexport function viewportDataPartition(\n  data: ViewportColumn,\n  type: DimensionRows,\n  slot: SlotType,\n  fixed?: boolean,\n): VPPartition {\n  return {\n    colData: data.colStore,\n    viewportCol: data.viewports[data.colType].store,\n    viewportRow: data.viewports[type].store,\n    /**\n     * lastCell is the last real coordinate + 1, saved to selection store\n     */\n    lastCell: getLastCell(data, type),\n    slot,\n    type,\n    canDrag: !fixed,\n    position: data.position,\n    dataStore: data.rowStores[type].store,\n    dimensionCol: data.dimensions[data.colType].store,\n    dimensionRow: data.dimensions[type].store,\n    style: fixed\n      ? { height: `${data.dimensions[type].store.get('realSize')}px` }\n      : undefined,\n  };\n}\n"],"names":[],"mappings":";;;;;AAAA;;AAEG;AAgBH;;AAEG;AACU,MAAA,WAAW,GAAG,SAAS;AACvB,MAAA,WAAW,GAAG,SAAS;AACvB,MAAA,YAAY,GAAG,UAAU;AACzB,MAAA,SAAS,GAAG,OAAO;AAEhC;;;;AAIG;AACa,SAAA,WAAW,CACzB,IAAoB,EACpB,OAA2B,EAAA;;AAG3B,IAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC;;AAGlF,IAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC;;IAG1E,OAAO;AACL,QAAA,CAAC,EAAE,sBAAsB;AACzB,QAAA,CAAC,EAAE,mBAAmB;KACvB;AACH;AAuBM,SAAU,qBAAqB,CACnC,IAAoB,EACpB,IAAmB,EACnB,IAAc,EACd,KAAe,EAAA;IAEf,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,QAAQ;QACtB,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK;QAC/C,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK;AACvC;;AAEG;AACH,QAAA,QAAQ,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;QACjC,IAAI;QACJ,IAAI;QACJ,OAAO,EAAE,CAAC,KAAK;QACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK;QACrC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK;QACjD,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK;AACzC,QAAA,KAAK,EAAE;AACL,cAAE,EAAE,MAAM,EAAE,CAAG,EAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI;AAC9D,cAAE,SAAS;KACd;AACH;;;;;;;;"}

package/dist/cjs/viewport.store-BTbPlyF-.js

@@ -0,0 +1,525 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+var dimension_helpers = require('./dimension.helpers-DA9-xqPT.js');
+
+const LETTER_BLOCK_SIZE = 10;
+const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {
+    return ((rowHeaderColumn === null || rowHeaderColumn === void 0 ? void 0 : rowHeaderColumn.size) ||
+        Math.max((itemsLength.toString().length + 1) * LETTER_BLOCK_SIZE, minWidth));
+};
+
+/**
+ * Update items based on new scroll position
+ * If viewport wasn't changed fully simple recombination of positions
+ * Otherwise rebuild viewport items
+ */
+function getUpdatedItemsByPosition(pos, // coordinate
+items, realCount, virtualSize, dimension) {
+    const activeItem = dimension_helpers.getItemByPosition(dimension, pos);
+    const firstItem = getFirstItem(items);
+    let toUpdate;
+    // do simple position recombination if items already present in viewport
+    if (firstItem) {
+        let changedOffsetStart = activeItem.itemIndex - (firstItem.itemIndex || 0);
+        // if item changed
+        if (changedOffsetStart) {
+            // simple recombination
+            toUpdate = recombineByOffset(Math.abs(changedOffsetStart), Object.assign(Object.assign({ positiveDirection: changedOffsetStart > -1 }, dimension), items));
+        }
+    }
+    const maxSizeVirtualSize = getMaxVirtualSize(virtualSize, dimension.realSize, activeItem);
+    // if partial recombination add items if revo-viewport has some space left
+    if (toUpdate) {
+        const extra = addMissingItems(activeItem, realCount, maxSizeVirtualSize, toUpdate, dimension);
+        if (extra.length) {
+            updateMissingAndRange(toUpdate.items, extra, toUpdate);
+        }
+    }
+    // new collection if no items after replacement full replacement
+    if (!toUpdate) {
+        const items = getItems({
+            firstItemStart: activeItem.start,
+            firstItemIndex: activeItem.itemIndex,
+            origSize: dimension.originItemSize,
+            maxSize: maxSizeVirtualSize,
+            maxCount: realCount,
+            sizes: dimension.sizes,
+        });
+        // range now comes from 0 to length - 1
+        toUpdate = {
+            items,
+            start: 0,
+            end: items.length - 1,
+        };
+    }
+    return toUpdate;
+}
+// virtual size can differ based on scroll position if some big items are present
+// scroll can be in the middle of item and virtual size will be larger
+// so we need to exclude this part from virtual size hence it's already passed
+function getMaxVirtualSize(virtualSize, realSize, activeItem) {
+    return Math.min(virtualSize + (activeItem.end - activeItem.start), realSize);
+}
+function updateMissingAndRange(items, missing, range) {
+    items.splice(range.end + 1, 0, ...missing);
+    // update range if start larger after recombination
+    if (range.start >= range.end &&
+        !(range.start === range.end && range.start === 0)) {
+        range.start += missing.length;
+    }
+    range.end += missing.length;
+}
+/**
+ * If partial replacement
+ * this function adds items if viewport has some space left
+ */
+function addMissingItems(firstItem, realCount, virtualSize, existingCollection, dimension) {
+    const lastItem = getLastItem(existingCollection);
+    const items = getItems({
+        sizes: dimension.sizes,
+        firstItemStart: lastItem.end,
+        firstItemIndex: lastItem.itemIndex + 1,
+        origSize: dimension.originItemSize,
+        maxSize: virtualSize - (lastItem.end - firstItem.start),
+        maxCount: realCount,
+    });
+    return items;
+}
+/**
+ * Get wiewport items parameters
+ * caching position and calculating items count in viewport
+ */
+function getItems(opt, currentSize = 0) {
+    const items = [];
+    let index = opt.firstItemIndex;
+    let size = currentSize;
+    // max size or max count
+    while (size <= opt.maxSize && index < opt.maxCount) {
+        const newSize = getItemSize(index, opt.sizes, opt.origSize);
+        items.push({
+            start: opt.firstItemStart + size,
+            end: opt.firstItemStart + size + newSize,
+            itemIndex: index,
+            size: newSize,
+        });
+        size += newSize;
+        index++;
+    }
+    return items;
+}
+function recombineByOffset(offset, data) {
+    var _a, _b;
+    const newItems = [...data.items];
+    const itemsCount = newItems.length;
+    let newRange = {
+        start: data.start,
+        end: data.end,
+    };
+    // if offset out of revo-viewport, makes sense whole redraw
+    if (offset > itemsCount) {
+        return undefined;
+    }
+    // is direction of scroll positive
+    if (data.positiveDirection) {
+        // push item to the end
+        let lastItem = getLastItem(data);
+        let i = newRange.start;
+        const length = i + offset;
+        for (; i < length; i++) {
+            const newIndex = lastItem.itemIndex + 1;
+            const size = getItemSize(newIndex, data.sizes, data.originItemSize);
+            // if item overlapped limit break a loop
+            if (lastItem.end + size > data.realSize) {
+                break;
+            }
+            // new item index to recombine
+            let newEnd = i % itemsCount;
+            // item should always present, we do not create new item, we recombine them
+            if (!newItems[newEnd]) {
+                throw new Error('incorrect index');
+            }
+            // do recombination
+            newItems[newEnd] = lastItem = {
+                start: lastItem.end,
+                end: lastItem.end + size,
+                itemIndex: newIndex,
+                size: size,
+            };
+            // update range
+            newRange.start++;
+            newRange.end = newEnd;
+        }
+        // direction is negative
+    }
+    else {
+        // push item to the start
+        let firstItem = getFirstItem(data);
+        const end = newRange.end;
+        for (let i = 0; i < offset; i++) {
+            const newIndex = ((_a = firstItem === null || firstItem === void 0 ? void 0 : firstItem.itemIndex) !== null && _a !== void 0 ? _a : 0) - 1;
+            const size = getItemSize(newIndex, data.sizes, data.originItemSize);
+            // new item index to recombine
+            let newStart = end - i;
+            newStart = (newStart < 0 ? itemsCount + newStart : newStart) % itemsCount;
+            // item should always present, we do not create new item, we recombine them
+            if (!newItems[newStart]) {
+                console.error('incorrect index');
+                break;
+            }
+            // do recombination
+            const firstItemStart = (_b = firstItem === null || firstItem === void 0 ? void 0 : firstItem.start) !== null && _b !== void 0 ? _b : 0;
+            newItems[newStart] = firstItem = {
+                start: firstItemStart - size,
+                end: firstItemStart,
+                itemIndex: newIndex,
+                size: size,
+            };
+            // update range
+            newRange.start = newStart;
+            newRange.end--;
+        }
+    }
+    const range = {
+        start: (newRange.start < 0 ? itemsCount + newRange.start : newRange.start) %
+            itemsCount,
+        end: (newRange.end < 0 ? itemsCount + newRange.end : newRange.end) %
+            itemsCount,
+    };
+    return Object.assign({ items: newItems }, range);
+}
+function getItemSize(index, sizes, origSize = 0) {
+    if (sizes && sizes[index]) {
+        return sizes[index];
+    }
+    return origSize;
+}
+/**
+ * Verify if position is in range of the PositionItem, start and end are included
+ */
+function isActiveRange(pos, realSize, first, last) {
+    if (!first || !last) {
+        return false;
+    }
+    // if position is in range of first item
+    // or position is after first item and last item is the last item in real size
+    return ((pos >= first.start && pos <= first.end) ||
+        (pos > first.end && last.end === realSize));
+}
+function isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem) {
+    var _a;
+    // if no first item, means no items in viewport
+    if (!firstItem) {
+        return false;
+    }
+    return virtualSize + pos > ((_a = lastItem === null || lastItem === void 0 ? void 0 : lastItem.end) !== null && _a !== void 0 ? _a : 0);
+}
+function getFirstItem(s) {
+    return s.items[s.start];
+}
+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;
+}
+
+/**
+ * Viewport store
+ * Used for virtualization (process of rendering only visible part of data)
+ * Redraws viewport based on position and dimension
+ */
+function initialState() {
+    return {
+        // virtual item information per rendered item
+        items: [],
+        // virtual dom item order to render
+        start: 0,
+        end: 0,
+        // size of virtual viewport in px
+        virtualSize: 0,
+        // total number of items
+        realCount: 0,
+        // size of viewport in px
+        clientSize: 0,
+        // version for sync with column source
+        version: 0,
+    };
+}
+/**
+ * Viewport store class
+ */
+class ViewportStore {
+    get lastCoordinate() {
+        return this.lastKnownScroll;
+    }
+    set lastCoordinate(value) {
+        this.lastKnownScroll = value;
+    }
+    constructor(type) {
+        this.type = type;
+        // last coordinate for store position restore
+        this.lastKnownScroll = 0;
+        this.lastEmptyLogKey = null;
+        this.lastZeroViewportLogKey = null;
+        this.lastReuseItemsLogKey = null;
+        this.lastInvalidIndexLogKey = null;
+        this.store = dimension_helpers.createStore(initialState());
+    }
+    /**
+     * Render viewport based on coordinate
+     * It's the main method for draw
+     * Use force if you want to re-render viewport
+     */
+    setViewPortCoordinate(position, dimension, force = false) {
+        const viewportSize = this.store.get('virtualSize');
+        // no visible data to calculate
+        if (!viewportSize) {
+            if (this.type === 'rgCol' && this.store.get('realCount') > 0) {
+                const key = `${this.store.get('realCount')}:${viewportSize}`;
+                if (key !== this.lastZeroViewportLogKey) {
+                    this.lastZeroViewportLogKey = key;
+                    console.log('[vp] zero viewport size', {
+                        type: this.type,
+                        realCount: this.store.get('realCount'),
+                        virtualSize: viewportSize,
+                    });
+                }
+            }
+            return;
+        }
+        const frameOffset = 1;
+        const singleOffsetInPx = dimension.originItemSize * frameOffset;
+        // add offset to virtual size from both sides
+        const outsize = singleOffsetInPx * 2;
+        // math virtual size is based on visible area + 2 items outside of visible area
+        const virtualSize = viewportSize + outsize;
+        // expected no scroll if real size less than virtual size, position is 0
+        let maxCoordinate = 0;
+        // if there is nodes outside of viewport, max coordinate has to be adjusted
+        if (dimension.realSize > viewportSize) {
+            // max coordinate is real size minus virtual/rendered space
+            maxCoordinate = dimension.realSize - viewportSize - singleOffsetInPx;
+        }
+        let pos = position;
+        // limit position to max and min coordinates
+        if (pos < 0) {
+            pos = 0;
+        }
+        else if (pos > maxCoordinate) {
+            pos = maxCoordinate;
+        }
+        // store last coordinate for further restore on redraw
+        this.lastCoordinate = pos;
+        // actual position is less than first item start based on offset
+        pos -= singleOffsetInPx;
+        pos = pos < 0 ? 0 : pos < maxCoordinate ? pos : maxCoordinate;
+        let allItems;
+        // if force clear all items and start from 0
+        if (force) {
+            allItems = {
+                items: [],
+                start: 0,
+                end: 0,
+            };
+        }
+        else {
+            allItems = this.getItems();
+        }
+        const realCount = this.store.get('realCount');
+        if (realCount > 0 && allItems.items.length > 0) {
+            const hasInvalidIndex = allItems.items.some(item => item.itemIndex < 0 || item.itemIndex >= realCount);
+            if (hasInvalidIndex) {
+                const key = `${this.type}:${realCount}:${allItems.items.length}`;
+                if (key !== this.lastInvalidIndexLogKey) {
+                    this.lastInvalidIndexLogKey = key;
+                    console.warn('[vp] invalid item index', {
+                        type: this.type,
+                        realCount,
+                        items: allItems.items.length,
+                    });
+                }
+                allItems = {
+                    items: [],
+                    start: 0,
+                    end: 0,
+                };
+            }
+        }
+        const firstItem = getFirstItem(allItems);
+        const lastItem = getLastItem(allItems);
+        let toUpdate = {};
+        // left position changed
+        // verify if new position is in range of previously rendered first item
+        if (!isActiveRange(pos, dimension.realSize, firstItem, lastItem)) {
+            toUpdate = Object.assign(Object.assign({}, toUpdate), getUpdatedItemsByPosition(pos, allItems, this.store.get('realCount'), virtualSize, dimension));
+            this.setViewport(Object.assign({}, toUpdate));
+            // verify is render area is outside of last item
+        }
+        else if (isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem)) {
+            const items = [...allItems.items];
+            // check is any item missing for fulfill content
+            const missing = addMissingItems(firstItem, this.store.get('realCount'), virtualSize + pos - firstItem.start, allItems, {
+                sizes: dimension.sizes,
+                originItemSize: dimension.originItemSize,
+            });
+            // update missing items
+            if (missing.length) {
+                const range = {
+                    start: this.store.get('start'),
+                    end: this.store.get('end'),
+                };
+                updateMissingAndRange(items, missing, range);
+                toUpdate = Object.assign(Object.assign(Object.assign({}, toUpdate), { items: [...items] }), range);
+                this.setViewport(Object.assign({}, toUpdate));
+            }
+        }
+    }
+    /**
+     * Set sizes for existing items
+     */
+    setOriginalSizes(size) {
+        const items = this.store.get('items');
+        const count = items.length;
+        // viewport not inited
+        if (!count) {
+            return;
+        }
+        dimension_helpers.setStore(this.store, {
+            items: setItemSizes(items, this.store.get('start'), size, this.lastCoordinate),
+        });
+    }
+    /**
+     * Update positions of existing items based on new sizes
+     * This is used when column widths change but we don't want to recalculate which items are visible
+     * @param dimension - dimension data with updated sizes
+     */
+    updateItemPositions(dimension) {
+        var _a, _b;
+        const items = this.store.get('items');
+        if (items.length === 0) {
+            return;
+        }
+        const start = this.store.get('start');
+        const updatedItems = [...items];
+        let currentPos = items[start].start;
+        // Update positions for all items in order
+        for (let i = 0; i < items.length; i++) {
+            const index = (start + i) % items.length;
+            const item = updatedItems[index];
+            const newSize = (_b = (_a = dimension.sizes) === null || _a === void 0 ? void 0 : _a[item.itemIndex]) !== null && _b !== void 0 ? _b : dimension.originItemSize;
+            updatedItems[index] = Object.assign(Object.assign({}, item), { size: newSize, start: currentPos, end: currentPos + newSize });
+            currentPos += newSize;
+        }
+        dimension_helpers.setStore(this.store, {
+            items: updatedItems,
+        });
+    }
+    getItems() {
+        return {
+            items: this.store.get('items'),
+            start: this.store.get('start'),
+            end: this.store.get('end'),
+        };
+    }
+    setViewport(data, options) {
+        var _a, _b;
+        // drop items on virtual size change, require a new item set
+        // drop items on real size change, require a new item set
+        if (!(options === null || options === void 0 ? void 0 : options.preserveItems) &&
+            (typeof data.realCount === 'number' || typeof data.virtualSize === 'number')) {
+            data = Object.assign(Object.assign({}, data), { items: data.items || [] });
+        }
+        if (this.type === 'rgCol') {
+            const currentItems = this.store.get('items');
+            const currentStart = this.store.get('start');
+            const currentEnd = this.store.get('end');
+            const currentRealCount = this.store.get('realCount');
+            const nextRealCount = typeof data.realCount === 'number' ? data.realCount : currentRealCount;
+            const nextVirtualSize = typeof data.virtualSize === 'number' ? data.virtualSize : this.store.get('virtualSize');
+            const nextItems = (_a = data.items) !== null && _a !== void 0 ? _a : currentItems;
+            // If column count didn't change but items are empty, keep last non-empty items to avoid blank viewport.
+            if ((options === null || options === void 0 ? void 0 : options.preserveItems) &&
+                nextRealCount > 0 &&
+                nextRealCount === currentRealCount &&
+                nextItems.length === 0 &&
+                currentItems.length > 0) {
+                const key = `${nextRealCount}:${nextVirtualSize}:${currentItems.length}`;
+                if (key !== this.lastReuseItemsLogKey) {
+                    this.lastReuseItemsLogKey = key;
+                    console.warn('[vp] reuse items', {
+                        type: this.type,
+                        realCount: nextRealCount,
+                        virtualSize: nextVirtualSize,
+                        items: currentItems.length,
+                    });
+                }
+                data = Object.assign(Object.assign({}, data), { items: currentItems, start: currentStart, end: currentEnd });
+            }
+            if (nextRealCount > 0 && ((_b = data.items) !== null && _b !== void 0 ? _b : currentItems).length === 0) {
+                const key = `${nextRealCount}:${nextVirtualSize}:${(options === null || options === void 0 ? void 0 : options.preserveItems) ? 1 : 0}:${data.items ? 1 : 0}`;
+                if (key !== this.lastEmptyLogKey) {
+                    this.lastEmptyLogKey = key;
+                    console.log('[vp] empty items', {
+                        type: this.type,
+                        realCount: nextRealCount,
+                        virtualSize: nextVirtualSize,
+                        preserveItems: !!(options === null || options === void 0 ? void 0 : options.preserveItems),
+                        hasItemsUpdate: !!data.items,
+                    });
+                }
+            }
+        }
+        dimension_helpers.setStore(this.store, data);
+    }
+}
+
+exports.ViewportStore = ViewportStore;
+exports.addMissingItems = addMissingItems;
+exports.calculateRowHeaderSize = calculateRowHeaderSize;
+exports.getFirstItem = getFirstItem;
+exports.getItems = getItems;
+exports.getLastItem = getLastItem;
+exports.getUpdatedItemsByPosition = getUpdatedItemsByPosition;
+exports.isActiveRange = isActiveRange;
+exports.isActiveRangeOutsideLastItem = isActiveRangeOutsideLastItem;
+exports.recombineByOffset = recombineByOffset;
+exports.setItemSizes = setItemSizes;
+exports.updateMissingAndRange = updateMissingAndRange;
+//# sourceMappingURL=viewport.store-BTbPlyF-.js.map
+
+//# sourceMappingURL=viewport.store-BTbPlyF-.js.map