vscroll 1.7.0 → 1.8.0

package/dist/bundles/vscroll.esm5.js

@@ -1,6 +1,6 @@
 /**
  * vscroll (https://github.com/dhilt/vscroll) FESM5
- * Version: 1.7.0 (2025-07-26T12:39:14.729Z)
+ * Version: 1.8.0 (2025-11-28T14:24:41.992Z)
  * Author: Denis Hilt
  * License: MIT
  */
@@ -154,7 +154,7 @@ var bufferInfoDefault = {
   maxIndex: NaN,
   absMinIndex: -Infinity,
   absMaxIndex: +Infinity,
-  defaultSize: NaN,
+  defaultSize: NaN
 };
 var EMPTY_ITEM = {
   data: {},
@@ -377,7 +377,7 @@ var reactiveConfigStorage = new Map();
 
 var core = {
   name: 'vscroll',
-  version: '1.7.0'
+  version: '1.8.0'
 };
 
 var getBox = function (id) {
@@ -448,13 +448,30 @@ var AdapterContext = /** @class */ (function () {
           return value;
         } }, conf));
     });
-    if (reactive) { // save both configured and default reactive props in the store
+    if (reactive) {
+      // save both configured and default reactive props in the store
       reactiveConfigStorage.set(id, reactivePropsStore);
     }
   }
   return AdapterContext;
 }());
 
