vscroll 1.7.0 → 1.8.1

package/dist/bundles/vscroll.umd.js

@@ -1,6 +1,6 @@
 /**
  * vscroll (https://github.com/dhilt/vscroll) UMD
- * Version: 1.7.0 (2025-07-26T12:39:21.442Z)
+ * Version: 1.8.1 (2026-02-07T22:49:12.100Z)
  * Author: Denis Hilt
  * License: MIT
  */
@@ -99,7 +99,7 @@
 
   /**
    * vscroll (https://github.com/dhilt/vscroll) FESM5
-   * Version: 1.7.0 (2025-07-26T12:39:14.729Z)
+   * Version: 1.8.1 (2026-02-07T22:49:08.739Z)
    * Author: Denis Hilt
    * License: MIT
    */
@@ -252,7 +252,7 @@
     maxIndex: NaN,
     absMinIndex: -Infinity,
     absMaxIndex: +Infinity,
-    defaultSize: NaN,
+    defaultSize: NaN
   };
   var EMPTY_ITEM = {
     data: {},
@@ -421,7 +421,7 @@
     {
       type: Type.Function,
       name: Name.relax,
-      value: noop
+      value: noopWF
     },
     {
       type: Type.Function,
@@ -475,7 +475,7 @@
 
   var core = {
     name: 'vscroll',
-    version: '1.7.0'
+    version: '1.8.1'
   };
 
   var getBox = function (id) {
@@ -546,13 +546,30 @@
             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;
@@ -561,17 +578,18 @@
       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;
@@ -614,9 +632,7 @@
     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);
@@ -650,23 +666,25 @@
     }
     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;
@@ -735,75 +753,87 @@
     }
     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,
@@ -902,17 +932,13 @@
       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;
   }());
@@ -931,7 +957,7 @@
     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: []
@@ -976,9 +1002,7 @@
     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;
   };
@@ -1029,6 +1053,7 @@
     DevSettings["immediateLog"] = "immediateLog";
     DevSettings["logProcessRun"] = "logProcessRun";
     DevSettings["logTime"] = "logTime";
+    DevSettings["logColor"] = "logColor";
     DevSettings["throttle"] = "throttle";
     DevSettings["initDelay"] = "initDelay";
     DevSettings["initWindowDelay"] = "initWindowDelay";
@@ -1120,6 +1145,10 @@
       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
@@ -1311,24 +1340,44 @@
       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],
@@ -1522,8 +1571,7 @@
           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)));
@@ -1570,16 +1618,13 @@
     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;
@@ -1590,29 +1635,34 @@
         }
         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 === exports.Direction.backward ? '\u2934' : '\u2935',
         position,
-        shouldDelay ? (timeDiff + 'ms') : '0ms',
+        shouldDelay ? timeDiff + 'ms' : '0ms',
         shouldDelay ? (alreadyDelayed ? 'delayed' : "/ ".concat(delta, "ms delay")) : ''
       ]; });
       if (!shouldDelay) {
@@ -1630,7 +1680,7 @@
             return [
               curr.direction === exports.Direction.backward ? '\u2934' : '\u2935',
               curr.position,
-              (curr.time - time) + 'ms',
+              curr.time - time + 'ms',
               'triggered by timer set on',
               position
             ];
@@ -1658,7 +1708,11 @@
       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({
@@ -1675,7 +1729,7 @@
       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) {
@@ -1691,12 +1745,12 @@
         });
       }
       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,
@@ -1824,7 +1878,7 @@
       });
     };
     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;
@@ -1837,26 +1891,31 @@
         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;
@@ -1889,7 +1948,7 @@
       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;
       }
@@ -1897,7 +1956,7 @@
       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) {
@@ -1921,12 +1980,13 @@
     };
     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) ? exports.Direction.backward : exports.Direction.forward;
       var indexToInsert = (direction === exports.Direction.backward ? beforeIndex : afterIndex);
       if (!buffer.insertVirtually(items, indexToInsert, direction, !!decrease)) {
         return false;
       }
+      var fetch = state.fetch;
       var _a = viewport.getEdgeVisibleItem(buffer.items, exports.Direction.backward), index = _a.index, diff = _a.diff;
       fetch.firstVisible.index = index;
       if (!isNaN(index)) {
@@ -1966,7 +2026,8 @@
         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,
@@ -1985,7 +2046,7 @@
       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;
@@ -1997,14 +2058,15 @@
         }
       });
       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, exports.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({
@@ -2045,9 +2107,7 @@
         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);
@@ -2063,12 +2123,9 @@
         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
@@ -2081,7 +2138,7 @@
       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 = [];
@@ -2101,6 +2158,7 @@
         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, exports.Direction.backward), index = _a.index, diff = _a.diff;
         fetch.firstVisible.index = index;
