vscroll 1.6.3 → 1.8.0

package/dist/esm2015/classes/item.js

@@ -1,62 +1,62 @@
-export class Item {
-  get $index() {
-    return this.container.$index;
-  }
-  set $index(value) {
-    this.container.$index = value;
-  }
-  get data() {
-    return this.container.data;
-  }
-  set data(value) {
-    this.container.data = value;
-  }
-  get element() {
-    return this.container.element;
-  }
-  set element(value) {
-    this.container.element = value;
-  }
-  constructor($index, data, routines) {
-    this.container = {
-      $index,
-      data
-    };
-    this.nodeId = String($index);
-    this.routines = routines;
-    this.invisible = true;
-    this.toRemove = false;
-    this.toInsert = false;
-  }
-  dispose() {
-    delete this.container.element;
-  }
-  setSize(preSize = 0) {
-    this.preSize = preSize;
-    if (this.element) {
-      this.size = this.routines.getSize(this.element);
-    }
-  }
-  makeVisible() {
-    this.routines.makeElementVisible(this.element);
-    this.invisible = false;
-  }
-  hide() {
-    if (this.element) {
-      this.routines.hideElement(this.element);
-    }
-  }
-  scrollTo(argument) {
-    if (this.element) {
-      this.routines.scrollTo(this.element, argument);
-    }
-  }
-  updateIndex(index) {
-    this.$index = index;
-    this.nodeId = String(index);
-  }
-  get() {
-    return this.container;
-  }
-}
+export class Item {
+  get $index() {
+    return this.container.$index;
+  }
+  set $index(value) {
+    this.container.$index = value;
+  }
+  get data() {
+    return this.container.data;
+  }
+  set data(value) {
+    this.container.data = value;
+  }
+  get element() {
+    return this.container.element;
+  }
+  set element(value) {
+    this.container.element = value;
+  }
+  constructor($index, data, routines) {
+    this.container = {
+      $index,
+      data
+    };
+    this.nodeId = String($index);
+    this.routines = routines;
+    this.invisible = true;
+    this.toRemove = false;
+    this.toInsert = false;
+  }
+  dispose() {
+    delete this.container.element;
+  }
+  setSize(preSize = 0) {
+    this.preSize = preSize;
+    if (this.element) {
+      this.size = this.routines.getSize(this.element);
+    }
+  }
+  makeVisible() {
+    this.routines.makeElementVisible(this.element);
+    this.invisible = false;
+  }
+  hide() {
+    if (this.element) {
+      this.routines.hideElement(this.element);
+    }
+  }
+  scrollTo(argument) {
+    if (this.element) {
+      this.routines.scrollTo(this.element, argument);
+    }
+  }
+  updateIndex(index) {
+    this.$index = index;
+    this.nodeId = String(index);
+  }
+  get() {
+    return this.container;
+  }
+}
 //# sourceMappingURL=item.js.map

