lsp-grid 1.0.0

package/dist/esm/throttle-DiUrHjcY.js

@@ -0,0 +1,273 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { v as scaleValue } from './data.store-B-lvmoFH.js';
+import { d as debounce, a as isObject } from './debounce-DTUQ1fY7.js';
+
+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
+ */
+function getContentSize(contentSize, clientSize, virtualSize = 0) {
+    if (virtualSize > contentSize) {
+        return 0;
+    }
+    return contentSize + (virtualSize ? clientSize - virtualSize : 0);
+}
+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);
+    }
+}
+
+/**
+ * Apply changes only if mousewheel event happened some time ago (scrollThrottling)
+ */
+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);
+        }
+    }
+}
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+export { LocalScrollTimer as L, LocalScrollService as a, getContentSize as g, throttle as t };
+//# sourceMappingURL=throttle-DiUrHjcY.js.map
+
+//# sourceMappingURL=throttle-DiUrHjcY.js.map

package/dist/esm/throttle-DiUrHjcY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle-DiUrHjcY.js","sources":["src/services/local.scroll.service.ts","src/services/local.scroll.timer.ts","node_modules/lodash/throttle.js"],"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","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","import debounce from './debounce.js';\nimport isObject from './isObject.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\nexport default throttle;\n"],"names":[],"mappings":"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","x_google_ignoreList":[2]}

package/dist/esm/viewport.helpers-Ch4AQMMg.js

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

package/dist/esm/viewport.helpers-Ch4AQMMg.js.map

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

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/revo-grid/app-globals-FBz64o-g.js

@@ -0,0 +1,14 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import './index-BAoInZ4V.js';
+
+function appGlobalScript () {
+}
+
+const globalScripts = appGlobalScript;
+
+export { globalScripts as g };
+//# sourceMappingURL=app-globals-FBz64o-g.js.map
+
+//# sourceMappingURL=app-globals-FBz64o-g.js.map

package/dist/revo-grid/app-globals-FBz64o-g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-FBz64o-g.js","sources":["src/global/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { setMode } from '@stencil/core';\r\nimport { getTheme } from '../themeManager/theme.service';\r\n\r\nexport default function() {\r\n  setMode(elm => {\r\n    let theme = (elm as HTMLRevoGridElement).theme || elm.getAttribute('theme');\r\n    if (typeof theme === 'string') {\r\n      theme = theme.trim();\r\n    }\r\n\r\n    const parsedTheme = getTheme(theme);\r\n    if (parsedTheme !== theme) {\r\n      elm.setAttribute('theme', parsedTheme);\r\n    }\r\n    return parsedTheme;\r\n  });\r\n}\r\n","import appGlobalScript from 'C:/work/dev/lsp-grid/src/global/global.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;;AAGc,wBAAA,IAAA;AAad;;ACfY,MAAC,aAAa,GAAG;;;;"}

package/dist/revo-grid/cell-renderer-Ca_PCGjJ.js

