virtual-scroller 1.7.9 → 1.9.0

package/commonjs/react/useState.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _useState;
+
+var _react = require("react");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// Creates state management functions.
+function _useState(_ref) {
+  var initialState = _ref.initialState,
+      onRender = _ref.onRender,
+      items = _ref.items;
+
+  // `VirtualScroller` state.
+  //
+  // The `_stateUpdate` variable shouldn't be used directly
+  // because in some cases its value may not represent
+  // the actual `state` of the `VirtualScroller`.
+  //
+  // * It will contain an incorrect initial value if `initialState` property is passed
+  //   because it doesn't get initialized to `initialState`.
+  //
+  // * If `items` property gets changed, `state` reference variable gets updated immediately
+  //   but the `_stateUpdate` variable here doesn't (until the component re-renders some other time).
+  //
+  // Instead, use the `state` reference below.
+  //
+  var _useState2 = (0, _react.useState)(),
+      _useState3 = _slicedToArray(_useState2, 2),
+      _stateUpdate = _useState3[0],
+      _setStateUpdate = _useState3[1]; // This `state` reference is used for accessing the externally stored
+  // virtual scroller state from inside a `VirtualScroller` instance.
+  //
+  // It's also the "source of truth" on the actual `VirtualScroller` state.
+  //
+
+
+  var state = (0, _react.useRef)(initialState); // Accumulates state updates until they have been applied.
+
+  var targetState = (0, _react.useRef)(initialState); // Update the current state reference.
+  //
+  // Ignores the cases when `state` reference has already been updated
+  // "immediately" bypassing a `_setStateUpdate()` call, because
+  // in that case, `_stateUpdate` holds a stale value.
+  //
+
+  if (state.current !== targetState.current) {
+    state.current = _stateUpdate;
+  } // Call `onRender()` right after every state update.
+  //
+  // When `items` property changes, `useHandleItemsChange()` hook doesn't call
+  // `_setStateUpdate()` because there's no need for a re-render.
+  // But chaning `items` still does trigger a `VirtualScroller` state update,
+  // so added `items` property in the list of this "effect"'s dependencies.
+  //
+
+
+  (0, _react.useLayoutEffect)(function () {
+    onRender();
+  }, [_stateUpdate, items]);
+  return {
+    getState: function getState() {
+      return state.current;
+    },
+    // Updates existing state.
+    //
+    // State updates are incremental meaning that this code should mimick
+    // the classic `React.Component`'s `this.setState()` behavior
+    // when calling `this.setState()` doesn't replace `state` but rather merges
+    // a set of the updated state properties with the rest of the old ones.
+    //
+    // The reason is that `useState()` updates are "asynchronous" (not immediate),
+    // and simply merging over `...state` would merge over potentially stale
+    // property values in cases when more than a single `updateState()` call is made
+    // before the state actually updates, resulting in losing some of the state updates.
+    //
+    // For example, the first `updateState()` call updates shown item indexes,
+    // and the second `updateState()` call updates `verticalSpacing`.
+    // If it was simply `updateState({ ...state, ...stateUpdate })`
+    // then the second state update could overwrite the first state update,
+    // resulting in incorrect items being shown/hidden.
+    //
+    // Using `...state.current` instead of `...pendingState.current` here
+    // would produce "stale" results.
+    //
+    updateState: function updateState(stateUpdate) {
+      var newState = _objectSpread(_objectSpread({}, targetState.current), stateUpdate);
+
+      targetState.current = newState; // If `items` property did change the component detects it at render time
+      // and updates `VirtualScroller` items immediately by calling `.setItems()`.
+      // But, since all of that happens at render time and not in an "effect",
+      // if the state update was done as usual by calling `_setStateUpdate()`,
+      // React would throw an error about updating state during render.
+      // Hence, state update in that particular case should happen "directly",
+      // without waiting for an "asynchronous" effect to trigger and call
+      // an "asyncronous" `_setStateUpdate()` function.
+      //
+      // Updating state directly in that particular case works because there
+      // already is a render ongoing, so there's no need to re-render the component
+      // again after such render-time state update.
+      //
+      // When the initial `VirtualScroller` state is being set, it contains an `.items`
+      // property too, but that initial setting is done using another function called
+      // `setInitialState()`, so using `if (stateUpdate.items)` condition here for describing
+      // just the case when `state` has been updated as a result of a `setItems()` call
+      // seems to be fine.
+      //
+
+      if (stateUpdate.items) {
+        // If a `stateUpdate` contains `items` then it means that there was a `setItems()` call.
+        // No need to trigger a re-render — the component got re-rendered anyway.
+        // Just update the `state` "in place".
+        state.current = newState;
+      } else {
+        _setStateUpdate(newState);
+      }
+    }
+  };
+}
+//# sourceMappingURL=useState.js.map

