lsp-grid 1.0.0

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

@@ -0,0 +1,101 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import sortedIndex from "lodash/sortedIndex";
+/**
+ * Pre-calculation
+ * Dimension custom sizes for each cell
+ * Keeps only changed sizes, skips origin size
+ */
+export function calculateDimensionData(originItemSize, newSizes = {}) {
+    const positionIndexes = [];
+    const positionIndexToItem = {};
+    const indexToItem = {};
+    // prepare order sorted new sizes and calculate changed real size
+    const newIndexes = Object.keys(newSizes).map(Number).sort((a, b) => a - b);
+    let previous;
+    for (let i = 0; i < newIndexes.length; i++) {
+        const itemIndex = newIndexes[i];
+        const newItem = {
+            itemIndex,
+            start: 0,
+            end: 0,
+        };
+        // if previous item was changed too
+        if (previous) {
+            const itemsBetween = (itemIndex - previous.itemIndex - 1) * originItemSize;
+            newItem.start = itemsBetween + previous.end;
+        }
+        else {
+            newItem.start = itemIndex * originItemSize;
+        }
+        newItem.end = newItem.start + newSizes[itemIndex];
+        positionIndexes.push(newItem.start);
+        indexToItem[itemIndex] = positionIndexToItem[i] = newItem;
+        previous = newItem;
+    }
+    return {
+        indexes: newIndexes,
+        positionIndexes: [...positionIndexes],
+        positionIndexToItem: Object.assign({}, positionIndexToItem),
+        indexToItem,
+    };
+}
+/**
+ * Calculate item by position
+ */
+export const getItemByPosition = ({ indexes, positionIndexes, originItemSize, positionIndexToItem, }, pos) => {
+    const item = {
+        itemIndex: 0,
+        start: 0,
+        end: 0,
+    };
+    const currentPlace = indexes.length ? sortedIndex(positionIndexes, pos) : 0;
+    // not found or first index
+    if (!currentPlace) {
+        item.itemIndex = Math.floor(pos / originItemSize);
+        item.start = item.itemIndex * originItemSize;
+        item.end = item.start + originItemSize;
+        return item;
+    }
+    const positionItem = positionIndexToItem[currentPlace - 1];
+    // if item has specified size
+    if (positionItem.end > pos) {
+        return positionItem;
+    }
+    // special size item was present before
+    const relativePos = pos - positionItem.end;
+    const relativeIndex = Math.floor(relativePos / originItemSize);
+    item.itemIndex = positionItem.itemIndex + 1 + relativeIndex;
+    item.start = positionItem.end + relativeIndex * originItemSize;
+    item.end = item.start + originItemSize;
+    return item;
+};
+export function getItemByIndex(dimension, index) {
+    let item = {
+        itemIndex: index,
+        start: 0,
+        end: 0,
+    };
+    // if item has specified size
+    if (dimension.indexToItem[index]) {
+        return dimension.indexToItem[index];
+    }
+    const currentPlace = dimension.indexes.length
+        ? sortedIndex(dimension.indexes, index)
+        : 0;
+    // not found or first index
+    if (!currentPlace) {
+        item.start = item.itemIndex * dimension.originItemSize;
+        item.end = item.start + dimension.originItemSize;
+        return item;
+    }
+    // special size item was present before
+    const positionItem = dimension.indexToItem[dimension.indexes[currentPlace - 1]];
+    item.start =
+        positionItem.end +
+            (index - positionItem.itemIndex - 1) * dimension.originItemSize;
+    item.end = item.start + dimension.originItemSize;
+    return item;
+}
+//# sourceMappingURL=dimension.helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.helpers.js","sourceRoot":"","sources":["../../../src/store/dimension/dimension.helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import sortedIndex from 'lodash/sortedIndex';\r\n\r\nimport type {\r\n  DimensionSettingsState,\r\n  PositionItem,\r\n  ViewSettingSizeProp,\r\n} from '@type';\r\n\r\nexport type DimensionPosition = Pick<\r\n  DimensionSettingsState,\r\n  'indexes' | 'positionIndexes' | 'originItemSize' | 'positionIndexToItem'\r\n>;\r\nexport type DimensionIndexInput = Pick<\r\n  DimensionSettingsState,\r\n  'indexes' | 'originItemSize' | 'indexToItem'\r\n>;\r\nexport type DimensionSize = Pick<\r\n  DimensionSettingsState,\r\n  | 'indexes'\r\n  | 'positionIndexes'\r\n  | 'positionIndexToItem'\r\n  | 'indexToItem'\r\n  | 'realSize'\r\n  | 'sizes'\r\n>;\r\n/**\r\n * Pre-calculation\r\n * Dimension custom sizes for each cell\r\n * Keeps only changed sizes, skips origin size\r\n */\r\nexport function calculateDimensionData(\r\n  originItemSize: number,\r\n  newSizes: ViewSettingSizeProp = {},\r\n) {\r\n  const positionIndexes: number[] = [];\r\n  const positionIndexToItem: { [position: number]: PositionItem } = {};\r\n  const indexToItem: { [index: number]: PositionItem } = {};\r\n\r\n  // prepare order sorted new sizes and calculate changed real size\r\n  const newIndexes = Object.keys(newSizes).map(Number).sort((a, b) => a - b);\r\n  let previous: PositionItem | undefined;\r\n  for (let i = 0; i < newIndexes.length; i++) {\r\n    const itemIndex = newIndexes[i];\r\n    const newItem: PositionItem = {\r\n      itemIndex,\r\n      start: 0,\r\n      end: 0,\r\n    };\r\n    // if previous item was changed too\r\n    if (previous) {\r\n      const itemsBetween =\r\n        (itemIndex - previous.itemIndex - 1) * originItemSize;\r\n      newItem.start = itemsBetween + previous.end;\r\n    } else {\r\n      newItem.start = itemIndex * originItemSize;\r\n    }\r\n    newItem.end = newItem.start + newSizes[itemIndex];\r\n    positionIndexes.push(newItem.start);\r\n    indexToItem[itemIndex] = positionIndexToItem[i] = newItem;\r\n    previous = newItem;\r\n  }\r\n  return {\r\n    indexes: newIndexes,\r\n    positionIndexes: [...positionIndexes],\r\n    positionIndexToItem: { ...positionIndexToItem },\r\n    indexToItem,\r\n  };\r\n}\r\n\r\n/**\r\n * Calculate item by position\r\n */\r\nexport const getItemByPosition = (\r\n  {\r\n    indexes,\r\n    positionIndexes,\r\n    originItemSize,\r\n    positionIndexToItem,\r\n  }: Pick<DimensionPosition, 'indexes' | 'positionIndexes' | 'originItemSize' | 'positionIndexToItem'>,\r\n  pos: number,\r\n) => {\r\n  const item: PositionItem = {\r\n    itemIndex: 0,\r\n    start: 0,\r\n    end: 0,\r\n  };\r\n  const currentPlace = indexes.length ? sortedIndex(positionIndexes, pos) : 0;\r\n  // not found or first index\r\n  if (!currentPlace) {\r\n    item.itemIndex = Math.floor(pos / originItemSize);\r\n    item.start = item.itemIndex * originItemSize;\r\n    item.end = item.start + originItemSize;\r\n    return item;\r\n  }\r\n  const positionItem = positionIndexToItem[currentPlace - 1];\r\n  // if item has specified size\r\n  if (positionItem.end > pos) {\r\n    return positionItem;\r\n  }\r\n  // special size item was present before\r\n  const relativePos = pos - positionItem.end;\r\n  const relativeIndex = Math.floor(relativePos / originItemSize);\r\n  item.itemIndex = positionItem.itemIndex + 1 + relativeIndex;\r\n  item.start = positionItem.end + relativeIndex * originItemSize;\r\n  item.end = item.start + originItemSize;\r\n  return item;\r\n};\r\n\r\nexport function getItemByIndex(\r\n  dimension: Pick<\r\n    DimensionIndexInput,\r\n    'indexToItem' | 'indexes' | 'originItemSize'\r\n  >,\r\n  index: number,\r\n) {\r\n  let item: PositionItem = {\r\n    itemIndex: index,\r\n    start: 0,\r\n    end: 0,\r\n  };\r\n  // if item has specified size\r\n  if (dimension.indexToItem[index]) {\r\n    return dimension.indexToItem[index];\r\n  }\r\n\r\n  const currentPlace = dimension.indexes.length\r\n    ? sortedIndex(dimension.indexes, index)\r\n    : 0;\r\n  // not found or first index\r\n  if (!currentPlace) {\r\n    item.start = item.itemIndex * dimension.originItemSize;\r\n    item.end = item.start + dimension.originItemSize;\r\n    return item;\r\n  }\r\n  // special size item was present before\r\n  const positionItem =\r\n    dimension.indexToItem[dimension.indexes[currentPlace - 1]];\r\n  item.start =\r\n    positionItem.end +\r\n    (index - positionItem.itemIndex - 1) * dimension.originItemSize;\r\n  item.end = item.start + dimension.originItemSize;\r\n  return item;\r\n}\r\n"]}

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

