vscroll 1.6.2 → 1.7.0

package/dist/esm5/classes/state.js

@@ -1,70 +1,70 @@
-import { __assign } from "tslib";
-import { Reactive } from './reactive';
-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.paused = new Reactive(false);
-    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.paused.dispose();
-    this.endInnerLoop();
-  };
-  return State;
-}());
-export { State };
+import { __assign } from "tslib";
+import { Reactive } from './reactive';
+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.paused = new Reactive(false);
+    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.paused.dispose();
+    this.endInnerLoop();
+  };
+  return State;
+}());
+export { State };
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/classes/state.ts"],"names":[],"mappings":"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","sourcesContent":["import { Settings } from './settings';\r\nimport { Reactive } from './reactive';\r\nimport { WorkflowCycleModel } from './state/cycle';\r\nimport { FetchModel } from './state/fetch';\r\nimport { ClipModel } from './state/clip';\r\nimport { RenderModel } from './state/render';\r\nimport { ScrollModel } from './state/scroll';\r\nimport { State as IState, IPackages, ProcessName } from '../interfaces/index';\r\n\r\nexport class State implements IState {\r\n\r\n  readonly packageInfo: IPackages;\r\n  private settings: Settings;\r\n  initTime: number;\r\n  paused: Reactive<boolean>;\r\n\r\n  cycle: WorkflowCycleModel;\r\n  fetch: FetchModel;\r\n  clip: ClipModel;\r\n  render: RenderModel;\r\n  scroll: ScrollModel;\r\n\r\n  get time(): number {\r\n    return Number(new Date()) - this.initTime;\r\n  }\r\n\r\n  constructor(packageInfo: IPackages, settings: Settings, state?: IState) {\r\n    this.packageInfo = packageInfo;\r\n    this.settings = settings;\r\n    this.initTime = Number(new Date());\r\n    this.paused = new Reactive(false);\r\n\r\n    this.cycle = new WorkflowCycleModel(this.settings.instanceIndex, state ? state.cycle : void 0);\r\n    this.fetch = new FetchModel(settings.directionPriority);\r\n    this.clip = new ClipModel();\r\n    this.render = new RenderModel();\r\n    this.scroll = new ScrollModel();\r\n  }\r\n\r\n  startWorkflowCycle(isInitial: boolean, initiator: ProcessName): void {\r\n    this.cycle.start(isInitial, initiator);\r\n  }\r\n\r\n  endWorkflowCycle(count: number): void {\r\n    this.cycle.end(count);\r\n  }\r\n\r\n  startInnerLoop(): { process?: ProcessName, doRender?: boolean } {\r\n    const { cycle, scroll: scroll, fetch, render, clip } = this;\r\n\r\n    cycle.innerLoop.start();\r\n    scroll.positionBeforeAsync = null;\r\n\r\n    if (!fetch.simulate) {\r\n      fetch.reset();\r\n    }\r\n    clip.reset(clip.force);\r\n    render.reset();\r\n\r\n    return {\r\n      ...(cycle.innerLoop.first ? {\r\n        process: cycle.initiator,\r\n        doRender: fetch.simulate && fetch.items.length > 0\r\n      } : {})\r\n    };\r\n  }\r\n\r\n  endInnerLoop(): void {\r\n    const { fetch, clip, render, cycle } = this;\r\n    fetch.stopSimulate();\r\n    clip.reset(true);\r\n    if (fetch.cancel) {\r\n      fetch.cancel();\r\n      fetch.cancel = null;\r\n    }\r\n    if (render.cancel) {\r\n      render.cancel();\r\n      render.cancel = null;\r\n    }\r\n    cycle.innerLoop.done();\r\n  }\r\n\r\n  dispose(): void {\r\n    this.scroll.stop();\r\n    this.cycle.dispose();\r\n    this.paused.dispose();\r\n    this.endInnerLoop();\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/classes/state.ts"],"names":[],"mappings":"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","sourcesContent":["import { Settings } from './settings';\r\nimport { Reactive } from './reactive';\r\nimport { WorkflowCycleModel } from './state/cycle';\r\nimport { FetchModel } from './state/fetch';\r\nimport { ClipModel } from './state/clip';\r\nimport { RenderModel } from './state/render';\r\nimport { ScrollModel } from './state/scroll';\r\nimport { State as IState, IPackages, ProcessName } from '../interfaces/index';\r\n\r\nexport class State implements IState {\r\n\r\n  readonly packageInfo: IPackages;\r\n  private settings: Settings;\r\n  initTime: number;\r\n  paused: Reactive<boolean>;\r\n\r\n  cycle: WorkflowCycleModel;\r\n  fetch: FetchModel;\r\n  clip: ClipModel;\r\n  render: RenderModel;\r\n  scroll: ScrollModel;\r\n\r\n  get time(): number {\r\n    return Number(new Date()) - this.initTime;\r\n  }\r\n\r\n  constructor(packageInfo: IPackages, settings: Settings, state?: IState) {\r\n    this.packageInfo = packageInfo;\r\n    this.settings = settings;\r\n    this.initTime = Number(new Date());\r\n    this.paused = new Reactive(false);\r\n\r\n    this.cycle = new WorkflowCycleModel(this.settings.instanceIndex, state ? state.cycle : void 0);\r\n    this.fetch = new FetchModel(settings.directionPriority);\r\n    this.clip = new ClipModel();\r\n    this.render = new RenderModel();\r\n    this.scroll = new ScrollModel();\r\n  }\r\n\r\n  startWorkflowCycle(isInitial: boolean, initiator: ProcessName): void {\r\n    this.cycle.start(isInitial, initiator);\r\n  }\r\n\r\n  endWorkflowCycle(count: number): void {\r\n    this.cycle.end(count);\r\n  }\r\n\r\n  startInnerLoop(): { process?: ProcessName, doRender?: boolean } {\r\n    const { cycle, scroll: scroll, fetch, render, clip } = this;\r\n\r\n    cycle.innerLoop.start();\r\n    scroll.positionBeforeAsync = null;\r\n\r\n    if (!fetch.simulate) {\r\n      fetch.reset();\r\n    }\r\n    clip.reset(clip.force);\r\n    render.reset();\r\n\r\n    return {\r\n      ...(cycle.innerLoop.first ? {\r\n        process: cycle.initiator,\r\n        doRender: fetch.simulate && fetch.items.length > 0\r\n      } : {})\r\n    };\r\n  }\r\n\r\n  endInnerLoop(): void {\r\n    const { fetch, clip, render, cycle } = this;\r\n    fetch.stopSimulate();\r\n    clip.reset(true);\r\n    if (fetch.cancel) {\r\n      fetch.cancel();\r\n      fetch.cancel = null;\r\n    }\r\n    if (render.cancel) {\r\n      render.cancel();\r\n      render.cancel = null;\r\n    }\r\n    cycle.innerLoop.done();\r\n  }\r\n\r\n  dispose(): void {\r\n    this.scroll.stop();\r\n    this.cycle.dispose();\r\n    this.paused.dispose();\r\n    this.endInnerLoop();\r\n  }\r\n\r\n}\r\n"]}

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';\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"]}
+{"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,CAAC;YAC1B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,cAAM,OAAA,CAAC,4BAA4B,EAAE,KAAK,EAAE,aAAa,CAAC,EAApD,CAAoD,CAAC,CAAC;YAC5E,OAAO,KAAK,CAAC;QACf,CAAC;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,CAAC;YACD,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,CAAC;gBACxC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;QACH,CAAC;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,10 +1,10 @@
-import { Workflow } from './workflow';
-import { makeDatasource } from './classes/datasource';
-import { Routines } from './classes/domRoutines';
-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, Routines, packageInfo, INVALID_DATASOURCE_PREFIX, AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps, Direction, SizeStrategy, };
+import { Workflow } from './workflow';
+import { makeDatasource } from './classes/datasource';
+import { Routines } from './classes/domRoutines';
+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, Routines, packageInfo, INVALID_DATASOURCE_PREFIX, AdapterPropName, EMPTY_ITEM, getDefaultAdapterProps, Direction, SizeStrategy, };
 //# sourceMappingURL=index.js.map