package/commonjs/react/useState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useState.js","names":["_useState","initialState","onRender","items","useState","_stateUpdate","_setStateUpdate","state","useRef","targetState","current","useLayoutEffect","getState","updateState","stateUpdate","newState"],"sources":["../../source/react/useState.js"],"sourcesContent":["import { useState, useRef, useLayoutEffect } from 'react'\r\n\r\n// Creates state management functions.\r\nexport default function _useState({ initialState, onRender, items }) {\r\n\t// `VirtualScroller` state.\r\n\t//\r\n\t// The `_stateUpdate` variable shouldn't be used directly\r\n\t// because in some cases its value may not represent\r\n\t// the actual `state` of the `VirtualScroller`.\r\n\t//\r\n\t// * It will contain an incorrect initial value if `initialState` property is passed\r\n\t//   because it doesn't get initialized to `initialState`.\r\n\t//\r\n\t// * If `items` property gets changed, `state` reference variable gets updated immediately\r\n\t//   but the `_stateUpdate` variable here doesn't (until the component re-renders some other time).\r\n\t//\r\n\t// Instead, use the `state` reference below.\r\n\t//\r\n\tconst [_stateUpdate, _setStateUpdate] = useState()\r\n\r\n\t// This `state` reference is used for accessing the externally stored\r\n\t// virtual scroller state from inside a `VirtualScroller` instance.\r\n\t//\r\n\t// It's also the \"source of truth\" on the actual `VirtualScroller` state.\r\n\t//\r\n\tconst state = useRef(initialState)\r\n\r\n\t// Accumulates state updates until they have been applied.\r\n\tconst targetState = useRef(initialState)\r\n\r\n\t// Update the current state reference.\r\n\t//\r\n\t// Ignores the cases when `state` reference has already been updated\r\n\t// \"immediately\" bypassing a `_setStateUpdate()` call, because\r\n\t// in that case, `_stateUpdate` holds a stale value.\r\n\t//\r\n\tif (state.current !== targetState.current) {\r\n\t\tstate.current = _stateUpdate\r\n\t}\r\n\r\n\t// Call `onRender()` right after every state update.\r\n\t//\r\n\t// When `items` property changes, `useHandleItemsChange()` hook doesn't call\r\n\t// `_setStateUpdate()` because there's no need for a re-render.\r\n\t// But chaning `items` still does trigger a `VirtualScroller` state update,\r\n\t// so added `items` property in the list of this \"effect\"'s dependencies.\r\n\t//\r\n\tuseLayoutEffect(() => {\r\n\t\tonRender()\r\n\t}, [\r\n\t\t_stateUpdate,\r\n\t\titems\r\n\t])\r\n\r\n\treturn {\r\n\t\tgetState: () => state.current,\r\n\r\n\t\t// Updates existing state.\r\n\t\t//\r\n\t\t// State updates are incremental meaning that this code should mimick\r\n\t\t// the classic `React.Component`'s `this.setState()` behavior\r\n\t\t// when calling `this.setState()` doesn't replace `state` but rather merges\r\n\t\t// a set of the updated state properties with the rest of the old ones.\r\n\t\t//\r\n\t\t// The reason is that `useState()` updates are \"asynchronous\" (not immediate),\r\n\t\t// and simply merging over `...state` would merge over potentially stale\r\n\t\t// property values in cases when more than a single `updateState()` call is made\r\n\t\t// before the state actually updates, resulting in losing some of the state updates.\r\n\t\t//\r\n\t\t// For example, the first `updateState()` call updates shown item indexes,\r\n\t\t// and the second `updateState()` call updates `verticalSpacing`.\r\n\t\t// If it was simply `updateState({ ...state, ...stateUpdate })`\r\n\t\t// then the second state update could overwrite the first state update,\r\n\t\t// resulting in incorrect items being shown/hidden.\r\n\t\t//\r\n\t\t// Using `...state.current` instead of `...pendingState.current` here\r\n\t\t// would produce \"stale\" results.\r\n\t\t//\r\n\t\tupdateState: (stateUpdate) => {\r\n\t\t\tconst newState = {\r\n\t\t\t\t...targetState.current,\r\n\t\t\t\t...stateUpdate\r\n\t\t\t}\r\n\t\t\ttargetState.current = newState\r\n\t\t\t// If `items` property did change the component detects it at render time\r\n\t\t\t// and updates `VirtualScroller` items immediately by calling `.setItems()`.\r\n\t\t\t// But, since all of that happens at render time and not in an \"effect\",\r\n\t\t\t// if the state update was done as usual by calling `_setStateUpdate()`,\r\n\t\t\t// React would throw an error about updating state during render.\r\n\t\t\t// Hence, state update in that particular case should happen \"directly\",\r\n\t\t\t// without waiting for an \"asynchronous\" effect to trigger and call\r\n\t\t\t// an \"asyncronous\" `_setStateUpdate()` function.\r\n\t\t\t//\r\n\t\t\t// Updating state directly in that particular case works because there\r\n\t\t\t// already is a render ongoing, so there's no need to re-render the component\r\n\t\t\t// again after such render-time state update.\r\n\t\t\t//\r\n\t\t\t// When the initial `VirtualScroller` state is being set, it contains an `.items`\r\n\t\t\t// property too, but that initial setting is done using another function called\r\n\t\t\t// `setInitialState()`, so using `if (stateUpdate.items)` condition here for describing\r\n\t\t\t// just the case when `state` has been updated as a result of a `setItems()` call\r\n\t\t\t// seems to be fine.\r\n\t\t\t//\r\n\t\t\tif (stateUpdate.items) {\r\n\t\t\t\t// If a `stateUpdate` contains `items` then it means that there was a `setItems()` call.\r\n\t\t\t\t// No need to trigger a re-render — the component got re-rendered anyway.\r\n\t\t\t\t// Just update the `state` \"in place\".\r\n\t\t\t\tstate.current = newState\r\n\t\t\t} else {\r\n\t\t\t\t_setStateUpdate(newState)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;AAEA;AACe,SAASA,SAAT,OAAsD;EAAA,IAAjCC,YAAiC,QAAjCA,YAAiC;EAAA,IAAnBC,QAAmB,QAAnBA,QAAmB;EAAA,IAATC,KAAS,QAATA,KAAS;;EACpE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBAAwC,IAAAC,eAAA,GAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB,iBAfoE,CAiBpE;EACA;EACA;EACA;EACA;;;EACA,IAAMC,KAAK,GAAG,IAAAC,aAAA,EAAOP,YAAP,CAAd,CAtBoE,CAwBpE;;EACA,IAAMQ,WAAW,GAAG,IAAAD,aAAA,EAAOP,YAAP,CAApB,CAzBoE,CA2BpE;EACA;EACA;EACA;EACA;EACA;;EACA,IAAIM,KAAK,CAACG,OAAN,KAAkBD,WAAW,CAACC,OAAlC,EAA2C;IAC1CH,KAAK,CAACG,OAAN,GAAgBL,YAAhB;EACA,CAnCmE,CAqCpE;EACA;EACA;EACA;EACA;EACA;EACA;;;EACA,IAAAM,sBAAA,EAAgB,YAAM;IACrBT,QAAQ;EACR,CAFD,EAEG,CACFG,YADE,EAEFF,KAFE,CAFH;EAOA,OAAO;IACNS,QAAQ,EAAE;MAAA,OAAML,KAAK,CAACG,OAAZ;IAAA,CADJ;IAGN;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAG,WAAW,EAAE,qBAACC,WAAD,EAAiB;MAC7B,IAAMC,QAAQ,mCACVN,WAAW,CAACC,OADF,GAEVI,WAFU,CAAd;;MAIAL,WAAW,CAACC,OAAZ,GAAsBK,QAAtB,CAL6B,CAM7B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;MACA,IAAID,WAAW,CAACX,KAAhB,EAAuB;QACtB;QACA;QACA;QACAI,KAAK,CAACG,OAAN,GAAgBK,QAAhB;MACA,CALD,MAKO;QACNT,eAAe,CAACS,QAAD,CAAf;MACA;IACD;EAzDK,CAAP;AA2DA"}