@@ -2120,7 +2178,12 @@
       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;
@@ -2156,7 +2219,7 @@
       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) {
@@ -2250,7 +2313,9 @@
         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;
@@ -2282,7 +2347,7 @@
     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'; });
@@ -2322,7 +2387,8 @@
       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);
@@ -2349,7 +2415,8 @@
       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);
@@ -2358,7 +2425,9 @@
       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;
@@ -2376,7 +2445,8 @@
     };
     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) {
@@ -2388,10 +2458,10 @@
       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;
@@ -2422,8 +2492,10 @@
       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
@@ -2434,7 +2506,7 @@
         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;
@@ -2488,7 +2560,8 @@
       }
     };
     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;
       }
@@ -2507,7 +2580,8 @@
       }
     };
     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;
       }
@@ -2517,7 +2591,8 @@
       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;
@@ -2535,11 +2610,13 @@
       }
     };
     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 = exports.Direction.forward;
         if (buffer.size) {
-          direction_1 = fetch.last.index < buffer.items[0].$index ? exports.Direction.backward : exports.Direction.forward;
+          direction_1 =
+            fetch.last.index < buffer.items[0].$index ? exports.Direction.backward : exports.Direction.forward;
         }
         fetch.direction = direction_1;
         scroller.logger.log(function () { return "fetch direction is \"".concat(direction_1, "\""); });
@@ -2601,7 +2678,8 @@
         }
       }
       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;
         }
@@ -2645,9 +2723,10 @@
           });
         }
       }
-      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
         };
@@ -2671,44 +2750,45 @@
         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
@@ -2723,9 +2803,7 @@
           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;
@@ -2737,7 +2815,8 @@
       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;
@@ -2755,26 +2834,25 @@
           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) {
@@ -2803,7 +2881,8 @@
     }
     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);
@@ -2859,10 +2938,10 @@
       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
@@ -2876,7 +2955,7 @@
       });
     };
     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;
@@ -2885,7 +2964,8 @@
         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;
@@ -2902,14 +2982,16 @@
       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;
@@ -2917,7 +2999,8 @@
       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)) {
@@ -2954,8 +3037,8 @@
       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();
@@ -2978,7 +3061,8 @@
       }
     };
     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();
       }
@@ -3056,7 +3140,8 @@
       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;
       }
@@ -3068,7 +3153,8 @@
       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;
       }
@@ -3082,8 +3168,7 @@
     PreClip.prepareClipByDirection = function (scroller, direction, edgeIndex) {
       var forward = direction === exports.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;
@@ -3108,9 +3193,9 @@
     };
     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[exports.Direction.backward] = 0, _a[exports.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;
@@ -3121,10 +3206,10 @@
       });
       if (itemsToRemove.length) {
         if (size[exports.Direction.backward]) {
-          paddings.byDirection(exports.Direction.backward).size += size[exports.Direction.backward];
+          viewport.paddings.byDirection(exports.Direction.backward).size += size[exports.Direction.backward];
         }
         if (size[exports.Direction.forward]) {
-          paddings.byDirection(exports.Direction.forward).size += size[exports.Direction.forward];
+          viewport.paddings.byDirection(exports.Direction.forward).size += size[exports.Direction.forward];
         }
         if (scroller.settings.onBeforeClip) {
           scroller.settings.onBeforeClip(itemsToRemove.map(function (item) { return item.get(); }));
@@ -3158,7 +3243,7 @@
         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';
@@ -3178,26 +3263,36 @@
       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; };
@@ -3217,7 +3312,7 @@
       this.log(function () { return [
         str,
         stringify
-          ? JSON.stringify(obj, function (k, v) {
+          ? JSON.stringify(obj, function (_, v) {
             if (Number.isNaN(v)) {
               return 'NaN';
             }
@@ -3247,27 +3342,36 @@
     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;
       }
@@ -3275,31 +3379,50 @@
       // 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 () {
@@ -3355,6 +3478,9 @@
         }
       }
     };
+    Logger.prototype.getLogs = function () {
+      return this.logs;
+    };
     return Logger;
   }());
 
@@ -3434,17 +3560,18 @@
       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) {
@@ -3473,14 +3600,14 @@
       var horizontal = this.settings.horizontal;
       var params = this.getElementParams(element);
       var isFwd = direction === exports.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 === exports.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);
     };
@@ -3505,8 +3632,7 @@
       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); };
     };
