vscroll 1.7.0 → 1.8.1

package/dist/bundles/vscroll.esm6.js

@@ -1,6 +1,6 @@
 /**
  * vscroll (https://github.com/dhilt/vscroll) FESM2015
- * Version: 1.7.0 (2025-07-26T12:39:18.794Z)
+ * Version: 1.8.1 (2026-02-07T22:49:10.471Z)
  * Author: Denis Hilt
  * License: MIT
  */
@@ -139,7 +139,7 @@ const bufferInfoDefault = {
   maxIndex: NaN,
   absMinIndex: -Infinity,
   absMaxIndex: +Infinity,
-  defaultSize: NaN,
+  defaultSize: NaN
 };
 const EMPTY_ITEM = {
   data: {},
@@ -308,7 +308,7 @@ const getDefaultAdapterProps = () => [
   {
     type: Type.Function,
     name: Name.relax,
-    value: noop
+    value: noopWF
   },
   {
     type: Type.Function,
@@ -362,7 +362,7 @@ const reactiveConfigStorage = new Map();
 
 var core = {
   name: 'vscroll',
-  version: '1.7.0'
+  version: '1.8.1'
 };
 
 const getBox = (id) => {
@@ -428,12 +428,25 @@ class AdapterContext {
           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);
     }
   }
 }
 
+const getDefaultAdapterConfig = () => {
+  const reactive = getDefaultAdapterProps()
+    .filter(({ type }) => type === AdapterPropType.Reactive)
+    .reduce((acc, { name, value }) => {
+    acc[name] = {
+      source: value,
+      emit: (source, val) => source.set(val)
+    };
+    return acc;
+  }, {});
+  return { mock: false, reactive };
+};
 class DatasourceGeneric {
   constructor(datasource, config) {
     this.get = datasource.get;
@@ -442,14 +455,15 @@ class DatasourceGeneric {
     const adapterContext = new AdapterContext(config || { mock: false });
     this.adapter = adapterContext;
   }
+  // todo: should it be published?
   dispose() {
     reactiveConfigStorage.delete(this.adapter.id);
     wantedStorage.delete(this.adapter.id);
   }
 }
-const makeDatasource = (getConfig) => class extends DatasourceGeneric {
+const makeDatasource = (getAdapterConfig) => class extends DatasourceGeneric {
   constructor(datasource) {
-    const config = typeof getConfig === 'function' ? getConfig() : void 0;
+    const config = typeof getAdapterConfig === 'function' ? getAdapterConfig() : getDefaultAdapterConfig();
     super(datasource, config);
   }
 };
@@ -487,9 +501,7 @@ var ValidatorType;
   ValidatorType["enum"] = "must belong to {arg1} list";
 })(ValidatorType || (ValidatorType = {}));
 const getError = (msg, args) => (args || ['']).reduce((acc, arg, index) => acc.replace(`{arg${index + 1}}`, arg), msg);
-const getNumber = (value) => typeof value === 'number' || (typeof value === 'string' && value !== '')
-  ? Number(value)
-  : NaN;
+const getNumber = (value) => typeof value === 'number' || (typeof value === 'string' && value !== '') ? Number(value) : NaN;
 const onNumber = (value) => {
   const parsedValue = getNumber(value);
   const errors = [];
@@ -670,7 +682,9 @@ const onOr = (validators) => (value) => {
 };
 const onEnum = (list) => (value) => {
   const errors = [];
-  const values = Object.keys(list).filter(k => isNaN(Number(k))).map(k => list[k]);
+  const values = Object.keys(list)
+    .filter(k => isNaN(Number(k)))
+    .map(k => list[k]);
   if (!values.some(item => item === value)) {
     errors.push(getError(ValidatorType.enum, ['[' + values.join(',') + ']']));
   }
@@ -761,9 +775,7 @@ class ValidatedData {
     this.context = context;
   }
   setValidity() {
-    this.errors = Object.keys(this.params).reduce((acc, key) => [
-      ...acc, ...this.params[key].errors
-    ], []);
+    this.errors = Object.keys(this.params).reduce((acc, key) => [...acc, ...this.params[key].errors], []);
     this.isValid = !this.errors.length;
   }
   setCommonError(error) {
@@ -781,9 +793,7 @@ class ValidatedData {
     this.setValidity();
   }
   showErrors() {
-    return this.errors.length
-      ? 'validation failed: ' + this.errors.join(', ')
-      : '';
+    return this.errors.length ? 'validation failed: ' + this.errors.join(', ') : '';
   }
 }
 const runValidator = (current, validator, context) => {
@@ -801,7 +811,7 @@ const getDefault = (value, prop) => {
   const empty = value === void 0;
   const 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: []
@@ -833,9 +843,7 @@ const validateOne = (context, name, prop) => {
 };
 const validate = (context, params) => {
   const data = new ValidatedData(context);
-  Object.entries(params).forEach(([key, prop]) => data.setParam(key, data.isValidContext
-    ? validateOne(data.context, key, prop)
-    : getDefault(void 0, prop)));
+  Object.entries(params).forEach(([key, prop]) => data.setParam(key, data.isValidContext ? validateOne(data.context, key, prop) : getDefault(void 0, prop)));
   return data;
 };
 
@@ -883,6 +891,7 @@ var DevSettings;
   DevSettings["immediateLog"] = "immediateLog";
   DevSettings["logProcessRun"] = "logProcessRun";
   DevSettings["logTime"] = "logTime";
+  DevSettings["logColor"] = "logColor";
   DevSettings["throttle"] = "throttle";
   DevSettings["initDelay"] = "initDelay";
   DevSettings["initWindowDelay"] = "initWindowDelay";
@@ -897,7 +906,7 @@ const MIN = {
   [Settings$1.padding]: 0.01,
   [DevSettings.throttle]: 0,
   [DevSettings.initDelay]: 0,
-  [DevSettings.initWindowDelay]: 0,
+  [DevSettings.initWindowDelay]: 0
 };
 const SETTINGS = {
   [Settings$1.adapter]: {
@@ -955,7 +964,7 @@ const SETTINGS = {
   [Settings$1.sizeStrategy]: {
     validators: [ENUM(SizeStrategy)],
     defaultValue: SizeStrategy.Average
-  },
+  }
 };
 const DEV_SETTINGS = {
   [DevSettings.debug]: {
@@ -974,6 +983,10 @@ const DEV_SETTINGS = {
     validators: [BOOLEAN$1],
     defaultValue: false
   },
+  [DevSettings.logColor]: {
+    validators: [BOOLEAN$1],
+    defaultValue: true
+  },
   [DevSettings.throttle]: {
     validators: [INTEGER$1, MORE_OR_EQUAL(MIN[DevSettings.throttle], true)],
     defaultValue: 40
@@ -1001,7 +1014,7 @@ const DEV_SETTINGS = {
   [DevSettings.directionPriority]: {
     validators: [ENUM(Direction)],
     defaultValue: Direction.backward
-  },
+  }
 };
 
 var CommonProcess;
@@ -1041,7 +1054,7 @@ var ProcessStatus;
   ProcessStatus["error"] = "error";
 })(ProcessStatus || (ProcessStatus = {}));
 
-const { INTEGER, INTEGER_UNLIMITED, BOOLEAN, OBJECT: OBJECT$1, ITEM_LIST, FUNC_WITH_X_ARGUMENTS: FUNC_WITH_X_ARGUMENTS$1, FUNC_WITH_X_AND_MORE_ARGUMENTS, FUNC_WITH_X_TO_Y_ARGUMENTS, ONE_OF_MUST, ONE_OF_CAN, OR, } = VALIDATORS;
+const { INTEGER, INTEGER_UNLIMITED, BOOLEAN, OBJECT: OBJECT$1, ITEM_LIST, FUNC_WITH_X_ARGUMENTS: FUNC_WITH_X_ARGUMENTS$1, FUNC_WITH_X_AND_MORE_ARGUMENTS, FUNC_WITH_X_TO_Y_ARGUMENTS, ONE_OF_MUST, ONE_OF_CAN, OR } = VALIDATORS;
 var AdapterNoParams;
 (function (AdapterNoParams) {
 })(AdapterNoParams || (AdapterNoParams = {}));
@@ -1055,7 +1068,7 @@ const RESET_METHOD_PARAMS = {
   },
   [DatasourceProps.devSettings]: {
     validators: [OBJECT$1]
-  },
+  }
 };
 var AdapterReloadParams;
 (function (AdapterReloadParams) {
@@ -1064,7 +1077,7 @@ var AdapterReloadParams;
 const RELOAD_METHOD_PARAMS = {
   [AdapterReloadParams.reloadIndex]: {
     validators: [INTEGER]
-  },
+  }
 };
 var AdapterPrependParams;
 (function (AdapterPrependParams) {
@@ -1089,7 +1102,7 @@ const PREPEND_METHOD_PARAMS = {
   [AdapterPrependParams.virtualize]: {
     validators: [BOOLEAN, ONE_OF_CAN([AdapterPrependParams.bof])],
     defaultValue: false
-  },
+  }
 };
 var AdapterAppendParams;
 (function (AdapterAppendParams) {
@@ -1114,7 +1127,7 @@ const APPEND_METHOD_PARAMS = {
   [AdapterPrependParams.virtualize]: {
     validators: [BOOLEAN, ONE_OF_CAN([AdapterAppendParams.eof])],
     defaultValue: false
-  },
+  }
 };
 var AdapterRemoveParams;
 (function (AdapterRemoveParams) {
@@ -1132,7 +1145,7 @@ const REMOVE_METHOD_PARAMS = {
   [AdapterRemoveParams.increase]: {
     validators: [BOOLEAN],
     defaultValue: false
-  },
+  }
 };
 var AdapterClipParams;
 (function (AdapterClipParams) {
@@ -1147,7 +1160,7 @@ const CLIP_METHOD_PARAMS = {
   [AdapterClipParams.forwardOnly]: {
     validators: [BOOLEAN, ONE_OF_CAN([AdapterClipParams.backwardOnly])],
     defaultValue: false
-  },
+  }
 };
 var AdapterInsertParams;
 (function (AdapterInsertParams) {
@@ -1164,29 +1177,49 @@ const INSERT_METHOD_PARAMS = {
     mandatory: true
   },
   [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
+      ])
+    ]
   },
   [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
+      ])
+    ]
   },
   [AdapterInsertParams.beforeIndex]: {
-    validators: [INTEGER, ONE_OF_MUST([
-        AdapterInsertParams.before, AdapterInsertParams.after, AdapterInsertParams.afterIndex
-      ])]
+    validators: [
+      INTEGER,
+      ONE_OF_MUST([
+        AdapterInsertParams.before,
+        AdapterInsertParams.after,
+        AdapterInsertParams.afterIndex
+      ])
+    ]
   },
   [AdapterInsertParams.afterIndex]: {
-    validators: [INTEGER, ONE_OF_MUST([
-        AdapterInsertParams.before, AdapterInsertParams.after, AdapterInsertParams.beforeIndex
-      ])]
+    validators: [
+      INTEGER,
+      ONE_OF_MUST([
+        AdapterInsertParams.before,
+        AdapterInsertParams.after,
+        AdapterInsertParams.beforeIndex
+      ])
+    ]
   },
   [AdapterInsertParams.decrease]: {
     validators: [BOOLEAN],
     defaultValue: false
-  },
+  }
 };
 var AdapterReplaceParams;
 (function (AdapterReplaceParams) {
@@ -1221,7 +1254,7 @@ const UPDATE_METHOD_PARAMS = {
   [AdapterUpdateParams.fixRight]: {
     validators: [BOOLEAN],
     defaultValue: false
-  },
+  }
 };
 var AdapterFixParams;
 (function (AdapterFixParams) {
@@ -1250,7 +1283,7 @@ const FIX_METHOD_PARAMS = {
   },
   [AdapterFixParams.scrollToItemOpt]: {
     validators: [OR([BOOLEAN, OBJECT$1])]
-  },
+  }
 };
 const AdapterMethods = {
   [AdapterProcess.reset]: DatasourceProps,
@@ -1264,7 +1297,7 @@ const AdapterMethods = {
   [AdapterProcess.replace]: AdapterReplaceParams,
   [AdapterProcess.update]: AdapterUpdateParams,
   [AdapterProcess.pause]: AdapterNoParams,
-  [AdapterProcess.fix]: AdapterFixParams,
+  [AdapterProcess.fix]: AdapterFixParams
 };
 const ADAPTER_METHODS = {
   [AdapterProcess.reset]: RESET_METHOD_PARAMS,
@@ -1278,7 +1311,7 @@ const ADAPTER_METHODS = {
   [AdapterProcess.replace]: REPLACE_METHOD_PARAMS,
   [AdapterProcess.update]: UPDATE_METHOD_PARAMS,
   [AdapterProcess.pause]: NO_METHOD_PARAMS,
-  [AdapterProcess.fix]: FIX_METHOD_PARAMS,
+  [AdapterProcess.fix]: FIX_METHOD_PARAMS
 };
 
 const { ELEMENT, OBJECT, FUNC, FUNC_WITH_X_ARGUMENTS } = VALIDATORS;
@@ -1360,8 +1393,7 @@ const BaseAdapterProcessFactory = (process) => { var _a; return _a = class BaseA
         data: validate(options, ADAPTER_METHODS[_process || process])
       };
       if (result.data.isValid) {
-        result.params = Object.entries(result.data.params)
-          .reduce((acc, [key, { value }]) => (Object.assign(Object.assign({}, acc), { [key]: value })), {});
+        result.params = Object.entries(result.data.params).reduce((acc, [key, { value }]) => (Object.assign(Object.assign({}, acc), { [key]: value })), {});
       }
       else {
         scroller.logger.log(() => result.data.showErrors());
@@ -1394,8 +1426,7 @@ class Init extends BaseProcessFactory(CommonProcess.init) {
 }
 
 class Scroll extends BaseProcessFactory(CommonProcess.scroll) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  static run(scroller, payload) {
+  static run(scroller, _payload) {
     const { workflow, viewport } = scroller;
     const position = viewport.scrollPosition;
     if (Scroll.onSynthetic(scroller, position)) {
@@ -1412,28 +1443,34 @@ class Scroll extends BaseProcessFactory(CommonProcess.scroll) {
       }
       if (!scroll.syntheticFulfill || synthPos === position) {
         scroller.logger.log(() => [
-          'skipping scroll', position, `[${scroll.syntheticFulfill ? '' : 'pre-'}synthetic]`
+          'skipping scroll',
+          position,
+          `[${scroll.syntheticFulfill ? '' : 'pre-'}synthetic]`
         ]);
         return true;
       }
       scroller.logger.log(() => [
-        'synthetic scroll has been fulfilled:', position, position < synthPos ? '<' : '>', synthPos
+        'synthetic scroll has been fulfilled:',
+        position,
+        position < synthPos ? '<' : '>',
+        synthPos
       ]);
     }
     return false;
   }
   static onThrottle(scroller, position, done) {
-    const { state: { scroll }, settings: { throttle }, logger } = scroller;
+    const { state, settings, logger } = scroller;
+    const { scroll } = state;
     scroll.current = Scroll.getScrollEvent(position, scroll.previous);
     const { direction, time } = scroll.current;
     const timeDiff = scroll.previous ? time - scroll.previous.time : Infinity;
-    const delta = throttle - timeDiff;
+    const delta = settings.throttle - timeDiff;
     const shouldDelay = isFinite(delta) && delta > 0;
     const alreadyDelayed = !!scroll.scrollTimer;
     logger.log(() => [
       direction === Direction.backward ? '\u2934' : '\u2935',
       position,
-      shouldDelay ? (timeDiff + 'ms') : '0ms',
+      shouldDelay ? timeDiff + 'ms' : '0ms',
       shouldDelay ? (alreadyDelayed ? 'delayed' : `/ ${delta}ms delay`) : ''
     ]);
     if (!shouldDelay) {
@@ -1451,7 +1488,7 @@ class Scroll extends BaseProcessFactory(CommonProcess.scroll) {
           return [
             curr.direction === Direction.backward ? '\u2934' : '\u2935',
             curr.position,
-            (curr.time - time) + 'ms',
+            curr.time - time + 'ms',
             'triggered by timer set on',
             position
           ];
@@ -1475,11 +1512,15 @@ class Scroll extends BaseProcessFactory(CommonProcess.scroll) {
     return { position, direction, time };
   }
   static onScroll(scroller, workflow) {
-    const { state: { scroll, cycle } } = scroller;
+    const { scroll, cycle } = scroller.state;
     scroll.previous = Object.assign({}, scroll.current);
     scroll.current = null;
     if (cycle.busy.get()) {
-      scroller.logger.log(() => ['skipping scroll', scroll.previous.position, '[pending]']);
+      scroller.logger.log(() => [
+        'skipping scroll',
+        scroll.previous.position,
+        '[pending]'
+      ]);
       return;
     }
     workflow.call({
@@ -1491,7 +1532,7 @@ class Scroll extends BaseProcessFactory(CommonProcess.scroll) {
 
 class Reset extends BaseAdapterProcessFactory(AdapterProcess.reset) {
   static run(scroller, options) {
-    const { datasource, buffer, viewport: { paddings }, state: { cycle } } = scroller;
+    const { datasource, buffer, viewport, state } = scroller;
     if (options) {
       const { data } = Reset.parseInput(scroller, options);
       if (!data.isValid) {
@@ -1507,12 +1548,12 @@ class Reset extends BaseAdapterProcessFactory(AdapterProcess.reset) {
       });
     }
     buffer.reset(true);
-    paddings.backward.reset();
-    paddings.forward.reset();
+    viewport.paddings.backward.reset();
+    viewport.paddings.forward.reset();
     const payload = { 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,
@@ -1616,7 +1657,7 @@ class Update extends BaseAdapterProcessFactory(AdapterProcess.update) {
     });
   }
   static doUpdate(scroller, params) {
-    const { buffer, viewport, state: { fetch }, routines, logger } = scroller;
+    const { buffer, viewport, state, routines, logger } = scroller;
     if (!buffer.items) {
       logger.log(() => 'no items in Buffer');
       return false;
@@ -1632,14 +1673,15 @@ class Update extends BaseAdapterProcessFactory(AdapterProcess.update) {
     logger.log(() => toRemove.length
       ? 'items to remove: [' + toRemove.map(({ $index }) => $index).join(',') + ']'
       : 'no items to remove');
-    if (toRemove.length) { // insertions will be processed on render
+    if (toRemove.length) {
+      // insertions will be processed on render
       buffer.checkDefaultSize();
     }
     const toRender = buffer.items.filter(({ toInsert }) => toInsert);
     logger.log(() => toRender.length
       ? 'items to render: [' + toRender.map(({ $index }) => $index).join(',') + ']'
       : 'no items to render');
-    fetch.update(trackedIndex, delta, toRender, toRemove);
+    state.fetch.update(trackedIndex, delta, toRender, toRemove);
     return !!toRemove.length || !!toRender.length;
   }
 }
@@ -1667,7 +1709,7 @@ class Insert extends BaseAdapterProcessFactory(AdapterProcess.insert) {
     return true;
   }
   static insertEmpty(scroller, params) {
-    const { buffer, routines, state: { fetch } } = scroller;
+    const { buffer, routines, state } = scroller;
     if (buffer.size) {
       return false;
     }
@@ -1675,7 +1717,7 @@ class Insert extends BaseAdapterProcessFactory(AdapterProcess.insert) {
     if (!buffer.fillEmpty(items, beforeIndex, afterIndex, !!decrease, (index, data) => new Item(index, data, routines))) {
       return false;
     }
-    fetch.fill(buffer.items, buffer.startIndex);
+    state.fetch.fill(buffer.items, buffer.startIndex);
     return true;
   }
   static insertInBuffer(scroller, params) {
@@ -1698,12 +1740,13 @@ class Insert extends BaseAdapterProcessFactory(AdapterProcess.insert) {
   }
   static insertVirtually(scroller, params) {
     const { beforeIndex, afterIndex, items, decrease } = params;
-    const { buffer, state: { fetch }, viewport } = scroller;
+    const { buffer, state, viewport } = scroller;
     const direction = Number.isInteger(beforeIndex) ? Direction.backward : Direction.forward;
     const indexToInsert = (direction === Direction.backward ? beforeIndex : afterIndex);
     if (!buffer.insertVirtually(items, indexToInsert, direction, !!decrease)) {
       return false;
     }
+    const { fetch } = state;
     const { index, diff } = viewport.getEdgeVisibleItem(buffer.items, Direction.backward);
     fetch.firstVisible.index = index;
     if (!isNaN(index)) {
@@ -1737,7 +1780,8 @@ class Append extends BaseAdapterProcessFactory(AdapterProcess.append) {
       items = [...items].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,
@@ -1751,7 +1795,7 @@ class Append extends BaseAdapterProcessFactory(AdapterProcess.append) {
 
 class Check extends BaseAdapterProcessFactory(AdapterProcess.check) {
   static run(scroller) {
-    const { workflow, buffer, state: { fetch }, viewport } = scroller;
+    const { workflow, buffer, state, viewport } = scroller;
     let min = Infinity, max = -Infinity;
     buffer.items.forEach(item => {
       const size = item.size;
@@ -1763,6 +1807,7 @@ class Check extends BaseAdapterProcessFactory(AdapterProcess.check) {
       }
     });
     if (Number.isFinite(min)) {
+      const { fetch } = state;
       fetch.first.indexBuffer = buffer.firstIndex;
       fetch.last.indexBuffer = buffer.lastIndex;
       const { index: firstIndex, diff } = viewport.getEdgeVisibleItem(buffer.items, Direction.backward);
@@ -1821,9 +1866,8 @@ class Remove extends BaseAdapterProcessFactory(AdapterProcess.remove) {
     if (!predicate && !indexes) {
       return [];
     }
-    const newPredicate = item => (predicate && predicate(item)) ||
-      (!!indexes && indexes.includes(item.$index));
-    const indexesToRemove = scroller.buffer.items.reduce((acc, item) => newPredicate(item) ? [...acc, item.$index] : acc, []);
+    const newPredicate = item => (predicate && predicate(item)) || (!!indexes && indexes.includes(item.$index));
+    const indexesToRemove = scroller.buffer.items.reduce((acc, item) => (newPredicate(item) ? [...acc, item.$index] : acc), []);
     const updateOptions = {
       predicate: item => !newPredicate(item),
       fixRight: increase
@@ -1836,7 +1880,7 @@ class Remove extends BaseAdapterProcessFactory(AdapterProcess.remove) {
     if (!indexes || !indexes.length) {
       return false;
     }
-    const { buffer, viewport, state: { fetch } } = scroller;
+    const { buffer, viewport, state } = scroller;
     // get items to remove
     const { finiteAbsMinIndex, firstIndex, finiteAbsMaxIndex, lastIndex } = buffer;
     const toRemove = [];
@@ -1856,6 +1900,7 @@ class Remove extends BaseAdapterProcessFactory(AdapterProcess.remove) {
       return false;
     }
     // what should be shown after remove; Buffer removal has priority
+    const { fetch } = state;
     if (isNaN(fetch.firstVisible.index)) {
       const { index, diff } = viewport.getEdgeVisibleItem(buffer.items, Direction.backward);
       fetch.firstVisible.index = index;
@@ -1875,7 +1920,10 @@ class Remove extends BaseAdapterProcessFactory(AdapterProcess.remove) {
     if (isNaN(firstVisible.index)) {
       return;
     }
-    const shift = listToRemove.reduce((acc, index) => acc + (((increase && index > firstVisible.index) || (!increase && index < firstVisible.index)) ? 1 : 0), 0);
+    const shift = listToRemove.reduce((acc, index) => acc +
+      ((increase && index > firstVisible.index) || (!increase && index < firstVisible.index)
+        ? 1
+        : 0), 0);
     firstVisible.index = firstVisible.index + (increase ? shift : -shift);
   }
 }
@@ -1901,7 +1949,7 @@ class Replace extends BaseAdapterProcessFactory(AdapterProcess.replace) {
     const shouldReplace = Replace.doReplace(scroller, params);
     scroller.workflow.call({
       process: Replace.process,
-      status: shouldReplace ? ProcessStatus.next : ProcessStatus.done,
+      status: shouldReplace ? ProcessStatus.next : ProcessStatus.done
     });
   }
   static doReplace(scroller, params) {
@@ -1983,7 +2031,9 @@ class Fix extends BaseAdapterProcessFactory(AdapterProcess.fix) {
       case FixParams.scrollToItem:
         if (methodData.params) {
           const scrollToItemOpt = methodData.params[FixParams.scrollToItemOpt];
-          const options = scrollToItemOpt ? scrollToItemOpt.value : void 0;
+          const options = scrollToItemOpt
+            ? scrollToItemOpt.value
+            : void 0;
           return Fix.scrollToItem(scroller, value, options);
         }
         return;
@@ -2011,7 +2061,7 @@ class Fix extends BaseAdapterProcessFactory(AdapterProcess.fix) {
   }
   static updateItems({ buffer, logger }, value) {
     let updateReference = false;
-    const updater = () => updateReference = true;
+    const updater = () => (updateReference = true);
     buffer.items.forEach(item => value(item.get(), updater));
     if (updateReference) {
       logger.log(() => 'update Buffer.items reference');
@@ -2041,7 +2091,8 @@ class Start extends BaseProcessFactory(CommonProcess.start) {
 
 class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
   static run(scroller) {
-    const { workflow, buffer, state: { fetch, cycle } } = scroller;
+    const { workflow, buffer, state } = scroller;
+    const { fetch, cycle } = state;
     fetch.minIndex = buffer.minIndex;
     // set first and last indexes of items to fetch
     PreFetch.setPositionsAndIndexes(scroller);
@@ -2068,7 +2119,8 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     scroller.logger.fetch();
   }
   static setPositions(scroller) {
-    const { state: { fetch: { positions } }, viewport } = scroller;
+    const { state, viewport } = scroller;
+    const { positions } = state.fetch;
     const paddingDelta = viewport.getBufferPadding();
     positions.before = viewport.scrollPosition;
     positions.startDelta = PreFetch.getStartDelta(scroller);
@@ -2077,7 +2129,9 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     positions.end = positions.relative + viewport.getSize() + paddingDelta;
   }
   static getStartDelta(scroller) {
-    const { buffer, viewport: { offset } } = scroller;
+    // calculate size before start index
+    const { buffer, viewport } = scroller;
+    const { offset } = viewport;
     let startDelta = 0;
     if (offset) {
       startDelta += offset;
@@ -2089,13 +2143,15 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
       startDelta += buffer.getSizeByIndex(index);
     }
     scroller.logger.log(() => [
-      `start delta is ${startDelta}`, ...(offset ? [` (+${offset} offset)`] : [])
+      `start delta is ${startDelta}`,
+      ...(offset ? [` (+${offset} offset)`] : [])
     ]);
     return startDelta;
   }
   static setFirstIndex(scroller) {
     const { state, buffer } = scroller;
-    const { positions: { start }, first } = state.fetch;
+    const { positions, first } = state.fetch;
+    const { start } = positions;
     let firstIndex = buffer.startIndex;
     let firstIndexPosition = 0;
     if (state.cycle.innerLoop.isInitial) {
@@ -2107,10 +2163,10 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     else {
       let position = firstIndexPosition;
       let index = firstIndex;
-      while (1) { // eslint-disable-line no-constant-condition
+      while (true) {
         if (start >= 0) {
           const size = buffer.getSizeByIndex(index);
-          const diff = (position + size) - start;
+          const diff = position + size - start;
           if (diff > 0) {
             firstIndex = index;
             firstIndexPosition = position;
@@ -2141,8 +2197,10 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     first.position = firstIndexPosition;
   }
   static setLastIndex(scroller) {
-    const { state: { fetch, cycle }, buffer, settings } = scroller;
-    const { firstVisible, positions: { relative, end }, first, last } = fetch;
+    const { state, buffer, settings } = scroller;
+    const { fetch, cycle } = state;
+    const { firstVisible, positions, first, last } = fetch;
+    const { relative, end } = positions;
     let lastIndex;
     if (!buffer.defaultSize) {
       // just to fetch forward bufferSize items if neither averageItemSize nor itemSize are present
@@ -2153,7 +2211,7 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
       let index = first.indexBuffer;
       let position = first.position;
       lastIndex = index;
-      while (1) { // eslint-disable-line no-constant-condition
+      while (true) {
         lastIndex = index;
         const size = buffer.getSizeByIndex(index);
         position += size;
@@ -2207,7 +2265,8 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     }
   }
   static checkBufferGaps(scroller) {
-    const { buffer, state: { fetch } } = scroller;
+    const { buffer, state } = scroller;
+    const { fetch } = state;
     if (!buffer.size) {
       return;
     }
@@ -2226,7 +2285,8 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     }
   }
   static checkFetchPackSize(scroller) {
-    const { buffer, state: { fetch } } = scroller;
+    const { buffer, state } = scroller;
+    const { fetch } = state;
     if (!fetch.shouldFetch) {
       return;
     }
@@ -2236,7 +2296,8 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     if (diff <= 0) {
       return;
     }
-    if (!buffer.size || lastIndex > buffer.items[0].$index) { // forward
+    if (!buffer.size || lastIndex > buffer.items[0].$index) {
+      // forward
       const newLastIndex = Math.min(lastIndex + diff, buffer.absMaxIndex);
       if (newLastIndex > lastIndex) {
         fetch.last.index = fetch.last.indexBuffer = newLastIndex;
@@ -2254,11 +2315,13 @@ class PreFetch extends BaseProcessFactory(CommonProcess.preFetch) {
     }
   }
   static setFetchDirection(scroller) {
-    const { buffer, state: { fetch } } = scroller;
+    const { buffer, state } = scroller;
+    const { fetch } = state;
     if (fetch.last.index) {
       let direction = Direction.forward;
       if (buffer.size) {
-        direction = fetch.last.index < buffer.items[0].$index ? Direction.backward : Direction.forward;
+        direction =
+          fetch.last.index < buffer.items[0].$index ? Direction.backward : Direction.forward;
       }
       fetch.direction = direction;
       scroller.logger.log(() => `fetch direction is "${direction}"`);
@@ -2311,7 +2374,8 @@ class Fetch extends BaseProcessFactory(CommonProcess.fetch) {
       }
     }
     else {
-      const { state: { scroll, fetch }, viewport } = scroller;
+      const { state, viewport } = scroller;
+      const { scroll, fetch } = state;
       if (scroll.positionBeforeAsync === null) {
         scroll.positionBeforeAsync = viewport.scrollPosition;
       }
@@ -2319,7 +2383,7 @@ class Fetch extends BaseProcessFactory(CommonProcess.fetch) {
         box.success = () => null;
         box.fail = () => null;
       };
-      result.then((data) => box.success(data), (error) => box.fail(error));
+      result.then(data => box.success(data), error => box.fail(error));
     }
   }
   static get(scroller) {
@@ -2355,9 +2419,10 @@ class Fetch extends BaseProcessFactory(CommonProcess.fetch) {
         });
       }
     }
-    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
       };
@@ -2376,44 +2441,45 @@ class PostFetch extends BaseProcessFactory(CommonProcess.postFetch) {
       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' }
       });
     }
   }
   static setBufferLimits(scroller) {
-    const { buffer, state: { fetch, cycle: { innerLoop } } } = scroller;
-    const { items, first: { index: first }, last: { index: last } } = fetch;
+    const { buffer, state } = scroller;
+    const { fetch, cycle } = state;
+    const { items, first, last } = fetch;
     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 {
       const 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;
       }
     }
   }
   static setItems(scroller) {
-    const { buffer, state: { fetch, cycle } } = scroller;
+    const { buffer, state } = scroller;
+    const { fetch, cycle } = state;
     const 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
@@ -2435,7 +2501,8 @@ class PostFetch extends BaseProcessFactory(CommonProcess.postFetch) {
 
 class Render extends BaseProcessFactory(CommonProcess.render) {
   static run(scroller) {
-    const { workflow, state: { cycle, render, scroll, fetch }, viewport, routines } = scroller;
+    const { workflow, state, viewport, routines } = scroller;
+    const { cycle, render, scroll, fetch } = state;
     scroller.logger.stat('before new items render');
     if (scroll.positionBeforeAsync === null) {
       scroll.positionBeforeAsync = viewport.scrollPosition;
@@ -2453,13 +2520,14 @@ class Render extends BaseProcessFactory(CommonProcess.render) {
         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(i => i.get()) });
   }
   static doRender(scroller) {
-    const { state: { fetch, render }, viewport, buffer, logger } = scroller;
+    const { state, viewport, buffer, logger } = scroller;
+    const { fetch, render } = state;
     render.positionBefore = viewport.scrollPosition;
     if (!fetch.isCheck) {
       render.sizeBefore = viewport.getScrollableSize();
@@ -2470,7 +2538,7 @@ class Render extends BaseProcessFactory(CommonProcess.render) {
     buffer.checkDefaultSize();
     render.sizeAfter = viewport.getScrollableSize();
     logger.stat('after new items render');
-    logger.log(() => render.noSize ? 'viewport size has not been changed' : void 0);
+    logger.log(() => (render.noSize ? 'viewport size has not been changed' : void 0));
     return true;
   }
   static processElement(scroller, item) {
@@ -2490,7 +2558,8 @@ class Render extends BaseProcessFactory(CommonProcess.render) {
 const isInterrupted = ({ call }) => !!call.interrupted;
 class End extends BaseProcessFactory(CommonProcess.end) {
   static run(scroller, { error } = {}) {
-    const { workflow, state: { cycle: { interrupter } } } = scroller;
+    const { workflow, state } = scroller;
+    const { interrupter } = state.cycle;
     if (!error && !interrupter) {
       // set out params accessible via Adapter
       End.calculateParams(scroller);
@@ -2541,10 +2610,10 @@ class End extends BaseProcessFactory(CommonProcess.end) {
 
 class Adjust extends BaseProcessFactory(CommonProcess.adjust) {
   static run(scroller) {
-    const { workflow, viewport, state: { scroll } } = scroller;
-    scroll.positionBeforeAdjust = viewport.scrollPosition;
+    const { workflow, viewport, state } = scroller;
+    state.scroll.positionBeforeAdjust = viewport.scrollPosition;
     Adjust.setPaddings(scroller);
-    scroll.positionAfterAdjust = viewport.scrollPosition;
+    state.scroll.positionAfterAdjust = viewport.scrollPosition;
     // scroll position adjustments
     const position = Adjust.calculatePosition(scroller);
     // additional adjustment if the position can't be reached during the initial cycle
@@ -2556,7 +2625,7 @@ class Adjust extends BaseProcessFactory(CommonProcess.adjust) {
     }));
   }
   static setPaddings(scroller) {
-    const { viewport, buffer, settings: { inverse }, state: { fetch } } = scroller;
+    const { viewport, buffer, settings, state } = scroller;
     const firstItem = buffer.getFirstVisibleItem();
     const lastItem = buffer.getLastVisibleItem();
     let first, last;
@@ -2565,6 +2634,7 @@ class Adjust extends BaseProcessFactory(CommonProcess.adjust) {
       last = lastItem.$index;
     }
     else {
+      const { fetch } = state;
       first = !isNaN(fetch.firstVisible.index) ? fetch.firstVisible.index : buffer.startIndex;
       last = first - 1;
     }
@@ -2582,20 +2652,23 @@ class Adjust extends BaseProcessFactory(CommonProcess.adjust) {
     const scrollSize = bwdSize + bufferSize + fwdSize;
     const viewportSizeDiff = viewport.getSize() - scrollSize;
     if (viewportSizeDiff > 0) {
-      if (inverse) {
+      if (settings.inverse) {
         bwdSize += viewportSizeDiff;
       }
       else {
         fwdSize += viewportSizeDiff;
       }
-      scroller.logger.log(() => inverse ? 'backward' : 'forward' + ` padding will be increased by ${viewportSizeDiff} to fill the viewport`);
+      scroller.logger.log(() => settings.inverse
+        ? 'backward'
+        : 'forward' + ` padding will be increased by ${viewportSizeDiff} to fill the viewport`);
     }
     backward.size = bwdSize;
     forward.size = fwdSize;
     scroller.logger.stat('after paddings adjustments');
   }
   static calculatePosition(scroller) {
-    const { viewport, buffer, state: { fetch, render, scroll } } = scroller;
+    const { viewport, buffer, state } = scroller;
+    const { fetch, render, scroll } = state;
     let 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)) {
@@ -2632,8 +2705,8 @@ class Adjust extends BaseProcessFactory(CommonProcess.adjust) {
     return Math.round(position);
   }
   static setAdditionalForwardPadding(scroller, position) {
-    const { viewport, buffer, state: { cycle } } = scroller;
-    if (!cycle.isInitial || !End.shouldContinueRun(scroller, null)) {
+    const { viewport, buffer, state } = scroller;
+    if (!state.cycle.isInitial || !End.shouldContinueRun(scroller, null)) {
       return;
     }
     const diff = position - viewport.getMaxScrollPosition();
@@ -2656,7 +2729,8 @@ class Adjust extends BaseProcessFactory(CommonProcess.adjust) {
     }
   }
   static setPosition(scroller, position, done) {
-    const { state: { scroll }, viewport, routines } = scroller;
+    const { state, viewport, routines } = scroller;
+    const { scroll } = state;
     if (!scroll.hasPositionChanged(position)) {
       return done();
     }
@@ -2691,7 +2765,7 @@ class PreClip extends BaseProcessFactory(CommonProcess.preClip) {
     });
   }
   static prepareClip(scroller) {
-    const { state: { fetch, clip } } = scroller;
+    const { fetch, clip } = scroller.state;
     if (PreClip.shouldNotClip(scroller)) {
       return;
     }
@@ -2727,7 +2801,8 @@ class PreClip extends BaseProcessFactory(CommonProcess.preClip) {
     return false;
   }
   static isBackward(scroller, firstIndex) {
-    const { buffer, state: { clip, fetch } } = scroller;
+    const { buffer, state } = scroller;
+    const { clip, fetch } = state;
     if (clip.force) {
       return clip.forceBackward;
     }
@@ -2739,7 +2814,8 @@ class PreClip extends BaseProcessFactory(CommonProcess.preClip) {
     return false;
   }
   static isForward(scroller, lastIndex) {
-    const { buffer, state: { clip, fetch } } = scroller;
+    const { buffer, state } = scroller;
+    const { clip, fetch } = state;
     if (clip.force) {
       return clip.forceForward;
     }
@@ -2753,8 +2829,7 @@ class PreClip extends BaseProcessFactory(CommonProcess.preClip) {
   static prepareClipByDirection(scroller, direction, edgeIndex) {
     const forward = direction === Direction.forward;
     scroller.buffer.items.forEach(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;
@@ -2773,9 +2848,9 @@ class Clip extends BaseProcessFactory(CommonProcess.clip) {
     });
   }
   static doClip(scroller) {
-    const { buffer, viewport: { paddings }, state: { clip }, logger } = scroller;
+    const { buffer, viewport, state, logger } = scroller;
     const size = { [Direction.backward]: 0, [Direction.forward]: 0 };
-    logger.stat(`before clip (${++clip.callCount})`);
+    logger.stat(`before clip (${++state.clip.callCount})`);
     const itemsToRemove = buffer.items.filter(item => {
       if (!item.toRemove) {
         return false;
@@ -2786,10 +2861,10 @@ class Clip extends BaseProcessFactory(CommonProcess.clip) {
     });
     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(item => item.get()));
@@ -2818,7 +2893,7 @@ class Logger {
       if (!this.debug) {
         return;
       }
-      const params = (args === void 0 ? [] : (Array.isArray(args) ? args : [args]))
+      const params = (args === void 0 ? [] : Array.isArray(args) ? args : [args])
         .map((arg) => {
         if (typeof arg === 'function') {
           return 'func';
@@ -2838,24 +2913,36 @@ class Logger {
     this.debug = settings.debug;
     this.immediateLog = settings.immediateLog;
     this.logTime = settings.logTime;
+    this.logColor = settings.logColor;
     this.getTime = () => scroller.state && ` // time: ${scroller.state.time}`;
     this.getStat = () => {
       const { buffer, viewport } = scroller;
       const first = buffer.getFirstVisibleItem();
       const 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 ? `[${first.$index}..${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 ? `[${first.$index}..${last.$index}]` : 'no'));
     };
     this.getFetchRange = () => {
       const { first: { index: first }, last: { index: last } } = scroller.state.fetch;
-      return !Number.isNaN(first) && !Number.isNaN(last)
-        ? `[${first}..${last}]`
-        : 'no';
+      return !Number.isNaN(first) && !Number.isNaN(last) ? `[${first}..${last}]` : 'no';
     };
     this.getLoopId = () => scroller.state.cycle.loopId;
     this.getLoopIdNext = () => scroller.state.cycle.loopIdNext;
@@ -2871,7 +2958,7 @@ class Logger {
     this.log(() => [
       str,
       stringify
-        ? JSON.stringify(obj, (k, v) => {
+        ? JSON.stringify(obj, (_, v) => {
           if (Number.isNaN(v)) {
             return 'NaN';
           }
@@ -2900,24 +2987,32 @@ class Logger {
   }
   stat(str) {
     if (this.debug) {
-      const logStyles = [
-        'color: #888; border: dashed #888 0; border-bottom-width: 0px',
-        'color: #000; border-width: 0'
-      ];
-      this.log(() => ['%cstat' + (str ? ` ${str}` : '') + ',%c ' + this.getStat(), ...logStyles]);
+      if (this.logColor) {
+        const logStyles = [
+          'color: #888; border: dashed #888 0; border-bottom-width: 0px',
+          'color: #000; border-width: 0'
+        ];
+        this.log(() => ['%cstat' + (str ? ` ${str}` : '') + ',%c ' + this.getStat(), ...logStyles]);
+      }
+      else {
+        this.log(() => ['stat' + (str ? ` ${str}` : '') + ', ' + this.getStat()]);
+      }
     }
   }
   fetch(str) {
     if (this.debug) {
       const _text = 'fetch interval' + (str ? ` ${str}` : '');
-      const logStyles = ['color: #888', 'color: #000'];
-      this.log(() => [`%c${_text}: %c${this.getFetchRange()}`, ...logStyles]);
+      if (this.logColor) {
+        const logStyles = ['color: #888', 'color: #000'];
+        this.log(() => [`%c${_text}: %c${this.getFetchRange()}`, ...logStyles]);
+      }
+      else {
+        this.log(() => [`${_text}: ${this.getFetchRange()}`]);
+      }
     }
   }
   prepareForLog(data) {
-    return data instanceof Event && data.target
-      ? this.getScrollPosition()
-      : data;
+    return data instanceof Event && data.target ? this.getScrollPosition() : data;
   }
   logProcess(data) {
     if (!this.debug) {
@@ -2927,29 +3022,49 @@ class Logger {
     // inner loop start-end log
     const loopLog = [];
     if (process === CommonProcess.init && status === ProcessStatus.next) {
-      loopLog.push(`%c---=== loop ${this.getLoopIdNext()} start`);
+      const loopStart = `---=== loop ${this.getLoopIdNext()} start`;
+      loopLog.push(this.logColor ? `%c${loopStart}` : loopStart);
     }
     else if (process === CommonProcess.end) {
-      loopLog.push(`%c---=== loop ${this.getLoopId()} done`);
+      const loopDone = `---=== loop ${this.getLoopId()} done`;
+      loopLog.push(this.logColor ? `%c${loopDone}` : loopDone);
       const parent = payload && payload.process;
-      if (status === ProcessStatus.next && (parent !== AdapterProcess.reset && parent !== AdapterProcess.reload)) {
+      if (status === ProcessStatus.next &&
+        parent !== AdapterProcess.reset &&
+        parent !== AdapterProcess.reload) {
         loopLog[0] += `, loop ${this.getLoopIdNext()} start`;
       }
     }
     if (loopLog.length) {
-      this.log(() => [...loopLog, 'color: #006600;']);
+      this.log(() => (this.logColor ? [...loopLog, 'color: #006600;'] : loopLog));
     }
   }
   logCycle(start = true) {
     const logData = this.getWorkflowCycleData();
-    const border = start ? '1px 0 0 1px' : '0 0 1px 1px';
-    const logStyles = `color: #0000aa; border: solid #555 1px; border-width: ${border}; margin-left: -2px`;
-    this.log(() => [`%c   ~~~ WF Cycle ${logData} ${start ? 'STARTED' : 'FINALIZED'} ~~~  `, logStyles]);
+    if (this.logColor) {
+      const border = start ? '1px 0 0 1px' : '0 0 1px 1px';
+      const logStyles = `color: #0000aa; border: solid #555 1px; border-width: ${border}; margin-left: -2px`;
+      this.log(() => [
+        `%c   ~~~ WF Cycle ${logData} ${start ? 'STARTED' : 'FINALIZED'} ~~~  `,
+        logStyles
+      ]);
+    }
+    else {
+      this.log(() => [`   ~~~ WF Cycle ${logData} ${start ? 'STARTED' : 'FINALIZED'} ~~~  `]);
+    }
   }
   logError(str) {
     if (this.debug) {
-      const logStyles = ['color: #a00;', 'color: #000'];
-      this.log(() => ['error:%c' + (str ? ` ${str}` : '') + `%c (loop ${this.getLoopIdNext()})`, ...logStyles]);
+      if (this.logColor) {
+        const logStyles = ['color: #a00;', 'color: #000'];
+        this.log(() => [
+          'error:%c' + (str ? ` ${str}` : '') + `%c (loop ${this.getLoopIdNext()})`,
+          ...logStyles
+        ]);
+      }
+      else {
+        this.log(() => ['error:' + (str ? ` ${str}` : '') + ` (loop ${this.getLoopIdNext()})`]);
+      }
     }
   }
   log(...args) {
@@ -2995,6 +3110,9 @@ class Logger {
       }
     }
   }
+  getLogs() {
+    return this.logs;
+  }
 }
 
 class Routines {
@@ -3073,17 +3191,18 @@ class Routines {
     return element.getBoundingClientRect();
   }
   getWindowParams() {
-    const { clientWidth, clientHeight, clientLeft, clientTop } = this.viewport;
+    const height = window.innerHeight;
+    const width = window.innerWidth;
     return {
-      'height': clientHeight,
-      'width': clientWidth,
-      'top': clientTop,
-      'bottom': clientTop + clientHeight,
-      'left': clientLeft,
-      'right': clientLeft + clientWidth,
-      'x': clientLeft,
-      'y': clientTop,
-      'toJSON': () => null,
+      height: height,
+      width: width,
+      top: 0,
+      bottom: height,
+      left: 0,
+      right: width,
+      x: 0,
+      y: 0,
+      toJSON: () => null
     };
   }
   getSize(element) {
@@ -3112,14 +3231,14 @@ class Routines {
     const { horizontal } = this.settings;
     const params = this.getElementParams(element);
     const isFwd = direction === Direction.forward;
-    return params[isFwd ? (horizontal ? 'right' : 'bottom') : (horizontal ? 'left' : 'top')];
+    return params[isFwd ? (horizontal ? 'right' : 'bottom') : horizontal ? 'left' : 'top'];
   }
   getViewportEdge(direction) {
     const { window, horizontal } = this.settings;
     if (window) {
       const params = this.getWindowParams();
       const 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);
   }
@@ -3141,8 +3260,7 @@ class Routines {
     this.checkElement(element);
     element.scrollIntoView(argument);
   }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(cb, params) {
+  render(cb, _params) {
     const timeoutId = setTimeout(() => cb());
     return () => clearTimeout(timeoutId);
   }
@@ -3183,8 +3301,12 @@ class Paddings {
   }
   byDirection(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;
   }
   reset(viewportSize, startIndex, offset) {
     const positive = this.getPositiveSize(startIndex, viewportSize, offset);
@@ -3252,7 +3374,9 @@ class Viewport {
     this.routines.setScrollPosition(value);
     const position = this.scrollPosition;
     this.logger.log(() => [
-      'setting scroll position at', position, ...(position !== value ? [`(${value})`] : [])
+      'setting scroll position at',
+      position,
+      ...(position !== value ? [`(${value})`] : [])
     ]);
     return position;
   }
@@ -3291,7 +3415,7 @@ class Viewport {
     for (let i = bwd ? 0 : items.length - 1; bwd ? i <= items.length - 1 : i >= 0; i += bwd ? 1 : -1) {
       const 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;
       }
@@ -3353,7 +3477,8 @@ class DefaultSize {
     if (removed.length) {
       const removedSize = removed.reduce((acc, item) => acc + item.size, 0);
       const 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);
   }
@@ -3465,7 +3590,7 @@ class Cache {
   }
   getSizeByIndex(index) {
     const item = this.get(index);
-    return item && item.size || this.defaultSize.get();
+    return (item && item.size) || this.defaultSize.get();
   }
   getDefaultSize() {
     return this.defaultSize.get();
@@ -3482,12 +3607,12 @@ class Cache {
    * 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.
    */
   add(item) {
     let 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;
       }
@@ -3558,7 +3683,8 @@ class Cache {
       }
       set(item);
     });
-    if (this.saveData) { // persist data with no sizes
+    if (this.saveData) {
+      // persist data with no sizes
       toInsert.forEach((data, i) => {
         const $index = index + i - (fixRight ? length : 0) + (direction === Direction.forward ? 1 : 0);
         const item = new ItemCache({ $index, data }, this.saveData);
@@ -3630,19 +3756,21 @@ class Cache {
     }
     const items = new Map();
     this.items.forEach(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(item => // subset items
-     items.set(item.$index, new ItemCache(item, this.saveData)));
+    after.forEach((item // subset items
+    ) => items.set(item.$index, new ItemCache(item, this.saveData)));
     before // to maintain default size on remove
       .filter(item => item.toRemove)
       .forEach(item => this.defaultSize.setRemoved(item.size));
@@ -3690,11 +3818,10 @@ class CheckBufferCall {
     return true;
   }
   insertInBuffer(predicate, before, after) {
-    const index = Number.isInteger(before) ? before : (Number.isInteger(after) ? after : NaN);
-    const found = this.context.items.find(item => (predicate && predicate(item.get())) ||
-      (Number.isInteger(index) && index === item.$index));
+    const index = Number.isInteger(before) ? before : Number.isInteger(after) ? after : NaN;
+    const found = this.context.items.find(item => (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;
@@ -3712,7 +3839,7 @@ class CheckBufferCall {
     }
     const before = direction === Direction.backward;
     if (!(index < firstIndex + (before ? 1 : 0) || index > lastIndex - (before ? 0 : 1))) {
-      this.logger.log(() => `no items to insert virtually; selected index (${index}) belongs Buffer [${firstIndex}..${lastIndex}]`);
+      this.logger.log(`no items to insert virtually; selected index (${index}) belongs Buffer [${firstIndex}..${lastIndex}]`);
       return false;
     }
     this.logger.log(() => `going to insert ${items.length} item(s) virtually`);
@@ -3784,7 +3911,8 @@ class Buffer {
   }
   set absMinIndex(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();
@@ -3795,7 +3923,8 @@ class Buffer {
   }
   set absMaxIndex(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();
@@ -3807,14 +3936,14 @@ class Buffer {
   checkBOF() {
     // since bof has no setter, need to call checkBOF() on items and absMinIndex change
     const bof = this.items.length
-      ? (this.items[0].$index === this.absMinIndex)
+      ? this.items[0].$index === this.absMinIndex
       : isFinite(this.absMinIndex);
     this.bof.set(bof);
   }
   checkEOF() {
     // since eof has no setter, need to call checkEOF() on items and absMaxIndex change
     const 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);
   }
@@ -3908,9 +4037,7 @@ class Buffer {
     let shifted = false;
     for (let i = fixRight ? length - 1 : 0; fixRight ? i >= 0 : i < length; fixRight ? i-- : i++) {
       const item = this.items[i];
-      const diff = indexes.reduce((acc, index) => acc + (fixRight
-        ? (item.$index < index ? 1 : 0)
-        : (item.$index > index ? -1 : 0)), 0);
+      const diff = indexes.reduce((acc, index) => acc + (fixRight ? (item.$index < index ? 1 : 0) : item.$index > index ? -1 : 0), 0);
       shifted = shifted || !!diff;
       item.updateIndex(item.$index + diff);
     }
@@ -3926,7 +4053,7 @@ class Buffer {
     }
     const before = Number.isInteger(beforeIndex);
     const index = (before ? beforeIndex : afterIndex);
-    const shift = (fixRight ? items.length : (before ? 1 : 0));
+    const shift = fixRight ? items.length : before ? 1 : 0;
     this.items = items.map((data, i) => generator(index + i + (!before ? 1 : 0) - shift, data));
     this._absMinIndex = this.items[0].$index;
     this._absMaxIndex = this.items[this.size - 1].$index;
@@ -3956,7 +4083,7 @@ class Buffer {
       // 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.shiftExtremum(-1, fixRight);
         continue;
       }
@@ -4045,8 +4172,9 @@ class Buffer {
     return index >= 0 ? this.items[index] : void 0;
   }
   getEdgeVisibleItem(direction, opposite) {
-    return direction === (!opposite ? Direction.forward : Direction.backward) ?
-      this.getLastVisibleItem() : this.getFirstVisibleItem();
+    return direction === (!opposite ? Direction.forward : Direction.backward)
+      ? this.getLastVisibleItem()
+      : this.getFirstVisibleItem();
   }
   getVisibleItemsCount() {
     return this.items.reduce((acc, item) => acc + (item.invisible ? 0 : 1), 0);
@@ -4193,13 +4321,15 @@ class FetchModel {
     return !!this.count;
   }
   get hasNewItems() {
-    return !!((this._newItemsData && this._newItemsData.length));
+    return !!(this._newItemsData && this._newItemsData.length);
   }
   get index() {
     return this.first.index;
   }
   get count() {
-    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;
   }
   shouldCheckPreSizeExpectation(lastBufferedIndex) {
     if (this.directionPriority === Direction.backward) {
@@ -4334,10 +4464,12 @@ class State {
     }
     clip.reset(clip.force);
     render.reset();
-    return Object.assign({}, (cycle.innerLoop.first ? {
-      process: cycle.initiator,
-      doRender: fetch.simulate && fetch.items.length > 0
-    } : {}));
+    return Object.assign({}, (cycle.innerLoop.first
+      ? {
+        process: cycle.initiator,
+        doRender: fetch.simulate && fetch.items.length > 0
+      }
+      : {}));
   }
   endInnerLoop() {
     const { fetch, clip, render, cycle } = this;
@@ -4415,7 +4547,6 @@ class Adapter {
     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 = (_) => { };
     this.getWorkflow = getWorkflow;
     this.logger = logger;
@@ -4424,7 +4555,7 @@ class Adapter {
     this.reloadCounter = 0;
     const contextId = (context === null || context === void 0 ? void 0 : context.id) || -1;
     // public context (if exists) should provide access to Reactive props config by id
-    const reactivePropsStore = context && reactiveConfigStorage.get(context.id) || {};
+    const 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);
@@ -4439,7 +4570,7 @@ class Adapter {
             value = reactiveProp.default; // boolean doesn't matter here
           }
         }
-        return (Object.assign(Object.assign({}, prop), { value }));
+        return Object.assign(Object.assign({}, prop), { value });
       })
       : getDefaultAdapterProps();
     // restore default reactive props if they were configured
@@ -4471,10 +4602,12 @@ class Adapter {
     // so this method should be called when accessing the "wanted" props through one of the following getters
     const processWanted = (prop) => {
       if (wantedUtils.setBox(prop, contextId)) {
-        if ([AdapterPropName.firstVisible, AdapterPropName.firstVisible$].some(n => n === prop.name)) {
+        const firstPropList = [AdapterPropName.firstVisible, AdapterPropName.firstVisible$];
+        const lastPropList = [AdapterPropName.lastVisible, AdapterPropName.lastVisible$];
+        if (firstPropList.some(n => n === prop.name)) {
           this.setFirstOrLastVisible({ first: true });
         }
-        else if ([AdapterPropName.lastVisible, AdapterPropName.lastVisible$].some(n => n === prop.name)) {
+        else if (lastPropList.some(n => n === prop.name)) {
           this.setFirstOrLastVisible({ last: true });
         }
       }
@@ -4523,8 +4656,7 @@ class Adapter {
       return;
     }
     // Adapter public context augmentation
-    adapterProps
-      .forEach((prop) => {
+    adapterProps.forEach((prop) => {
       const { name, type, permanent } = prop;
       let value = this[name];
       if (type === AdapterPropType.Function) {
@@ -4567,23 +4699,23 @@ class Adapter {
         maxIndex: buffer.maxIndex,
         absMinIndex: buffer.absMinIndex,
         absMaxIndex: buffer.absMaxIndex,
-        defaultSize: buffer.defaultSize,
+        defaultSize: buffer.defaultSize
       })
     });
     this.bof = buffer.bof.get();
-    buffer.bof.on(bof => this.bof = bof);
+    buffer.bof.on(bof => (this.bof = bof));
     this.eof = buffer.eof.get();
-    buffer.eof.on(eof => this.eof = eof);
+    buffer.eof.on(eof => (this.eof = eof));
     // state
     Object.defineProperty(this.demand, AdapterPropName.packageInfo, {
       get: () => state.packageInfo
     });
     this.loopPending = state.cycle.innerLoop.busy.get();
-    state.cycle.innerLoop.busy.on(busy => this.loopPending = busy);
+    state.cycle.innerLoop.busy.on(busy => (this.loopPending = busy));
     this.isLoading = state.cycle.busy.get();
-    state.cycle.busy.on(busy => this.isLoading = busy);
+    state.cycle.busy.on(busy => (this.isLoading = busy));
     this.paused = state.paused.get();
-    state.paused.on(paused => this.paused = paused);
+    state.paused.on(paused => (this.paused = paused));
     //viewport
     this.setFirstOrLastVisible = ({ first, last, workflow }) => {
       var _a, _b, _c;
@@ -4654,8 +4786,7 @@ class Adapter {
   resetContext() {
     var _a;
     const reactiveStore = reactiveConfigStorage.get((_a = this.externalContext) === null || _a === void 0 ? void 0 : _a.id);
-    ADAPTER_PROPS_STUB
-      .forEach(({ type, permanent, name, value }) => {
+    ADAPTER_PROPS_STUB.forEach(({ type, permanent, name, value }) => {
       // assign initial values to non-reactive non-permanent props
       if (type !== AdapterPropType.Reactive && !permanent) {
         Object.defineProperty(this.externalContext, name, {
@@ -4831,12 +4962,12 @@ class Adapter {
     if (!this.init) {
       return Promise.resolve(methodPreResult);
     }
-    return this.relaxRun = this.relaxRun
+    return (this.relaxRun = this.relaxRun
       ? this.relaxRun.then(() => this.relaxUnchained(callback, reloadId))
-      : this.relaxUnchained(callback, reloadId).then((result) => {
+      : this.relaxUnchained(callback, reloadId).then(result => {
         this.relaxRun = null;
         return result;
-      });
+      }));
   }
   showLog() {
     this.logger.logAdapterMethod('showLog');
@@ -4848,7 +4979,7 @@ const INVALID_DATASOURCE_PREFIX = 'Invalid datasource:';
 let instanceCount = 0;
 class Scroller {
   constructor({ datasource, consumer, element, workflow, Routines: CustomRoutines, scroller }) {
-    const { params: { get } } = validate(datasource, DATASOURCE);
+    const { get } = validate(datasource, DATASOURCE).params;
     if (!get.isValid) {
       throw new Error(`${INVALID_DATASOURCE_PREFIX} ${get.errors[0]}`);
     }
@@ -4862,7 +4993,8 @@ class Scroller {
       }
       Object.getOwnPropertyNames(CustomRoutines.prototype)
         .filter(method => method !== 'constructor')
-        .forEach(method => __Routines.prototype[method] = CustomRoutines === null || CustomRoutines === void 0 ? void 0 : CustomRoutines.prototype[method]);
+        .forEach(method => (__Routines.prototype[method] =
+        CustomRoutines === null || CustomRoutines === void 0 ? void 0 : CustomRoutines.prototype[method]));
       CustomRoutines = __Routines;
     }
     this.workflow = workflow;
@@ -4876,7 +5008,8 @@ class Scroller {
     this.initDatasource(datasource, scroller);
   }
   initDatasource(datasource, scroller) {
-    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?
@@ -4885,10 +5018,12 @@ class Scroller {
     // scroller is being instantiated for the first time
     const constructed = datasource instanceof DatasourceGeneric;
     const 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
       const DS = makeDatasource(() => ({ mock: mockAdapter }));
       this.datasource = new DS(datasource);
       if (this.settings.adapter) {
@@ -4905,20 +5040,21 @@ class Scroller {
       buffer: this.buffer,
       state: this.state,
       viewport: this.viewport,
-      logger: this.logger, adapterRun$,
+      logger: this.logger,
+      adapterRun$,
       getWorkflow: () => this.workflow
     });
   }
   dispose(forever) {
     this.logger.log(() => '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();
   }
-  finalize() {
-  }
+  finalize() { }
 }
 
 const runStateMachine = ({ input: { process, status, payload = {} }, methods: { run, interrupt, done, onError } }) => {
@@ -4932,7 +5068,8 @@ const runStateMachine = ({ input: { process, status, payload = {} }, methods: {
   const { options } = payload;
   switch (process) {
     case CommonProcess.init:
-      if (status === ProcessStatus.start) { // App start
+      if (status === ProcessStatus.start) {
+        // App start
         run(Init)(process);
       }
       if (status === ProcessStatus.next) {
@@ -5151,6 +5288,7 @@ class Workflow {
     this.initTimer = null;
     this.adapterRun$ = new Reactive();
     this.cyclesDone = 0;
+    this.cyclesDone$ = new Reactive(0);
     this.interruptionCount = 0;
     this.errors = [];
     this.offScroll = () => null;
@@ -5162,7 +5300,11 @@ class Workflow {
       onError: this.onError.bind(this)
     };
     this.scroller = new Scroller({
-      element, datasource, consumer, workflow: this.getUpdater(), Routines
+      element,
+      datasource,
+      consumer,
+      workflow: this.getUpdater(),
+      Routines
     });
     if (this.scroller.settings.initializeDelay) {
       this.initTimer = setTimeout(() => {
@@ -5214,16 +5356,18 @@ class Workflow {
   getUpdater() {
     return {
       call: this.callWorkflow.bind(this),
-      onDataChanged: this.changeItems.bind(this),
+      onDataChanged: this.changeItems.bind(this)
     };
   }
   process(data) {
     const { status, process, payload } = data;
     if (this.scroller.settings.logProcessRun) {
-      this.scroller.logger.log(() => [
-        '%cfire%c', ...['color: #cc7777;', 'color: #000000;'],
-        process, `"${status}"`, ...(payload !== void 0 ? [payload] : [])
-      ]);
+      this.scroller.logger.log(() => {
+        const _fire = this.scroller.settings.logColor
+          ? ['%cfire%c', 'color: #cc7777;', 'color: #000000;']
+          : ['fire'];
+        return [..._fire, process, `"${status}"`, ...(payload !== void 0 ? [payload] : [])];
+      });
     }
     this.scroller.logger.logProcess(data);
     if (process === CommonProcess.end) {
@@ -5237,16 +5381,18 @@ class Workflow {
   runProcess() {
     return ({ run, process, name }) => (...args) => {
       if (this.scroller.settings.logProcessRun) {
-        this.scroller.logger.log(() => [
-          '%crun%c', ...['color: #333399;', 'color: #000000;'],
-          process || name, ...args
-        ]);
+        this.scroller.logger.log(() => {
+          const _run = this.scroller.settings.logColor
+            ? ['%crun%c', 'color: #333399;', 'color: #000000;']
+            : ['run'];
+          return [..._run, process || name, ...args];
+        });
       }
       run(this.scroller, ...args);
     };
   }
   onError(process, payload) {
-    const message = payload && String(payload.error) || '';
+    const message = (payload && String(payload.error)) || '';
     const { time, cycle } = this.scroller.state;
     this.errors.push({
       process,
@@ -5261,14 +5407,14 @@ class Workflow {
       const { workflow, logger } = this.scroller;
       // 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 = (_) => // eslint-disable-line @typescript-eslint/no-unused-vars
-       logger.log('[skip wf call]');
+      workflow.call = (_) => logger.log('[skip wf call]');
       workflow.call.interrupted = true;
       this.scroller.workflow = this.getUpdater();
       this.interruptionCount++;
       logger.log(() => `workflow had been interrupted by the ${process} process (${this.interruptionCount})`);
     }
-    if (datasource) { // Scroller re-initialization case
+    if (datasource) {
+      // Scroller re-initialization case
       const reInit = () => {
         this.scroller.logger.log('new Scroller instantiation');
         const scroller = new Scroller({ datasource, scroller: this.scroller });
@@ -5288,6 +5434,7 @@ class Workflow {
   done() {
     const { state, logger } = this.scroller;
     this.cyclesDone++;
+    this.cyclesDone$.set(this.cyclesDone);
     logger.logCycle(false);
     state.endWorkflowCycle(this.cyclesDone + 1);
     this.finalize();
@@ -5299,14 +5446,15 @@ class Workflow {
     }
     this.offScroll();
     this.adapterRun$.dispose();
+    this.cyclesDone$.dispose();
     this.scroller.dispose(true);
     Object.getOwnPropertyNames(this).forEach(prop => {
       delete this[prop];
     });
+    this.isInitialized = false;
     this.disposed = true;
   }
-  finalize() {
-  }
+  finalize() { }
 }
 
 export { AdapterPropName, Direction, EMPTY_ITEM, INVALID_DATASOURCE_PREFIX, Routines, SizeStrategy, Workflow, getDefaultAdapterProps, makeDatasource, core as packageInfo };