lsp-grid 1.0.0

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

@@ -0,0 +1,251 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { getItemByPosition } from "../dimension/dimension.helpers";
+/**
+ * Update items based on new scroll position
+ * If viewport wasn't changed fully simple recombination of positions
+ * Otherwise rebuild viewport items
+ */
+export function getUpdatedItemsByPosition(pos, // coordinate
+items, realCount, virtualSize, dimension) {
+    const activeItem = 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);
+}
+export 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
+ */
+export 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
+ */
+export 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;
+}
+export 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
+ */
+export 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));
+}
+export 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);
+}
+export function getFirstItem(s) {
+    return s.items[s.start];
+}
+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;
+}
+//# sourceMappingURL=viewport.helpers.js.map

package/dist/collection/store/vp/viewport.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.helpers.js","sourceRoot":"","sources":["../../../src/store/vp/viewport.helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\r\n  DimensionSettingsState,\r\n  PositionItem,\r\n  ViewSettingSizeProp,\r\n  ViewportStateItems,\r\n  VirtualPositionItem,\r\n  Range,\r\n} from '@type';\r\n\r\nimport { getItemByPosition } from '../dimension/dimension.helpers';\r\n\r\nexport type DimensionDataViewport = Pick<\r\n  DimensionSettingsState,\r\n  | 'indexes'\r\n  | 'positionIndexes'\r\n  | 'positionIndexToItem'\r\n  | 'sizes'\r\n  | 'originItemSize'\r\n  | 'realSize'\r\n>;\r\n\r\nexport type ItemsToUpdate = Pick<ViewportStateItems, 'items' | 'start' | 'end'>;\r\n/**\r\n * Update items based on new scroll position\r\n * If viewport wasn't changed fully simple recombination of positions\r\n * Otherwise rebuild viewport items\r\n */\r\nexport function getUpdatedItemsByPosition<T extends ItemsToUpdate>(\r\n  pos: number, // coordinate\r\n  items: T,\r\n  realCount: number,\r\n  virtualSize: number,\r\n  dimension: DimensionDataViewport,\r\n): ItemsToUpdate {\r\n  const activeItem: PositionItem = getItemByPosition(dimension, pos);\r\n  const firstItem = getFirstItem(items);\r\n  let toUpdate: ItemsToUpdate | undefined;\r\n  // do simple position recombination if items already present in viewport\r\n  if (firstItem) {\r\n    let changedOffsetStart = activeItem.itemIndex - (firstItem.itemIndex || 0);\r\n    // if item changed\r\n    if (changedOffsetStart) {\r\n      // simple recombination\r\n      toUpdate = recombineByOffset(Math.abs(changedOffsetStart), {\r\n        positiveDirection: changedOffsetStart > -1,\r\n        ...dimension,\r\n        ...items,\r\n      });\r\n    }\r\n  }\r\n\r\n  const maxSizeVirtualSize = getMaxVirtualSize(\r\n    virtualSize,\r\n    dimension.realSize,\r\n    activeItem,\r\n  );\r\n  // if partial recombination add items if revo-viewport has some space left\r\n  if (toUpdate) {\r\n    const extra = addMissingItems(\r\n      activeItem,\r\n      realCount,\r\n      maxSizeVirtualSize,\r\n      toUpdate,\r\n      dimension,\r\n    );\r\n    if (extra.length) {\r\n      updateMissingAndRange(toUpdate.items, extra, toUpdate);\r\n    }\r\n  }\r\n\r\n  // new collection if no items after replacement full replacement\r\n  if (!toUpdate) {\r\n    const items = getItems({\r\n      firstItemStart: activeItem.start,\r\n      firstItemIndex: activeItem.itemIndex,\r\n      origSize: dimension.originItemSize,\r\n      maxSize: maxSizeVirtualSize,\r\n      maxCount: realCount,\r\n      sizes: dimension.sizes,\r\n    });\r\n\r\n    // range now comes from 0 to length - 1\r\n    toUpdate = {\r\n      items,\r\n      start: 0,\r\n      end: items.length - 1,\r\n    };\r\n  }\r\n  return toUpdate;\r\n}\r\n\r\n// virtual size can differ based on scroll position if some big items are present\r\n// scroll can be in the middle of item and virtual size will be larger\r\n// so we need to exclude this part from virtual size hence it's already passed\r\nfunction getMaxVirtualSize(\r\n  virtualSize: number,\r\n  realSize: number,\r\n  activeItem: PositionItem,\r\n) {\r\n  return Math.min(virtualSize + (activeItem.end - activeItem.start), realSize);\r\n}\r\n\r\nexport function updateMissingAndRange(\r\n  items: VirtualPositionItem[],\r\n  missing: VirtualPositionItem[],\r\n  range: Range,\r\n) {\r\n  items.splice(range.end + 1, 0, ...missing);\r\n  // update range if start larger after recombination\r\n  if (\r\n    range.start >= range.end &&\r\n    !(range.start === range.end && range.start === 0)\r\n  ) {\r\n    range.start += missing.length;\r\n  }\r\n  range.end += missing.length;\r\n}\r\n\r\n/**\r\n * If partial replacement\r\n * this function adds items if viewport has some space left\r\n */\r\nexport function addMissingItems<T extends ItemsToUpdate>(\r\n  firstItem: PositionItem,\r\n  realCount: number,\r\n  virtualSize: number,\r\n  existingCollection: T,\r\n  dimension: Pick<DimensionSettingsState, 'sizes' | 'originItemSize'>,\r\n): VirtualPositionItem[] {\r\n  const lastItem: VirtualPositionItem = getLastItem(existingCollection);\r\n  const items = getItems({\r\n    sizes: dimension.sizes,\r\n    firstItemStart: lastItem.end,\r\n    firstItemIndex: lastItem.itemIndex + 1,\r\n    origSize: dimension.originItemSize,\r\n    maxSize: virtualSize - (lastItem.end - firstItem.start),\r\n    maxCount: realCount,\r\n  });\r\n  return items;\r\n}\r\n\r\n/**\r\n * Get wiewport items parameters\r\n * caching position and calculating items count in viewport\r\n */\r\nexport function getItems(\r\n  opt: {\r\n    firstItemIndex: number;\r\n    firstItemStart: number;\r\n    origSize: number;\r\n    maxSize: number; // virtual size\r\n    maxCount: number; // real item count, where the last item\r\n    sizes?: ViewSettingSizeProp;\r\n  },\r\n  currentSize = 0,\r\n) {\r\n  const items: VirtualPositionItem[] = [];\r\n\r\n  let index = opt.firstItemIndex;\r\n  let size = currentSize;\r\n\r\n  // max size or max count\r\n  while (size <= opt.maxSize && index < opt.maxCount) {\r\n    const newSize = getItemSize(index, opt.sizes, opt.origSize);\r\n    items.push({\r\n      start: opt.firstItemStart + size,\r\n      end: opt.firstItemStart + size + newSize,\r\n      itemIndex: index,\r\n      size: newSize,\r\n    });\r\n    size += newSize;\r\n    index++;\r\n  }\r\n  return items;\r\n}\r\n\r\n/**\r\n * Do batch items recombination\r\n * If items not overlapped with existing viewport returns null\r\n */\r\ntype RecombindDimensionData = Pick<\r\n  DimensionSettingsState,\r\n  'sizes' | 'realSize' | 'originItemSize'\r\n>;\r\ntype RecombineOffsetData = {\r\n  positiveDirection: boolean;\r\n} & ItemsToUpdate &\r\n  RecombindDimensionData;\r\nexport function recombineByOffset(\r\n  offset: number,\r\n  data: RecombineOffsetData,\r\n): ItemsToUpdate | undefined {\r\n  const newItems = [...data.items];\r\n  const itemsCount = newItems.length;\r\n  let newRange = {\r\n    start: data.start,\r\n    end: data.end,\r\n  };\r\n\r\n  // if offset out of revo-viewport, makes sense whole redraw\r\n  if (offset > itemsCount) {\r\n    return undefined;\r\n  }\r\n\r\n  // is direction of scroll positive\r\n  if (data.positiveDirection) {\r\n    // push item to the end\r\n    let lastItem: VirtualPositionItem = getLastItem(data);\r\n\r\n    let i = newRange.start;\r\n    const length = i + offset;\r\n    for (; i < length; i++) {\r\n      const newIndex = lastItem.itemIndex + 1;\r\n      const size = getItemSize(\r\n        newIndex,\r\n        data.sizes,\r\n        data.originItemSize,\r\n      );\r\n\r\n      // if item overlapped limit break a loop\r\n      if (lastItem.end + size > data.realSize) {\r\n        break;\r\n      }\r\n\r\n      // new item index to recombine\r\n      let newEnd = i % itemsCount;\r\n\r\n      // item should always present, we do not create new item, we recombine them\r\n      if (!newItems[newEnd]) {\r\n        throw new Error('incorrect index');\r\n      }\r\n\r\n      // do recombination\r\n      newItems[newEnd] = lastItem = {\r\n        start: lastItem.end,\r\n        end: lastItem.end + size,\r\n        itemIndex: newIndex,\r\n        size: size,\r\n      };\r\n      // update range\r\n      newRange.start++;\r\n      newRange.end = newEnd;\r\n    }\r\n\r\n    // direction is negative\r\n  } else {\r\n    // push item to the start\r\n    let firstItem = getFirstItem(data);\r\n\r\n    const end = newRange.end;\r\n    for (let i = 0; i < offset; i++) {\r\n      const newIndex = (firstItem?.itemIndex ?? 0) - 1;\r\n      const size = getItemSize(\r\n        newIndex,\r\n        data.sizes,\r\n        data.originItemSize,\r\n      );\r\n\r\n      // new item index to recombine\r\n      let newStart = end - i;\r\n      newStart = (newStart < 0 ? itemsCount + newStart : newStart) % itemsCount;\r\n\r\n      // item should always present, we do not create new item, we recombine them\r\n      if (!newItems[newStart]) {\r\n        console.error('incorrect index');\r\n        break;\r\n      }\r\n\r\n      // do recombination\r\n      const firstItemStart = firstItem?.start ?? 0;\r\n      newItems[newStart] = firstItem = {\r\n        start: firstItemStart - size,\r\n        end: firstItemStart,\r\n        itemIndex: newIndex,\r\n        size: size,\r\n      };\r\n      // update range\r\n      newRange.start = newStart;\r\n      newRange.end--;\r\n    }\r\n  }\r\n  const range = {\r\n    start:\r\n      (newRange.start < 0 ? itemsCount + newRange.start : newRange.start) %\r\n      itemsCount,\r\n    end:\r\n      (newRange.end < 0 ? itemsCount + newRange.end : newRange.end) %\r\n      itemsCount,\r\n  };\r\n  return {\r\n    items: newItems,\r\n    ...range,\r\n  };\r\n}\r\n\r\nfunction getItemSize(\r\n  index: number,\r\n  sizes?: ViewSettingSizeProp,\r\n  origSize = 0,\r\n): number {\r\n  if (sizes && sizes[index]) {\r\n    return sizes[index];\r\n  }\r\n  return origSize;\r\n}\r\n\r\n/**\r\n * Verify if position is in range of the PositionItem, start and end are included\r\n */\r\nexport function isActiveRange(\r\n  pos: number,\r\n  realSize: number,\r\n  first?: PositionItem,\r\n  last?: PositionItem,\r\n): boolean {\r\n  if (!first || !last) {\r\n    return false;\r\n  }\r\n  // if position is in range of first item\r\n  // or position is after first item and last item is the last item in real size\r\n  return (\r\n    (pos >= first.start && pos <= first.end) ||\r\n    (pos > first.end && last.end === realSize)\r\n  );\r\n}\r\n\r\nexport function isActiveRangeOutsideLastItem(\r\n  pos: number,\r\n  virtualSize: number,\r\n  firstItem?: PositionItem,\r\n  lastItem?: PositionItem,\r\n) {\r\n  // if no first item, means no items in viewport\r\n  if (!firstItem) {\r\n    return false;\r\n  }\r\n  return virtualSize + pos > (lastItem?.end ?? 0);\r\n}\r\n\r\nexport function getFirstItem(\r\n  s: ItemsToUpdate,\r\n) {\r\n  return s.items[s.start];\r\n}\r\n\r\nexport function getLastItem(s: ItemsToUpdate): VirtualPositionItem {\r\n  return s.items[s.end];\r\n}\r\n\r\n/**\r\n * Set items sizes from start index to end\r\n * @param vpItems\r\n * @param start\r\n * @param size\r\n * @param lastCoordinate\r\n * @returns\r\n */\r\nexport function setItemSizes(\r\n  vpItems: VirtualPositionItem[],\r\n  initialIndex: number,\r\n  size: number,\r\n  lastCoordinate: number,\r\n) {\r\n  const items = [...vpItems];\r\n  const count = items.length;\r\n\r\n  let pos = lastCoordinate;\r\n  let i = 0;\r\n  let start = initialIndex;\r\n\r\n  // viewport not inited\r\n  if (!count) {\r\n    return [];\r\n  }\r\n  // loop through array from initial item after recombination\r\n  while (i < count) {\r\n    const item = items[start];\r\n    item.start = pos;\r\n    item.size = size;\r\n    item.end = item.start + size;\r\n    pos = item.end;\r\n    // loop by start index\r\n    start++;\r\n    i++;\r\n\r\n    // if start index out of array, reset it\r\n    if (start === count) {\r\n      start = 0;\r\n    }\r\n  }\r\n  return items;\r\n}\r\n"]}

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

@@ -0,0 +1,151 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { addMissingItems, getFirstItem, getLastItem, getUpdatedItemsByPosition, isActiveRange, setItemSizes, updateMissingAndRange, isActiveRangeOutsideLastItem, } from "./viewport.helpers";
+import { createStore } from "@stencil/store";
+import { setStore } from "../../utils";
+/**
+ * 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,
+    };
+}
+/**
+ * Viewport store class
+ */
+export 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.store = 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) {
+            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 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;
+        }
+        setStore(this.store, {
+            items: setItemSizes(items, this.store.get('start'), size, this.lastCoordinate),
+        });
+    }
+    getItems() {
+        return {
+            items: this.store.get('items'),
+            start: this.store.get('start'),
+            end: this.store.get('end'),
+        };
+    }
+    setViewport(data) {
+        // drop items on virtual size change, require a new item set
+        // drop items on real size change, require a new item set
+        if (typeof data.realCount === 'number' || typeof data.virtualSize === 'number') {
+            data = Object.assign(Object.assign({}, data), { items: data.items || [] });
+        }
+        setStore(this.store, data);
+    }
+}
+//# sourceMappingURL=viewport.store.js.map