+var getDefaultAdapterConfig = function () {
+  var reactive = getDefaultAdapterProps()
+    .filter(function (_a) {
+    var type = _a.type;
+    return type === AdapterPropType.Reactive;
+  })
+    .reduce(function (acc, _a) {
+    var name = _a.name, value = _a.value;
+    acc[name] = {
+      source: value,
+      emit: function (source, val) { return source.set(val); }
+    };
+    return acc;
+  }, {});
+  return { mock: false, reactive: reactive };
+};
 var DatasourceGeneric = /** @class */ (function () {
   function DatasourceGeneric(datasource, config) {
     this.get = datasource.get;
@@ -463,17 +480,18 @@ var DatasourceGeneric = /** @class */ (function () {
     var adapterContext = new AdapterContext(config || { mock: false });
     this.adapter = adapterContext;
   }
+  // todo: should it be published?
   DatasourceGeneric.prototype.dispose = function () {
     reactiveConfigStorage.delete(this.adapter.id);
     wantedStorage.delete(this.adapter.id);
   };
   return DatasourceGeneric;
 }());
-var makeDatasource = function (getConfig) {
+var makeDatasource = function (getAdapterConfig) {
   return /** @class */ (function (_super) {
     __extends(class_1, _super);
     function class_1(datasource) {
-      var config = typeof getConfig === 'function' ? getConfig() : void 0;
+      var config = typeof getAdapterConfig === 'function' ? getAdapterConfig() : getDefaultAdapterConfig();
       return _super.call(this, datasource, config) || this;
     }
     return class_1;
@@ -516,9 +534,7 @@ var getError = function (msg, args) {
   return (args || ['']).reduce(function (acc, arg, index) { return acc.replace("{arg".concat(index + 1, "}"), arg); }, msg);
 };
 var getNumber = function (value) {
-  return typeof value === 'number' || (typeof value === 'string' && value !== '')
-    ? Number(value)
-    : NaN;
+  return typeof value === 'number' || (typeof value === 'string' && value !== '') ? Number(value) : NaN;
 };
 var onNumber = function (value) {
   var parsedValue = getNumber(value);
@@ -552,23 +568,25 @@ var onIntegerUnlimited = function (value) {
   }
   return { value: parsedValue, isSet: true, isValid: !errors.length, errors: errors };
 };
-var onMoreOrEqual = function (limit, fallback) { return function (value) {
-  var result = onNumber(value);
-  if (!result.isValid) {
-    return result;
-  }
-  var parsedValue = result.value;
-  var errors = [];
-  if (parsedValue < limit) {
-    if (!fallback) {
-      errors.push(getError(ValidatorType.moreOrEqual, [String(limit)]));
+var onMoreOrEqual = function (limit, fallback) {
+  return function (value) {
+    var result = onNumber(value);
+    if (!result.isValid) {
+      return result;
     }
-    else {
-      parsedValue = limit;
+    var parsedValue = result.value;
+    var errors = [];
+    if (parsedValue < limit) {
+      if (!fallback) {
+        errors.push(getError(ValidatorType.moreOrEqual, [String(limit)]));
+      }
+      else {
+        parsedValue = limit;
+      }
     }
-  }
-  return { value: parsedValue, isSet: true, isValid: !errors.length, errors: errors };
-}; };
+    return { value: parsedValue, isSet: true, isValid: !errors.length, errors: errors };
+  };
+};
 var onBoolean = function (value) {
   var errors = [];
   var parsedValue = value;
@@ -637,75 +655,87 @@ var onFunctionWithXArguments = function (argsCount) { return function (value) {
   }
   return { value: value, isSet: true, isValid: !errors.length, errors: errors };
 }; };
-var onFunctionWithXAndMoreArguments = function (argsCount) { return function (value) {
-  var result = onFunction(value);
-  if (!result.isValid) {
-    return result;
-  }
-  value = result.value;
-  var errors = [];
-  if (value.length < argsCount) {
-    errors.push(getError(ValidatorType.funcOfxArguments, [String(argsCount)]));
-  }
-  return { value: value, isSet: true, isValid: !errors.length, errors: errors };
-}; };
-var onFunctionWithXToYArguments = function (from, to) { return function (value) {
-  var result = onFunction(value);
-  if (!result.isValid) {
-    return result;
-  }
-  value = result.value;
-  var errors = [];
-  if (value.length < from || value.length > to) {
-    errors.push(getError(ValidatorType.funcOfXToYArguments, [String(from), String(to)]));
-  }
-  return { value: value, isSet: true, isValid: !errors.length, errors: errors };
-}; };
-var onOneOf = function (tokens, must) { return function (value, context) {
-  var errors = [];
-  var isSet = value !== void 0;
-  var noOneIsPresent = !isSet;
-  var err = must ? ValidatorType.oneOfMust : ValidatorType.oneOfCan;
-  if (!Array.isArray(tokens) || !tokens.length) {
-    errors.push(getError(err, ['undefined']));
-  }
-  else {
-    for (var i = tokens.length - 1; i >= 0; i--) {
-      var token = tokens[i];
-      if (typeof token !== 'string') {
-        errors.push(getError(err, [tokens.join('", "')]) + ' (non-string token)');
-        break;
-      }
-      var isAnotherPresent = context && Object.prototype.hasOwnProperty.call(context, token);
-      if (isSet && isAnotherPresent) {
-        errors.push(getError(err, [tokens.join('", "')]) + " (".concat(token, " is present)"));
-        break;
+var onFunctionWithXAndMoreArguments = function (argsCount) {
+  return function (value) {
+    var result = onFunction(value);
+    if (!result.isValid) {
+      return result;
+    }
+    value = result.value;
+    var errors = [];
+    if (value.length < argsCount) {
+      errors.push(getError(ValidatorType.funcOfxArguments, [String(argsCount)]));
+    }
+    return { value: value, isSet: true, isValid: !errors.length, errors: errors };
+  };
+};
+var onFunctionWithXToYArguments = function (from, to) {
+  return function (value) {
+    var result = onFunction(value);
+    if (!result.isValid) {
+      return result;
+    }
+    value = result.value;
+    var errors = [];
+    if (value.length < from || value.length > to) {
+      errors.push(getError(ValidatorType.funcOfXToYArguments, [String(from), String(to)]));
+    }
+    return { value: value, isSet: true, isValid: !errors.length, errors: errors };
+  };
+};
+var onOneOf = function (tokens, must) {
+  return function (value, context) {
+    var errors = [];
+    var isSet = value !== void 0;
+    var noOneIsPresent = !isSet;
+    var err = must ? ValidatorType.oneOfMust : ValidatorType.oneOfCan;
+    if (!Array.isArray(tokens) || !tokens.length) {
+      errors.push(getError(err, ['undefined']));
+    }
+    else {
+      for (var i = tokens.length - 1; i >= 0; i--) {
+        var token = tokens[i];
+        if (typeof token !== 'string') {
+          errors.push(getError(err, [tokens.join('", "')]) + ' (non-string token)');
+          break;
+        }
+        var isAnotherPresent = context && Object.prototype.hasOwnProperty.call(context, token);
+        if (isSet && isAnotherPresent) {
+          errors.push(getError(err, [tokens.join('", "')]) + " (".concat(token, " is present)"));
+          break;
+        }
+        if (noOneIsPresent && isAnotherPresent) {
+          noOneIsPresent = false;
+        }
       }
-      if (noOneIsPresent && isAnotherPresent) {
-        noOneIsPresent = false;
+      if (must && noOneIsPresent) {
+        errors.push(getError(err, [tokens.join('", "')]));
       }
     }
-    if (must && noOneIsPresent) {
-      errors.push(getError(err, [tokens.join('", "')]));
+    return { value: value, isSet: isSet, isValid: !errors.length, errors: errors };
+  };
+};
+var onOr = function (validators) {
+  return function (value) {
+    var errors = [];
+    if (validators.every(function (validator) { return !validator.method(value).isValid; })) {
+      errors.push(validators.map(function (v) { return v.type; }).join(' OR '));
     }
-  }
-  return { value: value, isSet: isSet, isValid: !errors.length, errors: errors };
-}; };
-var onOr = function (validators) { return function (value) {
-  var errors = [];
-  if (validators.every(function (validator) { return !validator.method(value).isValid; })) {
-    errors.push(validators.map(function (v) { return v.type; }).join(' OR '));
-  }
-  return { value: value, isSet: true, isValid: !errors.length, errors: errors };
-}; };
-var onEnum = function (list) { return function (value) {
-  var errors = [];
-  var values = Object.keys(list).filter(function (k) { return isNaN(Number(k)); }).map(function (k) { return list[k]; });
-  if (!values.some(function (item) { return item === value; })) {
-    errors.push(getError(ValidatorType.enum, ['[' + values.join(',') + ']']));
-  }
-  return { value: value, isSet: true, isValid: !errors.length, errors: errors };
-}; };
+    return { value: value, isSet: true, isValid: !errors.length, errors: errors };
+  };
+};
+var onEnum = function (list) {
+  return function (value) {
+    var errors = [];
+    var values = Object.keys(list)
+      .filter(function (k) { return isNaN(Number(k)); })
+      .map(function (k) { return list[k]; });
+    if (!values.some(function (item) { return item === value; })) {
+      errors.push(getError(ValidatorType.enum, ['[' + values.join(',') + ']']));
+    }
+    return { value: value, isSet: true, isValid: !errors.length, errors: errors };
+  };
+};
 var VALIDATORS = {
   NUMBER: {
     type: ValidatorType.number,
@@ -804,17 +834,13 @@ var ValidatedData = /** @class */ (function () {
     if (!value.isValid) {
       value.errors = !value.isSet
         ? ["\"".concat(token, "\" must be set")]
-        : value.errors.map(function (err) {
-          return "\"".concat(token, "\" ").concat(err);
-        });
+        : value.errors.map(function (err) { return "\"".concat(token, "\" ").concat(err); });
     }
     this.params[token] = value;
     this.setValidity();
   };
   ValidatedData.prototype.showErrors = function () {
-    return this.errors.length
-      ? 'validation failed: ' + this.errors.join(', ')
-      : '';
+    return this.errors.length ? 'validation failed: ' + this.errors.join(', ') : '';
   };
   return ValidatedData;
 }());
@@ -833,7 +859,7 @@ var getDefault = function (value, prop) {
   var empty = value === void 0;
   var auto = !prop.mandatory && prop.defaultValue !== void 0;
   return {
-    value: !empty ? value : (auto ? prop.defaultValue : void 0),
+    value: !empty ? value : auto ? prop.defaultValue : void 0,
     isSet: !empty || auto,
     isValid: !empty || !prop.mandatory,
     errors: []
@@ -878,9 +904,7 @@ var validate = function (context, params) {
   var data = new ValidatedData(context);
   Object.entries(params).forEach(function (_a) {
     var _b = __read(_a, 2), key = _b[0], prop = _b[1];
-    return data.setParam(key, data.isValidContext
-      ? validateOne(data.context, key, prop)
-      : getDefault(void 0, prop));
+    return data.setParam(key, data.isValidContext ? validateOne(data.context, key, prop) : getDefault(void 0, prop));
   });
   return data;
 };
@@ -931,6 +955,7 @@ var DevSettings;
   DevSettings["immediateLog"] = "immediateLog";
   DevSettings["logProcessRun"] = "logProcessRun";
   DevSettings["logTime"] = "logTime";
+  DevSettings["logColor"] = "logColor";
   DevSettings["throttle"] = "throttle";
   DevSettings["initDelay"] = "initDelay";
   DevSettings["initWindowDelay"] = "initWindowDelay";
@@ -1022,6 +1047,10 @@ var DEV_SETTINGS = (_c$1 = {},
     validators: [BOOLEAN$1],
     defaultValue: false
   },
+  _c$1[DevSettings.logColor] = {
+    validators: [BOOLEAN$1],
+    defaultValue: true
+  },
   _c$1[DevSettings.throttle] = {
     validators: [INTEGER$1, MORE_OR_EQUAL(MIN[DevSettings.throttle], true)],
     defaultValue: 40
@@ -1213,24 +1242,44 @@ var INSERT_METHOD_PARAMS = (_g = {},
     mandatory: true
   },
   _g[AdapterInsertParams.before] = {
-    validators: [FUNC_WITH_X_ARGUMENTS$1(1), ONE_OF_MUST([
-        AdapterInsertParams.after, AdapterInsertParams.beforeIndex, AdapterInsertParams.afterIndex
-      ])]
+    validators: [
+      FUNC_WITH_X_ARGUMENTS$1(1),
+      ONE_OF_MUST([
+        AdapterInsertParams.after,
+        AdapterInsertParams.beforeIndex,
+        AdapterInsertParams.afterIndex
+      ])
+    ]
   },
   _g[AdapterInsertParams.after] = {
-    validators: [FUNC_WITH_X_ARGUMENTS$1(1), ONE_OF_MUST([
-        AdapterInsertParams.before, AdapterInsertParams.beforeIndex, AdapterInsertParams.afterIndex
-      ])]
+    validators: [
+      FUNC_WITH_X_ARGUMENTS$1(1),
+      ONE_OF_MUST([
+        AdapterInsertParams.before,
+        AdapterInsertParams.beforeIndex,
+        AdapterInsertParams.afterIndex
+      ])
+    ]
   },
   _g[AdapterInsertParams.beforeIndex] = {
-    validators: [INTEGER, ONE_OF_MUST([
-        AdapterInsertParams.before, AdapterInsertParams.after, AdapterInsertParams.afterIndex
-      ])]
+    validators: [
+      INTEGER,
+      ONE_OF_MUST([
+        AdapterInsertParams.before,
+        AdapterInsertParams.after,
+        AdapterInsertParams.afterIndex
+      ])
+    ]
   },
   _g[AdapterInsertParams.afterIndex] = {
-    validators: [INTEGER, ONE_OF_MUST([
-        AdapterInsertParams.before, AdapterInsertParams.after, AdapterInsertParams.beforeIndex
-      ])]
+    validators: [
+      INTEGER,
+      ONE_OF_MUST([
+        AdapterInsertParams.before,
+        AdapterInsertParams.after,
+        AdapterInsertParams.beforeIndex
+      ])
+    ]
   },
   _g[AdapterInsertParams.decrease] = {
     validators: [BOOLEAN],
@@ -1424,8 +1473,7 @@ var BaseAdapterProcessFactory = function (process) { var _a; return _a = /** @cl
         data: validate(options, ADAPTER_METHODS[_process || process])
       };
       if (result.data.isValid) {
-        result.params = Object.entries(result.data.params)
-          .reduce(function (acc, _b) {
+        result.params = Object.entries(result.data.params).reduce(function (acc, _b) {
           var _c;
           var _d = __read(_b, 2), key = _d[0], value = _d[1].value;
           return (__assign(__assign({}, acc), (_c = {}, _c[key] = value, _c)));
@@ -1472,16 +1520,13 @@ var Scroll = /** @class */ (function (_super) {
   function Scroll() {
     return _super !== null && _super.apply(this, arguments) || this;
   }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  Scroll.run = function (scroller, payload) {
+  Scroll.run = function (scroller, _payload) {
     var workflow = scroller.workflow, viewport = scroller.viewport;
     var position = viewport.scrollPosition;
     if (Scroll.onSynthetic(scroller, position)) {
       return;
     }
-    Scroll.onThrottle(scroller, position, function () {
-      return Scroll.onScroll(scroller, workflow);
-    });
+    Scroll.onThrottle(scroller, position, function () { return Scroll.onScroll(scroller, workflow); });
   };
   Scroll.onSynthetic = function (scroller, position) {
     var scroll = scroller.state.scroll;
@@ -1492,29 +1537,34 @@ var Scroll = /** @class */ (function (_super) {
       }
       if (!scroll.syntheticFulfill || synthPos === position) {
         scroller.logger.log(function () { return [
-          'skipping scroll', position,
+          'skipping scroll',
+          position,
           "[".concat(scroll.syntheticFulfill ? '' : 'pre-', "synthetic]")
         ]; });
         return true;
       }
       scroller.logger.log(function () { return [
-        'synthetic scroll has been fulfilled:', position, position < synthPos ? '<' : '>', synthPos
+        'synthetic scroll has been fulfilled:',
+        position,
+        position < synthPos ? '<' : '>',
+        synthPos
       ]; });
     }
     return false;
   };
   Scroll.onThrottle = function (scroller, position, done) {
-    var scroll = scroller.state.scroll, throttle = scroller.settings.throttle, logger = scroller.logger;
+    var state = scroller.state, settings = scroller.settings, logger = scroller.logger;
+    var scroll = state.scroll;
     scroll.current = Scroll.getScrollEvent(position, scroll.previous);
     var _a = scroll.current, direction = _a.direction, time = _a.time;
     var timeDiff = scroll.previous ? time - scroll.previous.time : Infinity;
-    var delta = throttle - timeDiff;
+    var delta = settings.throttle - timeDiff;
     var shouldDelay = isFinite(delta) && delta > 0;
     var alreadyDelayed = !!scroll.scrollTimer;
     logger.log(function () { return [
       direction === Direction.backward ? '\u2934' : '\u2935',
       position,
-      shouldDelay ? (timeDiff + 'ms') : '0ms',
+      shouldDelay ? timeDiff + 'ms' : '0ms',
       shouldDelay ? (alreadyDelayed ? 'delayed' : "/ ".concat(delta, "ms delay")) : ''
     ]; });
     if (!shouldDelay) {
@@ -1532,7 +1582,7 @@ var Scroll = /** @class */ (function (_super) {
           return [
             curr.direction === Direction.backward ? '\u2934' : '\u2935',
             curr.position,
-            (curr.time - time) + 'ms',
+            curr.time - time + 'ms',
             'triggered by timer set on',
             position
           ];
@@ -1560,7 +1610,11 @@ var Scroll = /** @class */ (function (_super) {
     scroll.previous = __assign({}, scroll.current);
     scroll.current = null;
     if (cycle.busy.get()) {
-      scroller.logger.log(function () { return ['skipping scroll', scroll.previous.position, '[pending]']; });
+      scroller.logger.log(function () { return [
+        'skipping scroll',
+        scroll.previous.position,
+        '[pending]'
+      ]; });
       return;
     }
     workflow.call({
@@ -1577,7 +1631,7 @@ var Reset = /** @class */ (function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   Reset.run = function (scroller, options) {
-    var datasource = scroller.datasource, buffer = scroller.buffer, paddings = scroller.viewport.paddings, cycle = scroller.state.cycle;
+    var datasource = scroller.datasource, buffer = scroller.buffer, viewport = scroller.viewport, state = scroller.state;
     if (options) {
       var data_1 = Reset.parseInput(scroller, options).data;
       if (!data_1.isValid) {
@@ -1593,12 +1647,12 @@ var Reset = /** @class */ (function (_super) {
       });
     }
     buffer.reset(true);
-    paddings.backward.reset();
-    paddings.forward.reset();
+    viewport.paddings.backward.reset();
+    viewport.paddings.forward.reset();
     var payload = { datasource: datasource };
-    if (cycle.busy.get()) {
+    if (state.cycle.busy.get()) {
       payload.finalize = true;
-      cycle.interrupter = Reset.process;
+      state.cycle.interrupter = Reset.process;
     }
     scroller.workflow.call({
       process: Reset.process,
@@ -1726,7 +1780,7 @@ var Update = /** @class */ (function (_super) {
     });
   };
   Update.doUpdate = function (scroller, params) {
-    var buffer = scroller.buffer, viewport = scroller.viewport, fetch = scroller.state.fetch, routines = scroller.routines, logger = scroller.logger;
+    var buffer = scroller.buffer, viewport = scroller.viewport, state = scroller.state, routines = scroller.routines, logger = scroller.logger;
     if (!buffer.items) {
       logger.log(function () { return 'no items in Buffer'; });
       return false;
@@ -1739,26 +1793,31 @@ var Update = /** @class */ (function (_super) {
       delta = -buffer.getSizeByIndex(trackedIndex) + firstItemDiff;
     }
     toRemove.forEach(function (item) { return item.hide(); });
-    logger.log(function () { return toRemove.length
-      ? 'items to remove: [' + toRemove.map(function (_a) {
-        var $index = _a.$index;
-        return $index;
-      }).join(',') + ']'
-      : 'no items to remove'; });
-    if (toRemove.length) { // insertions will be processed on render
+    logger.log(function () {
+      return toRemove.length
+        ? 'items to remove: [' + toRemove.map(function (_a) {
+          var $index = _a.$index;
+          return $index;
+        }).join(',') + ']'
+        : 'no items to remove';
+    });
+    if (toRemove.length) {
+      // insertions will be processed on render
       buffer.checkDefaultSize();
     }
     var toRender = buffer.items.filter(function (_a) {
       var toInsert = _a.toInsert;
       return toInsert;
     });
-    logger.log(function () { return toRender.length
-      ? 'items to render: [' + toRender.map(function (_a) {
-        var $index = _a.$index;
-        return $index;
-      }).join(',') + ']'
-      : 'no items to render'; });
-    fetch.update(trackedIndex, delta, toRender, toRemove);
+    logger.log(function () {
+      return toRender.length
+        ? 'items to render: [' + toRender.map(function (_a) {
+          var $index = _a.$index;
+          return $index;
+        }).join(',') + ']'
+        : 'no items to render';
+    });
+    state.fetch.update(trackedIndex, delta, toRender, toRemove);
     return !!toRemove.length || !!toRender.length;
   };
   return Update;
@@ -1791,7 +1850,7 @@ var Insert = /** @class */ (function (_super) {
     return true;
   };
   Insert.insertEmpty = function (scroller, params) {
-    var buffer = scroller.buffer, routines = scroller.routines, fetch = scroller.state.fetch;
+    var buffer = scroller.buffer, routines = scroller.routines, state = scroller.state;
     if (buffer.size) {
       return false;
     }
@@ -1799,7 +1858,7 @@ var Insert = /** @class */ (function (_super) {
     if (!buffer.fillEmpty(items, beforeIndex, afterIndex, !!decrease, function (index, data) { return new Item(index, data, routines); })) {
       return false;
     }
-    fetch.fill(buffer.items, buffer.startIndex);
+    state.fetch.fill(buffer.items, buffer.startIndex);
     return true;
   };
   Insert.insertInBuffer = function (scroller, params) {
@@ -1823,12 +1882,13 @@ var Insert = /** @class */ (function (_super) {
   };
   Insert.insertVirtually = function (scroller, params) {
     var beforeIndex = params.beforeIndex, afterIndex = params.afterIndex, items = params.items, decrease = params.decrease;
-    var buffer = scroller.buffer, fetch = scroller.state.fetch, viewport = scroller.viewport;
+    var buffer = scroller.buffer, state = scroller.state, viewport = scroller.viewport;
     var direction = Number.isInteger(beforeIndex) ? Direction.backward : Direction.forward;
     var indexToInsert = (direction === Direction.backward ? beforeIndex : afterIndex);
     if (!buffer.insertVirtually(items, indexToInsert, direction, !!decrease)) {
       return false;
     }
+    var fetch = state.fetch;
     var _a = viewport.getEdgeVisibleItem(buffer.items, Direction.backward), index = _a.index, diff = _a.diff;
     fetch.firstVisible.index = index;
     if (!isNaN(index)) {
@@ -1868,7 +1928,8 @@ var Append = /** @class */ (function (_super) {
       items = __spreadArray([], __read(items), false).reverse();
     }
     else {
-      afterIndex = (eof ? buffer.absMaxIndex : buffer.maxIndex) - (!buffer.size && !opposite ? 1 : 0);
+      afterIndex =
+        (eof ? buffer.absMaxIndex : buffer.maxIndex) - (!buffer.size && !opposite ? 1 : 0);
     }
     return Insert.doInsert(scroller, {
       items: items,
@@ -1887,7 +1948,7 @@ var Check = /** @class */ (function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   Check.run = function (scroller) {
-    var workflow = scroller.workflow, buffer = scroller.buffer, fetch = scroller.state.fetch, viewport = scroller.viewport;
+    var workflow = scroller.workflow, buffer = scroller.buffer, state = scroller.state, viewport = scroller.viewport;
     var min = Infinity, max = -Infinity;
     buffer.items.forEach(function (item) {
       var size = item.size;
@@ -1899,14 +1960,15 @@ var Check = /** @class */ (function (_super) {
       }
     });
     if (Number.isFinite(min)) {
-      fetch.first.indexBuffer = buffer.firstIndex;
-      fetch.last.indexBuffer = buffer.lastIndex;
+      var fetch_1 = state.fetch;
+      fetch_1.first.indexBuffer = buffer.firstIndex;
+      fetch_1.last.indexBuffer = buffer.lastIndex;
       var _a = viewport.getEdgeVisibleItem(buffer.items, Direction.backward), firstIndex = _a.index, diff = _a.diff;
-      fetch.firstVisible.index = firstIndex;
+      fetch_1.firstVisible.index = firstIndex;
       if (!isNaN(firstIndex)) {
-        fetch.firstVisible.delta = -buffer.getSizeByIndex(firstIndex) + diff;
+        fetch_1.firstVisible.delta = -buffer.getSizeByIndex(firstIndex) + diff;
       }
-      fetch.check(buffer.items.filter(function (item) { return item.$index >= min && item.$index <= max; }));
+      fetch_1.check(buffer.items.filter(function (item) { return item.$index >= min && item.$index <= max; }));
     }
     scroller.logger.stat('check');
     workflow.call({
@@ -1947,9 +2009,7 @@ var Remove = /** @class */ (function (_super) {
       if (params.indexes && params.indexes.length) {
         var diffLeft_1 = (params.increase ? 1 : 0) * removed.length;
         var diffRight_1 = (params.increase ? 0 : -1) * removed.length;
-        params.indexes = params.indexes.map(function (index) {
-          return index + (index < removed[0] ? diffLeft_1 : diffRight_1);
-        });
+        params.indexes = params.indexes.map(function (index) { return index + (index < removed[0] ? diffLeft_1 : diffRight_1); });
       }
     }
     var shouldVirtual = Remove.removeVirtualItems(scroller, params);
@@ -1965,12 +2025,9 @@ var Remove = /** @class */ (function (_super) {
       return [];
     }
     var newPredicate = function (item) {
-      return (predicate && predicate(item)) ||
-        (!!indexes && indexes.includes(item.$index));
+      return (predicate && predicate(item)) || (!!indexes && indexes.includes(item.$index));
     };
-    var indexesToRemove = scroller.buffer.items.reduce(function (acc, item) {
-      return newPredicate(item) ? __spreadArray(__spreadArray([], __read(acc), false), [item.$index], false) : acc;
-    }, []);
+    var indexesToRemove = scroller.buffer.items.reduce(function (acc, item) { return (newPredicate(item) ? __spreadArray(__spreadArray([], __read(acc), false), [item.$index], false) : acc); }, []);
     var updateOptions = {
       predicate: function (item) { return !newPredicate(item); },
       fixRight: increase
@@ -1983,7 +2040,7 @@ var Remove = /** @class */ (function (_super) {
     if (!indexes || !indexes.length) {
       return false;
     }
-    var buffer = scroller.buffer, viewport = scroller.viewport, fetch = scroller.state.fetch;
+    var buffer = scroller.buffer, viewport = scroller.viewport, state = scroller.state;
     // get items to remove
     var finiteAbsMinIndex = buffer.finiteAbsMinIndex, firstIndex = buffer.firstIndex, finiteAbsMaxIndex = buffer.finiteAbsMaxIndex, lastIndex = buffer.lastIndex;
     var toRemove = [];
@@ -2003,6 +2060,7 @@ var Remove = /** @class */ (function (_super) {
       return false;
     }
     // what should be shown after remove; Buffer removal has priority
+    var fetch = state.fetch;
     if (isNaN(fetch.firstVisible.index)) {
       var _a = viewport.getEdgeVisibleItem(buffer.items, Direction.backward), index = _a.index, diff = _a.diff;
       fetch.firstVisible.index = index;
@@ -2022,7 +2080,12 @@ var Remove = /** @class */ (function (_super) {
     if (isNaN(firstVisible.index)) {
       return;
     }
-    var shift = listToRemove.reduce(function (acc, index) { return acc + (((increase && index > firstVisible.index) || (!increase && index < firstVisible.index)) ? 1 : 0); }, 0);
+    var shift = listToRemove.reduce(function (acc, index) {
+      return acc +
+        ((increase && index > firstVisible.index) || (!increase && index < firstVisible.index)
+          ? 1
+          : 0);
+    }, 0);
     firstVisible.index = firstVisible.index + (increase ? shift : -shift);
   };
   return Remove;
@@ -2058,7 +2121,7 @@ var Replace = /** @class */ (function (_super) {
     var shouldReplace = Replace.doReplace(scroller, params);
     scroller.workflow.call({
       process: Replace.process,
-      status: shouldReplace ? ProcessStatus.next : ProcessStatus.done,
+      status: shouldReplace ? ProcessStatus.next : ProcessStatus.done
     });
   };
   Replace.doReplace = function (scroller, params) {
@@ -2152,7 +2215,9 @@ var Fix = /** @class */ (function (_super) {
       case FixParams.scrollToItem:
         if (methodData.params) {
           var scrollToItemOpt = methodData.params[FixParams.scrollToItemOpt];
-          var options = scrollToItemOpt ? scrollToItemOpt.value : void 0;
+          var options = scrollToItemOpt
+            ? scrollToItemOpt.value
+            : void 0;
           return Fix.scrollToItem(scroller, value, options);
         }
         return;
@@ -2184,7 +2249,7 @@ var Fix = /** @class */ (function (_super) {
   Fix.updateItems = function (_a, value) {
     var buffer = _a.buffer, logger = _a.logger;
     var updateReference = false;
-    var updater = function () { return updateReference = true; };
+    var updater = function () { return (updateReference = true); };
     buffer.items.forEach(function (item) { return value(item.get(), updater); });
     if (updateReference) {
       logger.log(function () { return 'update Buffer.items reference'; });
@@ -2224,7 +2289,8 @@ var PreFetch = /** @class */ (function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   PreFetch.run = function (scroller) {
-    var workflow = scroller.workflow, buffer = scroller.buffer, _a = scroller.state, fetch = _a.fetch, cycle = _a.cycle;
+    var workflow = scroller.workflow, buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch, cycle = state.cycle;
     fetch.minIndex = buffer.minIndex;
     // set first and last indexes of items to fetch
     PreFetch.setPositionsAndIndexes(scroller);
@@ -2251,7 +2317,8 @@ var PreFetch = /** @class */ (function (_super) {
     scroller.logger.fetch();
   };
   PreFetch.setPositions = function (scroller) {
-    var positions = scroller.state.fetch.positions, viewport = scroller.viewport;
+    var state = scroller.state, viewport = scroller.viewport;
+    var positions = state.fetch.positions;
     var paddingDelta = viewport.getBufferPadding();
     positions.before = viewport.scrollPosition;
     positions.startDelta = PreFetch.getStartDelta(scroller);
@@ -2260,7 +2327,9 @@ var PreFetch = /** @class */ (function (_super) {
     positions.end = positions.relative + viewport.getSize() + paddingDelta;
   };
   PreFetch.getStartDelta = function (scroller) {
-    var buffer = scroller.buffer, offset = scroller.viewport.offset;
+    // calculate size before start index
+    var buffer = scroller.buffer, viewport = scroller.viewport;
+    var offset = viewport.offset;
     var startDelta = 0;
     if (offset) {
       startDelta += offset;
@@ -2278,7 +2347,8 @@ var PreFetch = /** @class */ (function (_super) {
   };
   PreFetch.setFirstIndex = function (scroller) {
     var state = scroller.state, buffer = scroller.buffer;
-    var _a = state.fetch, start = _a.positions.start, first = _a.first;
+    var _a = state.fetch, positions = _a.positions, first = _a.first;
+    var start = positions.start;
     var firstIndex = buffer.startIndex;
     var firstIndexPosition = 0;
     if (state.cycle.innerLoop.isInitial) {
@@ -2290,10 +2360,10 @@ var PreFetch = /** @class */ (function (_super) {
     else {
       var position = firstIndexPosition;
       var index = firstIndex;
-      while (1) { // eslint-disable-line no-constant-condition
+      while (true) {
         if (start >= 0) {
           var size = buffer.getSizeByIndex(index);
-          var diff = (position + size) - start;
+          var diff = position + size - start;
           if (diff > 0) {
             firstIndex = index;
             firstIndexPosition = position;
@@ -2324,8 +2394,10 @@ var PreFetch = /** @class */ (function (_super) {
     first.position = firstIndexPosition;
   };
   PreFetch.setLastIndex = function (scroller) {
-    var _a = scroller.state, fetch = _a.fetch, cycle = _a.cycle, buffer = scroller.buffer, settings = scroller.settings;
-    var firstVisible = fetch.firstVisible, _b = fetch.positions, relative = _b.relative, end = _b.end, first = fetch.first, last = fetch.last;
+    var state = scroller.state, buffer = scroller.buffer, settings = scroller.settings;
+    var fetch = state.fetch, cycle = state.cycle;
+    var firstVisible = fetch.firstVisible, positions = fetch.positions, first = fetch.first, last = fetch.last;
+    var relative = positions.relative, end = positions.end;
     var lastIndex;
     if (!buffer.defaultSize) {
       // just to fetch forward bufferSize items if neither averageItemSize nor itemSize are present
@@ -2336,7 +2408,7 @@ var PreFetch = /** @class */ (function (_super) {
       var index = first.indexBuffer;
       var position = first.position;
       lastIndex = index;
-      while (1) { // eslint-disable-line no-constant-condition
+      while (true) {
         lastIndex = index;
         var size = buffer.getSizeByIndex(index);
         position += size;
@@ -2390,7 +2462,8 @@ var PreFetch = /** @class */ (function (_super) {
     }
   };
   PreFetch.checkBufferGaps = function (scroller) {
-    var buffer = scroller.buffer, fetch = scroller.state.fetch;
+    var buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch;
     if (!buffer.size) {
       return;
     }
@@ -2409,7 +2482,8 @@ var PreFetch = /** @class */ (function (_super) {
     }
   };
   PreFetch.checkFetchPackSize = function (scroller) {
-    var buffer = scroller.buffer, fetch = scroller.state.fetch;
+    var buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch;
     if (!fetch.shouldFetch) {
       return;
     }
@@ -2419,7 +2493,8 @@ var PreFetch = /** @class */ (function (_super) {
     if (diff <= 0) {
       return;
     }
-    if (!buffer.size || lastIndex > buffer.items[0].$index) { // forward
+    if (!buffer.size || lastIndex > buffer.items[0].$index) {
+      // forward
       var newLastIndex = Math.min(lastIndex + diff, buffer.absMaxIndex);
       if (newLastIndex > lastIndex) {
         fetch.last.index = fetch.last.indexBuffer = newLastIndex;
@@ -2437,11 +2512,13 @@ var PreFetch = /** @class */ (function (_super) {
     }
   };
   PreFetch.setFetchDirection = function (scroller) {
-    var buffer = scroller.buffer, fetch = scroller.state.fetch;
+    var buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch;
     if (fetch.last.index) {
       var direction_1 = Direction.forward;
       if (buffer.size) {
-        direction_1 = fetch.last.index < buffer.items[0].$index ? Direction.backward : Direction.forward;
+        direction_1 =
+          fetch.last.index < buffer.items[0].$index ? Direction.backward : Direction.forward;
       }
       fetch.direction = direction_1;
       scroller.logger.log(function () { return "fetch direction is \"".concat(direction_1, "\""); });
@@ -2503,7 +2580,8 @@ var Fetch = /** @class */ (function (_super) {
       }
     }
     else {
-      var _b = scroller.state, scroll_1 = _b.scroll, fetch_1 = _b.fetch, viewport = scroller.viewport;
+      var state = scroller.state, viewport = scroller.viewport;
+      var scroll_1 = state.scroll, fetch_1 = state.fetch;
       if (scroll_1.positionBeforeAsync === null) {
         scroll_1.positionBeforeAsync = viewport.scrollPosition;
       }
@@ -2547,9 +2625,10 @@ var Fetch = /** @class */ (function (_super) {
         });
       }
     }
-    if (immediateData || immediateError) { // callback case or immediate observable
+    if (immediateData || immediateError) {
+      // callback case or immediate observable
       return {
-        data: immediateError ? null : (immediateData || []),
+        data: immediateError ? null : immediateData || [],
         error: immediateError,
         isError: !!immediateError
       };
@@ -2573,44 +2652,45 @@ var PostFetch = /** @class */ (function (_super) {
       PostFetch.setBufferLimits(scroller);
       workflow.call({
         process: PostFetch.process,
-        status: scroller.state.fetch.hasNewItems
-          ? ProcessStatus.next
-          : ProcessStatus.done
+        status: scroller.state.fetch.hasNewItems ? ProcessStatus.next : ProcessStatus.done
       });
     }
     else {
       workflow.call({
         process: PostFetch.process,
         status: ProcessStatus.error,
-        payload: { error: 'Can\'t set buffer items' }
+        payload: { error: 'Can not set buffer items' }
       });
     }
   };
   PostFetch.setBufferLimits = function (scroller) {
-    var buffer = scroller.buffer, _a = scroller.state, fetch = _a.fetch, innerLoop = _a.cycle.innerLoop;
-    var items = fetch.items, first = fetch.first.index, last = fetch.last.index;
+    var buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch, cycle = state.cycle;
+    var items = fetch.items, first = fetch.first, last = fetch.last;
     if (!items.length) {
-      if (last < buffer.minIndex || innerLoop.isInitial) {
+      if (last.index < buffer.minIndex || cycle.innerLoop.isInitial) {
         buffer.absMinIndex = buffer.minIndex;
       }
-      if (first > buffer.maxIndex || innerLoop.isInitial) {
+      if (first.index > buffer.maxIndex || cycle.innerLoop.isInitial) {
         buffer.absMaxIndex = buffer.maxIndex;
       }
     }
     else {
       var lastIndex = items.length - 1;
-      if (first < items[0].$index) {
+      if (first.index < items[0].$index) {
         buffer.absMinIndex = items[0].$index;
       }
-      if (last > items[lastIndex].$index) {
+      if (last.index > items[lastIndex].$index) {
         buffer.absMaxIndex = items[lastIndex].$index;
       }
     }
   };
   PostFetch.setItems = function (scroller) {
-    var buffer = scroller.buffer, _a = scroller.state, fetch = _a.fetch, cycle = _a.cycle;
+    var buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch, cycle = state.cycle;
     var items = fetch.newItemsData;
-    if (!items || !items.length) { // empty result
+    if (!items || !items.length) {
+      // empty result
       return true;
     }
     // eof/bof case, need to shift fetch index if bof
@@ -2625,9 +2705,7 @@ var PostFetch = /** @class */ (function (_super) {
         fetchIndex = buffer.firstIndex - items.length;
       }
     }
-    fetch.items = items.map(function (item, index) {
-      return new Item(fetchIndex + index, item, scroller.routines);
-    });
+    fetch.items = items.map(function (item, index) { return new Item(fetchIndex + index, item, scroller.routines); });
     return buffer.setItems(fetch.items);
   };
   return PostFetch;
@@ -2639,7 +2717,8 @@ var Render = /** @class */ (function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   Render.run = function (scroller) {
-    var workflow = scroller.workflow, _a = scroller.state, cycle = _a.cycle, render = _a.render, scroll = _a.scroll, fetch = _a.fetch, viewport = scroller.viewport, routines = scroller.routines;
+    var workflow = scroller.workflow, state = scroller.state, viewport = scroller.viewport, routines = scroller.routines;
+    var cycle = state.cycle, render = state.render, scroll = state.scroll, fetch = state.fetch;
     scroller.logger.stat('before new items render');
     if (scroll.positionBeforeAsync === null) {
       scroll.positionBeforeAsync = viewport.scrollPosition;
@@ -2657,26 +2736,25 @@ var Render = /** @class */ (function (_super) {
         workflow.call({
           process: Render.process,
           status: ProcessStatus.error,
-          payload: { error: 'Can\'t associate item with element' }
+          payload: { error: 'Can not associate item with element' }
         });
       }
     }, { items: fetch.items.map(function (i) { return i.get(); }) });
   };
   Render.doRender = function (scroller) {
-    var _a = scroller.state, fetch = _a.fetch, render = _a.render, viewport = scroller.viewport, buffer = scroller.buffer, logger = scroller.logger;
+    var state = scroller.state, viewport = scroller.viewport, buffer = scroller.buffer, logger = scroller.logger;
+    var fetch = state.fetch, render = state.render;
     render.positionBefore = viewport.scrollPosition;
     if (!fetch.isCheck) {
       render.sizeBefore = viewport.getScrollableSize();
-      if (!fetch.items.every(function (item) {
-        return Render.processElement(scroller, item);
-      })) {
+      if (!fetch.items.every(function (item) { return Render.processElement(scroller, item); })) {
         return false;
       }
     }
     buffer.checkDefaultSize();
     render.sizeAfter = viewport.getScrollableSize();
     logger.stat('after new items render');
-    logger.log(function () { return render.noSize ? 'viewport size has not been changed' : void 0; });
+    logger.log(function () { return (render.noSize ? 'viewport size has not been changed' : void 0); });
     return true;
   };
   Render.processElement = function (scroller, item) {
@@ -2705,7 +2783,8 @@ var End = /** @class */ (function (_super) {
   }
   End.run = function (scroller, _a) {
     var _b = _a === void 0 ? {} : _a, error = _b.error;
-    var workflow = scroller.workflow, interrupter = scroller.state.cycle.interrupter;
+    var workflow = scroller.workflow, state = scroller.state;
+    var interrupter = state.cycle.interrupter;
     if (!error && !interrupter) {
       // set out params accessible via Adapter
       End.calculateParams(scroller);
@@ -2761,10 +2840,10 @@ var Adjust = /** @class */ (function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   Adjust.run = function (scroller) {
-    var workflow = scroller.workflow, viewport = scroller.viewport, scroll = scroller.state.scroll;
-    scroll.positionBeforeAdjust = viewport.scrollPosition;
+    var workflow = scroller.workflow, viewport = scroller.viewport, state = scroller.state;
+    state.scroll.positionBeforeAdjust = viewport.scrollPosition;
     Adjust.setPaddings(scroller);
-    scroll.positionAfterAdjust = viewport.scrollPosition;
+    state.scroll.positionAfterAdjust = viewport.scrollPosition;
     // scroll position adjustments
     var position = Adjust.calculatePosition(scroller);
     // additional adjustment if the position can't be reached during the initial cycle
@@ -2778,7 +2857,7 @@ var Adjust = /** @class */ (function (_super) {
     });
   };
   Adjust.setPaddings = function (scroller) {
-    var viewport = scroller.viewport, buffer = scroller.buffer, inverse = scroller.settings.inverse, fetch = scroller.state.fetch;
+    var viewport = scroller.viewport, buffer = scroller.buffer, settings = scroller.settings, state = scroller.state;
     var firstItem = buffer.getFirstVisibleItem();
     var lastItem = buffer.getLastVisibleItem();
     var first, last;
@@ -2787,7 +2866,8 @@ var Adjust = /** @class */ (function (_super) {
       last = lastItem.$index;
     }
     else {
-      first = !isNaN(fetch.firstVisible.index) ? fetch.firstVisible.index : buffer.startIndex;
+      var fetch_1 = state.fetch;
+      first = !isNaN(fetch_1.firstVisible.index) ? fetch_1.firstVisible.index : buffer.startIndex;
       last = first - 1;
     }
     var _a = viewport.paddings, forward = _a.forward, backward = _a.backward;
@@ -2804,14 +2884,16 @@ var Adjust = /** @class */ (function (_super) {
     var scrollSize = bwdSize + bufferSize + fwdSize;
     var viewportSizeDiff = viewport.getSize() - scrollSize;
     if (viewportSizeDiff > 0) {
-      if (inverse) {
+      if (settings.inverse) {
         bwdSize += viewportSizeDiff;
       }
       else {
         fwdSize += viewportSizeDiff;
       }
       scroller.logger.log(function () {
-        return inverse ? 'backward' : 'forward' + " padding will be increased by ".concat(viewportSizeDiff, " to fill the viewport");
+        return settings.inverse
+          ? 'backward'
+          : 'forward' + " padding will be increased by ".concat(viewportSizeDiff, " to fill the viewport");
       });
     }
     backward.size = bwdSize;
@@ -2819,7 +2901,8 @@ var Adjust = /** @class */ (function (_super) {
     scroller.logger.stat('after paddings adjustments');
   };
   Adjust.calculatePosition = function (scroller) {
-    var viewport = scroller.viewport, buffer = scroller.buffer, _a = scroller.state, fetch = _a.fetch, render = _a.render, scroll = _a.scroll;
+    var viewport = scroller.viewport, buffer = scroller.buffer, state = scroller.state;
+    var fetch = state.fetch, render = state.render, scroll = state.scroll;
     var position = viewport.paddings.backward.size;
     // increase the position to meet the expectation of the first visible item
     if (!isNaN(fetch.firstVisible.index) && !isNaN(buffer.firstIndex)) {
@@ -2856,8 +2939,8 @@ var Adjust = /** @class */ (function (_super) {
     return Math.round(position);
   };
   Adjust.setAdditionalForwardPadding = function (scroller, position) {
-    var viewport = scroller.viewport, buffer = scroller.buffer, cycle = scroller.state.cycle;
-    if (!cycle.isInitial || !End.shouldContinueRun(scroller, null)) {
+    var viewport = scroller.viewport, buffer = scroller.buffer, state = scroller.state;
+    if (!state.cycle.isInitial || !End.shouldContinueRun(scroller, null)) {
       return;
     }
     var diff = position - viewport.getMaxScrollPosition();
@@ -2880,7 +2963,8 @@ var Adjust = /** @class */ (function (_super) {
     }
   };
   Adjust.setPosition = function (scroller, position, done) {
-    var scroll = scroller.state.scroll, viewport = scroller.viewport, routines = scroller.routines;
+    var state = scroller.state, viewport = scroller.viewport, routines = scroller.routines;
+    var scroll = state.scroll;
     if (!scroll.hasPositionChanged(position)) {
       return done();
     }
@@ -2958,7 +3042,8 @@ var PreClip = /** @class */ (function (_super) {
     return false;
   };
   PreClip.isBackward = function (scroller, firstIndex) {
-    var buffer = scroller.buffer, _a = scroller.state, clip = _a.clip, fetch = _a.fetch;
+    var buffer = scroller.buffer, state = scroller.state;
+    var clip = state.clip, fetch = state.fetch;
     if (clip.force) {
       return clip.forceBackward;
     }
@@ -2970,7 +3055,8 @@ var PreClip = /** @class */ (function (_super) {
     return false;
   };
   PreClip.isForward = function (scroller, lastIndex) {
-    var buffer = scroller.buffer, _a = scroller.state, clip = _a.clip, fetch = _a.fetch;
+    var buffer = scroller.buffer, state = scroller.state;
+    var clip = state.clip, fetch = state.fetch;
     if (clip.force) {
       return clip.forceForward;
     }
@@ -2984,8 +3070,7 @@ var PreClip = /** @class */ (function (_super) {
   PreClip.prepareClipByDirection = function (scroller, direction, edgeIndex) {
     var forward = direction === Direction.forward;
     scroller.buffer.items.forEach(function (item) {
-      if ((!forward && item.$index < edgeIndex) ||
-        (forward && item.$index > edgeIndex)) {
+      if ((!forward && item.$index < edgeIndex) || (forward && item.$index > edgeIndex)) {
         item.toRemove = true;
         item.removeDirection = direction;
         scroller.state.clip.doClip = true;
@@ -3010,9 +3095,9 @@ var Clip = /** @class */ (function (_super) {
   };
   Clip.doClip = function (scroller) {
     var _a;
-    var buffer = scroller.buffer, paddings = scroller.viewport.paddings, clip = scroller.state.clip, logger = scroller.logger;
+    var buffer = scroller.buffer, viewport = scroller.viewport, state = scroller.state, logger = scroller.logger;
     var size = (_a = {}, _a[Direction.backward] = 0, _a[Direction.forward] = 0, _a);
-    logger.stat("before clip (".concat(++clip.callCount, ")"));
+    logger.stat("before clip (".concat(++state.clip.callCount, ")"));
     var itemsToRemove = buffer.items.filter(function (item) {
       if (!item.toRemove) {
         return false;
@@ -3023,10 +3108,10 @@ var Clip = /** @class */ (function (_super) {
     });
     if (itemsToRemove.length) {
       if (size[Direction.backward]) {
-        paddings.byDirection(Direction.backward).size += size[Direction.backward];
+        viewport.paddings.byDirection(Direction.backward).size += size[Direction.backward];
       }
       if (size[Direction.forward]) {
-        paddings.byDirection(Direction.forward).size += size[Direction.forward];
+        viewport.paddings.byDirection(Direction.forward).size += size[Direction.forward];
       }
       if (scroller.settings.onBeforeClip) {
         scroller.settings.onBeforeClip(itemsToRemove.map(function (item) { return item.get(); }));
@@ -3060,7 +3145,7 @@ var Logger = /** @class */ (function () {
       if (!_this.debug) {
         return;
       }
-      var params = (args === void 0 ? [] : (Array.isArray(args) ? args : [args]))
+      var params = (args === void 0 ? [] : Array.isArray(args) ? args : [args])
         .map(function (arg) {
         if (typeof arg === 'function') {
           return 'func';
@@ -3080,26 +3165,36 @@ var Logger = /** @class */ (function () {
     this.debug = settings.debug;
     this.immediateLog = settings.immediateLog;
     this.logTime = settings.logTime;
-    this.getTime = function () {
-      return scroller.state && " // time: ".concat(scroller.state.time);
-    };
+    this.logColor = settings.logColor;
+    this.getTime = function () { return scroller.state && " // time: ".concat(scroller.state.time); };
     this.getStat = function () {
       var buffer = scroller.buffer, viewport = scroller.viewport;
       var first = buffer.getFirstVisibleItem();
       var last = buffer.getLastVisibleItem();
-      return 'pos: ' + viewport.scrollPosition + ', ' +
-        'size: ' + viewport.getScrollableSize() + ', ' +
-        'bwd_p: ' + viewport.paddings.backward.size + ', ' +
-        'fwd_p: ' + viewport.paddings.forward.size + ', ' +
-        'default: ' + (buffer.defaultSize || 'no') + ', ' +
-        'items: ' + buffer.getVisibleItemsCount() + ', ' +
-        'range: ' + (first && last ? "[".concat(first.$index, "..").concat(last.$index, "]") : 'no');
+      return ('pos: ' +
+        viewport.scrollPosition +
+        ', ' +
+        'size: ' +
+        viewport.getScrollableSize() +
+        ', ' +
+        'bwd_p: ' +
+        viewport.paddings.backward.size +
+        ', ' +
+        'fwd_p: ' +
+        viewport.paddings.forward.size +
+        ', ' +
+        'default: ' +
+        (buffer.defaultSize || 'no') +
+        ', ' +
+        'items: ' +
+        buffer.getVisibleItemsCount() +
+        ', ' +
+        'range: ' +
+        (first && last ? "[".concat(first.$index, "..").concat(last.$index, "]") : 'no'));
     };
     this.getFetchRange = function () {
       var _a = scroller.state.fetch, first = _a.first.index, last = _a.last.index;
-      return !Number.isNaN(first) && !Number.isNaN(last)
-        ? "[".concat(first, "..").concat(last, "]")
-        : 'no';
+      return !Number.isNaN(first) && !Number.isNaN(last) ? "[".concat(first, "..").concat(last, "]") : 'no';
     };
     this.getLoopId = function () { return scroller.state.cycle.loopId; };
     this.getLoopIdNext = function () { return scroller.state.cycle.loopIdNext; };
@@ -3119,7 +3214,7 @@ var Logger = /** @class */ (function () {
     this.log(function () { return [
       str,
       stringify
-        ? JSON.stringify(obj, function (k, v) {
+        ? JSON.stringify(obj, function (_, v) {
           if (Number.isNaN(v)) {
             return 'NaN';
           }
@@ -3149,27 +3244,36 @@ var Logger = /** @class */ (function () {
   Logger.prototype.stat = function (str) {
     var _this = this;
     if (this.debug) {
-      var logStyles_1 = [
-        'color: #888; border: dashed #888 0; border-bottom-width: 0px',
-        'color: #000; border-width: 0'
-      ];
-      this.log(function () { return __spreadArray(['%cstat' + (str ? " ".concat(str) : '') + ',%c ' + _this.getStat()], __read(logStyles_1), false); });
+      if (this.logColor) {
+        var logStyles_1 = [
+          'color: #888; border: dashed #888 0; border-bottom-width: 0px',
+          'color: #000; border-width: 0'
+        ];
+        this.log(function () { return __spreadArray(['%cstat' + (str ? " ".concat(str) : '') + ',%c ' + _this.getStat()], __read(logStyles_1), false); });
+      }
+      else {
+        this.log(function () { return ['stat' + (str ? " ".concat(str) : '') + ', ' + _this.getStat()]; });
+      }
     }
   };
   Logger.prototype.fetch = function (str) {
     var _this = this;
     if (this.debug) {
       var _text_1 = 'fetch interval' + (str ? " ".concat(str) : '');
-      var logStyles_2 = ['color: #888', 'color: #000'];
-      this.log(function () { return __spreadArray(["%c".concat(_text_1, ": %c").concat(_this.getFetchRange())], __read(logStyles_2), false); });
+      if (this.logColor) {
+        var logStyles_2 = ['color: #888', 'color: #000'];
+        this.log(function () { return __spreadArray(["%c".concat(_text_1, ": %c").concat(_this.getFetchRange())], __read(logStyles_2), false); });
+      }
+      else {
+        this.log(function () { return ["".concat(_text_1, ": ").concat(_this.getFetchRange())]; });
+      }
     }
   };
   Logger.prototype.prepareForLog = function (data) {
-    return data instanceof Event && data.target
-      ? this.getScrollPosition()
-      : data;
+    return data instanceof Event && data.target ? this.getScrollPosition() : data;
   };
   Logger.prototype.logProcess = function (data) {
+    var _this = this;
     if (!this.debug) {
       return;
     }
@@ -3177,31 +3281,50 @@ var Logger = /** @class */ (function () {
     // inner loop start-end log
     var loopLog = [];
     if (process === CommonProcess.init && status === ProcessStatus.next) {
-      loopLog.push("%c---=== loop ".concat(this.getLoopIdNext(), " start"));
+      var loopStart = "---=== loop ".concat(this.getLoopIdNext(), " start");
+      loopLog.push(this.logColor ? "%c".concat(loopStart) : loopStart);
     }
     else if (process === CommonProcess.end) {
-      loopLog.push("%c---=== loop ".concat(this.getLoopId(), " done"));
+      var loopDone = "---=== loop ".concat(this.getLoopId(), " done");
+      loopLog.push(this.logColor ? "%c".concat(loopDone) : loopDone);
       var parent_1 = payload && payload.process;
-      if (status === ProcessStatus.next && (parent_1 !== AdapterProcess.reset && parent_1 !== AdapterProcess.reload)) {
+      if (status === ProcessStatus.next &&
+        parent_1 !== AdapterProcess.reset &&
+        parent_1 !== AdapterProcess.reload) {
         loopLog[0] += ", loop ".concat(this.getLoopIdNext(), " start");
       }
     }
     if (loopLog.length) {
-      this.log(function () { return __spreadArray(__spreadArray([], __read(loopLog), false), ['color: #006600;'], false); });
+      this.log(function () { return (_this.logColor ? __spreadArray(__spreadArray([], __read(loopLog), false), ['color: #006600;'], false) : loopLog); });
     }
   };
   Logger.prototype.logCycle = function (start) {
     if (start === void 0) { start = true; }
     var logData = this.getWorkflowCycleData();
-    var border = start ? '1px 0 0 1px' : '0 0 1px 1px';
-    var logStyles = "color: #0000aa; border: solid #555 1px; border-width: ".concat(border, "; margin-left: -2px");
-    this.log(function () { return ["%c   ~~~ WF Cycle ".concat(logData, " ").concat(start ? 'STARTED' : 'FINALIZED', " ~~~  "), logStyles]; });
+    if (this.logColor) {
+      var border = start ? '1px 0 0 1px' : '0 0 1px 1px';
+      var logStyles_3 = "color: #0000aa; border: solid #555 1px; border-width: ".concat(border, "; margin-left: -2px");
+      this.log(function () { return [
+        "%c   ~~~ WF Cycle ".concat(logData, " ").concat(start ? 'STARTED' : 'FINALIZED', " ~~~  "),
+        logStyles_3
+      ]; });
+    }
+    else {
+      this.log(function () { return ["   ~~~ WF Cycle ".concat(logData, " ").concat(start ? 'STARTED' : 'FINALIZED', " ~~~  ")]; });
+    }
   };
   Logger.prototype.logError = function (str) {
     var _this = this;
     if (this.debug) {
-      var logStyles_3 = ['color: #a00;', 'color: #000'];
-      this.log(function () { return __spreadArray(['error:%c' + (str ? " ".concat(str) : '') + "%c (loop ".concat(_this.getLoopIdNext(), ")")], __read(logStyles_3), false); });
+      if (this.logColor) {
+        var logStyles_4 = ['color: #a00;', 'color: #000'];
+        this.log(function () { return __spreadArray([
+          'error:%c' + (str ? " ".concat(str) : '') + "%c (loop ".concat(_this.getLoopIdNext(), ")")
+        ], __read(logStyles_4), false); });
+      }
+      else {
+        this.log(function () { return ['error:' + (str ? " ".concat(str) : '') + " (loop ".concat(_this.getLoopIdNext(), ")")]; });
+      }
     }
   };
   Logger.prototype.log = function () {
@@ -3257,6 +3380,9 @@ var Logger = /** @class */ (function () {
       }
     }
   };
+  Logger.prototype.getLogs = function () {
+    return this.logs;
+  };
   return Logger;
 }());
 
@@ -3336,17 +3462,18 @@ var Routines = /** @class */ (function () {
     return element.getBoundingClientRect();
   };
   Routines.prototype.getWindowParams = function () {
-    var _a = this.viewport, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight, clientLeft = _a.clientLeft, clientTop = _a.clientTop;
+    var height = window.innerHeight;
+    var width = window.innerWidth;
     return {
-      'height': clientHeight,
-      'width': clientWidth,
-      'top': clientTop,
-      'bottom': clientTop + clientHeight,
-      'left': clientLeft,
-      'right': clientLeft + clientWidth,
-      'x': clientLeft,
-      'y': clientTop,
-      'toJSON': function () { return null; },
+      height: height,
+      width: width,
+      top: 0,
+      bottom: height,
+      left: 0,
+      right: width,
+      x: 0,
+      y: 0,
+      toJSON: function () { return null; }
     };
   };
   Routines.prototype.getSize = function (element) {
@@ -3375,14 +3502,14 @@ var Routines = /** @class */ (function () {
     var horizontal = this.settings.horizontal;
     var params = this.getElementParams(element);
     var isFwd = direction === Direction.forward;
-    return params[isFwd ? (horizontal ? 'right' : 'bottom') : (horizontal ? 'left' : 'top')];
+    return params[isFwd ? (horizontal ? 'right' : 'bottom') : horizontal ? 'left' : 'top'];
   };
   Routines.prototype.getViewportEdge = function (direction) {
     var _a = this.settings, window = _a.window, horizontal = _a.horizontal;
     if (window) {
       var params = this.getWindowParams();
       var isFwd = direction === Direction.forward;
-      return params[isFwd ? (horizontal ? 'right' : 'bottom') : (horizontal ? 'left' : 'top')];
+      return params[isFwd ? (horizontal ? 'right' : 'bottom') : horizontal ? 'left' : 'top'];
     }
     return this.getEdge(this.viewport, direction);
   };
@@ -3407,8 +3534,7 @@ var Routines = /** @class */ (function () {
     this.checkElement(element);
     element.scrollIntoView(argument);
   };
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  Routines.prototype.render = function (cb, params) {
+  Routines.prototype.render = function (cb, _params) {
     var timeoutId = setTimeout(function () { return cb(); });
     return function () { return clearTimeout(timeoutId); };
   };
@@ -3455,8 +3581,12 @@ var Paddings = /** @class */ (function () {
   }
   Paddings.prototype.byDirection = function (direction, opposite) {
     return direction === Direction.backward
-      ? (opposite ? this.forward : this.backward)
-      : (opposite ? this.backward : this.forward);
+      ? opposite
+        ? this.forward
+        : this.backward
+      : opposite
+        ? this.backward
+        : this.forward;
   };
   Paddings.prototype.reset = function (viewportSize, startIndex, offset) {
     var positive = this.getPositiveSize(startIndex, viewportSize, offset);
@@ -3525,7 +3655,8 @@ var Viewport = /** @class */ (function () {
     this.routines.setScrollPosition(value);
     var position = this.scrollPosition;
     this.logger.log(function () { return __spreadArray([
-      'setting scroll position at', position
+      'setting scroll position at',
+      position
     ], __read((position !== value ? ["(".concat(value, ")")] : [])), false); });
     return position;
   };
@@ -3568,7 +3699,7 @@ var Viewport = /** @class */ (function () {
     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) {
+      if ((bwd && diff > 0) || (!bwd && diff < 0)) {
         item = items[i];
         break;
       }
@@ -3632,7 +3763,8 @@ var DefaultSize = /** @class */ (function () {
     if (removed.length) {
       var removedSize = removed.reduce(function (acc, item) { return acc + item.size; }, 0);
       var averageSize = this.averageSizeFloat || 0;
-      this.averageSizeFloat = ((cacheSize + removed.length) * averageSize - removedSize) / cacheSize;
+      this.averageSizeFloat =
+        ((cacheSize + removed.length) * averageSize - removedSize) / cacheSize;
     }
     this.averageSize = Math.round(this.averageSizeFloat);
   };
@@ -3764,7 +3896,7 @@ var Cache = /** @class */ (function () {
   };
   Cache.prototype.getSizeByIndex = function (index) {
     var item = this.get(index);
-    return item && item.size || this.defaultSize.get();
+    return (item && item.size) || this.defaultSize.get();
   };
   Cache.prototype.getDefaultSize = function () {
     return this.defaultSize.get();
@@ -3782,12 +3914,12 @@ var Cache = /** @class */ (function () {
    * Maintains min/max indexes and default item size.
    *
    * @param {Item<Data>} item A Buffer item to be cached, an objects with { $index, data, size } props.
-   *
    * @returns {ItemCache<Data>} Cached item.
    */
   Cache.prototype.add = function (item) {
     var itemCache = this.get(item.$index);
-    if (itemCache) { // adding item is already cached
+    if (itemCache) {
+      // adding item is already cached
       if (this.saveData) {
         itemCache.data = item.data;
       }
@@ -3859,7 +3991,8 @@ var Cache = /** @class */ (function () {
       }
       set(item);
     });
-    if (this.saveData) { // persist data with no sizes
+    if (this.saveData) {
+      // persist data with no sizes
       toInsert.forEach(function (data, i) {
         var $index = index + i - (fixRight ? length : 0) + (direction === Direction.forward ? 1 : 0);
         var item = new ItemCache({ $index: $index, data: data }, _this.saveData);
@@ -3933,20 +4066,21 @@ var Cache = /** @class */ (function () {
     }
     var items = new Map();
     this.items.forEach(function (item) {
-      if (item.$index < minB) { // items to the left of the subset
+      if (item.$index < minB) {
+        // items to the left of the subset
         item.changeIndex(item.$index + leftDiff);
         items.set(item.$index, item);
         return;
       }
-      else if (item.$index > maxB) { // items to the right of the subset
+      else if (item.$index > maxB) {
+        // items to the right of the subset
         item.changeIndex(item.$index + rightDiff);
         items.set(item.$index, item);
         return;
       }
     });
-    after.forEach(function (item) {
-      return items.set(item.$index, new ItemCache(item, _this.saveData));
-    });
+    after.forEach(function (item // subset items
+    ) { return items.set(item.$index, new ItemCache(item, _this.saveData)); });
     before // to maintain default size on remove
       .filter(function (item) { return item.toRemove; })
       .forEach(function (item) { return _this.defaultSize.setRemoved(item.size); });
@@ -3995,13 +4129,12 @@ var CheckBufferCall = /** @class */ (function () {
     return true;
   };
   CheckBufferCall.prototype.insertInBuffer = function (predicate, before, after) {
-    var index = Number.isInteger(before) ? before : (Number.isInteger(after) ? after : NaN);
+    var index = Number.isInteger(before) ? before : Number.isInteger(after) ? after : NaN;
     var found = this.context.items.find(function (item) {
-      return (predicate && predicate(item.get())) ||
-        (Number.isInteger(index) && index === item.$index);
+      return (predicate && predicate(item.get())) || (Number.isInteger(index) && index === item.$index);
     });
     if (!found) {
-      this.logger.log('no items to insert in buffer; empty predicate\'s result');
+      this.logger.log('no items to insert in buffer; empty predicate result');
       return NaN;
     }
     return found.$index;
@@ -4021,9 +4154,7 @@ var CheckBufferCall = /** @class */ (function () {
     }
     var before = direction === Direction.backward;
     if (!(index < firstIndex + (before ? 1 : 0) || index > lastIndex - (before ? 0 : 1))) {
-      this.logger.log(function () {
-        return "no items to insert virtually; selected index (".concat(index, ") belongs Buffer [").concat(firstIndex, "..").concat(lastIndex, "]");
-      });
+      this.logger.log("no items to insert virtually; selected index (".concat(index, ") belongs Buffer [").concat(firstIndex, "..").concat(lastIndex, "]"));
       return false;
     }
     this.logger.log(function () { return "going to insert ".concat(items.length, " item(s) virtually"); });
@@ -4104,7 +4235,8 @@ var Buffer = /** @class */ (function () {
     },
     set: function (value) {
       if (this._absMinIndex !== value) {
-        this._absMinIndex = Number.isFinite(this._absMaxIndex) && value > this._absMaxIndex ? this._absMaxIndex : value;
+        this._absMinIndex =
+          Number.isFinite(this._absMaxIndex) && value > this._absMaxIndex ? this._absMaxIndex : value;
       }
       if (!this.pristine) {
         this.checkBOF();
@@ -4119,7 +4251,8 @@ var Buffer = /** @class */ (function () {
     },
     set: function (value) {
       if (this._absMaxIndex !== value) {
-        this._absMaxIndex = Number.isFinite(this._absMinIndex) && value < this._absMinIndex ? this._absMinIndex : value;
+        this._absMaxIndex =
+          Number.isFinite(this._absMinIndex) && value < this._absMinIndex ? this._absMinIndex : value;
       }
       if (!this.pristine) {
         this.checkEOF();
@@ -4131,14 +4264,14 @@ var Buffer = /** @class */ (function () {
   Buffer.prototype.checkBOF = function () {
     // since bof has no setter, need to call checkBOF() on items and absMinIndex change
     var bof = this.items.length
-      ? (this.items[0].$index === this.absMinIndex)
+      ? this.items[0].$index === this.absMinIndex
       : isFinite(this.absMinIndex);
     this.bof.set(bof);
   };
   Buffer.prototype.checkEOF = function () {
     // since eof has no setter, need to call checkEOF() on items and absMaxIndex change
     var eof = this.items.length
-      ? (this.items[this.items.length - 1].$index === this.absMaxIndex)
+      ? this.items[this.items.length - 1].$index === this.absMaxIndex
       : isFinite(this.absMaxIndex);
     this.eof.set(eof);
   };
@@ -4271,9 +4404,9 @@ var Buffer = /** @class */ (function () {
     var shifted = false;
     var _loop_1 = function (i) {
       var item = this_1.items[i];
-      var diff = indexes.reduce(function (acc, index) { return acc + (fixRight
-        ? (item.$index < index ? 1 : 0)
-        : (item.$index > index ? -1 : 0)); }, 0);
+      var diff = indexes.reduce(function (acc, index) {
+        return acc + (fixRight ? (item.$index < index ? 1 : 0) : item.$index > index ? -1 : 0);
+      }, 0);
       shifted = shifted || !!diff;
       item.updateIndex(item.$index + diff);
     };
@@ -4293,10 +4426,8 @@ var Buffer = /** @class */ (function () {
     }
     var before = Number.isInteger(beforeIndex);
     var index = (before ? beforeIndex : afterIndex);
-    var shift = (fixRight ? items.length : (before ? 1 : 0));
-    this.items = items.map(function (data, i) {
-      return generator(index + i + (!before ? 1 : 0) - shift, data);
-    });
+    var shift = fixRight ? items.length : before ? 1 : 0;
+    this.items = items.map(function (data, i) { return generator(index + i + (!before ? 1 : 0) - shift, data); });
     this._absMinIndex = this.items[0].$index;
     this._absMaxIndex = this.items[this.size - 1].$index;
     if (this.startIndex <= this.absMinIndex) {
@@ -4325,7 +4456,7 @@ var Buffer = /** @class */ (function () {
       // if predicate result is falsy or empty array -> delete
       if (!result || (Array.isArray(result) && !result.length)) {
         item.toRemove = true;
-        trackedIndex += item.$index >= indexToTrack ? (fixRight ? 1 : 0) : (fixRight ? 0 : -1);
+        trackedIndex += item.$index >= indexToTrack ? (fixRight ? 1 : 0) : fixRight ? 0 : -1;
         this_2.shiftExtremum(-1, fixRight);
         return "continue";
       }
@@ -4421,8 +4552,9 @@ var Buffer = /** @class */ (function () {
     return index >= 0 ? this.items[index] : void 0;
   };
   Buffer.prototype.getEdgeVisibleItem = function (direction, opposite) {
-    return direction === (!opposite ? Direction.forward : Direction.backward) ?
-      this.getLastVisibleItem() : this.getFirstVisibleItem();
+    return direction === (!opposite ? Direction.forward : Direction.backward)
+      ? this.getLastVisibleItem()
+      : this.getFirstVisibleItem();
   };
   Buffer.prototype.getVisibleItemsCount = function () {
     return this.items.reduce(function (acc, item) { return acc + (item.invisible ? 0 : 1); }, 0);
@@ -4597,7 +4729,7 @@ var FetchModel = /** @class */ (function () {
   });
   Object.defineProperty(FetchModel.prototype, "hasNewItems", {
     get: function () {
-      return !!((this._newItemsData && this._newItemsData.length));
+      return !!(this._newItemsData && this._newItemsData.length);
     },
     enumerable: false,
     configurable: true
@@ -4611,7 +4743,9 @@ var FetchModel = /** @class */ (function () {
   });
   Object.defineProperty(FetchModel.prototype, "count", {
     get: function () {
-      return !isNaN(this.first.index) && !isNaN(this.last.index) ? this.last.index - this.first.index + 1 : 0;
+      return !isNaN(this.first.index) && !isNaN(this.last.index)
+        ? this.last.index - this.first.index + 1
+        : 0;
     },
     enumerable: false,
     configurable: true
@@ -4765,10 +4899,12 @@ var State = /** @class */ (function () {
     }
     clip.reset(clip.force);
     render.reset();
-    return __assign({}, (cycle.innerLoop.first ? {
-      process: cycle.initiator,
-      doRender: fetch.simulate && fetch.items.length > 0
-    } : {}));
+    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;
@@ -4819,7 +4955,6 @@ var Adapter = /** @class */ (function () {
     this.source = {}; // for Reactive props
     this.box = {}; // for Scalars over Reactive props
     this.demand = {}; // for Scalars on demand
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     this.setFirstOrLastVisible = function (_) { };
     this.getWorkflow = getWorkflow;
     this.logger = logger;
@@ -4828,7 +4963,7 @@ var Adapter = /** @class */ (function () {
     this.reloadCounter = 0;
     var contextId = (context === null || context === void 0 ? void 0 : context.id) || -1;
     // public context (if exists) should provide access to Reactive props config by id
-    var reactivePropsStore = context && reactiveConfigStorage.get(context.id) || {};
+    var reactivePropsStore = (context && reactiveConfigStorage.get(context.id)) || {};
     // the Adapter initialization should not trigger "wanted" props setting;
     // after the initialization is completed, "wanted" functionality must be unblocked
     wantedUtils.setBlock(true, contextId);
@@ -4843,7 +4978,7 @@ var Adapter = /** @class */ (function () {
             value = reactiveProp.default; // boolean doesn't matter here
           }
         }
-        return (__assign(__assign({}, prop), { value: value }));
+        return __assign(__assign({}, prop), { value: value });
       })
       : getDefaultAdapterProps();
     // restore default reactive props if they were configured
@@ -4886,10 +5021,12 @@ var Adapter = /** @class */ (function () {
     // so this method should be called when accessing the "wanted" props through one of the following getters
     var processWanted = function (prop) {
       if (wantedUtils.setBox(prop, contextId)) {
-        if ([AdapterPropName.firstVisible, AdapterPropName.firstVisible$].some(function (n) { return n === prop.name; })) {
+        var firstPropList = [AdapterPropName.firstVisible, AdapterPropName.firstVisible$];
+        var lastPropList = [AdapterPropName.lastVisible, AdapterPropName.lastVisible$];
+        if (firstPropList.some(function (n) { return n === prop.name; })) {
           _this.setFirstOrLastVisible({ first: true });
         }
-        else if ([AdapterPropName.lastVisible, AdapterPropName.lastVisible$].some(function (n) { return n === prop.name; })) {
+        else if (lastPropList.some(function (n) { return n === prop.name; })) {
           _this.setFirstOrLastVisible({ last: true });
         }
       }
@@ -4939,8 +5076,7 @@ var Adapter = /** @class */ (function () {
       return;
     }
     // Adapter public context augmentation
-    adapterProps
-      .forEach(function (prop) {
+    adapterProps.forEach(function (prop) {
       var name = prop.name, type = prop.type, permanent = prop.permanent;
       var value = _this[name];
       if (type === AdapterPropType.Function) {
@@ -5034,23 +5170,23 @@ var Adapter = /** @class */ (function () {
         maxIndex: buffer.maxIndex,
         absMinIndex: buffer.absMinIndex,
         absMaxIndex: buffer.absMaxIndex,
-        defaultSize: buffer.defaultSize,
+        defaultSize: buffer.defaultSize
       }); }
     });
     this.bof = buffer.bof.get();
-    buffer.bof.on(function (bof) { return _this.bof = bof; });
+    buffer.bof.on(function (bof) { return (_this.bof = bof); });
     this.eof = buffer.eof.get();
-    buffer.eof.on(function (eof) { return _this.eof = eof; });
+    buffer.eof.on(function (eof) { return (_this.eof = eof); });
     // state
     Object.defineProperty(this.demand, AdapterPropName.packageInfo, {
       get: function () { return state.packageInfo; }
     });
     this.loopPending = state.cycle.innerLoop.busy.get();
-    state.cycle.innerLoop.busy.on(function (busy) { return _this.loopPending = busy; });
+    state.cycle.innerLoop.busy.on(function (busy) { return (_this.loopPending = busy); });
     this.isLoading = state.cycle.busy.get();
-    state.cycle.busy.on(function (busy) { return _this.isLoading = busy; });
+    state.cycle.busy.on(function (busy) { return (_this.isLoading = busy); });
     this.paused = state.paused.get();
-    state.paused.on(function (paused) { return _this.paused = paused; });
+    state.paused.on(function (paused) { return (_this.paused = paused); });
     //viewport
     this.setFirstOrLastVisible = function (_a) {
       var _b, _c, _d;
@@ -5128,8 +5264,7 @@ var Adapter = /** @class */ (function () {
     var _this = this;
     var _a;
     var reactiveStore = reactiveConfigStorage.get((_a = this.externalContext) === null || _a === void 0 ? void 0 : _a.id);
-    ADAPTER_PROPS_STUB
-      .forEach(function (_a) {
+    ADAPTER_PROPS_STUB.forEach(function (_a) {
       var type = _a.type, permanent = _a.permanent, name = _a.name, value = _a.value;
       // assign initial values to non-reactive non-permanent props
       if (type !== AdapterPropType.Reactive && !permanent) {
@@ -5270,7 +5405,9 @@ var Adapter = /** @class */ (function () {
   };
   Adapter.prototype.relaxUnchained = function (callback, reloadId) {
     var _this = this;
-    var runCallback = function () { return typeof callback === 'function' && reloadId === _this.reloadId && callback(); };
+    var runCallback = function () {
+      return typeof callback === 'function' && reloadId === _this.reloadId && callback();
+    };
     if (!this.isLoading) {
       runCallback();
     }
@@ -5293,7 +5430,9 @@ var Adapter = /** @class */ (function () {
         };
       }
       var success = reloadId === _this.reloadId;
-      (_b = (_a = _this.logger) === null || _a === void 0 ? void 0 : _a.log) === null || _b === void 0 ? void 0 : _b.call(_a, function () { return !success ? "relax promise cancelled due to ".concat(reloadId, " != ").concat(_this.reloadId) : void 0; });
+      (_b = (_a = _this.logger) === null || _a === void 0 ? void 0 : _a.log) === null || _b === void 0 ? void 0 : _b.call(_a, function () {
+        return !success ? "relax promise cancelled due to ".concat(reloadId, " != ").concat(_this.reloadId) : void 0;
+      });
       return {
         immediate: immediate,
         success: success,
@@ -5308,12 +5447,12 @@ var Adapter = /** @class */ (function () {
     if (!this.init) {
       return Promise.resolve(methodPreResult);
     }
-    return this.relaxRun = this.relaxRun
+    return (this.relaxRun = this.relaxRun
       ? this.relaxRun.then(function () { return _this.relaxUnchained(callback, reloadId); })
       : this.relaxUnchained(callback, reloadId).then(function (result) {
         _this.relaxRun = null;
         return result;
-      });
+      }));
   };
   Adapter.prototype.showLog = function () {
     this.logger.logAdapterMethod('showLog');
@@ -5347,7 +5486,8 @@ var Scroller = /** @class */ (function () {
       Object.getOwnPropertyNames(CustomRoutines.prototype)
         .filter(function (method) { return method !== 'constructor'; })
         .forEach(function (method) {
-        return __Routines_1.prototype[method] = CustomRoutines === null || CustomRoutines === void 0 ? void 0 : CustomRoutines.prototype[method];
+        return (__Routines_1.prototype[method] =
+          CustomRoutines === null || CustomRoutines === void 0 ? void 0 : CustomRoutines.prototype[method]);
       });
       CustomRoutines = __Routines_1;
     }
@@ -5363,7 +5503,8 @@ var Scroller = /** @class */ (function () {
   }
   Scroller.prototype.initDatasource = function (datasource, scroller) {
     var _this = this;
-    if (scroller) { // scroller re-instantiating case
+    if (scroller) {
+      // scroller re-instantiating case
       this.datasource = datasource;
       this.adapter = scroller.adapter;
       // todo: what about (this.settings.adapter !== scroller.setting.adapter) case?
@@ -5372,10 +5513,12 @@ var Scroller = /** @class */ (function () {
     // scroller is being instantiated for the first time
     var constructed = datasource instanceof DatasourceGeneric;
     var mockAdapter = !constructed && !this.settings.adapter;
-    if (constructed) { // datasource is already instantiated
+    if (constructed) {
+      // datasource is already instantiated
       this.datasource = datasource;
     }
-    else { // datasource as POJO
+    else {
+      // datasource as POJO
       var DS = makeDatasource(function () { return ({ mock: mockAdapter }); });
       this.datasource = new DS(datasource);
       if (this.settings.adapter) {
@@ -5400,14 +5543,14 @@ var Scroller = /** @class */ (function () {
   };
   Scroller.prototype.dispose = function (forever) {
     this.logger.log(function () { return 'disposing scroller' + (forever ? ' (forever)' : ''); });
-    if (forever) { // Adapter is not re-instantiated on reset
+    if (forever) {
+      // Adapter is not re-instantiated on reset
       this.adapter.dispose();
     }
     this.buffer.dispose();
     this.state.dispose();
   };
-  Scroller.prototype.finalize = function () {
-  };
+  Scroller.prototype.finalize = function () { };
   return Scroller;
 }());
 
@@ -5423,7 +5566,8 @@ var runStateMachine = function (_a) {
   var options = payload.options;
   switch (process) {
     case CommonProcess.init:
-      if (status === ProcessStatus.start) { // App start
+      if (status === ProcessStatus.start) {
+        // App start
         run(Init)(process);
       }
       if (status === ProcessStatus.next) {
@@ -5643,6 +5787,7 @@ var Workflow = /** @class */ (function () {
     this.initTimer = null;
     this.adapterRun$ = new Reactive();
     this.cyclesDone = 0;
+    this.cyclesDone$ = new Reactive(0);
     this.interruptionCount = 0;
     this.errors = [];
     this.offScroll = function () { return null; };
@@ -5675,11 +5820,13 @@ var Workflow = /** @class */ (function () {
     this.scroller.init(this.adapterRun$);
     // set up scroll event listener
     var routines = this.scroller.routines;
-    var onScrollHandler = function (event) { return _this.callWorkflow({
-      process: CommonProcess.scroll,
-      status: ProcessStatus.start,
-      payload: { event: event }
-    }); };
+    var onScrollHandler = function (event) {
+      return _this.callWorkflow({
+        process: CommonProcess.scroll,
+        status: ProcessStatus.start,
+        payload: { event: event }
+      });
+    };
     this.offScroll = routines.onScroll(onScrollHandler);
     // run the Workflow
     this.isInitialized = true;
@@ -5711,18 +5858,19 @@ var Workflow = /** @class */ (function () {
   Workflow.prototype.getUpdater = function () {
     return {
       call: this.callWorkflow.bind(this),
-      onDataChanged: this.changeItems.bind(this),
+      onDataChanged: this.changeItems.bind(this)
     };
   };
   Workflow.prototype.process = function (data) {
+    var _this = this;
     var status = data.status, process = data.process, payload = data.payload;
     if (this.scroller.settings.logProcessRun) {
-      this.scroller.logger.log(function () { return __spreadArray(__spreadArray(__spreadArray([
-        '%cfire%c'
-      ], ['color: #cc7777;', 'color: #000000;'], false), [
-        process,
-        "\"".concat(status, "\"")
-      ], false), __read((payload !== void 0 ? [payload] : [])), false); });
+      this.scroller.logger.log(function () {
+        var _fire = _this.scroller.settings.logColor
+          ? ['%cfire%c', 'color: #cc7777;', 'color: #000000;']
+          : ['fire'];
+        return __spreadArray(__spreadArray(__spreadArray([], __read(_fire), false), [process, "\"".concat(status, "\"")], false), __read((payload !== void 0 ? [payload] : [])), false);
+      });
     }
     this.scroller.logger.logProcess(data);
     if (process === CommonProcess.end) {
@@ -5743,18 +5891,19 @@ var Workflow = /** @class */ (function () {
           args[_i] = arguments[_i];
         }
         if (_this.scroller.settings.logProcessRun) {
-          _this.scroller.logger.log(function () { return __spreadArray(__spreadArray(__spreadArray([
-            '%crun%c'
-          ], ['color: #333399;', 'color: #000000;'], false), [
-            process || name
-          ], false), __read(args), false); });
+          _this.scroller.logger.log(function () {
+            var _run = _this.scroller.settings.logColor
+              ? ['%crun%c', 'color: #333399;', 'color: #000000;']
+              : ['run'];
+            return __spreadArray(__spreadArray(__spreadArray([], __read(_run), false), [process || name], false), __read(args), false);
+          });
         }
         run.apply(void 0, __spreadArray([_this.scroller], __read(args), false));
       };
     };
   };
   Workflow.prototype.onError = function (process, payload) {
-    var message = payload && String(payload.error) || '';
+    var message = (payload && String(payload.error)) || '';
     var _a = this.scroller.state, time = _a.time, cycle = _a.cycle;
     this.errors.push({
       process: process,
@@ -5771,15 +5920,14 @@ var Workflow = /** @class */ (function () {
       var _b = this.scroller, workflow = _b.workflow, logger_1 = _b.logger;
       // we are going to create a new reference for the scroller.workflow object
       // calling the old version of the scroller.workflow by any outstanding async processes will be skipped
-      workflow.call = function (_) {
-        return logger_1.log('[skip wf call]');
-      };
+      workflow.call = function (_) { return logger_1.log('[skip wf call]'); };
       workflow.call.interrupted = true;
       this.scroller.workflow = this.getUpdater();
       this.interruptionCount++;
       logger_1.log(function () { return "workflow had been interrupted by the ".concat(process, " process (").concat(_this.interruptionCount, ")"); });
     }
-    if (datasource) { // Scroller re-initialization case
+    if (datasource) {
+      // Scroller re-initialization case
       var reInit = function () {
         _this.scroller.logger.log('new Scroller instantiation');
         var scroller = new Scroller({ datasource: datasource, scroller: _this.scroller });
@@ -5799,6 +5947,7 @@ var Workflow = /** @class */ (function () {
   Workflow.prototype.done = function () {
     var _a = this.scroller, state = _a.state, logger = _a.logger;
     this.cyclesDone++;
+    this.cyclesDone$.set(this.cyclesDone);
     logger.logCycle(false);
     state.endWorkflowCycle(this.cyclesDone + 1);
     this.finalize();
@@ -5811,14 +5960,15 @@ var Workflow = /** @class */ (function () {
     }
     this.offScroll();
     this.adapterRun$.dispose();
+    this.cyclesDone$.dispose();
     this.scroller.dispose(true);
     Object.getOwnPropertyNames(this).forEach(function (prop) {
       delete _this[prop];
     });
+    this.isInitialized = false;
     this.disposed = true;
   };
-  Workflow.prototype.finalize = function () {
-  };
+  Workflow.prototype.finalize = function () { };
   return Workflow;
 }());