lsp-grid 1.0.0

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

@@ -0,0 +1,89 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import reduce from "lodash/reduce";
+import { isRowType, rowTypes, DataStore, getSourceItem, getVisibleSourceItem, } from "../store/index";
+/**
+ * Data source provider
+ *
+ * @dependsOn DimensionProvider
+ */
+export class DataProvider {
+    constructor(dimensionProvider) {
+        this.dimensionProvider = dimensionProvider;
+        this.stores = reduce(rowTypes, (sources, k) => {
+            sources[k] = new DataStore(k);
+            return sources;
+        }, {});
+    }
+    setData(data, type = 'rgRow', disableVirtualRows = false, grouping, silent = false) {
+        // set rgRow data
+        this.stores[type].updateData([...data], grouping, silent);
+        // for pinned row no need virtual data
+        const noVirtual = type !== 'rgRow' || disableVirtualRows;
+        this.dimensionProvider.setData(data.length, type, noVirtual);
+        return data;
+    }
+    getModel(virtualIndex, type = 'rgRow') {
+        const store = this.stores[type].store;
+        return getSourceItem(store, virtualIndex);
+    }
+    changeOrder({ rowType = 'rgRow', from, to }) {
+        const storeService = this.stores[rowType];
+        // take currently visible row indexes
+        const newItemsOrder = [...storeService.store.get('proxyItems')];
+        const prevItems = storeService.store.get('items');
+        // take out
+        const toMove = newItemsOrder.splice(newItemsOrder.indexOf(prevItems[from]), // get index in proxy
+        1);
+        // insert before
+        newItemsOrder.splice(newItemsOrder.indexOf(prevItems[to]), // get index in proxy
+        0, ...toMove);
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        this.dimensionProvider.updateSizesPositionByNewDataIndexes(rowType, newItems, prevItems);
+    }
+    setCellData({ type, rowIndex, prop, val }, mutate = true) {
+        const model = this.getModel(rowIndex, type);
+        model[prop] = val;
+        this.stores[type].setSourceData({ [rowIndex]: model }, mutate);
+    }
+    setRangeData(data, type) {
+        const items = {};
+        for (let rowIndex in data) {
+            const oldModel = (items[rowIndex] = getSourceItem(this.stores[type].store, parseInt(rowIndex, 10)));
+            if (!oldModel) {
+                continue;
+            }
+            for (let prop in data[rowIndex]) {
+                oldModel[prop] = data[rowIndex][prop];
+            }
+        }
+        this.stores[type].setSourceData(items);
+    }
+    refresh(type = 'all') {
+        if (isRowType(type)) {
+            this.refreshItems(type);
+        }
+        rowTypes.forEach((t) => this.refreshItems(t));
+    }
+    refreshItems(type = 'rgRow') {
+        const items = this.stores[type].store.get('items');
+        this.stores[type].setData({ items: [...items] });
+    }
+    setGrouping({ depth }, type = 'rgRow') {
+        this.stores[type].setData({ groupingDepth: depth });
+    }
+    setTrimmed(trimmed, type = 'rgRow') {
+        const store = this.stores[type];
+        store.addTrimmed(trimmed);
+        this.dimensionProvider.setTrimmed(trimmed, type);
+        if (type === 'rgRow') {
+            this.dimensionProvider.setData(getVisibleSourceItem(store.store).length, type);
+        }
+    }
+}
+//# sourceMappingURL=data.provider.js.map