@@ -3553,8 +3679,12 @@
     }
     Paddings.prototype.byDirection = function (direction, opposite) {
       return direction === exports.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);
@@ -3623,7 +3753,8 @@
       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;
     };
@@ -3666,7 +3797,7 @@
       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;
         }
@@ -3730,7 +3861,8 @@
       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);
     };
@@ -3862,7 +3994,7 @@
     };
     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();
@@ -3880,12 +4012,12 @@
      * 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;
         }
@@ -3957,7 +4089,8 @@
         }
         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 === exports.Direction.forward ? 1 : 0);
           var item = new ItemCache({ $index: $index, data: data }, _this.saveData);
@@ -4031,20 +4164,21 @@
       }
       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); });
@@ -4093,13 +4227,12 @@
       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;
@@ -4119,9 +4252,7 @@
       }
       var before = direction === exports.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"); });
@@ -4202,7 +4333,8 @@
       },
       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();
@@ -4217,7 +4349,8 @@
       },
       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();
@@ -4229,14 +4362,14 @@
     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);
     };
@@ -4369,9 +4502,9 @@
       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);
       };
@@ -4391,10 +4524,8 @@
       }
       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) {
@@ -4423,7 +4554,7 @@
         // 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";
         }
@@ -4519,8 +4650,9 @@
       return index >= 0 ? this.items[index] : void 0;
     };
     Buffer.prototype.getEdgeVisibleItem = function (direction, opposite) {
-      return direction === (!opposite ? exports.Direction.forward : exports.Direction.backward) ?
-        this.getLastVisibleItem() : this.getFirstVisibleItem();
+      return direction === (!opposite ? exports.Direction.forward : exports.Direction.backward)
+        ? this.getLastVisibleItem()
+        : this.getFirstVisibleItem();
     };
     Buffer.prototype.getVisibleItemsCount = function () {
       return this.items.reduce(function (acc, item) { return acc + (item.invisible ? 0 : 1); }, 0);
@@ -4695,7 +4827,7 @@
     });
     Object.defineProperty(FetchModel.prototype, "hasNewItems", {
       get: function () {
-        return !!((this._newItemsData && this._newItemsData.length));
+        return !!(this._newItemsData && this._newItemsData.length);
       },
       enumerable: false,
       configurable: true
@@ -4709,7 +4841,9 @@
     });
     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
@@ -4863,10 +4997,12 @@
       }
       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;
@@ -4917,7 +5053,6 @@
       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;
@@ -4926,7 +5061,7 @@
       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);
@@ -4941,7 +5076,7 @@
               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
@@ -4984,10 +5119,12 @@
       // 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 ([exports.AdapterPropName.firstVisible, exports.AdapterPropName.firstVisible$].some(function (n) { return n === prop.name; })) {
+          var firstPropList = [exports.AdapterPropName.firstVisible, exports.AdapterPropName.firstVisible$];
+          var lastPropList = [exports.AdapterPropName.lastVisible, exports.AdapterPropName.lastVisible$];
+          if (firstPropList.some(function (n) { return n === prop.name; })) {
             _this.setFirstOrLastVisible({ first: true });
           }
-          else if ([exports.AdapterPropName.lastVisible, exports.AdapterPropName.lastVisible$].some(function (n) { return n === prop.name; })) {
+          else if (lastPropList.some(function (n) { return n === prop.name; })) {
             _this.setFirstOrLastVisible({ last: true });
           }
         }
@@ -5037,8 +5174,7 @@
         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) {
@@ -5132,23 +5268,23 @@
           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, exports.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;
@@ -5226,8 +5362,7 @@
       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) {
@@ -5368,7 +5503,9 @@
     };
     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();
       }
@@ -5391,7 +5528,9 @@
           };
         }
         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,
@@ -5406,12 +5545,12 @@
       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');
@@ -5445,7 +5584,8 @@
         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;
       }
@@ -5461,7 +5601,8 @@
     }
     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?
@@ -5470,10 +5611,12 @@
       // 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) {
@@ -5498,14 +5641,14 @@
     };
     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;
   }());
 
@@ -5521,7 +5664,8 @@
     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) {
@@ -5741,6 +5885,7 @@
       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; };
@@ -5773,11 +5918,13 @@
       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;
@@ -5809,18 +5956,19 @@
     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) {
@@ -5841,18 +5989,19 @@
             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,
@@ -5869,15 +6018,14 @@
         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 });
@@ -5897,6 +6045,7 @@
     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();
@@ -5909,14 +6058,15 @@
       }
       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;
   }());