vscroll 1.5.3 → 1.5.5

package/dist/esm5/classes/state.js

@@ -1,67 +1,67 @@
-import { __assign } from "tslib";
-import { WorkflowCycleModel } from './state/cycle';
-import { FetchModel } from './state/fetch';
-import { ClipModel } from './state/clip';
-import { RenderModel } from './state/render';
-import { ScrollModel } from './state/scroll';
-var State = /** @class */ (function () {
-  function State(packageInfo, settings, state) {
-    this.packageInfo = packageInfo;
-    this.settings = settings;
-    this.initTime = Number(new Date());
-    this.cycle = new WorkflowCycleModel(this.settings.instanceIndex, state ? state.cycle : void 0);
-    this.fetch = new FetchModel(settings.directionPriority);
-    this.clip = new ClipModel();
-    this.render = new RenderModel();
-    this.scroll = new ScrollModel();
-  }
-  Object.defineProperty(State.prototype, "time", {
-    get: function () {
-      return Number(new Date()) - this.initTime;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  State.prototype.startWorkflowCycle = function (isInitial, initiator) {
-    this.cycle.start(isInitial, initiator);
-  };
-  State.prototype.endWorkflowCycle = function (count) {
-    this.cycle.end(count);
-  };
-  State.prototype.startInnerLoop = function () {
-    var _a = this, cycle = _a.cycle, scroll = _a.scroll, fetch = _a.fetch, render = _a.render, clip = _a.clip;
-    cycle.innerLoop.start();
-    scroll.positionBeforeAsync = null;
-    if (!fetch.simulate) {
-      fetch.reset();
-    }
-    clip.reset(clip.force);
-    render.reset();
-    return __assign({}, (cycle.innerLoop.first ? {
-      process: cycle.initiator,
-      doRender: fetch.simulate && fetch.items.length > 0
-    } : {}));
-  };
-  State.prototype.endInnerLoop = function () {
-    var _a = this, fetch = _a.fetch, clip = _a.clip, render = _a.render, cycle = _a.cycle;
-    fetch.stopSimulate();
-    clip.reset(true);
-    if (fetch.cancel) {
-      fetch.cancel();
-      fetch.cancel = null;
-    }
-    if (render.cancel) {
-      render.cancel();
-      render.cancel = null;
-    }
-    cycle.innerLoop.done();
-  };
-  State.prototype.dispose = function () {
-    this.scroll.stop();
-    this.cycle.dispose();
-    this.endInnerLoop();
-  };
-  return State;
-}());
-export { State };
+import { __assign } from "tslib";
+import { WorkflowCycleModel } from './state/cycle';
+import { FetchModel } from './state/fetch';
+import { ClipModel } from './state/clip';
+import { RenderModel } from './state/render';
+import { ScrollModel } from './state/scroll';
+var State = /** @class */ (function () {
+  function State(packageInfo, settings, state) {
+    this.packageInfo = packageInfo;
+    this.settings = settings;
+    this.initTime = Number(new Date());
+    this.cycle = new WorkflowCycleModel(this.settings.instanceIndex, state ? state.cycle : void 0);
+    this.fetch = new FetchModel(settings.directionPriority);
+    this.clip = new ClipModel();
+    this.render = new RenderModel();
+    this.scroll = new ScrollModel();
+  }
+  Object.defineProperty(State.prototype, "time", {
+    get: function () {
+      return Number(new Date()) - this.initTime;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  State.prototype.startWorkflowCycle = function (isInitial, initiator) {
+    this.cycle.start(isInitial, initiator);
+  };
+  State.prototype.endWorkflowCycle = function (count) {
+    this.cycle.end(count);
+  };
+  State.prototype.startInnerLoop = function () {
+    var _a = this, cycle = _a.cycle, scroll = _a.scroll, fetch = _a.fetch, render = _a.render, clip = _a.clip;
+    cycle.innerLoop.start();
+    scroll.positionBeforeAsync = null;
+    if (!fetch.simulate) {
+      fetch.reset();
+    }
+    clip.reset(clip.force);
+    render.reset();
+    return __assign({}, (cycle.innerLoop.first ? {
+      process: cycle.initiator,
+      doRender: fetch.simulate && fetch.items.length > 0
+    } : {}));
+  };
+  State.prototype.endInnerLoop = function () {
+    var _a = this, fetch = _a.fetch, clip = _a.clip, render = _a.render, cycle = _a.cycle;
+    fetch.stopSimulate();
+    clip.reset(true);
+    if (fetch.cancel) {
+      fetch.cancel();
+      fetch.cancel = null;
+    }
+    if (render.cancel) {
+      render.cancel();
+      render.cancel = null;
+    }
+    cycle.innerLoop.done();
+  };
+  State.prototype.dispose = function () {
+    this.scroll.stop();
+    this.cycle.dispose();
+    this.endInnerLoop();
+  };
+  return State;
+}());
+export { State };
 //# sourceMappingURL=state.js.map

package/dist/esm5/classes/viewport.js

@@ -1,80 +1,80 @@
-import { __read, __spreadArray } from "tslib";
-import { Paddings } from './paddings';
-import { Direction } from '../inputs/index';
-var Viewport = /** @class */ (function () {
-  function Viewport(settings, routines, state, logger) {
-    this.settings = settings;
-    this.routines = routines;
-    this.state = state;
-    this.logger = logger;
-    this.paddings = new Paddings(this.routines, settings);
-  }
-  Viewport.prototype.reset = function (startIndex) {
-    this.setOffset();
-    this.paddings.reset(this.getSize(), startIndex, this.offset);
-    this.scrollPosition = this.paddings.backward.size || 0;
-    this.state.scroll.reset();
-  };
-  Viewport.prototype.setPosition = function (value) {
-    var oldPosition = this.scrollPosition;
-    if (oldPosition === value) {
-      this.logger.log(function () { return ['setting scroll position at', value, '[cancelled]']; });
-      return value;
-    }
-    this.routines.setScrollPosition(value);
-    var position = this.scrollPosition;
-    this.logger.log(function () { return __spreadArray([
-      'setting scroll position at', position
-    ], __read((position !== value ? ["(".concat(value, ")")] : [])), false); });
-    return position;
-  };
-  Object.defineProperty(Viewport.prototype, "scrollPosition", {
-    get: function () {
-      return this.routines.getScrollPosition();
-    },
-    set: function (value) {
-      this.setPosition(value);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Viewport.prototype.getSize = function () {
-    return this.routines.getViewportSize();
-  };
-  Viewport.prototype.getScrollableSize = function () {
-    return this.routines.getScrollerSize();
-  };
-  Viewport.prototype.getMaxScrollPosition = function () {
-    return this.getScrollableSize() - this.getSize();
-  };
-  Viewport.prototype.getBufferPadding = function () {
-    return this.getSize() * this.settings.padding;
-  };
-  Viewport.prototype.getEdge = function (direction) {
-    return this.routines.getViewportEdge(direction);
-  };
-  Viewport.prototype.setOffset = function () {
-    this.offset = this.routines.getOffset();
-  };
-  Viewport.prototype.findItemElementById = function (id) {
-    return this.routines.findItemElement(id);
-  };
-  Viewport.prototype.getEdgeVisibleItem = function (items, direction) {
-    var bwd = direction === Direction.backward;
-    var opposite = bwd ? Direction.forward : Direction.backward;
-    var viewportEdge = this.getEdge(direction);
-    var item, diff = 0;
-    for (var i = bwd ? 0 : items.length - 1; bwd ? i <= items.length - 1 : i >= 0; i += bwd ? 1 : -1) {
-      var itemEdge = this.routines.getEdge(items[i].element, opposite);
-      diff = itemEdge - viewportEdge;
-      if (bwd && diff > 0 || !bwd && diff < 0) {
-        item = items[i];
-        break;
-      }
-    }
-    return { item: item, index: item ? item.$index : NaN, diff: diff };
-  };
-  return Viewport;
-}());
-export { Viewport };
+import { __read, __spreadArray } from "tslib";
+import { Paddings } from './paddings';
+import { Direction } from '../inputs/index';
+var Viewport = /** @class */ (function () {
+  function Viewport(settings, routines, state, logger) {
+    this.settings = settings;
+    this.routines = routines;
+    this.state = state;
+    this.logger = logger;
+    this.paddings = new Paddings(this.routines, settings);
+  }
+  Viewport.prototype.reset = function (startIndex) {
+    this.setOffset();
+    this.paddings.reset(this.getSize(), startIndex, this.offset);
+    this.scrollPosition = this.paddings.backward.size || 0;
+    this.state.scroll.reset();
+  };
+  Viewport.prototype.setPosition = function (value) {
+    var oldPosition = this.scrollPosition;
+    if (oldPosition === value) {
+      this.logger.log(function () { return ['setting scroll position at', value, '[cancelled]']; });
+      return value;
+    }
+    this.routines.setScrollPosition(value);
+    var position = this.scrollPosition;
+    this.logger.log(function () { return __spreadArray([
+      'setting scroll position at', position
+    ], __read((position !== value ? ["(".concat(value, ")")] : [])), false); });
+    return position;
+  };
+  Object.defineProperty(Viewport.prototype, "scrollPosition", {
+    get: function () {
+      return this.routines.getScrollPosition();
+    },
+    set: function (value) {
+      this.setPosition(value);
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Viewport.prototype.getSize = function () {
+    return this.routines.getViewportSize();
+  };
+  Viewport.prototype.getScrollableSize = function () {
+    return this.routines.getScrollerSize();
+  };
+  Viewport.prototype.getMaxScrollPosition = function () {
+    return this.getScrollableSize() - this.getSize();
+  };
+  Viewport.prototype.getBufferPadding = function () {
+    return this.getSize() * this.settings.padding;
+  };
+  Viewport.prototype.getEdge = function (direction) {
+    return this.routines.getViewportEdge(direction);
+  };
+  Viewport.prototype.setOffset = function () {
+    this.offset = this.routines.getOffset();
+  };
+  Viewport.prototype.findItemElementById = function (id) {
+    return this.routines.findItemElement(id);
+  };
+  Viewport.prototype.getEdgeVisibleItem = function (items, direction) {
+    var bwd = direction === Direction.backward;
+    var opposite = bwd ? Direction.forward : Direction.backward;
+    var viewportEdge = this.getEdge(direction);
+    var item, diff = 0;
+    for (var i = bwd ? 0 : items.length - 1; bwd ? i <= items.length - 1 : i >= 0; i += bwd ? 1 : -1) {
+      var itemEdge = this.routines.getEdge(items[i].element, opposite);
+      diff = itemEdge - viewportEdge;
+      if (bwd && diff > 0 || !bwd && diff < 0) {
+        item = items[i];
+        break;
+      }
+    }
+    return { item: item, index: item ? item.$index : NaN, diff: diff };
+  };
+  return Viewport;
+}());
+export { Viewport };
 //# sourceMappingURL=viewport.js.map

package/dist/esm5/classes/viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../../src/classes/viewport.ts"],"names":[],"mappings":"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","sourcesContent":["import { Paddings } from './paddings';\nimport { Settings } from './settings';\nimport { Routines } from './domRoutines';\nimport { Item } from './item';\nimport { State } from './state';\nimport { Logger } from './logger';\nimport { Direction } from '../inputs/index';\n\nexport class Viewport {\n\n  offset: number;\n  paddings: Paddings;\n\n  readonly settings: Settings;\n  readonly routines: Routines;\n  readonly state: State;\n  readonly logger: Logger;\n\n  constructor(settings: Settings, routines: Routines, state: State, logger: Logger) {\n    this.settings = settings;\n    this.routines = routines;\n    this.state = state;\n    this.logger = logger;\n    this.paddings = new Paddings(this.routines, settings);\n  }\n\n  reset(startIndex: number): void {\n    this.setOffset();\n    this.paddings.reset(this.getSize(), startIndex, this.offset);\n    this.scrollPosition = this.paddings.backward.size || 0;\n    this.state.scroll.reset();\n  }\n\n  setPosition(value: number): number {\n    const oldPosition = this.scrollPosition;\n    if (oldPosition === value) {\n      this.logger.log(() => ['setting scroll position at', value, '[cancelled]']);\n      return value;\n    }\n    this.routines.setScrollPosition(value);\n    const position = this.scrollPosition;\n    this.logger.log(() => [\n      'setting scroll position at', position, ...(position !== value ? [`(${value})`] : [])\n    ]);\n    return position;\n  }\n\n  get scrollPosition(): number {\n    return this.routines.getScrollPosition();\n  }\n\n  set scrollPosition(value: number) {\n    this.setPosition(value);\n  }\n\n  getSize(): number {\n    return this.routines.getViewportSize();\n  }\n\n  getScrollableSize(): number {\n    return this.routines.getScrollerSize();\n  }\n\n  getMaxScrollPosition(): number {\n    return this.getScrollableSize() - this.getSize();\n  }\n\n  getBufferPadding(): number {\n    return this.getSize() * this.settings.padding;\n  }\n\n  getEdge(direction: Direction): number {\n    return this.routines.getViewportEdge(direction);\n  }\n\n  setOffset(): void {\n    this.offset = this.routines.getOffset();\n  }\n\n  findItemElementById(id: string): HTMLElement | null {\n    return this.routines.findItemElement(id);\n  }\n\n  getEdgeVisibleItem(items: Item[], direction: Direction): { item?: Item, index: number, diff: number } {\n    const bwd = direction === Direction.backward;\n    const opposite = bwd ? Direction.forward : Direction.backward;\n    const viewportEdge = this.getEdge(direction);\n    let item, diff = 0;\n    for (\n      let i = bwd ? 0 : items.length - 1;\n      bwd ? i <= items.length - 1 : i >= 0;\n      i += bwd ? 1 : -1\n    ) {\n      const itemEdge = this.routines.getEdge(items[i].element, opposite);\n      diff = itemEdge - viewportEdge;\n      if (bwd && diff > 0 || !bwd && diff < 0) {\n        item = items[i];\n        break;\n      }\n    }\n    return { item, index: item ? item.$index : NaN, diff };\n  }\n\n}\n"]}
+{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../../src/classes/viewport.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;IAUE,kBAAY,QAAkB,EAAE,QAAkB,EAAE,KAAY,EAAE,MAAc;QAC9E,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACxD,CAAC;IAED,wBAAK,GAAL,UAAM,UAAkB;QACtB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC7D,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED,8BAAW,GAAX,UAAY,KAAa;QACvB,IAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC;QACxC,IAAI,WAAW,KAAK,KAAK,EAAE;YACzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,cAAM,OAAA,CAAC,4BAA4B,EAAE,KAAK,EAAE,aAAa,CAAC,EAApD,CAAoD,CAAC,CAAC;YAC5E,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACvC,IAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;QACrC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,cAAM;YACpB,4BAA4B,EAAE,QAAQ;kBAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAI,KAAK,MAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,WADjE,CAErB,CAAC,CAAC;QACH,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,sBAAI,oCAAc;aAAlB;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC;QAC3C,CAAC;aAED,UAAmB,KAAa;YAC9B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;;;OAJA;IAMD,0BAAO,GAAP;QACE,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACzC,CAAC;IAED,oCAAiB,GAAjB;QACE,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACzC,CAAC;IAED,uCAAoB,GAApB;QACE,OAAO,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IACnD,CAAC;IAED,mCAAgB,GAAhB;QACE,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;IAChD,CAAC;IAED,0BAAO,GAAP,UAAQ,SAAoB;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,4BAAS,GAAT;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC1C,CAAC;IAED,sCAAmB,GAAnB,UAAoB,EAAU;QAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,qCAAkB,GAAlB,UAAmB,KAAa,EAAE,SAAoB;QACpD,IAAM,GAAG,GAAG,SAAS,KAAK,SAAS,CAAC,QAAQ,CAAC;QAC7C,IAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC9D,IAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC;QACnB,KACE,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAClC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EACpC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjB;YACA,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnE,IAAI,GAAG,QAAQ,GAAG,YAAY,CAAC;YAC/B,IAAI,GAAG,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,GAAG,CAAC,EAAE;gBACvC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;aACP;SACF;QACD,OAAO,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,MAAA,EAAE,CAAC;IACzD,CAAC;IAEH,eAAC;AAAD,CAAC,AA/FD,IA+FC","sourcesContent":["import { Paddings } from './paddings';\r\nimport { Settings } from './settings';\r\nimport { Routines } from './domRoutines';\r\nimport { Item } from './item';\r\nimport { State } from './state';\r\nimport { Logger } from './logger';\r\nimport { Direction } from '../inputs/index';\r\n\r\nexport class Viewport {\r\n\r\n  offset: number;\r\n  paddings: Paddings;\r\n\r\n  readonly settings: Settings;\r\n  readonly routines: Routines;\r\n  readonly state: State;\r\n  readonly logger: Logger;\r\n\r\n  constructor(settings: Settings, routines: Routines, state: State, logger: Logger) {\r\n    this.settings = settings;\r\n    this.routines = routines;\r\n    this.state = state;\r\n    this.logger = logger;\r\n    this.paddings = new Paddings(this.routines, settings);\r\n  }\r\n\r\n  reset(startIndex: number): void {\r\n    this.setOffset();\r\n    this.paddings.reset(this.getSize(), startIndex, this.offset);\r\n    this.scrollPosition = this.paddings.backward.size || 0;\r\n    this.state.scroll.reset();\r\n  }\r\n\r\n  setPosition(value: number): number {\r\n    const oldPosition = this.scrollPosition;\r\n    if (oldPosition === value) {\r\n      this.logger.log(() => ['setting scroll position at', value, '[cancelled]']);\r\n      return value;\r\n    }\r\n    this.routines.setScrollPosition(value);\r\n    const position = this.scrollPosition;\r\n    this.logger.log(() => [\r\n      'setting scroll position at', position, ...(position !== value ? [`(${value})`] : [])\r\n    ]);\r\n    return position;\r\n  }\r\n\r\n  get scrollPosition(): number {\r\n    return this.routines.getScrollPosition();\r\n  }\r\n\r\n  set scrollPosition(value: number) {\r\n    this.setPosition(value);\r\n  }\r\n\r\n  getSize(): number {\r\n    return this.routines.getViewportSize();\r\n  }\r\n\r\n  getScrollableSize(): number {\r\n    return this.routines.getScrollerSize();\r\n  }\r\n\r\n  getMaxScrollPosition(): number {\r\n    return this.getScrollableSize() - this.getSize();\r\n  }\r\n\r\n  getBufferPadding(): number {\r\n    return this.getSize() * this.settings.padding;\r\n  }\r\n\r\n  getEdge(direction: Direction): number {\r\n    return this.routines.getViewportEdge(direction);\r\n  }\r\n\r\n  setOffset(): void {\r\n    this.offset = this.routines.getOffset();\r\n  }\r\n\r\n  findItemElementById(id: string): HTMLElement | null {\r\n    return this.routines.findItemElement(id);\r\n  }\r\n\r\n  getEdgeVisibleItem(items: Item[], direction: Direction): { item?: Item, index: number, diff: number } {\r\n    const bwd = direction === Direction.backward;\r\n    const opposite = bwd ? Direction.forward : Direction.backward;\r\n    const viewportEdge = this.getEdge(direction);\r\n    let item, diff = 0;\r\n    for (\r\n      let i = bwd ? 0 : items.length - 1;\r\n      bwd ? i <= items.length - 1 : i >= 0;\r\n      i += bwd ? 1 : -1\r\n    ) {\r\n      const itemEdge = this.routines.getEdge(items[i].element, opposite);\r\n      diff = itemEdge - viewportEdge;\r\n      if (bwd && diff > 0 || !bwd && diff < 0) {\r\n        item = items[i];\r\n        break;\r\n      }\r\n    }\r\n    return { item, index: item ? item.$index : NaN, diff };\r\n  }\r\n\r\n}\r\n"]}

package/dist/esm5/index.js

@@ -1,9 +1,9 @@
-import { Workflow } from './workflow';
-import { makeDatasource } from './classes/datasource';
-import packageInfo from './version';
-import { INVALID_DATASOURCE_PREFIX } from './scroller';
-import { AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps } from './classes/adapter/props';
-import { Direction, SizeStrategy } from './inputs/index';
-// export entities
-export { Workflow, makeDatasource, packageInfo, INVALID_DATASOURCE_PREFIX, AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps, Direction, SizeStrategy, };
+import { Workflow } from './workflow';
+import { makeDatasource } from './classes/datasource';
+import packageInfo from './version';
+import { INVALID_DATASOURCE_PREFIX } from './scroller';
+import { AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps } from './classes/adapter/props';
+import { Direction, SizeStrategy } from './inputs/index';
+// export entities
+export { Workflow, makeDatasource, packageInfo, INVALID_DATASOURCE_PREFIX, AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps, Direction, SizeStrategy, };
 //# sourceMappingURL=index.js.map

package/dist/esm5/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAazD,kBAAkB;AAClB,OAAO,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,yBAAyB,EACzB,eAAe,EACf,UAAU,EACV,sBAAsB,EACtB,SAAS,EACT,YAAY,GACb,CAAC","sourcesContent":["import { Workflow } from './workflow';\nimport { makeDatasource } from './classes/datasource';\nimport packageInfo from './version';\nimport { INVALID_DATASOURCE_PREFIX } from './scroller';\nimport { AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps } from './classes/adapter/props';\nimport { Direction, SizeStrategy } from './inputs/index';\n\nimport {\n  IDatasource,\n  IDatasourceConstructed,\n  IRoutines,\n  IReactivePropConfig,\n  IAdapterConfig,\n  ItemAdapter,\n  IAdapter,\n  Item,\n} from './interfaces/index';\n\n// export entities\nexport {\n  Workflow,\n  makeDatasource,\n  packageInfo,\n  INVALID_DATASOURCE_PREFIX,\n  AdapterPropName,\n  EMPTY_ITEM,\n  getDefaultAdapterProps,\n  Direction,\n  SizeStrategy,\n};\n\n// export interfaces\nexport {\n  IDatasource,\n  IDatasourceConstructed,\n  IRoutines,\n  IReactivePropConfig,\n  IAdapterConfig,\n  ItemAdapter as IAdapterItem,\n  IAdapter,\n  Item,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAazD,kBAAkB;AAClB,OAAO,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,yBAAyB,EACzB,eAAe,EACf,UAAU,EACV,sBAAsB,EACtB,SAAS,EACT,YAAY,GACb,CAAC","sourcesContent":["import { Workflow } from './workflow';\r\nimport { makeDatasource } from './classes/datasource';\r\nimport packageInfo from './version';\r\nimport { INVALID_DATASOURCE_PREFIX } from './scroller';\r\nimport { AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps } from './classes/adapter/props';\r\nimport { Direction, SizeStrategy } from './inputs/index';\r\n\r\nimport {\r\n  IDatasource,\r\n  IDatasourceConstructed,\r\n  IRoutines,\r\n  IReactivePropConfig,\r\n  IAdapterConfig,\r\n  ItemAdapter,\r\n  IAdapter,\r\n  Item,\r\n} from './interfaces/index';\r\n\r\n// export entities\r\nexport {\r\n  Workflow,\r\n  makeDatasource,\r\n  packageInfo,\r\n  INVALID_DATASOURCE_PREFIX,\r\n  AdapterPropName,\r\n  EMPTY_ITEM,\r\n  getDefaultAdapterProps,\r\n  Direction,\r\n  SizeStrategy,\r\n};\r\n\r\n// export interfaces\r\nexport {\r\n  IDatasource,\r\n  IDatasourceConstructed,\r\n  IRoutines,\r\n  IReactivePropConfig,\r\n  IAdapterConfig,\r\n  ItemAdapter as IAdapterItem,\r\n  IAdapter,\r\n  Item,\r\n};\r\n"]}