@@ -0,0 +1,98 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { h, B as Build } from './index-BAoInZ4V.js';
+import { A as DATA_ROW, J as DRAG_ICON_CLASS, K as DRAGGABLE_CLASS } from './data.store-B-lvmoFH.js';
+import { k as GROUP_EXPAND_BTN, l as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, f as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, T as isRowDragService, z as getCellDataParsed } from './column.service-CTqFIQUy.js';
+
+const SortingSign = ({ column }) => {
+    var _a;
+    return h("i", { class: (_a = column === null || column === void 0 ? void 0 : column.order) !== null && _a !== void 0 ? _a : 'sort-off' });
+};
+
+const PADDING_DEPTH = 10;
+const RowRenderer = ({ rowClass, index, size, start, depth }, cells) => {
+    const props = Object.assign({ [DATA_ROW]: index });
+    return (h("div", Object.assign({}, props, { class: `rgRow ${rowClass || ''}`, style: {
+            height: `${size}px`,
+            transform: `translateY(${start}px)`,
+            paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,
+        } }), cells));
+};
+
+function expandEvent(e, model, virtualIndex) {
+    var _a;
+    const event = new CustomEvent(GROUP_EXPAND_EVENT, {
+        detail: {
+            model,
+            virtualIndex,
+        },
+        cancelable: true,
+        bubbles: true,
+    });
+    (_a = e.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
+}
+const GroupingRowRenderer = (props) => {
+    const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;
+    const name = model[PSEUDO_GROUP_ITEM];
+    const expanded = model[GROUP_EXPANDED];
+    const depth = parseInt(model[GROUP_DEPTH], 10) || 0;
+    if (groupingCustomRenderer) {
+        return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
+            h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+                expanded,
+                depth })))));
+    }
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), hasExpand && [
+        h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
+        name,
+    ]));
+};
+const expandSvgIconVNode = (expanded = false) => {
+    return (h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" },
+        h("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
+};
+
+function renderCell(v) {
+    var _a;
+    const els = [];
+    // #region Custom cell
+    const template = (_a = v.schemaModel.column) === null || _a === void 0 ? void 0 : _a.cellTemplate;
+    if (template) {
+        els.push(template(h, v.schemaModel, v.additionalData));
+    }
+    // #endregion
+    // #region Regular cell
+    else {
+        if (!v.schemaModel.column) {
+            // something is wrong with data
+            if (Build === null || Build === void 0 ? void 0 : Build.isDev) {
+                console.error('Investigate column problem.', v.schemaModel);
+            }
+            return '';
+        }
+        // Row drag
+        if (v.schemaModel.column.rowDrag &&
+            isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)) {
+            els.push(h("span", { class: DRAGGABLE_CLASS, onMouseDown: originalEvent => {
+                    var _a;
+                    return (_a = v.dragStartCell) === null || _a === void 0 ? void 0 : _a.emit({
+                        originalEvent,
+                        model: v.schemaModel,
+                    });
+                } },
+                h("span", { class: DRAG_ICON_CLASS })));
+        }
+        els.push(`${getCellDataParsed(v.schemaModel.model, v.schemaModel.column)}`);
+    }
+    return els;
+}
+const CellRenderer = ({ renderProps, cellProps, }) => {
+    const render = renderCell.bind(null, renderProps);
+    return (h("div", Object.assign({}, cellProps, { redraw: render }), render()));
+};
+
+export { CellRenderer as C, GroupingRowRenderer as G, PADDING_DEPTH as P, RowRenderer as R, SortingSign as S, expandSvgIconVNode as a, expandEvent as e };
+//# sourceMappingURL=cell-renderer-Ca_PCGjJ.js.map
+
+//# sourceMappingURL=cell-renderer-Ca_PCGjJ.js.map

package/dist/revo-grid/cell-renderer-Ca_PCGjJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-renderer-Ca_PCGjJ.js","sources":["src/plugins/sorting/sorting.sign.tsx","src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/cell-renderer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\r\nimport { ColumnRegular } from '@type';\r\n\r\ntype Props = {\r\n  column: ColumnRegular;\r\n};\r\nexport const SortingSign = ({ column }: Props) => {\r\n  return <i class={column?.order ?? 'sort-off'} />;\r\n};\r\n","import { h, type VNode } from '@stencil/core';\r\nimport { JSXBase } from '@stencil/core/internal';\r\nimport { DATA_ROW } from '../../utils/consts';\r\n\r\nexport interface RowProps extends JSXBase.HTMLAttributes {\r\n  size: number;\r\n  start: number;\r\n  index: number;\r\n  rowClass?: string;\r\n  depth?: number;\r\n}\r\n\r\nexport const PADDING_DEPTH = 10;\r\n\r\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\r\n  const props = {\r\n    ...{ [DATA_ROW]: index },\r\n  };\r\n  return (\r\n    <div\r\n      {...props}\r\n      class={`rgRow ${rowClass || ''}`}\r\n      style={{\r\n        height: `${size}px`,\r\n        transform: `translateY(${start}px)`,\r\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\r\n      }}\r\n    >\r\n      {cells}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RowRenderer;\r\n","import { h } from '@stencil/core';\r\nimport RowRenderer from '../../components/data/row-renderer';\r\nimport {\r\n  GROUP_DEPTH,\r\n  GROUP_EXPANDED,\r\n  GROUP_EXPAND_BTN,\r\n  PSEUDO_GROUP_ITEM,\r\n  GROUP_EXPAND_EVENT,\r\n} from './grouping.const';\r\nimport type { RowGroupingProps } from './grouping.row.types';\r\nimport type { DataType } from '@type';\r\n\r\nexport function expandEvent(\r\n  e: MouseEvent,\r\n  model: DataType,\r\n  virtualIndex: number,\r\n) {\r\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\r\n    detail: {\r\n      model,\r\n      virtualIndex,\r\n    },\r\n    cancelable: true,\r\n    bubbles: true,\r\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\r\n  e.target?.dispatchEvent(event);\r\n}\r\n\r\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\r\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\r\n  const name = model[PSEUDO_GROUP_ITEM];\r\n  const expanded = model[GROUP_EXPANDED];\r\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\r\n\r\n  if (groupingCustomRenderer) {\r\n    return (\r\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\r\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\r\n          {groupingCustomRenderer(h, {\r\n            ...props,\r\n            colType: props.providers.colType,\r\n            name,\r\n            expanded,\r\n            depth,\r\n          })}\r\n        </div>\r\n      </RowRenderer>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\r\n      {hasExpand && [\r\n        <button\r\n          class={{ [GROUP_EXPAND_BTN]: true }}\r\n          onClick={e => expandEvent(e, model, itemIndex)}\r\n        >\r\n          {expandSvgIconVNode(expanded)}\r\n        </button>,\r\n        name,\r\n      ]}\r\n    </RowRenderer>\r\n  );\r\n};\r\n\r\nexport const expandSvgIconVNode = (expanded = false) => {\r\n  return (\r\n    <svg\r\n      aria-hidden=\"true\"\r\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\r\n      focusable=\"false\"\r\n      viewBox=\"0 0 448 512\"\r\n    >\r\n      <path\r\n        fill=\"currentColor\"\r\n        d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default GroupingRowRenderer;\r\n","import { h, type VNode, Build, EventEmitter } from '@stencil/core';\r\nimport {\r\n  DragStartEvent,\r\n  CellTemplateProp,\r\n} from '@type';\r\n\r\nimport {\r\n  DRAGGABLE_CLASS,\r\n  DRAG_ICON_CLASS,\r\n  getCellDataParsed,\r\n} from '../../utils';\r\n\r\nimport { isRowDragService } from './column.service';\r\n\r\ninterface RenderProps {\r\n  schemaModel: CellTemplateProp;\r\n  additionalData?: any;\r\n  dragStartCell?: EventEmitter<DragStartEvent>;\r\n}\r\n\r\n\r\nfunction renderCell(v: RenderProps) {\r\n  const els: (VNode | string)[] = [];\r\n\r\n  // #region Custom cell\r\n  const template = v.schemaModel.column?.cellTemplate;\r\n  if (template) {\r\n    els.push(template(h, v.schemaModel, v.additionalData));\r\n  }\r\n  // #endregion\r\n\r\n  // #region Regular cell\r\n  else {\r\n    if (!v.schemaModel.column) {\r\n      // something is wrong with data\r\n      if (Build?.isDev) {\r\n        console.error('Investigate column problem.', v.schemaModel);\r\n      }\r\n      return '';\r\n    }\r\n\r\n    // Row drag\r\n    if (\r\n      v.schemaModel.column.rowDrag &&\r\n      isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)\r\n    ) {\r\n      els.push(\r\n        <span\r\n          class={DRAGGABLE_CLASS}\r\n          onMouseDown={originalEvent =>\r\n            v.dragStartCell?.emit({\r\n              originalEvent,\r\n              model: v.schemaModel,\r\n            })\r\n          }\r\n        >\r\n          <span class={DRAG_ICON_CLASS} />\r\n        </span>,\r\n      );\r\n    }\r\n    \r\n    els.push(`${\r\n      getCellDataParsed(v.schemaModel.model, v.schemaModel.column)\r\n    }`);\r\n  }\r\n  return els;\r\n}\r\n\r\nexport const CellRenderer = ({\r\n  renderProps,\r\n  cellProps,\r\n}: {\r\n  renderProps: RenderProps;\r\n  cellProps: any;\r\n}): VNode => {\r\n  const render = renderCell.bind(null, renderProps);\r\n  return (\r\n    <div {...cellProps} redraw={render}>\r\n      {render()}\r\n    </div>\r\n  );\r\n};\r\n"],"names":[],"mappings":"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"}