@@ -0,0 +1,35 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Plugin which recalculates realSize on changes of sizes, originItemSize and count
+ */
+export const recalculateRealSizePlugin = (storeService) => {
+    /**
+     * Recalculates realSize if size, origin size or count changes
+     */
+    return {
+        /**
+         * Reacts on changes of count, sizes and originItemSize
+         */
+        set(k) {
+            switch (k) {
+                case 'count':
+                case 'sizes':
+                case 'originItemSize': {
+                    // recalculate realSize
+                    let realSize = 0;
+                    const count = storeService.store.get('count');
+                    for (let i = 0; i < count; i++) {
+                        realSize +=
+                            storeService.store.get('sizes')[i] ||
+                                storeService.store.get('originItemSize');
+                    }
+                    storeService.setStore({ realSize });
+                    break;
+                }
+            }
+        },
+    };
+};
+//# sourceMappingURL=dimension.recalculate.plugin.js.map

package/dist/collection/store/dimension/dimension.recalculate.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.recalculate.plugin.js","sourceRoot":"","sources":["../../../src/store/dimension/dimension.recalculate.plugin.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,YAGzC,EAA2C,EAAE;IAC5C;;OAEG;IACH,OAAO;QACL;;WAEG;QACH,GAAG,CAAC,CAAC;YACH,QAAQ,CAAC,EAAE,CAAC;gBACV,KAAK,OAAO,CAAC;gBACb,KAAK,OAAO,CAAC;gBACb,KAAK,gBAAgB,CAAC,CAAC,CAAC;oBACtB,uBAAuB;oBACvB,IAAI,QAAQ,GAAG,CAAC,CAAC;oBACjB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oBAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC/B,QAAQ;4BACN,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gCAClC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;oBAC7C,CAAC;oBACD,YAAY,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACpC,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { DimensionSettingsState } from '@type';\r\nimport type { Observable, PluginSubscribe } from '../../utils';\r\n\r\n/**\r\n * Plugin which recalculates realSize on changes of sizes, originItemSize and count\r\n */\r\nexport const recalculateRealSizePlugin = (storeService: {\r\n  store: Observable<DimensionSettingsState>;\r\n  setStore: (k: Partial<DimensionSettingsState>) => void;\r\n}): PluginSubscribe<DimensionSettingsState> => {\r\n  /**\r\n   * Recalculates realSize if size, origin size or count changes\r\n   */\r\n  return {\r\n    /**\r\n     * Reacts on changes of count, sizes and originItemSize\r\n     */\r\n    set(k) {\r\n      switch (k) {\r\n        case 'count':\r\n        case 'sizes':\r\n        case 'originItemSize': {\r\n          // recalculate realSize\r\n          let realSize = 0;\r\n          const count = storeService.store.get('count');\r\n          for (let i = 0; i < count; i++) {\r\n            realSize +=\r\n              storeService.store.get('sizes')[i] ||\r\n              storeService.store.get('originItemSize');\r\n          }\r\n          storeService.setStore({ realSize });\r\n          break;\r\n        }\r\n      }\r\n    },\r\n  };\r\n};\r\n"]}

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

@@ -0,0 +1,109 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Storing pre-calculated
+ * Dimension information and sizes
+ */
+import reduce from "lodash/reduce";
+import { createStore } from "@stencil/store";
+import { setStore } from "../../utils";
+import { calculateDimensionData } from "./dimension.helpers";
+import { recalculateRealSizePlugin } from "./dimension.recalculate.plugin";
+import { trimmedPlugin } from "./dimension.trim.plugin";
+function initialBase() {
+    return {
+        indexes: [],
+        count: 0,
+        // hidden items
+        trimmed: null,
+        // virtual item index to size
+        sizes: {},
+        // order in indexes[] to coordinate
+        positionIndexToItem: {},
+        // initial element to coordinate ^
+        indexToItem: {},
+        positionIndexes: [],
+    };
+}
+function initialState() {
+    return Object.assign(Object.assign({}, initialBase()), {
+        // size which all items can take
+        realSize: 0,
+        // initial item size if it wasn't changed
+        originItemSize: 0
+    });
+}
+export class DimensionStore {
+    constructor(type) {
+        this.type = type;
+        this.store = createStore(initialState());
+        this.store.use(trimmedPlugin({
+            store: this.store,
+            setSizes: this.setDimensionSize.bind(this),
+        }));
+        this.store.use(recalculateRealSizePlugin({
+            store: this.store,
+            setStore: this.setStore.bind(this),
+        }));
+    }
+    getCurrentState() {
+        const state = initialState();
+        const keys = Object.keys(state);
+        return reduce(keys, (r, k) => {
+            const data = this.store.get(k);
+            r[k] = data;
+            return r;
+        }, state);
+    }
+    dispose() {
+        setStore(this.store, initialState());
+    }
+    setStore(data) {
+        setStore(this.store, data);
+    }
+    drop() {
+        setStore(this.store, initialBase());
+    }
+    /**
+     * Set custom dimension sizes and overwrite old
+     * Generates new indexes based on sizes
+     * @param sizes - sizes to set
+     */
+    setDimensionSize(sizes = {}) {
+        const dimensionData = calculateDimensionData(this.store.get('originItemSize'), sizes);
+        setStore(this.store, Object.assign(Object.assign({}, dimensionData), { sizes }));
+    }
+    updateSizesPositionByIndexes(newItemsOrder, prevItemsOrder = []) {
+        // Move custom sizes to new order
+        const customSizes = Object.assign({}, this.store.get('sizes'));
+        if (!Object.keys(customSizes).length) {
+            return;
+        }
+        // Step 1: Create a map of original indices, but allow duplicates by storing arrays of indices
+        const originalIndices = {};
+        prevItemsOrder.forEach((physIndex, virtIndex) => {
+            if (!originalIndices[physIndex]) {
+                originalIndices[physIndex] = [];
+            }
+            originalIndices[physIndex].push(virtIndex); // Store all indices for each value
+        });
+        // Step 2: Create new sizes based on new item order
+        const newSizes = {};
+        newItemsOrder.forEach((physIndex, virtIndex) => {
+            const indices = originalIndices[physIndex]; // Get all original indices for this value
+            if (indices && indices.length > 0) {
+                const originalIndex = indices.shift(); // Get the first available original index
+                if (originalIndex !== undefined && originalIndex !== virtIndex && customSizes[originalIndex]) {
+                    newSizes[virtIndex] = customSizes[originalIndex];
+                    delete customSizes[originalIndex];
+                }
+            }
+        });
+        // Step 3: Set new sizes if there are changes
+        if (Object.keys(newSizes).length) {
+            this.setDimensionSize(Object.assign(Object.assign({}, customSizes), newSizes));
+        }
+    }
+}
+//# sourceMappingURL=dimension.store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.store.js","sourceRoot":"","sources":["../../../src/store/dimension/dimension.store.ts"],"names":[],"mappings":"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","sourcesContent":["/**\r\n * Storing pre-calculated\r\n * Dimension information and sizes\r\n */\r\nimport reduce from 'lodash/reduce';\r\nimport { createStore } from '@stencil/store';\r\n\r\nimport { setStore, Observable } from '../../utils';\r\nimport { calculateDimensionData } from './dimension.helpers';\r\nimport {\r\n  DimensionCalc,\r\n  DimensionSettingsState,\r\n  ViewSettingSizeProp,\r\n  MultiDimensionType,\r\n} from '@type';\r\nimport { recalculateRealSizePlugin } from './dimension.recalculate.plugin';\r\nimport { trimmedPlugin } from './dimension.trim.plugin';\r\n\r\nexport type DimensionStoreCollection = {\r\n  [T in MultiDimensionType]: DimensionStore;\r\n};\r\n\r\ntype Item = keyof DimensionSettingsState;\r\n\r\nfunction initialBase(): DimensionCalc {\r\n  return {\r\n    indexes: [],\r\n    count: 0,\r\n\r\n    // hidden items\r\n    trimmed: null,\r\n\r\n    // virtual item index to size\r\n    sizes: {},\r\n    // order in indexes[] to coordinate\r\n    positionIndexToItem: {},\r\n    // initial element to coordinate ^\r\n    indexToItem: {},\r\n    positionIndexes: [],\r\n  };\r\n}\r\n\r\nfunction initialState(): DimensionSettingsState {\r\n  return {\r\n    ...initialBase(),\r\n    // size which all items can take\r\n    realSize: 0,\r\n\r\n    // initial item size if it wasn't changed\r\n    originItemSize: 0,\r\n  };\r\n}\r\n\r\nexport class DimensionStore {\r\n  readonly store: Observable<DimensionSettingsState>;\r\n  constructor(public readonly type: MultiDimensionType) {\r\n    this.store = createStore(initialState());\r\n    this.store.use(trimmedPlugin({\r\n      store: this.store,\r\n      setSizes: this.setDimensionSize.bind(this),\r\n    }));\r\n    this.store.use(recalculateRealSizePlugin({\r\n      store: this.store,\r\n      setStore: this.setStore.bind(this),\r\n    }));\r\n  }\r\n\r\n  getCurrentState(): DimensionSettingsState {\r\n    const state = initialState();\r\n    const keys = Object.keys(state);\r\n    return reduce(\r\n      keys,\r\n      (r: DimensionSettingsState, k: Item) => {\r\n        const data = this.store.get(k);\r\n        r[k] = data as never;\r\n        return r;\r\n      },\r\n      state,\r\n    );\r\n  }\r\n\r\n  dispose() {\r\n    setStore(this.store, initialState());\r\n  }\r\n\r\n  setStore<T extends Record<string, any>>(data: Partial<T>) {\r\n    setStore(this.store, data);\r\n  }\r\n\r\n  drop() {\r\n    setStore(this.store, initialBase());\r\n  }\r\n\r\n  /**\r\n   * Set custom dimension sizes and overwrite old\r\n   * Generates new indexes based on sizes\r\n   * @param sizes - sizes to set\r\n   */\r\n  setDimensionSize(sizes: ViewSettingSizeProp = {}) {\r\n    const dimensionData = calculateDimensionData(\r\n      this.store.get('originItemSize'),\r\n      sizes,\r\n    );\r\n    setStore(this.store, {\r\n      ...dimensionData,\r\n      sizes,\r\n    });\r\n  }\r\n\r\n  updateSizesPositionByIndexes(newItemsOrder: number[], prevItemsOrder: number[] = []) {\r\n    // Move custom sizes to new order\r\n    const customSizes = {...this.store.get('sizes')};\r\n    if (!Object.keys(customSizes).length) {\r\n      return;\r\n    }\r\n    // Step 1: Create a map of original indices, but allow duplicates by storing arrays of indices\r\n    const originalIndices: Record<number, number[]> = {};\r\n    prevItemsOrder.forEach((physIndex, virtIndex) => {\r\n      if (!originalIndices[physIndex]) {\r\n        originalIndices[physIndex] = [];\r\n      }\r\n      originalIndices[physIndex].push(virtIndex); // Store all indices for each value\r\n    });\r\n\r\n    // Step 2: Create new sizes based on new item order\r\n    const newSizes: Record<number, number> = {};\r\n\r\n    newItemsOrder.forEach((physIndex, virtIndex) => {\r\n      const indices = originalIndices[physIndex]; // Get all original indices for this value\r\n      \r\n      if (indices && indices.length > 0) {\r\n        const originalIndex = indices.shift(); // Get the first available original index\r\n\r\n        if (originalIndex !== undefined && originalIndex !== virtIndex && customSizes[originalIndex]) {\r\n          newSizes[virtIndex] = customSizes[originalIndex];\r\n          delete customSizes[originalIndex];\r\n        }\r\n      }\r\n    });\r\n\r\n    // Step 3: Set new sizes if there are changes\r\n    if (Object.keys(newSizes).length) {\r\n      this.setDimensionSize({\r\n        ...customSizes,\r\n        ...newSizes,\r\n      });\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,61 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Plugin for trimming
+ *
+ * 1.a. Retrieves the previous sizes value. Saves the resulting trimmed data as a new sizes value.
+ * 1.b. Stores a reference to the trimmed data to prevent further changes.
+ * 2. Removes multiple and shifts the data based on the trimmed value.
+ */
+export const trimmedPlugin = (storeService) => {
+    let trimmingObject = null;
+    let trimmedPreviousSizes = null;
+    return {
+        set(key, val) {
+            switch (key) {
+                case 'sizes': {
+                    // prevent changes after trimming
+                    if (trimmingObject && trimmingObject === val) {
+                        trimmingObject = null;
+                        return;
+                    }
+                    trimmedPreviousSizes = null;
+                    break;
+                }
+                case 'trimmed': {
+                    const trim = val;
+                    if (!trimmedPreviousSizes) {
+                        trimmedPreviousSizes = storeService.store.get('sizes');
+                    }
+                    trimmingObject = removeMultipleAndShift(trimmedPreviousSizes, trim || {});
+                    // save a reference to the trimmed object to prevent changes after trimming
+                    storeService.setSizes(trimmingObject);
+                    break;
+                }
+            }
+        },
+    };
+};
+function removeMultipleAndShift(items, toRemove) {
+    const newItems = {};
+    const sortedIndexes = Object.keys(items || {})
+        .map(Number)
+        .sort((a, b) => a - b);
+    const lastIndex = sortedIndexes[sortedIndexes.length - 1];
+    let shift = 0;
+    for (let i = 0; i <= lastIndex; i++) {
+        if (toRemove[i] !== undefined) {
+            shift++;
+            // skip already removed
+            if (items[i] !== undefined) {
+                continue;
+            }
+        }
+        if (items[i] !== undefined) {
+            newItems[i - shift] = items[i];
+        }
+    }
+    return newItems;
+}
+//# sourceMappingURL=dimension.trim.plugin.js.map

package/dist/collection/store/dimension/dimension.trim.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.trim.plugin.js","sourceRoot":"","sources":["../../../src/store/dimension/dimension.trim.plugin.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,YAG7B,EAA2C,EAAE;IAC5C,IAAI,cAAc,GAA2C,IAAI,CAAC;IAClE,IAAI,oBAAoB,GAA2C,IAAI,CAAC;IAExE,OAAO;QACL,GAAG,CAAC,GAAG,EAAE,GAAG;YACV,QAAQ,GAAG,EAAE,CAAC;gBACZ,KAAK,OAAO,CAAC,CAAC,CAAC;oBACb,iCAAiC;oBACjC,IAAI,cAAc,IAAI,cAAc,KAAK,GAAG,EAAE,CAAC;wBAC7C,cAAc,GAAG,IAAI,CAAC;wBACtB,OAAO;oBACT,CAAC;oBACD,oBAAoB,GAAG,IAAI,CAAC;oBAC5B,MAAM;gBACR,CAAC;gBACD,KAAK,SAAS,CAAC,CAAC,CAAC;oBACf,MAAM,IAAI,GAAG,GAAwC,CAAC;oBACtD,IAAI,CAAC,oBAAoB,EAAE,CAAC;wBAC1B,oBAAoB,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oBACzD,CAAC;oBAED,cAAc,GAAG,sBAAsB,CACrC,oBAAoB,EACpB,IAAI,IAAI,EAAE,CACX,CAAC;oBACF,2EAA2E;oBAC3E,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;oBACtC,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,sBAAsB,CAC7B,KAAqC,EACrC,QAAwC;IAExC,MAAM,QAAQ,GAAmC,EAAE,CAAC;IACpD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;SAC3C,GAAG,CAAC,MAAM,CAAC;SACX,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACzB,MAAM,SAAS,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1D,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;YAC9B,KAAK,EAAE,CAAC;YAER,uBAAuB;YACvB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;gBAC3B,SAAS;YACX,CAAC;QACH,CAAC;QACD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;YAC3B,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["import { DimensionSettingsState } from '@type';\r\nimport type { Observable, PluginSubscribe } from '../../utils';\r\n/**\r\n * Plugin for trimming\r\n *\r\n * 1.a. Retrieves the previous sizes value. Saves the resulting trimmed data as a new sizes value.\r\n * 1.b. Stores a reference to the trimmed data to prevent further changes.\r\n * 2. Removes multiple and shifts the data based on the trimmed value.\r\n */\r\nexport const trimmedPlugin = (storeService: {\r\n  store: Observable<DimensionSettingsState>;\r\n  setSizes: (k: DimensionSettingsState['sizes']) => void;\r\n}): PluginSubscribe<DimensionSettingsState> => {\r\n  let trimmingObject: DimensionSettingsState['sizes'] | null = null;\r\n  let trimmedPreviousSizes: DimensionSettingsState['sizes'] | null = null;\r\n\r\n  return {\r\n    set(key, val) {\r\n      switch (key) {\r\n        case 'sizes': {\r\n          // prevent changes after trimming\r\n          if (trimmingObject && trimmingObject === val) {\r\n            trimmingObject = null;\r\n            return;\r\n          }\r\n          trimmedPreviousSizes = null;\r\n          break;\r\n        }\r\n        case 'trimmed': {\r\n          const trim = val as DimensionSettingsState['trimmed'];\r\n          if (!trimmedPreviousSizes) {\r\n            trimmedPreviousSizes = storeService.store.get('sizes');\r\n          }\r\n\r\n          trimmingObject = removeMultipleAndShift(\r\n            trimmedPreviousSizes,\r\n            trim || {},\r\n          );\r\n          // save a reference to the trimmed object to prevent changes after trimming\r\n          storeService.setSizes(trimmingObject);\r\n          break;\r\n        }\r\n      }\r\n    },\r\n  };\r\n};\r\n\r\nfunction removeMultipleAndShift<T1, T2>(\r\n  items: { [virtialIndex: number]: T1 },\r\n  toRemove: { [virtialIndex: number]: T2 },\r\n): { [virtialIndex: number]: T1 } {\r\n  const newItems: { [virtialIndex: number]: T1 } = {};\r\n  const sortedIndexes = Object.keys(items || {})\r\n    .map(Number)\r\n    .sort((a, b) => a - b);\r\n  const lastIndex = sortedIndexes[sortedIndexes.length - 1];\r\n  let shift = 0;\r\n  for (let i = 0; i <= lastIndex; i++) {\r\n    if (toRemove[i] !== undefined) {\r\n      shift++;\r\n\r\n      // skip already removed\r\n      if (items[i] !== undefined) {\r\n        continue;\r\n      }\r\n    }\r\n    if (items[i] !== undefined) {\r\n      newItems[i - shift] = items[i];\r\n    }\r\n  }\r\n  return newItems;\r\n}\r\n"]}

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

@@ -0,0 +1,6 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export * from './dimension.store';
+export * from './dimension.helpers';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/store/dimension/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './dimension.store';\r\nexport * from './dimension.helpers';\r\n"]}

package/dist/collection/store/index.js

@@ -0,0 +1,17 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export * from './dataSource';
+export * from './dimension';
+export * from './selection';
+export * from './vp';
+export const rowTypes = ['rowPinStart', 'rgRow', 'rowPinEnd'];
+export const columnTypes = [
+    'colPinStart',
+    'rgCol',
+    'colPinEnd',
+];
+export function isRowType(type) {
+    return rowTypes.indexOf(type) > -1;
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC;AAErB,MAAM,CAAC,MAAM,QAAQ,GAAoB,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,WAAW,GAAoB;IAC1C,aAAa;IACb,OAAO;IACP,WAAW;CACZ,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,IAAyB;IACjD,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,CAAC","sourcesContent":["import type { DimensionCols, DimensionRows } from '@type';\r\n\r\nexport * from './dataSource';\r\nexport * from './dimension';\r\nexport * from './selection';\r\nexport * from './vp';\r\n\r\nexport const rowTypes: DimensionRows[] = ['rowPinStart', 'rgRow', 'rowPinEnd'];\r\nexport const columnTypes: DimensionCols[] = [\r\n  'colPinStart',\r\n  'rgCol',\r\n  'colPinEnd',\r\n];\r\n\r\nexport function isRowType(type: DimensionRows | any): type is DimensionRows {\r\n  return rowTypes.indexOf(type) > -1;\r\n}\r\n"]}

package/dist/collection/store/selection/index.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export * from './selection.store';
+export * from './selection.helpers';
+//# sourceMappingURL=index.js.map

package/dist/collection/store/selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/store/selection/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './selection.store';\r\nexport * from './selection.helpers';\r\n\r\n"]}

package/dist/collection/store/selection/selection.helpers.js

@@ -0,0 +1,53 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { EMPTY_INDEX } from "../../services/selection.store.connector";
+export function isHiddenStore(pos) {
+    return pos === EMPTY_INDEX;
+}
+export function nextCell(cell, lastCell) {
+    const nextItem = {};
+    let types = ['x', 'y'];
+    // previous item check
+    for (let t of types) {
+        if (cell[t] < 0) {
+            nextItem[t] = cell[t];
+            return nextItem;
+        }
+    }
+    // next item check
+    for (let t of types) {
+        if (cell[t] >= lastCell[t]) {
+            nextItem[t] = cell[t] - lastCell[t];
+            return nextItem;
+        }
+    }
+    return null;
+}
+export function cropCellToMax(cell, lastCell) {
+    const croppedCell = Object.assign({}, cell);
+    const cellCoordinates = ['x', 'y'];
+    for (const coordinate of cellCoordinates) {
+        if (cell[coordinate] < 0) {
+            croppedCell[coordinate] = 0;
+        }
+        else if (cell[coordinate] >= lastCell[coordinate]) {
+            croppedCell[coordinate] = lastCell[coordinate] - 1;
+        }
+    }
+    return croppedCell;
+}
+export function getRange(start, end) {
+    return start && end
+        ? {
+            x: Math.min(start.x, end.x),
+            y: Math.min(start.y, end.y),
+            x1: Math.max(start.x, end.x),
+            y1: Math.max(start.y, end.y),
+        }
+        : null;
+}
+export function isRangeSingleCell(a) {
+    return a.x === a.x1 && a.y === a.y1;
+}
+//# sourceMappingURL=selection.helpers.js.map

package/dist/collection/store/selection/selection.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.helpers.js","sourceRoot":"","sources":["../../../src/store/selection/selection.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAGvE,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,GAAG,KAAK,WAAW,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAU,EAAE,QAAc;IACjD,MAAM,QAAQ,GAAkB,EAAE,CAAC;IACnC,IAAI,KAAK,GAAmB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEvC,sBAAsB;IACtB,KAAK,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAChB,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO,QAAQ,CAAC;QAClB,CAAC;IACH,CAAC;IACD,kBAAkB;IAClB,KAAK,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3B,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACpC,OAAO,QAAQ,CAAC;QAClB,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,QAAc;IACtD,MAAM,WAAW,qBAAc,IAAI,CAAE,CAAC;IACtC,MAAM,eAAe,GAAmB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEnD,KAAK,MAAM,UAAU,IAAI,eAAe,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACzB,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC;aAAM,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACpD,WAAW,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAmB,EAAE,GAAiB;IAC7D,OAAO,KAAK,IAAI,GAAG;QACjB,CAAC,CAAC;YACE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC3B,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC3B,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC5B,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;SAC7B;QACH,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,CAAY;IAC5C,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC","sourcesContent":["import { EMPTY_INDEX } from '../../services/selection.store.connector';\r\nimport { Cell, RangeArea } from '@type';\r\n\r\nexport function isHiddenStore(pos: number) {\r\n  return pos === EMPTY_INDEX;\r\n}\r\n\r\nexport function nextCell(cell: Cell, lastCell: Cell): Partial<Cell> | null {\r\n  const nextItem: Partial<Cell> = {};\r\n  let types: (keyof Cell)[] = ['x', 'y'];\r\n\r\n  // previous item check\r\n  for (let t of types) {\r\n    if (cell[t] < 0) {\r\n      nextItem[t] = cell[t];\r\n      return nextItem;\r\n    }\r\n  }\r\n  // next item check\r\n  for (let t of types) {\r\n    if (cell[t] >= lastCell[t]) {\r\n      nextItem[t] = cell[t] - lastCell[t];\r\n      return nextItem;\r\n    }\r\n  }\r\n  return null;\r\n}\r\n\r\nexport function cropCellToMax(cell: Cell, lastCell: Cell): Cell {\r\n  const croppedCell: Cell = { ...cell };\r\n  const cellCoordinates: (keyof Cell)[] = ['x', 'y'];\r\n\r\n  for (const coordinate of cellCoordinates) {\r\n    if (cell[coordinate] < 0) {\r\n      croppedCell[coordinate] = 0;\r\n    } else if (cell[coordinate] >= lastCell[coordinate]) {\r\n      croppedCell[coordinate] = lastCell[coordinate] - 1;\r\n    }\r\n  }\r\n\r\n  return croppedCell;\r\n}\r\n\r\nexport function getRange(start?: Cell | null, end?: Cell | null): RangeArea | null {\r\n  return start && end\r\n    ? {\r\n        x: Math.min(start.x, end.x),\r\n        y: Math.min(start.y, end.y),\r\n        x1: Math.max(start.x, end.x),\r\n        y1: Math.max(start.y, end.y),\r\n      }\r\n    : null;\r\n}\r\n\r\nexport function isRangeSingleCell(a: RangeArea): boolean {\r\n  return a.x === a.x1 && a.y === a.y1;\r\n}\r\n"]}

package/dist/collection/store/selection/selection.store.js

@@ -0,0 +1,85 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Selection store
+ */
+import { setStore } from "../../utils";
+import { getRange } from "../index";
+import { createStore } from "@stencil/store";
+function defaultState() {
+    return {
+        range: null,
+        tempRange: null,
+        tempRangeType: null,
+        focus: null,
+        edit: null,
+        lastCell: null,
+        nextFocus: null,
+    };
+}
+export class SelectionStore {
+    constructor() {
+        this.unsubscribe = [];
+        this.store = createStore(defaultState());
+        this.store.on('set', (key, newVal) => {
+            if (key === 'tempRange' && !newVal) {
+                this.store.set('tempRangeType', null);
+            }
+        });
+    }
+    onChange(propName, cb) {
+        this.unsubscribe.push(this.store.onChange(propName, cb));
+    }
+    clearFocus() {
+        setStore(this.store, { focus: null, range: null, edit: null, tempRange: null });
+    }
+    setFocus(focus, end) {
+        if (!end) {
+            setStore(this.store, { focus });
+        }
+        else {
+            setStore(this.store, {
+                focus,
+                range: getRange(focus, end),
+                edit: null,
+                tempRange: null,
+            });
+        }
+    }
+    setNextFocus(focus) {
+        setStore(this.store, { nextFocus: focus });
+    }
+    setTempArea(range) {
+        setStore(this.store, { tempRange: range === null || range === void 0 ? void 0 : range.area, tempRangeType: range === null || range === void 0 ? void 0 : range.type, edit: null });
+    }
+    clearTemp() {
+        setStore(this.store, { tempRange: null });
+    }
+    /** Can be applied from selection change or from simple keyboard change clicks */
+    setRangeArea(range) {
+        setStore(this.store, { range, edit: null, tempRange: null });
+    }
+    setRange(start, end) {
+        const range = getRange(start, end);
+        this.setRangeArea(range);
+    }
+    setLastCell(lastCell) {
+        setStore(this.store, { lastCell });
+    }
+    setEdit(val) {
+        const focus = this.store.get('focus');
+        if (focus && typeof val === 'string') {
+            setStore(this.store, {
+                edit: { x: focus.x, y: focus.y, val },
+            });
+            return;
+        }
+        setStore(this.store, { edit: null });
+    }
+    dispose() {
+        this.unsubscribe.forEach(f => f());
+        this.store.dispose();
+    }
+}
+//# sourceMappingURL=selection.store.js.map

package/dist/collection/store/selection/selection.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.store.js","sourceRoot":"","sources":["../../../src/store/selection/selection.store.ts"],"names":[],"mappings":"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","sourcesContent":["/**\r\n * Selection store\r\n */\r\n\r\nimport { setStore, Observable } from '../../utils';\r\nimport { getRange } from '@store';\r\nimport type { SelectionStoreState, Cell, TempRange, RangeArea, Nullable } from '@type';\r\nimport { createStore } from '@stencil/store';\r\n\r\nfunction defaultState(): SelectionStoreState {\r\n  return {\r\n    range: null,\r\n    tempRange: null,\r\n    tempRangeType: null,\r\n    focus: null,\r\n    edit: null,\r\n    lastCell: null,\r\n    nextFocus: null,\r\n  };\r\n}\r\n\r\nexport class SelectionStore {\r\n  readonly store: Observable<SelectionStoreState>;\r\n  private unsubscribe: { (): void }[] = [];\r\n  constructor() {\r\n    this.store = createStore(defaultState());\r\n    this.store.on('set', (key, newVal) => {\r\n      if (key === 'tempRange' && !newVal) {\r\n        this.store.set('tempRangeType', null);\r\n      }\r\n    });\r\n  }\r\n\r\n  onChange<Key extends keyof SelectionStoreState>(propName: Key, cb: (newValue: SelectionStoreState[Key]) => void) {\r\n    this.unsubscribe.push(this.store.onChange(propName, cb));\r\n  }\r\n\r\n  clearFocus() {\r\n    setStore(this.store, { focus: null, range: null, edit: null, tempRange: null });\r\n  }\r\n\r\n  setFocus(focus: Cell, end?: Cell) {\r\n    if (!end) {\r\n      setStore(this.store, { focus });\r\n    } else {\r\n      setStore(this.store, {\r\n        focus,\r\n        range: getRange(focus, end),\r\n        edit: null,\r\n        tempRange: null,\r\n      });\r\n    }\r\n  }\r\n\r\n  setNextFocus(focus: Cell) {\r\n    setStore(this.store, { nextFocus: focus });\r\n  }\r\n\r\n  setTempArea(range: Nullable<TempRange> | null) {\r\n    setStore(this.store, { tempRange: range?.area, tempRangeType: range?.type, edit: null });\r\n  }\r\n\r\n  clearTemp() {\r\n    setStore(this.store, { tempRange: null });\r\n  }\r\n\r\n  /** Can be applied from selection change or from simple keyboard change clicks */\r\n  setRangeArea(range: RangeArea | null) {\r\n    setStore(this.store, { range, edit: null, tempRange: null });\r\n  }\r\n  setRange(start: Cell, end: Cell) {\r\n    const range = getRange(start, end);\r\n    this.setRangeArea(range);\r\n  }\r\n\r\n  setLastCell(lastCell: Cell) {\r\n    setStore(this.store, { lastCell });\r\n  }\r\n\r\n  setEdit(val?: string | boolean) {\r\n    const focus = this.store.get('focus');\r\n    if (focus && typeof val === 'string') {\r\n      setStore(this.store, {\r\n        edit: { x: focus.x, y: focus.y, val },\r\n      });\r\n      return;\r\n    }\r\n    setStore(this.store, { edit: null });\r\n  }\r\n\r\n  dispose() {\r\n    this.unsubscribe.forEach(f => f());\r\n    this.store.dispose();\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,6 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export * from './viewport.store';
+export * from './viewport.helpers';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/store/vp/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC","sourcesContent":["import { MultiDimensionType } from '@type';\r\nimport { ViewportStore } from './viewport.store';\r\n\r\nexport * from './viewport.store';\r\nexport * from './viewport.helpers';\r\n\r\nexport type ViewportStoreCollection = {\r\n    [T in MultiDimensionType]: ViewportStore;\r\n};\r\n"]}