package/dist/esm2015/classes/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/classes/item.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,IAAI;IAYf,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,CAAC,KAAa;QACtB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC;IAChC,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7B,CAAC;IACD,IAAI,IAAI,CAAC,KAAW;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC,OAAsB,CAAC;IAC/C,CAAC;IACD,IAAI,OAAO,CAAC,KAAkB;QAC5B,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,YAAY,MAAc,EAAE,IAAU,EAAE,QAAkB;QACxD,IAAI,CAAC,SAAS,GAAG;YACf,MAAM;YACN,IAAI;SACL,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,OAAO,GAAG,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACjD;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACzC;IACH,CAAC;IAED,QAAQ,CAAC,QAA0C;QACjD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;SAChD;IACH,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,GAAG;QACD,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;CACF","sourcesContent":["import { Routines } from './domRoutines';\r\nimport { Direction } from '../inputs/index';\r\nimport { Item as _Item, ItemAdapter } from '../interfaces/index';\r\n\r\nexport class Item<Data = unknown> implements _Item<Data> {\r\n  nodeId: string;\r\n  routines: Routines;\r\n  preSize: number; // estimated size\r\n  size: number; // real size\r\n  invisible: boolean;\r\n  toRemove: boolean;\r\n  toInsert: boolean;\r\n  removeDirection: Direction;\r\n\r\n  private container: ItemAdapter<Data>;\r\n\r\n  get $index(): number {\r\n    return this.container.$index;\r\n  }\r\n  set $index(value: number) {\r\n    this.container.$index = value;\r\n  }\r\n\r\n  get data(): Data {\r\n    return this.container.data;\r\n  }\r\n  set data(value: Data) {\r\n    this.container.data = value;\r\n  }\r\n\r\n  get element(): HTMLElement {\r\n    return this.container.element as HTMLElement;\r\n  }\r\n  set element(value: HTMLElement) {\r\n    this.container.element = value;\r\n  }\r\n\r\n  constructor($index: number, data: Data, routines: Routines) {\r\n    this.container = {\r\n      $index,\r\n      data\r\n    };\r\n    this.nodeId = String($index);\r\n    this.routines = routines;\r\n    this.invisible = true;\r\n    this.toRemove = false;\r\n    this.toInsert = false;\r\n  }\r\n\r\n  dispose(): void {\r\n    delete this.container.element;\r\n  }\r\n\r\n  setSize(preSize = 0): void {\r\n    this.preSize = preSize;\r\n    if (this.element) {\r\n      this.size = this.routines.getSize(this.element);\r\n    }\r\n  }\r\n\r\n  makeVisible(): void {\r\n    this.routines.makeElementVisible(this.element);\r\n    this.invisible = false;\r\n  }\r\n\r\n  hide(): void {\r\n    if (this.element) {\r\n      this.routines.hideElement(this.element);\r\n    }\r\n  }\r\n\r\n  scrollTo(argument?: boolean | ScrollIntoViewOptions): void {\r\n    if (this.element) {\r\n      this.routines.scrollTo(this.element, argument);\r\n    }\r\n  }\r\n\r\n  updateIndex(index: number): void {\r\n    this.$index = index;\r\n    this.nodeId = String(index);\r\n  }\r\n\r\n  get(): ItemAdapter<Data> {\r\n    return this.container;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/classes/item.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,IAAI;IAYf,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,CAAC,KAAa;QACtB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC;IAChC,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7B,CAAC;IACD,IAAI,IAAI,CAAC,KAAW;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC,OAAsB,CAAC;IAC/C,CAAC;IACD,IAAI,OAAO,CAAC,KAAkB;QAC5B,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,YAAY,MAAc,EAAE,IAAU,EAAE,QAAkB;QACxD,IAAI,CAAC,SAAS,GAAG;YACf,MAAM;YACN,IAAI;SACL,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,OAAO,GAAG,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,QAA0C;QACjD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,GAAG;QACD,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;CACF","sourcesContent":["import { Routines } from './domRoutines';\nimport { Direction } from '../inputs/index';\nimport { Item as _Item, ItemAdapter } from '../interfaces/index';\n\nexport class Item<Data = unknown> implements _Item<Data> {\n  nodeId: string;\n  routines: Routines;\n  preSize: number; // estimated size\n  size: number; // real size\n  invisible: boolean;\n  toRemove: boolean;\n  toInsert: boolean;\n  removeDirection: Direction;\n\n  private container: ItemAdapter<Data>;\n\n  get $index(): number {\n    return this.container.$index;\n  }\n  set $index(value: number) {\n    this.container.$index = value;\n  }\n\n  get data(): Data {\n    return this.container.data;\n  }\n  set data(value: Data) {\n    this.container.data = value;\n  }\n\n  get element(): HTMLElement {\n    return this.container.element as HTMLElement;\n  }\n  set element(value: HTMLElement) {\n    this.container.element = value;\n  }\n\n  constructor($index: number, data: Data, routines: Routines) {\n    this.container = {\n      $index,\n      data\n    };\n    this.nodeId = String($index);\n    this.routines = routines;\n    this.invisible = true;\n    this.toRemove = false;\n    this.toInsert = false;\n  }\n\n  dispose(): void {\n    delete this.container.element;\n  }\n\n  setSize(preSize = 0): void {\n    this.preSize = preSize;\n    if (this.element) {\n      this.size = this.routines.getSize(this.element);\n    }\n  }\n\n  makeVisible(): void {\n    this.routines.makeElementVisible(this.element);\n    this.invisible = false;\n  }\n\n  hide(): void {\n    if (this.element) {\n      this.routines.hideElement(this.element);\n    }\n  }\n\n  scrollTo(argument?: boolean | ScrollIntoViewOptions): void {\n    if (this.element) {\n      this.routines.scrollTo(this.element, argument);\n    }\n  }\n\n  updateIndex(index: number): void {\n    this.$index = index;\n    this.nodeId = String(index);\n  }\n\n  get(): ItemAdapter<Data> {\n    return this.container;\n  }\n}\n"]}

package/dist/esm2015/classes/logger.js

@@ -1,187 +1,230 @@
-import { CommonProcess, AdapterProcess, ProcessStatus as Status } from '../processes/index';
-export class Logger {
-  constructor(scroller, packageInfo, adapter) {
-    this.logs = [];
-    this.logAdapterMethod = (methodName, args, add) => {
-      if (!this.debug) {
-        return;
-      }
-      const params = (args === void 0 ? [] : (Array.isArray(args) ? args : [args]))
-        .map((arg) => {
-        if (typeof arg === 'function') {
-          return 'func';
-        }
-        else if (typeof arg !== 'object' || !arg) {
-          return arg;
-        }
-        else if (Array.isArray(arg)) {
-          return `[of ${arg.length}]`;
-        }
-        return '{ ' + Object.keys(arg).join(', ') + ' }';
-      })
-        .join(', ');
-      this.log(`adapter: ${methodName}(${params || ''})${add || ''}`);
-    };
-    const { settings } = scroller;
-    this.debug = settings.debug;
-    this.immediateLog = settings.immediateLog;
-    this.logTime = settings.logTime;
-    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');
-    };
-    this.getFetchRange = () => {
-      const { first: { index: first }, last: { index: last } } = scroller.state.fetch;
-      return !Number.isNaN(first) && !Number.isNaN(last)
-        ? `[${first}..${last}]`
-        : 'no';
-    };
-    this.getLoopId = () => scroller.state.cycle.loopId;
-    this.getLoopIdNext = () => scroller.state.cycle.loopIdNext;
-    this.getWorkflowCycleData = () => `${settings.instanceIndex}-${scroller.state.cycle.count}`;
-    this.getScrollPosition = () => scroller.routines.getScrollPosition();
-    this.log(() => 'vscroll Workflow has been started, ' +
-      `core: ${packageInfo.core.name} v${packageInfo.core.version}, ` +
-      `consumer: ${packageInfo.consumer.name} v${packageInfo.consumer.version}, ` +
-      `scroller instance: ${settings.instanceIndex}, adapter ` +
-      (!adapter ? 'is not instantiated' : `instance: ${adapter.id}`));
-  }
-  object(str, obj, stringify) {
-    this.log(() => [
-      str,
-      stringify
-        ? JSON.stringify(obj, (k, v) => {
-          if (Number.isNaN(v)) {
-            return 'NaN';
-          }
-          if (v === Infinity) {
-            return 'Infinity';
-          }
-          if (v === -Infinity) {
-            return '-Infinity';
-          }
-          if (v instanceof Element) {
-            return 'HTMLElement';
-          }
-          if (v instanceof HTMLDocument) {
-            return 'HTMLDocument';
-          }
-          if (typeof v === 'function') {
-            return 'Function';
-          }
-          return v;
-        })
-          .replace(/"/g, '')
-          .replace(/(\{|:|,)/g, '$1 ')
-          .replace(/(\})/g, ' $1')
-        : obj
-    ]);
-  }
-  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]);
-    }
-  }
-  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]);
-    }
-  }
-  prepareForLog(data) {
-    return data instanceof Event && data.target
-      ? this.getScrollPosition()
-      : data;
-  }
-  logProcess(data) {
-    if (!this.debug) {
-      return;
-    }
-    const { process, status, payload } = data;
-    // inner loop start-end log
-    const loopLog = [];
-    if (process === CommonProcess.init && status === Status.next) {
-      loopLog.push(`%c---=== loop ${this.getLoopIdNext()} start`);
-    }
-    else if (process === CommonProcess.end) {
-      loopLog.push(`%c---=== loop ${this.getLoopId()} done`);
-      const parent = payload && payload.process;
-      if (status === Status.next && (parent !== AdapterProcess.reset && parent !== AdapterProcess.reload)) {
-        loopLog[0] += `, loop ${this.getLoopIdNext()} start`;
-      }
-    }
-    if (loopLog.length) {
-      this.log(() => [...loopLog, 'color: #006600;']);
-    }
-  }
-  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]);
-  }
-  logError(str) {
-    if (this.debug) {
-      const logStyles = ['color: #a00;', 'color: #000'];
-      this.log(() => ['error:%c' + (str ? ` ${str}` : '') + `%c (loop ${this.getLoopIdNext()})`, ...logStyles]);
-    }
-  }
-  log(...args) {
-    if (this.debug) {
-      if (typeof args[0] === 'function') {
-        args = args[0]();
-        if (!Array.isArray(args)) {
-          args = [args];
-        }
-      }
-      if (args.every(item => item === void 0)) {
-        return;
-      }
-      if (this.logTime) {
-        args = [...args, this.getTime()];
-      }
-      args = args.map((arg) => this.prepareForLog(arg));
-      if (this.immediateLog) {
-        console.log.apply(this, args);
-      }
-      else {
-        this.logs.push(args);
-      }
-    }
-  }
-  // logNow(...args: unknown[]) {
-  //   const immediateLog = this.immediateLog;
-  //   const debug = this.debug;
-  //   (this as any).debug = true;
-  //   (this as any).immediateLog = true;
-  //   this.log.apply(this, args);
-  //   (this as any).debug = debug;
-  //   (this as any).immediateLog = immediateLog;
-  // }
-  logForce(...args) {
-    if (this.debug) {
-      if (!this.immediateLog && this.logs.length) {
-        this.logs.forEach(logArgs => console.log.apply(this, logArgs));
-        this.logs = [];
-      }
-      if (args.length) {
-        console.log.apply(this, args);
-      }
-    }
-  }
-}
+import { CommonProcess, AdapterProcess, ProcessStatus as Status } from '../processes/index';
+export class Logger {
+  constructor(scroller, packageInfo, adapter) {
+    this.logs = [];
+    this.logAdapterMethod = (methodName, args, add) => {
+      if (!this.debug) {
+        return;
+      }
+      const params = (args === void 0 ? [] : Array.isArray(args) ? args : [args])
+        .map((arg) => {
+        if (typeof arg === 'function') {
+          return 'func';
+        }
+        else if (typeof arg !== 'object' || !arg) {
+          return arg;
+        }
+        else if (Array.isArray(arg)) {
+          return `[of ${arg.length}]`;
+        }
+        return '{ ' + Object.keys(arg).join(', ') + ' }';
+      })
+        .join(', ');
+      this.log(`adapter: ${methodName}(${params || ''})${add || ''}`);
+    };
+    const { settings } = scroller;
+    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'));
+    };
+    this.getFetchRange = () => {
+      const { first: { index: first }, last: { index: last } } = scroller.state.fetch;
+      return !Number.isNaN(first) && !Number.isNaN(last) ? `[${first}..${last}]` : 'no';
+    };
+    this.getLoopId = () => scroller.state.cycle.loopId;
+    this.getLoopIdNext = () => scroller.state.cycle.loopIdNext;
+    this.getWorkflowCycleData = () => `${settings.instanceIndex}-${scroller.state.cycle.count}`;
+    this.getScrollPosition = () => scroller.routines.getScrollPosition();
+    this.log(() => 'vscroll Workflow has been started, ' +
+      `core: ${packageInfo.core.name} v${packageInfo.core.version}, ` +
+      `consumer: ${packageInfo.consumer.name} v${packageInfo.consumer.version}, ` +
+      `scroller instance: ${settings.instanceIndex}, adapter ` +
+      (!adapter ? 'is not instantiated' : `instance: ${adapter.id}`));
+  }
+  object(str, obj, stringify) {
+    this.log(() => [
+      str,
+      stringify
+        ? JSON.stringify(obj, (_, v) => {
+          if (Number.isNaN(v)) {
+            return 'NaN';
+          }
+          if (v === Infinity) {
+            return 'Infinity';
+          }
+          if (v === -Infinity) {
+            return '-Infinity';
+          }
+          if (v instanceof Element) {
+            return 'HTMLElement';
+          }
+          if (v instanceof HTMLDocument) {
+            return 'HTMLDocument';
+          }
+          if (typeof v === 'function') {
+            return 'Function';
+          }
+          return v;
+        })
+          .replace(/"/g, '')
+          .replace(/(\{|:|,)/g, '$1 ')
+          .replace(/(\})/g, ' $1')
+        : obj
+    ]);
+  }
+  stat(str) {
+    if (this.debug) {
+      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}` : '');
+      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;
+  }
+  logProcess(data) {
+    if (!this.debug) {
+      return;
+    }
+    const { process, status, payload } = data;
+    // inner loop start-end log
+    const loopLog = [];
+    if (process === CommonProcess.init && status === Status.next) {
+      const loopStart = `---=== loop ${this.getLoopIdNext()} start`;
+      loopLog.push(this.logColor ? `%c${loopStart}` : loopStart);
+    }
+    else if (process === CommonProcess.end) {
+      const loopDone = `---=== loop ${this.getLoopId()} done`;
+      loopLog.push(this.logColor ? `%c${loopDone}` : loopDone);
+      const parent = payload && payload.process;
+      if (status === Status.next &&
+        parent !== AdapterProcess.reset &&
+        parent !== AdapterProcess.reload) {
+        loopLog[0] += `, loop ${this.getLoopIdNext()} start`;
+      }
+    }
+    if (loopLog.length) {
+      this.log(() => (this.logColor ? [...loopLog, 'color: #006600;'] : loopLog));
+    }
+  }
+  logCycle(start = true) {
+    const logData = this.getWorkflowCycleData();
+    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) {
+      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) {
+    if (this.debug) {
+      if (typeof args[0] === 'function') {
+        args = args[0]();
+        if (!Array.isArray(args)) {
+          args = [args];
+        }
+      }
+      if (args.every(item => item === void 0)) {
+        return;
+      }
+      if (this.logTime) {
+        args = [...args, this.getTime()];
+      }
+      args = args.map((arg) => this.prepareForLog(arg));
+      if (this.immediateLog) {
+        console.log.apply(this, args);
+      }
+      else {
+        this.logs.push(args);
+      }
+    }
+  }
+  // logNow(...args: unknown[]) {
+  //   const immediateLog = this.immediateLog;
+  //   const debug = this.debug;
+  //   (this as any).debug = true;
+  //   (this as any).immediateLog = true;
+  //   this.log.apply(this, args);
+  //   (this as any).debug = debug;
+  //   (this as any).immediateLog = immediateLog;
+  // }
+  logForce(...args) {
+    if (this.debug) {
+      if (!this.immediateLog && this.logs.length) {
+        this.logs.forEach(logArgs => console.log.apply(this, logArgs));
+        this.logs = [];
+      }
+      if (args.length) {
+        console.log.apply(this, args);
+      }
+    }
+  }
+  getLogs() {
+    return this.logs;
+  }
+}
 //# sourceMappingURL=logger.js.map