package/dist/collection/services/data.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.provider.js","sourceRoot":"","sources":["../../src/services/data.provider.ts"],"names":[],"mappings":"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","sourcesContent":["import reduce from 'lodash/reduce';\r\n\r\nimport {\r\n  isRowType,\r\n  rowTypes,\r\n  DataStore,\r\n  getSourceItem,\r\n  getVisibleSourceItem,\r\n  Groups,\r\n  Trimmed,\r\n} from '@store';\r\nimport DimensionProvider from './dimension.provider';\r\nimport type { GroupLabelTemplateFunc } from '../plugins/groupingRow/grouping.row.types';\r\nimport type {\r\n  DataLookup,\r\n  DimensionRows,\r\n  DataType,\r\n  BeforeSaveDataDetails,\r\n} from '@type';\r\n\r\nexport type RowDataSources = {\r\n  [T in DimensionRows]: DataStore<DataType, DimensionRows>;\r\n};\r\n\r\n/**\r\n * Data source provider\r\n * \r\n * @dependsOn DimensionProvider\r\n */\r\n\r\nexport class DataProvider {\r\n  public readonly stores: RowDataSources;\r\n  constructor(private dimensionProvider: DimensionProvider) {\r\n    this.stores = reduce(\r\n      rowTypes,\r\n      (sources: Partial<RowDataSources>, k: DimensionRows) => {\r\n        sources[k] = new DataStore(k);\r\n        return sources;\r\n      },\r\n      {},\r\n    ) as RowDataSources;\r\n  }\r\n\r\n  setData(\r\n    data: DataType[],\r\n    type: DimensionRows = 'rgRow',\r\n    disableVirtualRows = false,\r\n    grouping?: {\r\n      depth: number;\r\n      groups?: Groups;\r\n      customRenderer?: GroupLabelTemplateFunc;\r\n    },\r\n    silent = false,\r\n  ): DataType[] {\r\n    // set rgRow data\r\n    this.stores[type].updateData([...data], grouping, silent);\r\n\r\n    // for pinned row no need virtual data\r\n    const noVirtual = type !== 'rgRow' || disableVirtualRows;\r\n    this.dimensionProvider.setData(data.length, type, noVirtual);\r\n    return data;\r\n  }\r\n\r\n  getModel(virtualIndex: number, type: DimensionRows = 'rgRow') {\r\n    const store = this.stores[type].store;\r\n    return getSourceItem(store, virtualIndex);\r\n  }\r\n\r\n  changeOrder({ rowType = 'rgRow', from, to }: { rowType: DimensionRows, from: number; to: number }) {\r\n    const storeService = this.stores[rowType];\r\n\r\n    // take currently visible row indexes\r\n    const newItemsOrder = [...storeService.store.get('proxyItems')];\r\n    const prevItems = storeService.store.get('items');\r\n\r\n    // take out\r\n    const toMove = newItemsOrder.splice(\r\n      newItemsOrder.indexOf(prevItems[from]), // get index in proxy\r\n      1\r\n    );\r\n    // insert before\r\n    newItemsOrder.splice(\r\n      newItemsOrder.indexOf(prevItems[to]),  // get index in proxy\r\n      0,\r\n      ...toMove\r\n    );\r\n    storeService.setData({\r\n      proxyItems: newItemsOrder,\r\n    });\r\n\r\n    // take currently visible row indexes\r\n    const newItems = storeService.store.get('items');\r\n    this.dimensionProvider.updateSizesPositionByNewDataIndexes(\r\n      rowType,\r\n      newItems,\r\n      prevItems\r\n    );\r\n  }\r\n\r\n  setCellData(\r\n    { type, rowIndex, prop, val }: Pick<BeforeSaveDataDetails, 'type' | 'rowIndex' | 'prop' | 'val'>, \r\n    mutate = true,\r\n  ) {\r\n    const model = this.getModel(rowIndex, type);\r\n    model[prop] = val;\r\n    this.stores[type].setSourceData({ [rowIndex]: model }, mutate);\r\n  }\r\n\r\n  setRangeData(data: DataLookup, type: DimensionRows) {\r\n    const items: Record<number, DataType> = {};\r\n    for (let rowIndex in data) {\r\n      const oldModel = (items[rowIndex] = getSourceItem(\r\n        this.stores[type].store,\r\n        parseInt(rowIndex, 10),\r\n      ));\r\n      if (!oldModel) {\r\n        continue;\r\n      }\r\n      for (let prop in data[rowIndex]) {\r\n        oldModel[prop] = data[rowIndex][prop];\r\n      }\r\n    }\r\n    this.stores[type].setSourceData(items);\r\n  }\r\n\r\n  refresh(type: DimensionRows | 'all' = 'all') {\r\n    if (isRowType(type)) {\r\n      this.refreshItems(type);\r\n    }\r\n    rowTypes.forEach((t: DimensionRows) => this.refreshItems(t));\r\n  }\r\n\r\n  refreshItems(type: DimensionRows = 'rgRow') {\r\n    const items = this.stores[type].store.get('items');\r\n    this.stores[type].setData({ items: [...items] });\r\n  }\r\n\r\n  setGrouping({ depth }: { depth: number }, type: DimensionRows = 'rgRow') {\r\n    this.stores[type].setData({ groupingDepth: depth });\r\n  }\r\n\r\n  setTrimmed(trimmed: Trimmed, type: DimensionRows = 'rgRow') {\r\n    const store = this.stores[type];\r\n    store.addTrimmed(trimmed);\r\n    this.dimensionProvider.setTrimmed(trimmed, type);\r\n    if (type === 'rgRow') {\r\n      this.dimensionProvider.setData(\r\n        getVisibleSourceItem(store.store).length,\r\n        type,\r\n      );\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,176 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import reduce from "lodash/reduce";
+import debounce from "lodash/debounce";
+import { RESIZE_INTERVAL } from "../utils/consts";
+import { columnTypes, rowTypes, getItemByIndex, DimensionStore, gatherTrimmedItems, } from "../store/index";
+import { getColumnSizes } from "../utils/column.utils";
+/**
+ * Dimension provider
+ * Stores dimension information and custom sizes
+ *
+ * @dependsOn ViewportProvider
+ */
+export default class DimensionProvider {
+    constructor(viewports, config) {
+        this.viewports = viewports;
+        const sizeChanged = debounce((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
+        this.stores = reduce([...rowTypes, ...columnTypes], (sources, t) => {
+            sources[t] = new DimensionStore(t);
+            sources[t].store.onChange('realSize', () => sizeChanged(t));
+            return sources;
+        }, {});
+    }
+    /**
+     * Clear old sizes from dimension and viewports
+     * @param type - dimension type
+     * @param count - count of items
+     */
+    clearSize(t, count) {
+        this.stores[t].drop();
+        // after we done with drop trigger viewport recalculaction
+        this.viewports.stores[t].setOriginalSizes(this.stores[t].store.get('originItemSize'));
+        this.setItemCount(count, t);
+    }
+    /**
+     * Apply new custom sizes to dimension and view port
+     * @param type - dimension type
+     * @param sizes - new custom sizes
+     * @param keepOld - keep old sizes merge new with old
+     */
+    setCustomSizes(type, sizes, keepOld = false) {
+        let newSizes = sizes;
+        if (keepOld) {
+            const oldSizes = this.stores[type].store.get('sizes');
+            newSizes = Object.assign(Object.assign({}, oldSizes), sizes);
+        }
+        this.stores[type].setDimensionSize(newSizes);
+        this.setViewPortCoordinate({
+            type,
+            force: true,
+        });
+    }
+    setItemCount(realCount, type) {
+        this.viewports.stores[type].setViewport({ realCount });
+        this.stores[type].setStore({ count: realCount });
+    }
+    /**
+     * Apply trimmed items
+     * @param trimmed - trimmed items
+     * @param type
+     */
+    setTrimmed(trimmed, type) {
+        const allTrimmed = gatherTrimmedItems(trimmed);
+        const dimStoreType = this.stores[type];
+        dimStoreType.setStore({ trimmed: allTrimmed });
+        this.setViewPortCoordinate({
+            type,
+            force: true,
+        });
+    }
+    /**
+     * Sets dimension data and viewport coordinate
+     * @param itemCount
+     * @param type - dimension type
+     * @param noVirtual - disable virtual data
+     */
+    setData(itemCount, type, noVirtual = false) {
+        this.setItemCount(itemCount, type);
+        // Virtualization will get disabled
+        if (noVirtual) {
+            const dimension = this.stores[type].getCurrentState();
+            this.viewports.stores[type].setViewport({
+                virtualSize: dimension.realSize,
+            });
+        }
+        this.setViewPortCoordinate({
+            type,
+        });
+    }
+    /**
+     * Applies new columns to the dimension provider
+     * @param columns - new columns data
+     * @param disableVirtualX - disable virtual data for X axis
+     */
+    applyNewColumns(columns, disableVirtualX, keepOld = false) {
+        // Apply new columns to dimension provider
+        for (let type of columnTypes) {
+            if (!keepOld) {
+                // Clear existing data in the dimension provider
+                this.stores[type].drop();
+            }
+            // Get the new columns for the current type
+            const items = columns[type];
+            // Determine if virtual data should be disabled for the current type
+            const noVirtual = type !== 'rgCol' || disableVirtualX;
+            // Set the items count in the dimension provider
+            this.stores[type].setStore({ count: items.length });
+            // Set the custom sizes for the columns
+            const newSizes = getColumnSizes(items);
+            this.stores[type].setDimensionSize(newSizes);
+            // Update the viewport with new data
+            const vpUpdate = {
+                // This triggers drop on realCount change
+                realCount: items.length,
+            };
+            // If virtual data is disabled, set the virtual size to the real size
+            if (noVirtual) {
+                vpUpdate.virtualSize = this.stores[type].getCurrentState().realSize;
+            }
+            // Update the viewport
+            this.viewports.stores[type].setViewport(vpUpdate);
+            this.setViewPortCoordinate({
+                type,
+            });
+        }
+    }
+    /**
+     * Gets the full size of the grid by summing up the sizes of all dimensions
+     * Goes through all dimensions columnTypes (x) and rowTypes (y) and sums up their sizes
+     */
+    getFullSize() {
+        var _a, _b;
+        let x = 0;
+        let y = 0;
+        for (let type of columnTypes) {
+            x += ((_a = this.stores[type]) === null || _a === void 0 ? void 0 : _a.store.get('realSize')) || 0;
+        }
+        for (let type of rowTypes) {
+            y += ((_b = this.stores[type]) === null || _b === void 0 ? void 0 : _b.store.get('realSize')) || 0;
+        }
+        return { y, x };
+    }
+    setViewPortCoordinate({ type, coordinate = this.viewports.stores[type].lastCoordinate, force = false, }) {
+        const dimension = this.stores[type].getCurrentState();
+        this.viewports.stores[type].setViewPortCoordinate(coordinate, dimension, force);
+    }
+    getViewPortPos(e) {
+        const dimension = this.stores[e.dimension].getCurrentState();
+        const item = getItemByIndex(dimension, e.coordinate);
+        return item.start;
+    }
+    setSettings(data, dimensionType) {
+        let stores = [];
+        switch (dimensionType) {
+            case 'rgCol':
+                stores = columnTypes;
+                break;
+            case 'rgRow':
+                stores = rowTypes;
+                break;
+        }
+        for (let s of stores) {
+            this.stores[s].setStore(data);
+        }
+    }
+    updateSizesPositionByNewDataIndexes(type, newItemsOrder, prevItemsOrder = []) {
+        // Move custom sizes to new order
+        this.stores[type].updateSizesPositionByIndexes(newItemsOrder, prevItemsOrder);
+        this.setViewPortCoordinate({
+            type,
+            force: true,
+        });
+    }
+}
+//# sourceMappingURL=dimension.provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.provider.js","sourceRoot":"","sources":["../../src/services/dimension.provider.ts"],"names":[],"mappings":"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","sourcesContent":["import reduce from 'lodash/reduce';\r\nimport debounce from 'lodash/debounce';\r\nimport ViewportProvider from './viewport.provider';\r\nimport { RESIZE_INTERVAL } from '../utils/consts';\r\n\r\nimport {\r\n  columnTypes,\r\n  rowTypes,\r\n  getItemByIndex,\r\n  DimensionStore,\r\n  DimensionStoreCollection,\r\n  gatherTrimmedItems,\r\n  Trimmed,\r\n} from '@store';\r\nimport type {\r\n  DimensionCols,\r\n  DimensionType,\r\n  MultiDimensionType,\r\n  ColumnRegular,\r\n  DimensionSettingsState,\r\n  ViewPortScrollEvent,\r\n  ViewSettingSizeProp,\r\n  ViewportState,\r\n} from '@type';\r\nimport { getColumnSizes } from '../utils/column.utils';\r\n\r\nexport type DimensionConfig = {\r\n  realSizeChanged(k: MultiDimensionType): void;\r\n};\r\n/**\r\n * Dimension provider\r\n * Stores dimension information and custom sizes\r\n * \r\n * @dependsOn ViewportProvider\r\n */\r\nexport default class DimensionProvider {\r\n  readonly stores: DimensionStoreCollection;\r\n  constructor(\r\n    private viewports: ViewportProvider,\r\n    config: DimensionConfig,\r\n  ) {\r\n    const sizeChanged = debounce(\r\n      (k: MultiDimensionType) => config.realSizeChanged(k),\r\n      RESIZE_INTERVAL,\r\n    );\r\n    this.stores = reduce(\r\n      [...rowTypes, ...columnTypes],\r\n      (sources: Partial<DimensionStoreCollection>, t: MultiDimensionType) => {\r\n        sources[t] = new DimensionStore(t);\r\n        sources[t].store.onChange('realSize', () => sizeChanged(t));\r\n        return sources;\r\n      },\r\n      {},\r\n    ) as DimensionStoreCollection;\r\n  }\r\n\r\n  /**\r\n   * Clear old sizes from dimension and viewports\r\n   * @param type - dimension type\r\n   * @param count - count of items\r\n   */\r\n  clearSize(t: MultiDimensionType, count: number) {\r\n    this.stores[t].drop();\r\n    // after we done with drop trigger viewport recalculaction\r\n    this.viewports.stores[t].setOriginalSizes(\r\n      this.stores[t].store.get('originItemSize'),\r\n    );\r\n    this.setItemCount(count, t);\r\n  }\r\n\r\n  /**\r\n   * Apply new custom sizes to dimension and view port\r\n   * @param type - dimension type\r\n   * @param sizes - new custom sizes\r\n   * @param keepOld - keep old sizes merge new with old\r\n   */\r\n  setCustomSizes(\r\n    type: MultiDimensionType,\r\n    sizes: ViewSettingSizeProp,\r\n    keepOld = false,\r\n  ) {\r\n    let newSizes = sizes;\r\n    if (keepOld) {\r\n      const oldSizes = this.stores[type].store.get('sizes');\r\n      newSizes = {\r\n        ...oldSizes,\r\n        ...sizes,\r\n      };\r\n    }\r\n    this.stores[type].setDimensionSize(newSizes);\r\n    this.setViewPortCoordinate({\r\n      type,\r\n      force: true,\r\n    });\r\n  }\r\n\r\n  setItemCount(realCount: number, type: MultiDimensionType) {\r\n    this.viewports.stores[type].setViewport({ realCount });\r\n    this.stores[type].setStore({ count: realCount });\r\n  }\r\n\r\n  /**\r\n   * Apply trimmed items\r\n   * @param trimmed - trimmed items\r\n   * @param type\r\n   */\r\n  setTrimmed(trimmed: Trimmed, type: MultiDimensionType) {\r\n    const allTrimmed = gatherTrimmedItems(trimmed);\r\n    const dimStoreType = this.stores[type];\r\n    dimStoreType.setStore({ trimmed: allTrimmed });\r\n    this.setViewPortCoordinate({\r\n      type,\r\n      force: true,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Sets dimension data and viewport coordinate\r\n   * @param itemCount\r\n   * @param type - dimension type\r\n   * @param noVirtual - disable virtual data\r\n   */\r\n  setData(itemCount: number, type: MultiDimensionType, noVirtual = false) {\r\n    this.setItemCount(itemCount, type);\r\n\r\n    // Virtualization will get disabled\r\n    if (noVirtual) {\r\n      const dimension = this.stores[type].getCurrentState();\r\n      this.viewports.stores[type].setViewport({\r\n        virtualSize: dimension.realSize,\r\n      });\r\n    }\r\n    this.setViewPortCoordinate({\r\n      type,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Applies new columns to the dimension provider\r\n   * @param columns - new columns data\r\n   * @param disableVirtualX - disable virtual data for X axis\r\n   */\r\n  applyNewColumns(\r\n    columns: Record<DimensionCols, ColumnRegular[]>,\r\n    disableVirtualX: boolean,\r\n    keepOld = false,\r\n  ) {\r\n    // Apply new columns to dimension provider\r\n    for (let type of columnTypes) {\r\n      if (!keepOld) {\r\n        // Clear existing data in the dimension provider\r\n        this.stores[type].drop();\r\n      }\r\n\r\n      // Get the new columns for the current type\r\n      const items = columns[type];\r\n\r\n      // Determine if virtual data should be disabled for the current type\r\n      const noVirtual = type !== 'rgCol' || disableVirtualX;\r\n\r\n      // Set the items count in the dimension provider\r\n      this.stores[type].setStore({ count: items.length });\r\n\r\n      // Set the custom sizes for the columns\r\n      const newSizes = getColumnSizes(items);\r\n      this.stores[type].setDimensionSize(newSizes);\r\n\r\n      // Update the viewport with new data\r\n      const vpUpdate: Partial<ViewportState> = {\r\n        // This triggers drop on realCount change\r\n        realCount: items.length,\r\n      };\r\n\r\n      // If virtual data is disabled, set the virtual size to the real size\r\n      if (noVirtual) {\r\n        vpUpdate.virtualSize = this.stores[type].getCurrentState().realSize;\r\n      }\r\n\r\n      // Update the viewport\r\n      this.viewports.stores[type].setViewport(vpUpdate);\r\n      this.setViewPortCoordinate({\r\n        type,\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Gets the full size of the grid by summing up the sizes of all dimensions\r\n   * Goes through all dimensions columnTypes (x) and rowTypes (y) and sums up their sizes\r\n   */\r\n\r\n  getFullSize(): { x: number; y: number } {\r\n    let x = 0;\r\n    let y = 0;\r\n    for (let type of columnTypes) {\r\n      x += this.stores[type]?.store.get('realSize') || 0;\r\n    }\r\n    for (let type of rowTypes) {\r\n      y += this.stores[type]?.store.get('realSize') || 0;\r\n    }\r\n    return { y, x };\r\n  }\r\n\r\n  setViewPortCoordinate({\r\n    type,\r\n    coordinate = this.viewports.stores[type].lastCoordinate,\r\n    force = false,\r\n  }: {\r\n    coordinate?: number;\r\n    type: MultiDimensionType;\r\n    force?: boolean;\r\n  }) {\r\n    const dimension = this.stores[type].getCurrentState();\r\n    this.viewports.stores[type].setViewPortCoordinate(\r\n      coordinate,\r\n      dimension,\r\n      force,\r\n    );\r\n  }\r\n\r\n  getViewPortPos(e: ViewPortScrollEvent): number {\r\n    const dimension = this.stores[e.dimension].getCurrentState();\r\n    const item = getItemByIndex(dimension, e.coordinate);\r\n\r\n    return item.start;\r\n  }\r\n\r\n  setSettings(\r\n    data: Partial<DimensionSettingsState>,\r\n    dimensionType: DimensionType,\r\n  ) {\r\n    let stores: MultiDimensionType[] = [];\r\n    switch (dimensionType) {\r\n      case 'rgCol':\r\n        stores = columnTypes;\r\n        break;\r\n      case 'rgRow':\r\n        stores = rowTypes;\r\n        break;\r\n    }\r\n    for (let s of stores) {\r\n      this.stores[s].setStore(data);\r\n    }\r\n  }\r\n\r\n  updateSizesPositionByNewDataIndexes(\r\n    type: MultiDimensionType,\r\n    newItemsOrder: number[],\r\n    prevItemsOrder: number[] = [],\r\n  ) {\r\n    // Move custom sizes to new order\r\n    this.stores[type].updateSizesPositionByIndexes(\r\n      newItemsOrder,\r\n      prevItemsOrder,\r\n    );\r\n    this.setViewPortCoordinate({\r\n      type,\r\n      force: true,\r\n    });\r\n  }\r\n}\r\n"]}

package/dist/collection/services/local.scroll.service.js

@@ -0,0 +1,124 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { scaleValue } from "../utils";
+const initialParams = {
+    contentSize: 0,
+    clientSize: 0,
+    virtualSize: 0,
+    maxSize: 0,
+};
+const NO_COORDINATE = -1;
+/**
+ * Based on content size, client size and virtual size
+ * return full size
+ */
+export function getContentSize(contentSize, clientSize, virtualSize = 0) {
+    if (virtualSize > contentSize) {
+        return 0;
+    }
+    return contentSize + (virtualSize ? clientSize - virtualSize : 0);
+}
+export default class LocalScrollService {
+    constructor(cfg) {
+        this.cfg = cfg;
+        this.preventArtificialScroll = {
+            rgRow: null,
+            rgCol: null,
+        };
+        // to check if scroll changed
+        this.previousScroll = {
+            rgRow: NO_COORDINATE,
+            rgCol: NO_COORDINATE,
+        };
+        this.params = {
+            rgRow: Object.assign({}, initialParams),
+            rgCol: Object.assign({}, initialParams),
+        };
+    }
+    setParams(params, dimension) {
+        const virtualContentSize = getContentSize(params.contentSize, params.clientSize, params.virtualSize);
+        this.params[dimension] = Object.assign(Object.assign({}, params), { maxSize: virtualContentSize - params.clientSize, virtualContentSize });
+    }
+    // apply scroll values after scroll done
+    async setScroll(e) {
+        this.cancelScroll(e.dimension);
+        // start frame animation
+        const frameAnimation = new Promise((resolve, reject) => {
+            // for example safari desktop has issues with animation frame
+            if (this.cfg.skipAnimationFrame) {
+                return resolve();
+            }
+            const animationId = window.requestAnimationFrame(() => {
+                resolve();
+            });
+            this.preventArtificialScroll[e.dimension] = reject.bind(null, animationId);
+        });
+        try {
+            await frameAnimation;
+            const params = this.getParams(e.dimension);
+            e.coordinate = Math.ceil(e.coordinate);
+            this.previousScroll[e.dimension] = this.wrapCoordinate(e.coordinate, params);
+            this.preventArtificialScroll[e.dimension] = null;
+            this.cfg.applyScroll(Object.assign(Object.assign({}, e), { coordinate: params.virtualSize
+                    ? this.convert(e.coordinate, params, false)
+                    : e.coordinate }));
+        }
+        catch (id) {
+            window.cancelAnimationFrame(id);
+        }
+    }
+    /**
+     * On scroll event started
+     */
+    scroll(coordinate, dimension, force = false, delta, outside = false) {
+        // cancel all previous scrolls for same dimension
+        this.cancelScroll(dimension);
+        // drop if no change
+        if (!force && this.previousScroll[dimension] === coordinate) {
+            this.previousScroll[dimension] = NO_COORDINATE;
+            return;
+        }
+        const param = this.getParams(dimension);
+        // let component know about scroll event started
+        this.cfg.runScroll({
+            dimension: dimension,
+            coordinate: param.virtualSize
+                ? this.convert(coordinate, param)
+                : coordinate,
+            delta,
+            outside,
+        });
+    }
+    getParams(dimension) {
+        return this.params[dimension];
+    }
+    // check if scroll outside of region to avoid looping
+    wrapCoordinate(c, param) {
+        if (c < 0) {
+            return NO_COORDINATE;
+        }
+        if (typeof param.maxSize === 'number' && c > param.maxSize) {
+            return param.maxSize;
+        }
+        return c;
+    }
+    // prevent already started scroll, performance optimization
+    cancelScroll(dimension) {
+        var _a, _b;
+        (_b = (_a = this.preventArtificialScroll)[dimension]) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.preventArtificialScroll[dimension] = null;
+    }
+    /* convert virtual to real and back, scale range */
+    convert(pos, param, toReal = true) {
+        var _a;
+        const minRange = param.clientSize;
+        const from = [0, ((_a = param.virtualContentSize) !== null && _a !== void 0 ? _a : minRange) - minRange];
+        const to = [0, param.contentSize - param.virtualSize];
+        if (toReal) {
+            return scaleValue(pos, from, to);
+        }
+        return scaleValue(pos, to, from);
+    }
+}
+//# sourceMappingURL=local.scroll.service.js.map

package/dist/collection/services/local.scroll.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local.scroll.service.js","sourceRoot":"","sources":["../../src/services/local.scroll.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DimensionType, ViewPortScrollEvent } from '@type';\r\nimport { scaleValue } from '../utils';\r\n\r\ninterface Config {\r\n  skipAnimationFrame?: boolean;\r\n  // scroll event inited and direction cached\r\n  // scrollingService.proxyScroll get tiggered\r\n  // setScroll event called from scrollingService\r\n  runScroll(e: ViewPortScrollEvent): void;\r\n  // all operation finished, apply scroll values\r\n  applyScroll(e: ViewPortScrollEvent): void;\r\n}\r\n\r\ntype Params = {\r\n  contentSize: number;\r\n  virtualContentSize?: number;\r\n  clientSize: number;\r\n  virtualSize: number;\r\n  maxSize?: number;\r\n};\r\n\r\nconst initialParams: Params = {\r\n  contentSize: 0,\r\n  clientSize: 0,\r\n  virtualSize: 0,\r\n  maxSize: 0,\r\n};\r\nconst NO_COORDINATE = -1;\r\n\r\n/**\r\n * Based on content size, client size and virtual size\r\n * return full size\r\n */\r\nexport function getContentSize(\r\n  contentSize: number,\r\n  clientSize: number,\r\n  virtualSize = 0,\r\n): number {\r\n  if (virtualSize > contentSize) {\r\n    return 0;\r\n  }\r\n  return contentSize + (virtualSize ? clientSize - virtualSize : 0);\r\n}\r\n\r\nexport default class LocalScrollService {\r\n  private preventArtificialScroll: Record<DimensionType, (() => void) | null> = {\r\n    rgRow: null,\r\n    rgCol: null,\r\n  };\r\n  // to check if scroll changed\r\n  private previousScroll: Record<DimensionType, number> = {\r\n    rgRow: NO_COORDINATE,\r\n    rgCol: NO_COORDINATE,\r\n  };\r\n  private params: Record<DimensionType, Params> = {\r\n    rgRow: { ...initialParams },\r\n    rgCol: { ...initialParams },\r\n  };\r\n\r\n  constructor(private cfg: Config) {}\r\n\r\n  setParams(params: Params, dimension: DimensionType) {\r\n    const virtualContentSize = getContentSize(\r\n      params.contentSize,\r\n      params.clientSize,\r\n      params.virtualSize,\r\n    );\r\n    this.params[dimension] = {\r\n      ...params,\r\n      maxSize: virtualContentSize - params.clientSize,\r\n      virtualContentSize,\r\n    };\r\n  }\r\n\r\n  // apply scroll values after scroll done\r\n  async setScroll(e: ViewPortScrollEvent) {\r\n    this.cancelScroll(e.dimension);\r\n\r\n    // start frame animation\r\n    const frameAnimation = new Promise<void>((resolve, reject) => {\r\n      // for example safari desktop has issues with animation frame\r\n      if (this.cfg.skipAnimationFrame) {\r\n        return resolve();\r\n      }\r\n      const animationId = window.requestAnimationFrame(() => {\r\n        resolve();\r\n      });\r\n      this.preventArtificialScroll[e.dimension] = reject.bind(\r\n        null,\r\n        animationId,\r\n      );\r\n    });\r\n\r\n    try {\r\n      await frameAnimation;\r\n      const params = this.getParams(e.dimension);\r\n      e.coordinate = Math.ceil(e.coordinate);\r\n      this.previousScroll[e.dimension] = this.wrapCoordinate(\r\n        e.coordinate,\r\n        params,\r\n      );\r\n      this.preventArtificialScroll[e.dimension] = null;\r\n      this.cfg.applyScroll({\r\n        ...e,\r\n        coordinate: params.virtualSize\r\n          ? this.convert(e.coordinate, params, false)\r\n          : e.coordinate,\r\n      });\r\n    } catch (id) {\r\n      window.cancelAnimationFrame(id);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On scroll event started\r\n   */\r\n  scroll(\r\n    coordinate: number,\r\n    dimension: DimensionType,\r\n    force = false,\r\n    delta?: number,\r\n    outside = false,\r\n  ) {\r\n    // cancel all previous scrolls for same dimension\r\n    this.cancelScroll(dimension);\r\n\r\n    // drop if no change\r\n    if (!force && this.previousScroll[dimension] === coordinate) {\r\n      this.previousScroll[dimension] = NO_COORDINATE;\r\n      return;\r\n    }\r\n\r\n    const param = this.getParams(dimension);\r\n    // let component know about scroll event started\r\n    this.cfg.runScroll({\r\n      dimension: dimension,\r\n      coordinate: param.virtualSize\r\n        ? this.convert(coordinate, param)\r\n        : coordinate,\r\n      delta,\r\n      outside,\r\n    });\r\n  }\r\n\r\n  private getParams(dimension: DimensionType): Params {\r\n    return this.params[dimension];\r\n  }\r\n\r\n  // check if scroll outside of region to avoid looping\r\n  private wrapCoordinate(c: number, param: Params): number {\r\n    if (c < 0) {\r\n      return NO_COORDINATE;\r\n    }\r\n\r\n    if (typeof param.maxSize === 'number' && c > param.maxSize) {\r\n      return param.maxSize;\r\n    }\r\n    return c;\r\n  }\r\n\r\n  // prevent already started scroll, performance optimization\r\n  private cancelScroll(dimension: DimensionType) {\r\n    this.preventArtificialScroll[dimension]?.();\r\n    this.preventArtificialScroll[dimension] = null;\r\n  }\r\n\r\n  /* convert virtual to real and back, scale range */\r\n  private convert(pos: number, param: Params, toReal = true): number {\r\n    const minRange = param.clientSize;\r\n    const from: [number, number] = [0, (param.virtualContentSize ?? minRange) - minRange];\r\n    const to: [number, number] = [0, param.contentSize - param.virtualSize];\r\n    if (toReal) {\r\n      return scaleValue(pos, from, to);\r\n    }\r\n    return scaleValue(pos, to, from);\r\n  }\r\n}\r\n"]}

package/dist/collection/services/local.scroll.timer.js

@@ -0,0 +1,81 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Apply changes only if mousewheel event happened some time ago (scrollThrottling)
+ */
+export class LocalScrollTimer {
+    constructor(scrollThrottling = 10) {
+        this.scrollThrottling = scrollThrottling;
+        /**
+         * Last mw event time for trigger scroll function below
+         * If mousewheel function was ignored we still need to trigger render
+         */
+        this.mouseWheelScrollTimestamp = {
+            rgCol: 0,
+            rgRow: 0,
+        };
+        this.lastKnownScrollCoordinate = {
+            rgCol: 0,
+            rgRow: 0,
+        };
+        /**
+         * Check if scroll is ready to accept new value
+         * this is an edge case for scroll events
+         * when we need to apply scroll after throttling
+         */
+        this.lastScrollUpdateCallbacks = {};
+    }
+    setCoordinate(e) {
+        this.lastKnownScrollCoordinate[e.dimension] = e.coordinate;
+    }
+    /**
+     * Remember last mw event time
+     */
+    latestScrollUpdate(dimension) {
+        this.mouseWheelScrollTimestamp[dimension] = new Date().getTime();
+    }
+    isReady(type, coordinate) {
+        // if there is a callback, clear it
+        if (this.lastScrollUpdateCallbacks[type]) {
+            this.clearLastScrollUpdate(type);
+        }
+        // apply after throttling
+        return this.verifyChange(type, coordinate);
+    }
+    verifyChange(type, coordinate) {
+        const now = new Date().getTime();
+        const change = now - this.mouseWheelScrollTimestamp[type];
+        return change > this.scrollThrottling &&
+            coordinate !== this.lastKnownScrollCoordinate[type];
+    }
+    clearLastScrollUpdate(type) {
+        var _a, _b;
+        clearTimeout((_b = (_a = this.lastScrollUpdateCallbacks[type]) === null || _a === void 0 ? void 0 : _a.timeout) !== null && _b !== void 0 ? _b : 0);
+        delete this.lastScrollUpdateCallbacks[type];
+    }
+    throttleLastScrollUpdate(type, coordinate, lastScrollUpdate) {
+        // if scrollThrottling is set
+        // we need to throttle the last scroll event
+        if (this.scrollThrottling) {
+            this.clearLastScrollUpdate(type);
+            // save lastScrollUpdate callback
+            const callback = this.lastScrollUpdateCallbacks[type] = {
+                callback: lastScrollUpdate,
+                timestamp: new Date().getTime(),
+                coordinate,
+                timeout: 0,
+            };
+            callback.timeout = setTimeout(() => {
+                // clear timeout
+                this.clearLastScrollUpdate(type);
+                // if scrollThrottling is set, and the last scroll event happened before the timeout started
+                // we need to throttle the last scroll event
+                if (this.mouseWheelScrollTimestamp[type] < callback.timestamp && this.verifyChange(type, callback.coordinate)) {
+                    callback.callback();
+                }
+            }, this.scrollThrottling + 50);
+        }
+    }
+}
+//# sourceMappingURL=local.scroll.timer.js.map

package/dist/collection/services/local.scroll.timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local.scroll.timer.js","sourceRoot":"","sources":["../../src/services/local.scroll.timer.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAc3B,YAAoB,mBAAmB,EAAE;QAArB,qBAAgB,GAAhB,gBAAgB,CAAK;QAbzC;;;WAGG;QACK,8BAAyB,GAAkC;YACjE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;SACT,CAAC;QACM,8BAAyB,GAAkC;YACjE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;SACT,CAAC;QA+BF;;;;WAIG;QACK,8BAAyB,GAK3B,EAAE,CAAC;IAvCmC,CAAC;IAE7C,aAAa,CAAC,CAAmD;QAC/D,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;IAC7D,CAAC;IAED;;OAEG;IACH,kBAAkB,CAAC,SAAwB;QACzC,IAAI,CAAC,yBAAyB,CAAC,SAAS,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;IACnE,CAAC;IAED,OAAO,CAAC,IAAmB,EAAE,UAAkB;QAC7C,mCAAmC;QACnC,IAAI,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAClC,CAAC;QACD,yBAAyB;QACzB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAEO,YAAY,CAAC,IAAmB,EAAE,UAAkB;QAC1D,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,MAAM,GAAG,IAAI,CAAC,gBAAgB;YACrC,UAAU,KAAK,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAcO,qBAAqB,CAAC,IAAmB;;QAC/C,YAAY,CAAC,MAAA,MAAA,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,0CAAE,OAAO,mCAAI,CAAC,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,wBAAwB,CAAC,IAAmB,EAAE,UAAkB,EAAE,gBAA4B;QAC5F,6BAA6B;QAC7B,4CAA4C;QAC5C,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;YAChC,iCAAiC;YACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG;gBACtD,QAAQ,EAAE,gBAAgB;gBAC1B,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;gBAC/B,UAAU;gBACV,OAAO,EAAE,CAAQ;aAClB,CAAC;YACF,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACjC,gBAAgB;gBAChB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;gBAChC,4FAA4F;gBAC5F,4CAA4C;gBAC5C,IAAI,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC9G,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBACtB,CAAC;YACH,CAAC,EAAE,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;CACF","sourcesContent":["import type { DimensionType } from '@type';\r\n/**\r\n * Apply changes only if mousewheel event happened some time ago (scrollThrottling)\r\n */\r\nexport class LocalScrollTimer {\r\n  /**\r\n   * Last mw event time for trigger scroll function below\r\n   * If mousewheel function was ignored we still need to trigger render\r\n   */\r\n  private mouseWheelScrollTimestamp: Record<DimensionType, number> = {\r\n    rgCol: 0,\r\n    rgRow: 0,\r\n  };\r\n  private lastKnownScrollCoordinate: Record<DimensionType, number> = {\r\n    rgCol: 0,\r\n    rgRow: 0,\r\n  };\r\n\r\n  constructor(private scrollThrottling = 10) {}\r\n\r\n  setCoordinate(e: { dimension: DimensionType; coordinate: number }) {\r\n    this.lastKnownScrollCoordinate[e.dimension] = e.coordinate;\r\n  }\r\n\r\n  /**\r\n   * Remember last mw event time\r\n   */\r\n  latestScrollUpdate(dimension: DimensionType) {\r\n    this.mouseWheelScrollTimestamp[dimension] = new Date().getTime();\r\n  }\r\n\r\n  isReady(type: DimensionType, coordinate: number) {\r\n    // if there is a callback, clear it\r\n    if (this.lastScrollUpdateCallbacks[type]) {\r\n      this.clearLastScrollUpdate(type)\r\n    }\r\n    // apply after throttling\r\n    return this.verifyChange(type, coordinate);\r\n  }\r\n\r\n  private verifyChange(type: DimensionType, coordinate: number) {\r\n    const now = new Date().getTime();\r\n    const change = now - this.mouseWheelScrollTimestamp[type];\r\n    return change > this.scrollThrottling &&\r\n    coordinate !== this.lastKnownScrollCoordinate[type];\r\n  }\r\n\r\n  /**\r\n   * Check if scroll is ready to accept new value\r\n   * this is an edge case for scroll events\r\n   * when we need to apply scroll after throttling\r\n   */\r\n  private lastScrollUpdateCallbacks: Partial<Record<DimensionType, {\r\n    callback: () => void;\r\n    timestamp: number;\r\n    coordinate: number;\r\n    timeout: number;\r\n  }>> = {};\r\n\r\n  private clearLastScrollUpdate(type: DimensionType) {\r\n    clearTimeout(this.lastScrollUpdateCallbacks[type]?.timeout ?? 0);\r\n    delete this.lastScrollUpdateCallbacks[type];\r\n  }\r\n\r\n  throttleLastScrollUpdate(type: DimensionType, coordinate: number, lastScrollUpdate: () => void) {\r\n    // if scrollThrottling is set\r\n    // we need to throttle the last scroll event\r\n    if (this.scrollThrottling) {\r\n      this.clearLastScrollUpdate(type)\r\n      // save lastScrollUpdate callback\r\n      const callback = this.lastScrollUpdateCallbacks[type] = {\r\n        callback: lastScrollUpdate,\r\n        timestamp: new Date().getTime(),\r\n        coordinate,\r\n        timeout: 0 as any,\r\n      };\r\n      callback.timeout = setTimeout(() => {\r\n        // clear timeout\r\n        this.clearLastScrollUpdate(type)\r\n        // if scrollThrottling is set, and the last scroll event happened before the timeout started\r\n        // we need to throttle the last scroll event\r\n        if (this.mouseWheelScrollTimestamp[type] < callback.timestamp && this.verifyChange(type, callback.coordinate)) {\r\n          callback.callback();\r\n        }\r\n      }, this.scrollThrottling + 50);\r\n    }\r\n  }\r\n}\r\n"]}