package/commonjs/react/useStyle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useStyle;
+
+var _px = _interopRequireDefault(require("../utility/px.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function useStyle(_ref) {
+  var tbody = _ref.tbody,
+      virtualScroller = _ref.virtualScroller;
+
+  if (tbody) {
+    return;
+  }
+
+  var _virtualScroller$getS = virtualScroller.getState(),
+      beforeItemsHeight = _virtualScroller$getS.beforeItemsHeight,
+      afterItemsHeight = _virtualScroller$getS.afterItemsHeight;
+
+  return {
+    paddingTop: (0, _px["default"])(beforeItemsHeight),
+    paddingBottom: (0, _px["default"])(afterItemsHeight)
+  };
+}
+//# sourceMappingURL=useStyle.js.map

package/commonjs/react/useStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyle.js","names":["useStyle","tbody","virtualScroller","getState","beforeItemsHeight","afterItemsHeight","paddingTop","px","paddingBottom"],"sources":["../../source/react/useStyle.js"],"sourcesContent":["import px from '../utility/px.js'\r\n\r\nexport default function useStyle({\r\n\ttbody,\r\n\tvirtualScroller\r\n}) {\r\n\tif (tbody) {\r\n\t\treturn\r\n\t}\r\n\r\n\tconst {\r\n\t\tbeforeItemsHeight,\r\n\t\tafterItemsHeight\r\n\t} = virtualScroller.getState()\r\n\r\n\treturn {\r\n\t\tpaddingTop: px(beforeItemsHeight),\r\n\t\tpaddingBottom: px(afterItemsHeight)\r\n\t}\r\n}"],"mappings":";;;;;;;AAAA;;;;AAEe,SAASA,QAAT,OAGZ;EAAA,IAFFC,KAEE,QAFFA,KAEE;EAAA,IADFC,eACE,QADFA,eACE;;EACF,IAAID,KAAJ,EAAW;IACV;EACA;;EAED,4BAGIC,eAAe,CAACC,QAAhB,EAHJ;EAAA,IACCC,iBADD,yBACCA,iBADD;EAAA,IAECC,gBAFD,yBAECA,gBAFD;;EAKA,OAAO;IACNC,UAAU,EAAE,IAAAC,cAAA,EAAGH,iBAAH,CADN;IAENI,aAAa,EAAE,IAAAD,cAAA,EAAGF,gBAAH;EAFT,CAAP;AAIA"}

package/commonjs/react/useVirtualScroller.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useVirtualScroller;
+
+var _react = require("react");
+
+var _VirtualScroller2 = _interopRequireDefault(require("../VirtualScroller.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// Creates a `VirtualScroller` instance.
+function useVirtualScroller(_ref, _ref2) {
+  var items = _ref.items,
+      estimatedItemHeight = _ref.estimatedItemHeight,
+      bypass = _ref.bypass,
+      tbody = _ref.tbody,
+      onItemInitialRender = _ref.onItemInitialRender,
+      onItemFirstRender = _ref.onItemFirstRender,
+      initialScrollPosition = _ref.initialScrollPosition,
+      onScrollPositionChange = _ref.onScrollPositionChange,
+      measureItemsBatchSize = _ref.measureItemsBatchSize,
+      scrollableContainer = _ref.scrollableContainer,
+      getScrollableContainer = _ref.getScrollableContainer,
+      getColumnsCount = _ref.getColumnsCount,
+      getItemId = _ref.getItemId,
+      AsComponent = _ref.AsComponent,
+      initialState = _ref.initialState,
+      onStateChange = _ref.onStateChange;
+  var container = _ref2.container;
+  return (0, _react.useMemo)(function () {
+    var _VirtualScroller;
+
+    // Create `virtual-scroller` instance.
+    return new _VirtualScroller2["default"](function () {
+      return container.current;
+    }, items, (_VirtualScroller = {
+      _useTimeoutInRenderLoop: true,
+      estimatedItemHeight: estimatedItemHeight,
+      bypass: bypass,
+      // bypassBatchSize,
+      tbody: tbody,
+      onItemInitialRender: onItemInitialRender,
+      // `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.
+      onItemFirstRender: onItemFirstRender,
+      initialScrollPosition: initialScrollPosition,
+      onScrollPositionChange: onScrollPositionChange,
+      measureItemsBatchSize: measureItemsBatchSize,
+      // `scrollableContainer` property is deprecated.
+      // Use `getScrollableContainer()` property instead.
+      scrollableContainer: scrollableContainer,
+      getScrollableContainer: getScrollableContainer,
+      getColumnsCount: getColumnsCount,
+      getItemId: getItemId
+    }, _defineProperty(_VirtualScroller, "tbody", AsComponent === 'tbody'), _defineProperty(_VirtualScroller, "state", initialState), _defineProperty(_VirtualScroller, "onStateChange", onStateChange), _VirtualScroller));
+  }, []);
+}
+//# sourceMappingURL=useVirtualScroller.js.map

package/commonjs/react/useVirtualScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScroller.js","names":["useVirtualScroller","items","estimatedItemHeight","bypass","tbody","onItemInitialRender","onItemFirstRender","initialScrollPosition","onScrollPositionChange","measureItemsBatchSize","scrollableContainer","getScrollableContainer","getColumnsCount","getItemId","AsComponent","initialState","onStateChange","container","useMemo","VirtualScroller","current","_useTimeoutInRenderLoop"],"sources":["../../source/react/useVirtualScroller.js"],"sourcesContent":["import { useMemo } from 'react'\r\n\r\nimport VirtualScroller from '../VirtualScroller.js'\r\n\r\n// Creates a `VirtualScroller` instance.\r\nexport default function useVirtualScroller({\r\n\titems,\r\n\testimatedItemHeight,\r\n\tbypass,\r\n\t// bypassBatchSize,\r\n\ttbody,\r\n\tonItemInitialRender,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender,\r\n\tinitialScrollPosition,\r\n\tonScrollPositionChange,\r\n\tmeasureItemsBatchSize,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer,\r\n\tgetScrollableContainer,\r\n\tgetColumnsCount,\r\n\tgetItemId,\r\n\tAsComponent,\r\n\tinitialState,\r\n\tonStateChange\r\n}, {\r\n\tcontainer\r\n}) {\r\n\treturn useMemo(() => {\r\n\t\t// Create `virtual-scroller` instance.\r\n\t\treturn new VirtualScroller(\r\n\t\t\t() => container.current,\r\n\t\t\titems,\r\n\t\t\t{\r\n\t\t\t\t_useTimeoutInRenderLoop: true,\r\n\t\t\t\testimatedItemHeight,\r\n\t\t\t\tbypass,\r\n\t\t\t\t// bypassBatchSize,\r\n\t\t\t\ttbody,\r\n\t\t\t\tonItemInitialRender,\r\n\t\t\t\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\t\t\t\tonItemFirstRender,\r\n\t\t\t\tinitialScrollPosition,\r\n\t\t\t\tonScrollPositionChange,\r\n\t\t\t\tmeasureItemsBatchSize,\r\n\t\t\t\t// `scrollableContainer` property is deprecated.\r\n\t\t\t\t// Use `getScrollableContainer()` property instead.\r\n\t\t\t\tscrollableContainer,\r\n\t\t\t\tgetScrollableContainer,\r\n\t\t\t\tgetColumnsCount,\r\n\t\t\t\tgetItemId,\r\n\t\t\t\ttbody: AsComponent === 'tbody',\r\n\t\t\t\tstate: initialState,\r\n\t\t\t\tonStateChange\r\n\t\t\t}\r\n\t\t)\r\n\t}, [])\r\n}"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEA;AACe,SAASA,kBAAT,cAuBZ;EAAA,IAtBFC,KAsBE,QAtBFA,KAsBE;EAAA,IArBFC,mBAqBE,QArBFA,mBAqBE;EAAA,IApBFC,MAoBE,QApBFA,MAoBE;EAAA,IAlBFC,KAkBE,QAlBFA,KAkBE;EAAA,IAjBFC,mBAiBE,QAjBFA,mBAiBE;EAAA,IAfFC,iBAeE,QAfFA,iBAeE;EAAA,IAdFC,qBAcE,QAdFA,qBAcE;EAAA,IAbFC,sBAaE,QAbFA,sBAaE;EAAA,IAZFC,qBAYE,QAZFA,qBAYE;EAAA,IATFC,mBASE,QATFA,mBASE;EAAA,IARFC,sBAQE,QARFA,sBAQE;EAAA,IAPFC,eAOE,QAPFA,eAOE;EAAA,IANFC,SAME,QANFA,SAME;EAAA,IALFC,WAKE,QALFA,WAKE;EAAA,IAJFC,YAIE,QAJFA,YAIE;EAAA,IAHFC,aAGE,QAHFA,aAGE;EAAA,IADFC,SACE,SADFA,SACE;EACF,OAAO,IAAAC,cAAA,EAAQ,YAAM;IAAA;;IACpB;IACA,OAAO,IAAIC,4BAAJ,CACN;MAAA,OAAMF,SAAS,CAACG,OAAhB;IAAA,CADM,EAENnB,KAFM;MAILoB,uBAAuB,EAAE,IAJpB;MAKLnB,mBAAmB,EAAnBA,mBALK;MAMLC,MAAM,EAANA,MANK;MAOL;MACAC,KAAK,EAALA,KARK;MASLC,mBAAmB,EAAnBA,mBATK;MAUL;MACAC,iBAAiB,EAAjBA,iBAXK;MAYLC,qBAAqB,EAArBA,qBAZK;MAaLC,sBAAsB,EAAtBA,sBAbK;MAcLC,qBAAqB,EAArBA,qBAdK;MAeL;MACA;MACAC,mBAAmB,EAAnBA,mBAjBK;MAkBLC,sBAAsB,EAAtBA,sBAlBK;MAmBLC,eAAe,EAAfA,eAnBK;MAoBLC,SAAS,EAATA;IApBK,8CAqBEC,WAAW,KAAK,OArBlB,8CAsBEC,YAtBF,sDAuBLC,aAvBK,qBAAP;EA0BA,CA5BM,EA4BJ,EA5BI,CAAP;AA6BA"}

package/commonjs/react/useVirtualScrollerStartStop.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useVirtualScrollerStartStop;
+
+var _react = require("react");
+
+function useVirtualScrollerStartStop(virtualScroller) {
+  (0, _react.useLayoutEffect)(function () {
+    // Start listening to scroll events.
+    virtualScroller.start();
+    return function () {
+      // Stop listening to scroll events.
+      virtualScroller.stop();
+    };
+  }, []);
+}
+//# sourceMappingURL=useVirtualScrollerStartStop.js.map

package/commonjs/react/useVirtualScrollerStartStop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScrollerStartStop.js","names":["useVirtualScrollerStartStop","virtualScroller","useLayoutEffect","start","stop"],"sources":["../../source/react/useVirtualScrollerStartStop.js"],"sourcesContent":["import { useLayoutEffect } from 'react'\r\n\r\nexport default function useVirtualScrollerStartStop(virtualScroller) {\r\n\tuseLayoutEffect(() => {\r\n\t\t// Start listening to scroll events.\r\n\t\tvirtualScroller.start()\r\n\t\treturn () => {\r\n\t\t\t// Stop listening to scroll events.\r\n\t\t\tvirtualScroller.stop()\r\n\t\t}\r\n\t}, [])\r\n}"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,2BAAT,CAAqCC,eAArC,EAAsD;EACpE,IAAAC,sBAAA,EAAgB,YAAM;IACrB;IACAD,eAAe,CAACE,KAAhB;IACA,OAAO,YAAM;MACZ;MACAF,eAAe,CAACG,IAAhB;IACA,CAHD;EAIA,CAPD,EAOG,EAPH;AAQA"}

package/commonjs/test/Engine.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ItemsContainer = _interopRequireDefault(require("./ItemsContainer.js"));
+
+var _ScrollableContainer = _interopRequireDefault(require("./ScrollableContainer.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  createItemsContainer: function createItemsContainer(getItemsContainerElement) {
+    return new _ItemsContainer["default"](getItemsContainerElement);
+  },
+  createScrollableContainer: function createScrollableContainer(getScrollableContainerElement, getItemsContainerElement) {
+    return new _ScrollableContainer["default"](getScrollableContainerElement, getItemsContainerElement);
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=Engine.js.map

package/commonjs/test/Engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Engine.js","names":["createItemsContainer","getItemsContainerElement","ItemsContainer","createScrollableContainer","getScrollableContainerElement","ScrollableContainer"],"sources":["../../source/test/Engine.js"],"sourcesContent":["import ItemsContainer from './ItemsContainer.js'\r\nimport ScrollableContainer from './ScrollableContainer.js'\r\n\r\nexport default {\r\n\tcreateItemsContainer(getItemsContainerElement) {\r\n\t\treturn new ItemsContainer(getItemsContainerElement)\r\n\t},\r\n\tcreateScrollableContainer(getScrollableContainerElement, getItemsContainerElement) {\r\n\t\treturn new ScrollableContainer(getScrollableContainerElement, getItemsContainerElement)\r\n\t}\r\n}"],"mappings":";;;;;;;AAAA;;AACA;;;;eAEe;EACdA,oBADc,gCACOC,wBADP,EACiC;IAC9C,OAAO,IAAIC,0BAAJ,CAAmBD,wBAAnB,CAAP;EACA,CAHa;EAIdE,yBAJc,qCAIYC,6BAJZ,EAI2CH,wBAJ3C,EAIqE;IAClF,OAAO,IAAII,+BAAJ,CAAwBD,6BAAxB,EAAuDH,wBAAvD,CAAP;EACA;AANa,C"}

package/commonjs/test/ItemsContainer.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var ItemsContainer = /*#__PURE__*/function () {
+  /**
+   * Constructs a new "container" from an element.
+   * @param {function} getElement
+   */
+  function ItemsContainer(getElement) {
+    _classCallCheck(this, ItemsContainer);
+
+    this.getElement = getElement;
+  }
+  /**
+   * Returns an item element's "top offset", relative to the items `container`'s top edge.
+   * @param  {number} renderedElementIndex — An index of an item relative to the "first shown item index". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.
+   * @return {number}
+   */
+
+
+  _createClass(ItemsContainer, [{
+    key: "getNthRenderedItemTopOffset",
+    value: function getNthRenderedItemTopOffset(renderedElementIndex) {
+      var children = this.getElement().children;
+      var maxWidth = this.getElement().width;
+      var topOffset = this.getElement().paddingTop;
+      var rowWidth;
+      var rowHeight;
+      var startNewRow = true;
+      var i = 0;
+
+      while (i <= renderedElementIndex) {
+        if (startNewRow || rowWidth + children[i].width > maxWidth) {
+          if (i > 0) {
+            topOffset += rowHeight;
+            topOffset += children[i].marginTop;
+          }
+
+          rowWidth = children[i].width;
+          rowHeight = children[i].height;
+
+          if (rowWidth > maxWidth) {
+            startNewRow = true;
+          } else {
+            startNewRow = false;
+          }
+        } else {
+          rowWidth += children[i].width;
+          rowHeight = Math.max(rowHeight, children[i].height);
+        }
+
+        i++;
+      }
+
+      return topOffset;
+    }
+    /**
+     * Returns an item element's height.
+     * @param  {number} renderedElementIndex — An index of an item relative to the "first shown item index". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.
+     * @return {number}
+     */
+
+  }, {
+    key: "getNthRenderedItemHeight",
+    value: function getNthRenderedItemHeight(renderedElementIndex) {
+      return this.getElement().children[renderedElementIndex].height;
+    }
+    /**
+     * Returns items container height.
+     * @return {number}
+     */
+
+  }, {
+    key: "getHeight",
+    value: function getHeight() {
+      var children = this.getElement().children;
+      var maxWidth = this.getElement().width;
+      var contentHeight = this.getElement().paddingTop;
+      var i = 0;
+
+      while (i < children.length) {
+        var rowWidth = 0;
+        var rowHeight = 0;
+
+        while (rowWidth <= maxWidth && i < children.length) {
+          if (rowWidth === 0 && i > 0) {
+            var verticalSpacing = children[i].marginTop;
+            contentHeight += verticalSpacing;
+          }
+
+          rowWidth += children[i].width;
+          rowHeight = Math.max(rowHeight, children[i].height);
+          i++;
+        }
+
+        contentHeight += rowHeight;
+      }
+
+      contentHeight += this.getElement().paddingBottom;
+      return contentHeight;
+    }
+    /**
+     * Removes all item elements of an items container.
+     */
+
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.getElement().children = [];
+    }
+  }]);
+
+  return ItemsContainer;
+}();
+
+exports["default"] = ItemsContainer;
+//# sourceMappingURL=ItemsContainer.js.map

package/commonjs/test/ItemsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsContainer.js","names":["ItemsContainer","getElement","renderedElementIndex","children","maxWidth","width","topOffset","paddingTop","rowWidth","rowHeight","startNewRow","i","marginTop","height","Math","max","contentHeight","length","verticalSpacing","paddingBottom"],"sources":["../../source/test/ItemsContainer.js"],"sourcesContent":["export default class ItemsContainer {\r\n\t/**\r\n\t * Constructs a new \"container\" from an element.\r\n\t * @param {function} getElement\r\n\t */\r\n\tconstructor(getElement) {\r\n\t\tthis.getElement = getElement\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an item element's \"top offset\", relative to the items `container`'s top edge.\r\n\t * @param  {number} renderedElementIndex — An index of an item relative to the \"first shown item index\". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.\r\n\t * @return {number}\r\n\t */\r\n\tgetNthRenderedItemTopOffset(renderedElementIndex) {\r\n\t\tconst children = this.getElement().children\r\n\t\tconst maxWidth = this.getElement().width\r\n\t\tlet topOffset = this.getElement().paddingTop\r\n\t\tlet rowWidth\r\n\t\tlet rowHeight\r\n\t\tlet startNewRow = true\r\n\t\tlet i = 0\r\n\t\twhile (i <= renderedElementIndex) {\r\n\t\t\tif (startNewRow || rowWidth + children[i].width > maxWidth) {\r\n\t\t\t\tif (i > 0) {\r\n\t\t\t\t\ttopOffset += rowHeight\r\n\t\t\t\t\ttopOffset += children[i].marginTop\r\n\t\t\t\t}\r\n\t\t\t\trowWidth = children[i].width\r\n\t\t\t\trowHeight = children[i].height\r\n\t\t\t\tif (rowWidth > maxWidth) {\r\n\t\t\t\t\tstartNewRow = true\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstartNewRow = false\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\trowWidth += children[i].width\r\n\t\t\t\trowHeight = Math.max(rowHeight, children[i].height)\r\n\t\t\t}\r\n\t\t\ti++\r\n\t\t}\r\n\t\treturn topOffset\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an item element's height.\r\n\t * @param  {number} renderedElementIndex — An index of an item relative to the \"first shown item index\". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.\r\n\t * @return {number}\r\n\t */\r\n\tgetNthRenderedItemHeight(renderedElementIndex) {\r\n\t\treturn this.getElement().children[renderedElementIndex].height\r\n\t}\r\n\r\n\t/**\r\n\t * Returns items container height.\r\n\t * @return {number}\r\n\t */\r\n\tgetHeight() {\r\n\t\tconst children = this.getElement().children\r\n\t\tconst maxWidth = this.getElement().width\r\n\t\tlet contentHeight = this.getElement().paddingTop\r\n\t\tlet i = 0\r\n\t\twhile (i < children.length) {\r\n\t\t\tlet rowWidth = 0\r\n\t\t\tlet rowHeight = 0\r\n\t\t\twhile (rowWidth <= maxWidth && i < children.length) {\r\n\t\t\t\tif (rowWidth === 0 && i > 0) {\r\n\t\t\t\t\tconst verticalSpacing = children[i].marginTop\r\n\t\t\t\t\tcontentHeight += verticalSpacing\r\n\t\t\t\t}\r\n\t\t\t\trowWidth += children[i].width\r\n\t\t\t\trowHeight = Math.max(rowHeight, children[i].height)\r\n\t\t\t\ti++\r\n\t\t\t}\r\n\t\t\tcontentHeight += rowHeight\r\n\t\t}\r\n\t\tcontentHeight += this.getElement().paddingBottom\r\n\t\treturn contentHeight\r\n\t}\r\n\r\n\t/**\r\n\t * Removes all item elements of an items container.\r\n\t */\r\n\tclear() {\r\n\t\tthis.getElement().children = []\r\n\t}\r\n}"],"mappings":";;;;;;;;;;;;;IAAqBA,c;EACpB;AACD;AACA;AACA;EACC,wBAAYC,UAAZ,EAAwB;IAAA;;IACvB,KAAKA,UAAL,GAAkBA,UAAlB;EACA;EAED;AACD;AACA;AACA;AACA;;;;;WACC,qCAA4BC,oBAA5B,EAAkD;MACjD,IAAMC,QAAQ,GAAG,KAAKF,UAAL,GAAkBE,QAAnC;MACA,IAAMC,QAAQ,GAAG,KAAKH,UAAL,GAAkBI,KAAnC;MACA,IAAIC,SAAS,GAAG,KAAKL,UAAL,GAAkBM,UAAlC;MACA,IAAIC,QAAJ;MACA,IAAIC,SAAJ;MACA,IAAIC,WAAW,GAAG,IAAlB;MACA,IAAIC,CAAC,GAAG,CAAR;;MACA,OAAOA,CAAC,IAAIT,oBAAZ,EAAkC;QACjC,IAAIQ,WAAW,IAAIF,QAAQ,GAAGL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAvB,GAA+BD,QAAlD,EAA4D;UAC3D,IAAIO,CAAC,GAAG,CAAR,EAAW;YACVL,SAAS,IAAIG,SAAb;YACAH,SAAS,IAAIH,QAAQ,CAACQ,CAAD,CAAR,CAAYC,SAAzB;UACA;;UACDJ,QAAQ,GAAGL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAvB;UACAI,SAAS,GAAGN,QAAQ,CAACQ,CAAD,CAAR,CAAYE,MAAxB;;UACA,IAAIL,QAAQ,GAAGJ,QAAf,EAAyB;YACxBM,WAAW,GAAG,IAAd;UACA,CAFD,MAEO;YACNA,WAAW,GAAG,KAAd;UACA;QACD,CAZD,MAYO;UACNF,QAAQ,IAAIL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAxB;UACAI,SAAS,GAAGK,IAAI,CAACC,GAAL,CAASN,SAAT,EAAoBN,QAAQ,CAACQ,CAAD,CAAR,CAAYE,MAAhC,CAAZ;QACA;;QACDF,CAAC;MACD;;MACD,OAAOL,SAAP;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,kCAAyBJ,oBAAzB,EAA+C;MAC9C,OAAO,KAAKD,UAAL,GAAkBE,QAAlB,CAA2BD,oBAA3B,EAAiDW,MAAxD;IACA;IAED;AACD;AACA;AACA;;;;WACC,qBAAY;MACX,IAAMV,QAAQ,GAAG,KAAKF,UAAL,GAAkBE,QAAnC;MACA,IAAMC,QAAQ,GAAG,KAAKH,UAAL,GAAkBI,KAAnC;MACA,IAAIW,aAAa,GAAG,KAAKf,UAAL,GAAkBM,UAAtC;MACA,IAAII,CAAC,GAAG,CAAR;;MACA,OAAOA,CAAC,GAAGR,QAAQ,CAACc,MAApB,EAA4B;QAC3B,IAAIT,QAAQ,GAAG,CAAf;QACA,IAAIC,SAAS,GAAG,CAAhB;;QACA,OAAOD,QAAQ,IAAIJ,QAAZ,IAAwBO,CAAC,GAAGR,QAAQ,CAACc,MAA5C,EAAoD;UACnD,IAAIT,QAAQ,KAAK,CAAb,IAAkBG,CAAC,GAAG,CAA1B,EAA6B;YAC5B,IAAMO,eAAe,GAAGf,QAAQ,CAACQ,CAAD,CAAR,CAAYC,SAApC;YACAI,aAAa,IAAIE,eAAjB;UACA;;UACDV,QAAQ,IAAIL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAxB;UACAI,SAAS,GAAGK,IAAI,CAACC,GAAL,CAASN,SAAT,EAAoBN,QAAQ,CAACQ,CAAD,CAAR,CAAYE,MAAhC,CAAZ;UACAF,CAAC;QACD;;QACDK,aAAa,IAAIP,SAAjB;MACA;;MACDO,aAAa,IAAI,KAAKf,UAAL,GAAkBkB,aAAnC;MACA,OAAOH,aAAP;IACA;IAED;AACD;AACA;;;;WACC,iBAAQ;MACP,KAAKf,UAAL,GAAkBE,QAAlB,GAA6B,EAA7B;IACA"}

package/commonjs/test/ScrollableContainer.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var ScrollableContainer = /*#__PURE__*/function () {
+  /**
+   * Constructs a new "scrollable container" from an element.
+   * @param {func} getElement — Returns the scrollable container element.
+   * @param {func} getItemsContainerElement — Returns items "container" element.
+   */
+  function ScrollableContainer(getElement, getItemsContainerElement) {
+    _classCallCheck(this, ScrollableContainer);
+
+    this.getElement = getElement;
+    this.getItemsContainerElement = getItemsContainerElement;
+    this.scrollTop = 0;
+  }
+  /**
+   * Returns the current scroll position.
+   * @return {number}
+   */
+
+
+  _createClass(ScrollableContainer, [{
+    key: "getScrollY",
+    value: function getScrollY() {
+      return this.scrollTop;
+    }
+    /**
+     * Scrolls to a specific position.
+     * @param {number} scrollY
+     */
+
+  }, {
+    key: "scrollToY",
+    value: function scrollToY(scrollY) {
+      this.scrollTop = scrollY;
+
+      if (this.onScrollListener) {
+        this.onScrollListener();
+      }
+    }
+    /**
+     * Returns "scrollable container" width,
+     * i.e. the available width for its content.
+     * @return {number}
+     */
+
+  }, {
+    key: "getWidth",
+    value: function getWidth() {
+      return this.getElement().width;
+    }
+    /**
+     * Returns the height of the "scrollable container" itself.
+     * Not to be confused with the height of "scrollable container"'s content.
+     * @return {number}
+     */
+
+  }, {
+    key: "getHeight",
+    value: function getHeight() {
+      return this.getElement().height;
+    }
+    /**
+     * Returns a "top offset" of an items container element
+     * relative to the "scrollable container"'s top edge.
+     * @return {number}
+     */
+
+  }, {
+    key: "getItemsContainerTopOffset",
+    value: function getItemsContainerTopOffset() {
+      return 0;
+    }
+    /**
+     * Adds a "scroll" event listener to the "scrollable container".
+     * @param {onScroll} Should be called whenever the scroll position inside the "scrollable container" (potentially) changes.
+     * @return {function} Returns a function that stops listening.
+     */
+
+  }, {
+    key: "onScroll",
+    value: function onScroll(_onScroll) {
+      var _this = this;
+
+      this.onScrollListener = _onScroll;
+      return function () {
+        delete _this.onScrollListener;
+      };
+    }
+    /**
+     * Adds a "resize" event listener to the "scrollable container".
+     * @param {onResize} Should be called whenever the "scrollable container"'s width or height (potentially) changes.
+     * @return {function} Returns a function that stops listening.
+     */
+
+  }, {
+    key: "onResize",
+    value: function onResize(_onResize) {
+      var _this2 = this;
+
+      this.onResizeListener = _onResize;
+      return function () {
+        delete _this2.onResizeListener;
+      };
+    } // Returns a `Promise` because `this.onResizeListener()` is a "debounced" function.
+    // See `./utility/debounce.js` for more details.
+
+  }, {
+    key: "_triggerResizeListener",
+    value: function _triggerResizeListener() {
+      return this.onResizeListener();
+    }
+  }]);
+
+  return ScrollableContainer;
+}();
+
+exports["default"] = ScrollableContainer;
+//# sourceMappingURL=ScrollableContainer.js.map

package/commonjs/test/ScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContainer.js","names":["ScrollableContainer","getElement","getItemsContainerElement","scrollTop","scrollY","onScrollListener","width","height","onScroll","onResize","onResizeListener"],"sources":["../../source/test/ScrollableContainer.js"],"sourcesContent":["export default class ScrollableContainer {\r\n\t/**\r\n\t * Constructs a new \"scrollable container\" from an element.\r\n\t * @param {func} getElement — Returns the scrollable container element.\r\n\t * @param {func} getItemsContainerElement — Returns items \"container\" element.\r\n\t */\r\n\tconstructor(getElement, getItemsContainerElement) {\r\n\t\tthis.getElement = getElement\r\n\t\tthis.getItemsContainerElement = getItemsContainerElement\r\n\t\tthis.scrollTop = 0\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current scroll position.\r\n\t * @return {number}\r\n\t */\r\n\tgetScrollY() {\r\n\t\treturn this.scrollTop\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to a specific position.\r\n\t * @param {number} scrollY\r\n\t */\r\n\tscrollToY(scrollY) {\r\n\t\tthis.scrollTop = scrollY\r\n\t\tif (this.onScrollListener) {\r\n\t\t\tthis.onScrollListener()\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Returns \"scrollable container\" width,\r\n\t * i.e. the available width for its content.\r\n\t * @return {number}\r\n\t */\r\n\tgetWidth() {\r\n\t\treturn this.getElement().width\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the height of the \"scrollable container\" itself.\r\n\t * Not to be confused with the height of \"scrollable container\"'s content.\r\n\t * @return {number}\r\n\t */\r\n\tgetHeight() {\r\n\t\treturn this.getElement().height\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a \"top offset\" of an items container element\r\n\t * relative to the \"scrollable container\"'s top edge.\r\n\t * @return {number}\r\n\t */\r\n\tgetItemsContainerTopOffset() {\r\n\t\treturn 0\r\n\t}\r\n\r\n\t/**\r\n\t * Adds a \"scroll\" event listener to the \"scrollable container\".\r\n\t * @param {onScroll} Should be called whenever the scroll position inside the \"scrollable container\" (potentially) changes.\r\n\t * @return {function} Returns a function that stops listening.\r\n\t */\r\n\tonScroll(onScroll) {\r\n\t\tthis.onScrollListener = onScroll\r\n\t\treturn () => {\r\n\t\t\tdelete this.onScrollListener\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Adds a \"resize\" event listener to the \"scrollable container\".\r\n\t * @param {onResize} Should be called whenever the \"scrollable container\"'s width or height (potentially) changes.\r\n\t * @return {function} Returns a function that stops listening.\r\n\t */\r\n\tonResize(onResize) {\r\n\t\tthis.onResizeListener = onResize\r\n\t\treturn () => {\r\n\t\t\tdelete this.onResizeListener\r\n\t\t}\r\n\t}\r\n\r\n\t// Returns a `Promise` because `this.onResizeListener()` is a \"debounced\" function.\r\n\t// See `./utility/debounce.js` for more details.\r\n\t_triggerResizeListener() {\r\n\t\treturn this.onResizeListener()\r\n\t}\r\n}"],"mappings":";;;;;;;;;;;;;IAAqBA,mB;EACpB;AACD;AACA;AACA;AACA;EACC,6BAAYC,UAAZ,EAAwBC,wBAAxB,EAAkD;IAAA;;IACjD,KAAKD,UAAL,GAAkBA,UAAlB;IACA,KAAKC,wBAAL,GAAgCA,wBAAhC;IACA,KAAKC,SAAL,GAAiB,CAAjB;EACA;EAED;AACD;AACA;AACA;;;;;WACC,sBAAa;MACZ,OAAO,KAAKA,SAAZ;IACA;IAED;AACD;AACA;AACA;;;;WACC,mBAAUC,OAAV,EAAmB;MAClB,KAAKD,SAAL,GAAiBC,OAAjB;;MACA,IAAI,KAAKC,gBAAT,EAA2B;QAC1B,KAAKA,gBAAL;MACA;IACD;IAED;AACD;AACA;AACA;AACA;;;;WACC,oBAAW;MACV,OAAO,KAAKJ,UAAL,GAAkBK,KAAzB;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,qBAAY;MACX,OAAO,KAAKL,UAAL,GAAkBM,MAAzB;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,sCAA6B;MAC5B,OAAO,CAAP;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,kBAASC,SAAT,EAAmB;MAAA;;MAClB,KAAKH,gBAAL,GAAwBG,SAAxB;MACA,OAAO,YAAM;QACZ,OAAO,KAAI,CAACH,gBAAZ;MACA,CAFD;IAGA;IAED;AACD;AACA;AACA;AACA;;;;WACC,kBAASI,SAAT,EAAmB;MAAA;;MAClB,KAAKC,gBAAL,GAAwBD,SAAxB;MACA,OAAO,YAAM;QACZ,OAAO,MAAI,CAACC,gBAAZ;MACA,CAFD;IAGA,C,CAED;IACA;;;;WACA,kCAAyB;MACxB,OAAO,KAAKA,gBAAL,EAAP;IACA"}