package/dist/collection/store/vp/viewport.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.store.js","sourceRoot":"","sources":["../../../src/store/vp/viewport.store.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  DimensionDataViewport,\r\n  addMissingItems,\r\n  getFirstItem,\r\n  getLastItem,\r\n  getUpdatedItemsByPosition,\r\n  isActiveRange,\r\n  setItemSizes,\r\n  updateMissingAndRange,\r\n  isActiveRangeOutsideLastItem,\r\n  ItemsToUpdate,\r\n} from './viewport.helpers';\r\nimport { createStore } from '@stencil/store';\r\nimport { type Observable, setStore } from '../../utils';\r\nimport type {\r\n  VirtualPositionItem,\r\n  ViewportState,\r\n  MultiDimensionType,\r\n} from '@type';\r\n\r\n/**\r\n * Viewport store\r\n * Used for virtualization (process of rendering only visible part of data)\r\n * Redraws viewport based on position and dimension\r\n */\r\nfunction initialState(): ViewportState {\r\n  return {\r\n    // virtual item information per rendered item\r\n    items: [],\r\n    // virtual dom item order to render\r\n    start: 0,\r\n    end: 0,\r\n\r\n    // size of virtual viewport in px\r\n    virtualSize: 0,\r\n\r\n    // total number of items\r\n    realCount: 0,\r\n\r\n    // size of viewport in px\r\n    clientSize: 0,\r\n  };\r\n}\r\n\r\n/**\r\n * Viewport store class\r\n */\r\nexport class ViewportStore {\r\n  readonly store: Observable<ViewportState>;\r\n\r\n  // last coordinate for store position restore\r\n  private lastKnownScroll = 0;\r\n\r\n  get lastCoordinate() {\r\n    return this.lastKnownScroll;\r\n  }\r\n  set lastCoordinate(value: number) {\r\n    this.lastKnownScroll = value;\r\n  }\r\n  constructor(readonly type: MultiDimensionType) {\r\n    this.store = createStore(initialState());\r\n  }\r\n\r\n  /**\r\n   * Render viewport based on coordinate\r\n   * It's the main method for draw\r\n   * Use force if you want to re-render viewport\r\n   */\r\n  setViewPortCoordinate(\r\n    position: number,\r\n    dimension: DimensionDataViewport,\r\n    force = false,\r\n  ) {\r\n    const viewportSize = this.store.get('virtualSize');\r\n    // no visible data to calculate\r\n    if (!viewportSize) {\r\n      return;\r\n    }\r\n\r\n    const frameOffset = 1;\r\n    const singleOffsetInPx = dimension.originItemSize * frameOffset;\r\n    // add offset to virtual size from both sides\r\n    const outsize = singleOffsetInPx * 2;\r\n    // math virtual size is based on visible area + 2 items outside of visible area\r\n    const virtualSize = viewportSize + outsize;\r\n\r\n    // expected no scroll if real size less than virtual size, position is 0\r\n    let maxCoordinate = 0;\r\n    // if there is nodes outside of viewport, max coordinate has to be adjusted\r\n    if (dimension.realSize > viewportSize) {\r\n      // max coordinate is real size minus virtual/rendered space\r\n      maxCoordinate = dimension.realSize - viewportSize - singleOffsetInPx;\r\n    }\r\n\r\n    let pos = position;\r\n    // limit position to max and min coordinates\r\n    if (pos < 0) {\r\n      pos = 0;\r\n    } else if (pos > maxCoordinate) {\r\n      pos = maxCoordinate;\r\n    }\r\n\r\n    // store last coordinate for further restore on redraw\r\n    this.lastCoordinate = pos;\r\n\r\n    // actual position is less than first item start based on offset\r\n    pos -= singleOffsetInPx;\r\n    pos = pos < 0 ? 0 : pos < maxCoordinate ? pos : maxCoordinate;\r\n\r\n    let allItems: ItemsToUpdate;\r\n    // if force clear all items and start from 0\r\n    if (force) {\r\n      allItems = {\r\n        items: [],\r\n        start: 0,\r\n        end: 0,\r\n      };\r\n    } else {\r\n      allItems = this.getItems();\r\n    }\r\n\r\n    const firstItem: VirtualPositionItem | undefined = getFirstItem(allItems);\r\n    const lastItem: VirtualPositionItem | undefined = getLastItem(allItems);\r\n\r\n    let toUpdate: Partial<ViewportState> = {};\r\n\r\n    // left position changed\r\n    // verify if new position is in range of previously rendered first item\r\n    if (!isActiveRange(pos, dimension.realSize, firstItem, lastItem)) {\r\n      toUpdate = {\r\n        ...toUpdate,\r\n        ...getUpdatedItemsByPosition(\r\n          pos,\r\n          allItems,\r\n          this.store.get('realCount'),\r\n          virtualSize,\r\n          dimension,\r\n        ),\r\n      };\r\n      this.setViewport({ ...toUpdate });\r\n      // verify is render area is outside of last item\r\n    } else if (\r\n      isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem)\r\n    ) {\r\n      const items = [...allItems.items];\r\n      // check is any item missing for fulfill content\r\n      const missing = addMissingItems(\r\n        firstItem,\r\n        this.store.get('realCount'),\r\n        virtualSize + pos - firstItem.start,\r\n        allItems,\r\n        {\r\n          sizes: dimension.sizes,\r\n          originItemSize: dimension.originItemSize,\r\n        },\r\n      );\r\n\r\n      // update missing items\r\n      if (missing.length) {\r\n        const range = {\r\n          start: this.store.get('start'),\r\n          end: this.store.get('end'),\r\n        };\r\n        updateMissingAndRange(items, missing, range);\r\n        toUpdate = {\r\n          ...toUpdate,\r\n          items: [...items],\r\n          ...range,\r\n        };\r\n        this.setViewport({ ...toUpdate });\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set sizes for existing items\r\n   */\r\n  setOriginalSizes(size: number) {\r\n    const items = this.store.get('items');\r\n    const count = items.length;\r\n    // viewport not inited\r\n    if (!count) {\r\n      return;\r\n    }\r\n\r\n    setStore(this.store, {\r\n      items: setItemSizes(\r\n        items,\r\n        this.store.get('start'),\r\n        size,\r\n        this.lastCoordinate,\r\n      ),\r\n    });\r\n  }\r\n\r\n  getItems(): ItemsToUpdate {\r\n    return {\r\n      items: this.store.get('items'),\r\n      start: this.store.get('start'),\r\n      end: this.store.get('end'),\r\n    };\r\n  }\r\n\r\n  setViewport(data: Partial<ViewportState>) {\r\n    // drop items on virtual size change, require a new item set\r\n    // drop items on real size change, require a new item set\r\n    if (typeof data.realCount === 'number' || typeof data.virtualSize === 'number') {\r\n      data = { ...data, items: data.items || [] };\r\n    }\r\n    setStore(this.store, data);\r\n  }\r\n}\r\n"]}

package/dist/collection/themeManager/theme.compact.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export class ThemeCompact {
+    constructor() {
+        this.defaultRowSize = 32;
+    }
+}
+//# sourceMappingURL=theme.compact.js.map

package/dist/collection/themeManager/theme.compact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.compact.js","sourceRoot":"","sources":["../../src/themeManager/theme.compact.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,YAAY;IAAzB;QACE,mBAAc,GAAG,EAAE,CAAC;IACtB,CAAC;CAAA","sourcesContent":["import { ThemePackage } from '../types/theme';\r\n\r\nexport class ThemeCompact implements ThemePackage {\r\n  defaultRowSize = 32;\r\n}\r\n"]}

package/dist/collection/themeManager/theme.default.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export class ThemeDefault {
+    constructor() {
+        this.defaultRowSize = 27;
+    }
+}
+//# sourceMappingURL=theme.default.js.map

package/dist/collection/themeManager/theme.default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.default.js","sourceRoot":"","sources":["../../src/themeManager/theme.default.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,YAAY;IAAzB;QACE,mBAAc,GAAG,EAAE,CAAC;IACtB,CAAC;CAAA","sourcesContent":["import { ThemePackage } from '../types/theme';\r\n\r\nexport class ThemeDefault implements ThemePackage {\r\n  defaultRowSize = 27;\r\n}\r\n"]}

package/dist/collection/themeManager/theme.material.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export class ThemeMaterial {
+    constructor() {
+        this.defaultRowSize = 42;
+    }
+}
+//# sourceMappingURL=theme.material.js.map

package/dist/collection/themeManager/theme.material.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.material.js","sourceRoot":"","sources":["../../src/themeManager/theme.material.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,aAAa;IAA1B;QACE,mBAAc,GAAG,EAAE,CAAC;IACtB,CAAC;CAAA","sourcesContent":["import { ThemePackage } from '../types/theme';\r\n\r\nexport class ThemeMaterial implements ThemePackage {\r\n  defaultRowSize = 42;\r\n}\r\n"]}

package/dist/collection/themeManager/theme.service.js

@@ -0,0 +1,53 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { ThemeCompact } from "./theme.compact";
+import { ThemeDefault } from "./theme.default";
+import { ThemeMaterial } from "./theme.material";
+export const DEFAULT_THEME = 'default';
+export const allowedThemes = [
+    DEFAULT_THEME,
+    'material',
+    'compact',
+    'darkMaterial',
+    'darkCompact',
+];
+export default class ThemeService {
+    get theme() {
+        return this.currentTheme;
+    }
+    get rowSize() {
+        return this.customRowSize || this.currentTheme.defaultRowSize;
+    }
+    set rowSize(size) {
+        this.customRowSize = size;
+    }
+    constructor(cfg) {
+        this.customRowSize = 0;
+        this.customRowSize = cfg.rowSize;
+        this.register('default');
+    }
+    register(theme) {
+        const parsedTheme = getTheme(theme);
+        switch (parsedTheme) {
+            case 'material':
+            case 'darkMaterial':
+                this.currentTheme = new ThemeMaterial();
+                break;
+            case 'compact':
+            case 'darkCompact':
+                this.currentTheme = new ThemeCompact();
+                break;
+            default:
+                this.currentTheme = new ThemeDefault();
+                break;
+        }
+    }
+}
+export function getTheme(theme) {
+    if (theme && allowedThemes.indexOf(theme) > -1) {
+        return theme;
+    }
+    return DEFAULT_THEME;
+}
+//# sourceMappingURL=theme.service.js.map

package/dist/collection/themeManager/theme.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../src/themeManager/theme.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAY;IACpC,aAAa;IACb,UAAU;IACV,SAAS;IACT,cAAc;IACd,aAAa;CACd,CAAC;AACF,MAAM,CAAC,OAAO,OAAO,YAAY;IAI/B,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;IAChE,CAAC;IAED,IAAI,OAAO,CAAC,IAAY;QACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,YAAY,GAAgB;QAdpB,kBAAa,GAAG,CAAC,CAAC;QAexB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAED,QAAQ,CAAC,KAAY;QACnB,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpC,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,UAAU,CAAC;YAChB,KAAK,cAAc;gBACjB,IAAI,CAAC,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC;gBACxC,MAAM;YACR,KAAK,SAAS,CAAC;YACf,KAAK,aAAa;gBAChB,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;gBACvC,MAAM;YACR;gBACE,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;gBACvC,MAAM;QACV,CAAC;IACH,CAAC;CACF;AAGD,MAAM,UAAU,QAAQ,CAAC,KAAqB;IAC5C,IAAI,KAAK,IAAI,aAAa,CAAC,OAAO,CAAC,KAAc,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QACxD,OAAO,KAAc,CAAC;IACxB,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["import type { Theme, ThemeConfig, ThemePackage } from '../types/theme';\r\nimport { ThemeCompact } from './theme.compact';\r\nimport { ThemeDefault } from './theme.default';\r\nimport { ThemeMaterial } from './theme.material';\r\n\r\nexport const DEFAULT_THEME = 'default';\r\n\r\nexport const allowedThemes: Theme[] = [\r\n  DEFAULT_THEME,\r\n  'material',\r\n  'compact',\r\n  'darkMaterial',\r\n  'darkCompact',\r\n];\r\nexport default class ThemeService {\r\n  private currentTheme: ThemePackage;\r\n  private customRowSize = 0;\r\n\r\n  get theme() {\r\n    return this.currentTheme;\r\n  }\r\n\r\n  get rowSize() {\r\n    return this.customRowSize || this.currentTheme.defaultRowSize;\r\n  }\r\n\r\n  set rowSize(size: number) {\r\n    this.customRowSize = size;\r\n  }\r\n\r\n  constructor(cfg: ThemeConfig) {\r\n    this.customRowSize = cfg.rowSize;\r\n    this.register('default');\r\n  }\r\n\r\n  register(theme: Theme) {\r\n    const parsedTheme = getTheme(theme);\r\n    switch (parsedTheme) {\r\n      case 'material':\r\n      case 'darkMaterial':\r\n        this.currentTheme = new ThemeMaterial();\r\n        break;\r\n      case 'compact':\r\n      case 'darkCompact':\r\n        this.currentTheme = new ThemeCompact();\r\n        break;\r\n      default:\r\n        this.currentTheme = new ThemeDefault();\r\n        break;\r\n    }\r\n  }\r\n}\r\n\r\n\r\nexport function getTheme(theme?: string | null): Theme {\r\n  if (theme && allowedThemes.indexOf(theme as Theme) > -1) {\r\n    return theme as Theme;\r\n  }\r\n  return DEFAULT_THEME;\r\n}"]}

package/dist/collection/types/dimension.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dimension.js.map

package/dist/collection/types/dimension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.js","sourceRoot":"","sources":["../../src/types/dimension.ts"],"names":[],"mappings":"","sourcesContent":["export type DimensionTypeRow = 'rgRow';\r\nexport type DimensionTypeCol = 'rgCol';\r\nexport type DimensionColPin = 'colPinStart' | 'colPinEnd';\r\nexport type DimensionRowPin = 'rowPinStart' | 'rowPinEnd';\r\nexport type DimensionType = DimensionTypeCol | DimensionTypeRow;\r\nexport type DimensionCols = DimensionColPin | DimensionTypeCol;\r\nexport type DimensionRows = DimensionTypeRow | DimensionRowPin;\r\nexport type MultiDimensionType = DimensionCols | DimensionRows;\r\n"]}