handsontable 16.2.0 → 17.0.0-rc1

package/3rdparty/walkontable/src/table.mjs

@@ -1,7 +1,3 @@
-import "core-js/modules/es.error.cause.js";
-import "core-js/modules/es.array.push.js";
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.for-each.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -14,6 +10,7 @@ import ColumnUtils from "./utils/column.mjs";
 import RowUtils from "./utils/row.mjs";
 import { CLONE_TOP, CLONE_BOTTOM, CLONE_INLINE_START, CLONE_TOP_INLINE_START_CORNER, CLONE_BOTTOM_INLINE_START_CORNER } from "./overlay/index.mjs";
 import { A11Y_PRESENTATION, A11Y_TABINDEX } from "../../../helpers/a11y.mjs";
+import { throwWithCause } from "../../../helpers/errors.mjs";
 /**
  * @todo These mixes are never added to the class Table, however their members are used here.
  * @todo Continue: Potentially it works only, because some of these mixes are added to every inherited class.
@@ -471,11 +468,11 @@ class Table {
     }
     const TR = this.getRow(row);
     if (!TR && row >= 0) {
-      throw new Error('TR was expected to be rendered but is not');
+      throwWithCause('TR was expected to be rendered but is not');
     }
     const TD = TR.childNodes[this.columnFilter.sourceColumnToVisibleRowHeadedColumn(column)];
     if (!TD && column >= 0) {
-      throw new Error('TD or TH was expected to be rendered but is not');
+      throwWithCause('TD or TH was expected to be rendered but is not');
     }
     return TD;
   }

package/3rdparty/walkontable/src/utils/column.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/column.mjs

@@ -1,4 +1,3 @@
-import "core-js/modules/es.error.cause.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/nodesPool.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
+var _browser = require("../../../../helpers/browser");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -44,6 +44,12 @@ class NodesPool {
    * @returns {HTMLElement}
    */
   obtain(rowIndex, columnIndex) {
+    // Firefox requires creating new DOM elements instead of reusing pooled nodes to avoid
+    // rendering issues. This bypasses the pooling mechanism and is consistent with the
+    // Direct DOM renderer adapter used in OrderView.
+    if ((0, _browser.isFirefox)()) {
+      return this.rootDocument.createElement(this.nodeType);
+    }
     const hasColumnIndex = typeof columnIndex === 'number';
     const key = hasColumnIndex ? `${rowIndex}x${columnIndex}` : rowIndex.toString();
     if (this.pool.has(key)) {

package/3rdparty/walkontable/src/utils/nodesPool.mjs

@@ -1,7 +1,7 @@
-import "core-js/modules/es.error.cause.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { isFirefox } from "../../../../helpers/browser.mjs";
 /**
  * Factory for newly created DOM elements.
  *
@@ -41,6 +41,12 @@ export class NodesPool {
    * @returns {HTMLElement}
    */
   obtain(rowIndex, columnIndex) {
+    // Firefox requires creating new DOM elements instead of reusing pooled nodes to avoid
+    // rendering issues. This bypasses the pooling mechanism and is consistent with the
+    // Direct DOM renderer adapter used in OrderView.
+    if (isFirefox()) {
+      return this.rootDocument.createElement(this.nodeType);
+    }
     const hasColumnIndex = typeof columnIndex === 'number';
     const key = hasColumnIndex ? `${rowIndex}x${columnIndex}` : rowIndex.toString();
     if (this.pool.has(key)) {

package/3rdparty/walkontable/src/utils/orderView/rendererAdapter/differBasedRendererAdapter.js

@@ -0,0 +1,100 @@
+"use strict";
+
+exports.__esModule = true;
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Differ based renderer adapter that uses ViewDiffer for efficient DOM manipulation.
+ * This is the default implementation for most browsers.
+ *
+ * @class {DifferBasedRendererAdapter}
+ */
+class DifferBasedRendererAdapter {
+  /**
+   * @param {OrderView} orderView The OrderView instance.
+   */
+  constructor(orderView) {
+    /**
+     * The list of render commands to execute. The command is an array with the following
+     * structure: [
+     *   [
+     *     'prepend' | 'append' | 'insert_before' | 'replace' | 'remove', // command name
+     *     10, // processed node index
+     *     9,  // previous node index (only for 'insert_before' and 'replace' commands)
+     *     8   // node index to remove (only for 'insert_before' command)
+     *   ],
+     *   ...
+     * ].
+     *
+     * @type {Array[]}
+     */
+    _defineProperty(this, "leads", []);
+    this.orderView = orderView;
+  }
+
+  /**
+   * Applies the commands generated by the differ into the specific DOM operations.
+   *
+   * @param {Array} command The command to apply.
+   */
+  applyCommand(command) {
+    const {
+      rootNode
+    } = this.orderView;
+    const [name, nodeIndex, nodePrevIndex, nodeIndexToRemove] = command;
+    const node = this.orderView.nodesPool(nodeIndex);
+    this.orderView.collectedNodes.push(node);
+    switch (name) {
+      case 'prepend':
+        rootNode.insertBefore(node, rootNode.firstChild);
+        break;
+      case 'append':
+        rootNode.appendChild(node);
+        break;
+      case 'insert_before':
+        rootNode.insertBefore(node, this.orderView.nodesPool(nodePrevIndex));
+        // To keep the constant length of child nodes (after inserting a node) remove the last child.
+        rootNode.removeChild(this.orderView.nodesPool(nodeIndexToRemove));
+        break;
+      case 'replace':
+        rootNode.replaceChild(node, this.orderView.nodesPool(nodePrevIndex));
+        break;
+      case 'remove':
+        rootNode.removeChild(node);
+        break;
+      default:
+        break;
+    }
+  }
+
+  /**
+   * Sets up and prepares all necessary properties and starts the rendering process.
+   * This method has to be called only once (at the start) for the render cycle.
+   */
+  start() {
+    this.orderView.collectedNodes.length = 0;
+    this.leads = this.orderView.viewDiffer.diff();
+  }
+
+  /**
+   * Renders the DOM element based on visual index (which is calculated internally).
+   * This method has to be called as many times as the size count is met (to cover all previously rendered DOM elements).
+   */
+  render() {
+    if (this.leads.length > 0) {
+      this.applyCommand(this.leads.shift());
+    }
+  }
+
+  /**
+   * Ends the render process.
+   * This method has to be called only once (at the end) for the render cycle.
+   */
+  end() {
+    while (this.leads.length > 0) {
+      this.applyCommand(this.leads.shift());
+    }
+  }
+}
+exports.DifferBasedRendererAdapter = DifferBasedRendererAdapter;

package/3rdparty/walkontable/src/utils/orderView/rendererAdapter/differBasedRendererAdapter.mjs

@@ -0,0 +1,96 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Differ based renderer adapter that uses ViewDiffer for efficient DOM manipulation.
+ * This is the default implementation for most browsers.
+ *
+ * @class {DifferBasedRendererAdapter}
+ */
+export class DifferBasedRendererAdapter {
+  /**
+   * @param {OrderView} orderView The OrderView instance.
+   */
+  constructor(orderView) {
+    /**
+     * The list of render commands to execute. The command is an array with the following
+     * structure: [
+     *   [
+     *     'prepend' | 'append' | 'insert_before' | 'replace' | 'remove', // command name
+     *     10, // processed node index
+     *     9,  // previous node index (only for 'insert_before' and 'replace' commands)
+     *     8   // node index to remove (only for 'insert_before' command)
+     *   ],
+     *   ...
+     * ].
+     *
+     * @type {Array[]}
+     */
+    _defineProperty(this, "leads", []);
+    this.orderView = orderView;
+  }
+
+  /**
+   * Applies the commands generated by the differ into the specific DOM operations.
+   *
+   * @param {Array} command The command to apply.
+   */
+  applyCommand(command) {
+    const {
+      rootNode
+    } = this.orderView;
+    const [name, nodeIndex, nodePrevIndex, nodeIndexToRemove] = command;
+    const node = this.orderView.nodesPool(nodeIndex);
+    this.orderView.collectedNodes.push(node);
+    switch (name) {
+      case 'prepend':
+        rootNode.insertBefore(node, rootNode.firstChild);
+        break;
+      case 'append':
+        rootNode.appendChild(node);
+        break;
+      case 'insert_before':
+        rootNode.insertBefore(node, this.orderView.nodesPool(nodePrevIndex));
+        // To keep the constant length of child nodes (after inserting a node) remove the last child.
+        rootNode.removeChild(this.orderView.nodesPool(nodeIndexToRemove));
+        break;
+      case 'replace':
+        rootNode.replaceChild(node, this.orderView.nodesPool(nodePrevIndex));
+        break;
+      case 'remove':
+        rootNode.removeChild(node);
+        break;
+      default:
+        break;
+    }
+  }
+
+  /**
+   * Sets up and prepares all necessary properties and starts the rendering process.
+   * This method has to be called only once (at the start) for the render cycle.
+   */
+  start() {
+    this.orderView.collectedNodes.length = 0;
+    this.leads = this.orderView.viewDiffer.diff();
+  }
+
+  /**
+   * Renders the DOM element based on visual index (which is calculated internally).
+   * This method has to be called as many times as the size count is met (to cover all previously rendered DOM elements).
+   */
+  render() {
+    if (this.leads.length > 0) {
+      this.applyCommand(this.leads.shift());
+    }
+  }
+
+  /**
+   * Ends the render process.
+   * This method has to be called only once (at the end) for the render cycle.
+   */
+  end() {
+    while (this.leads.length > 0) {
+      this.applyCommand(this.leads.shift());
+    }
+  }
+}

package/3rdparty/walkontable/src/utils/orderView/rendererAdapter/directDomRendererAdapter.js

@@ -0,0 +1,117 @@
+"use strict";
+
+exports.__esModule = true;
+var _constants = require("../constants");
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Direct DOM renderer adapter that uses direct DOM manipulation.
+ *
+ * @class {DirectDomRendererAdapter}
+ */
+class DirectDomRendererAdapter {
+  /**
+   * @param {OrderView} orderView The OrderView instance.
+   */
+  constructor(orderView) {
+    /**
+     * The visual index of currently processed row.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "visualIndex", 0);
+    this.orderView = orderView;
+  }
+
+  /**
+   * Returns rendered child count for this instance.
+   *
+   * @returns {number}
+   */
+  getRenderedChildCount() {
+    const {
+      rootNode,
+      sizeSet
+    } = this.orderView;
+    let childElementCount = 0;
+    if (this.orderView.isSharedViewSet()) {
+      let element = rootNode.firstElementChild;
+      while (element) {
+        if (element.tagName === this.orderView.childNodeType) {
+          childElementCount += 1;
+        } else if (sizeSet.isPlaceOn(_constants.WORKING_SPACE_TOP)) {
+          break;
+        }
+        element = element.nextElementSibling;
+      }
+    } else {
+      childElementCount = rootNode.childElementCount;
+    }
+    return childElementCount;
+  }
+
+  /**
+   * Sets up and prepares all necessary properties and starts the rendering process.
+   * This method has to be called only once (at the start) for the render cycle.
+   */
+  start() {
+    this.orderView.collectedNodes.length = 0;
+    this.visualIndex = 0;
+    const {
+      rootNode,
+      sizeSet
+    } = this.orderView;
+    const isShared = this.orderView.isSharedViewSet();
+    const {
+      nextSize
+    } = sizeSet.getViewSize();
+    let childElementCount = this.getRenderedChildCount();
+    while (childElementCount < nextSize) {
+      const newNode = this.orderView.nodesPool();
+      if (!isShared || isShared && sizeSet.isPlaceOn(_constants.WORKING_SPACE_BOTTOM)) {
+        rootNode.appendChild(newNode);
+      } else {
+        rootNode.insertBefore(newNode, rootNode.firstChild);
+      }
+      childElementCount += 1;
+    }
+    const isSharedPlacedOnTop = isShared && sizeSet.isPlaceOn(_constants.WORKING_SPACE_TOP);
+    while (childElementCount > nextSize) {
+      rootNode.removeChild(isSharedPlacedOnTop ? rootNode.firstChild : rootNode.lastChild);
+      childElementCount -= 1;
+    }
+  }
+
+  /**
+   * Renders the DOM element based on visual index (which is calculated internally).
+   * This method has to be called as many times as the size count is met (to cover all previously rendered DOM elements).
+   */
+  render() {
+    const {
+      rootNode,
+      sizeSet
+    } = this.orderView;
+    let visualIndex = this.visualIndex;
+    if (this.orderView.isSharedViewSet() && sizeSet.isPlaceOn(_constants.WORKING_SPACE_BOTTOM)) {
+      visualIndex += sizeSet.sharedSize.nextSize;
+    }
+    let node = rootNode.childNodes[visualIndex];
+    if (node.tagName !== this.orderView.childNodeType) {
+      const newNode = this.orderView.nodesPool();
+      rootNode.replaceChild(newNode, node);
+      node = newNode;
+    }
+    this.orderView.collectedNodes.push(node);
+    this.visualIndex += 1;
+  }
+
+  /**
+   * Ends the render process.
+   * This method has to be called only once (at the end) for the render cycle.
+   */
+  end() {
+    // Firefox doesn't need cleanup - all work is done in start() and render()
+  }
+}
+exports.DirectDomRendererAdapter = DirectDomRendererAdapter;

package/3rdparty/walkontable/src/utils/orderView/rendererAdapter/directDomRendererAdapter.mjs

@@ -0,0 +1,113 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { WORKING_SPACE_TOP, WORKING_SPACE_BOTTOM } from "../constants.mjs";
+/**
+ * Direct DOM renderer adapter that uses direct DOM manipulation.
+ *
+ * @class {DirectDomRendererAdapter}
+ */
+export class DirectDomRendererAdapter {
+  /**
+   * @param {OrderView} orderView The OrderView instance.
+   */
+  constructor(orderView) {
+    /**
+     * The visual index of currently processed row.
+     *
+     * @type {number}
+     */
+    _defineProperty(this, "visualIndex", 0);
+    this.orderView = orderView;
+  }
+
+  /**
+   * Returns rendered child count for this instance.
+   *
+   * @returns {number}
+   */
+  getRenderedChildCount() {
+    const {
+      rootNode,
+      sizeSet
+    } = this.orderView;
+    let childElementCount = 0;
+    if (this.orderView.isSharedViewSet()) {
+      let element = rootNode.firstElementChild;
+      while (element) {
+        if (element.tagName === this.orderView.childNodeType) {
+          childElementCount += 1;
+        } else if (sizeSet.isPlaceOn(WORKING_SPACE_TOP)) {
+          break;
+        }
+        element = element.nextElementSibling;
+      }
+    } else {
+      childElementCount = rootNode.childElementCount;
+    }
+    return childElementCount;
+  }
+
+  /**
+   * Sets up and prepares all necessary properties and starts the rendering process.
+   * This method has to be called only once (at the start) for the render cycle.
+   */
+  start() {
+    this.orderView.collectedNodes.length = 0;
+    this.visualIndex = 0;
+    const {
+      rootNode,
+      sizeSet
+    } = this.orderView;
+    const isShared = this.orderView.isSharedViewSet();
+    const {
+      nextSize
+    } = sizeSet.getViewSize();
+    let childElementCount = this.getRenderedChildCount();
+    while (childElementCount < nextSize) {
+      const newNode = this.orderView.nodesPool();
+      if (!isShared || isShared && sizeSet.isPlaceOn(WORKING_SPACE_BOTTOM)) {
+        rootNode.appendChild(newNode);
+      } else {
+        rootNode.insertBefore(newNode, rootNode.firstChild);
+      }
+      childElementCount += 1;
+    }
+    const isSharedPlacedOnTop = isShared && sizeSet.isPlaceOn(WORKING_SPACE_TOP);
+    while (childElementCount > nextSize) {
+      rootNode.removeChild(isSharedPlacedOnTop ? rootNode.firstChild : rootNode.lastChild);
+      childElementCount -= 1;
+    }
+  }
+
+  /**
+   * Renders the DOM element based on visual index (which is calculated internally).
+   * This method has to be called as many times as the size count is met (to cover all previously rendered DOM elements).
+   */
+  render() {
+    const {
+      rootNode,
+      sizeSet
+    } = this.orderView;
+    let visualIndex = this.visualIndex;
+    if (this.orderView.isSharedViewSet() && sizeSet.isPlaceOn(WORKING_SPACE_BOTTOM)) {
+      visualIndex += sizeSet.sharedSize.nextSize;
+    }
+    let node = rootNode.childNodes[visualIndex];
+    if (node.tagName !== this.orderView.childNodeType) {
+      const newNode = this.orderView.nodesPool();
+      rootNode.replaceChild(newNode, node);
+      node = newNode;
+    }
+    this.orderView.collectedNodes.push(node);
+    this.visualIndex += 1;
+  }
+
+  /**
+   * Ends the render process.
+   * This method has to be called only once (at the end) for the render cycle.
+   */
+  end() {
+    // Firefox doesn't need cleanup - all work is done in start() and render()
+  }
+}

package/3rdparty/walkontable/src/utils/orderView/rendererAdapter/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createRendererAdapter = createRendererAdapter;
+var _browser = require("../../../../../../helpers/browser");
+var _differBasedRendererAdapter = require("./differBasedRendererAdapter");
+var _directDomRendererAdapter = require("./directDomRendererAdapter");
+/**
+ * Factory function to create the appropriate renderer adapter based on the browser.
+ *
+ * @param {OrderView} orderView The OrderView instance.
+ * @returns {DifferBasedRendererAdapter|DirectDomRendererAdapter}
+ */
+function createRendererAdapter(orderView) {
+  if ((0, _browser.isFirefox)()) {
+    return new _directDomRendererAdapter.DirectDomRendererAdapter(orderView);
+  }
+  return new _differBasedRendererAdapter.DifferBasedRendererAdapter(orderView);
+}

package/3rdparty/walkontable/src/utils/orderView/rendererAdapter/index.mjs

@@ -0,0 +1,15 @@
+import { isFirefox } from "../../../../../../helpers/browser.mjs";
+import { DifferBasedRendererAdapter } from "./differBasedRendererAdapter.mjs";
+import { DirectDomRendererAdapter } from "./directDomRendererAdapter.mjs";
+/**
+ * Factory function to create the appropriate renderer adapter based on the browser.
+ *
+ * @param {OrderView} orderView The OrderView instance.
+ * @returns {DifferBasedRendererAdapter|DirectDomRendererAdapter}
+ */
+export function createRendererAdapter(orderView) {
+  if (isFirefox()) {
+    return new DirectDomRendererAdapter(orderView);
+  }
+  return new DifferBasedRendererAdapter(orderView);
+}

package/3rdparty/walkontable/src/utils/orderView/view.js

@@ -1,10 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.array.push.js");
 var _viewSizeSet = require("./viewSizeSet");
 var _viewDiffer = require("./viewDiffer");
+var _rendererAdapter = require("./rendererAdapter");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -17,7 +16,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @class {OrderView}
  */
 class OrderView {
-  constructor(rootNode, nodesPool) {
+  constructor(rootNode, nodesPool, childNodeType) {
     /**
      * The root node to manage with.
      *
@@ -50,22 +49,21 @@ class OrderView {
      */
     _defineProperty(this, "viewDiffer", new _viewDiffer.ViewDiffer(this.sizeSet));
     /**
-     * The list of render commands to execute. The command is an array with the following
-     * structure: [
-     *   [
-     *     'prepend' | 'append' | 'insert_before' | 'replace' | 'remove', // command name
-     *     10, // processed node index
-     *     9,  // previous node index (only for 'insert_before' and 'replace' commands)
-     *     8   // node index to remove (only for 'insert_before' command)
-     *   ],
-     *   ...
-     * ].
+     * Node type which the order view will manage while rendering the DOM elements.
      *
-     * @type {Array[]}
+     * @type {string}
      */
-    _defineProperty(this, "leads", []);
+    _defineProperty(this, "childNodeType", void 0);
+    /**
+     * The renderer adapter that handles browser-specific rendering logic.
+     *
+     * @type {StandardRendererAdapter|FirefoxRendererAdapter}
+     */
+    _defineProperty(this, "rendererAdapter", void 0);
     this.rootNode = rootNode;
     this.nodesPool = nodesPool;
+    this.childNodeType = childNodeType;
+    this.rendererAdapter = (0, _rendererAdapter.createRendererAdapter)(this);
   }
 
   /**
@@ -123,48 +121,12 @@ class OrderView {
     return length > 0 ? this.collectedNodes[length - 1] : null;
   }
 
-  /**
-   * Applies the commands generated by the differ into the specific DOM operations.
-   *
-   * @param {Array} command The command to apply.
-   */
-  applyCommand(command) {
-    const {
-      rootNode
-    } = this;
-    const [name, nodeIndex, nodePrevIndex, nodeIndexToRemove] = command;
-    const node = this.nodesPool(nodeIndex);
-    this.collectedNodes.push(node);
-    switch (name) {
-      case 'prepend':
-        rootNode.insertBefore(node, rootNode.firstChild);
-        break;
-      case 'append':
-        rootNode.appendChild(node);
-        break;
-      case 'insert_before':
-        rootNode.insertBefore(node, this.nodesPool(nodePrevIndex));
-        // To keep the constant length of child nodes (after inserting a node) remove the last child.
-        rootNode.removeChild(this.nodesPool(nodeIndexToRemove));
-        break;
-      case 'replace':
-        rootNode.replaceChild(node, this.nodesPool(nodePrevIndex));
-        break;
-      case 'remove':
-        rootNode.removeChild(node);
-        break;
-      default:
-        break;
-    }
-  }
-
   /**
    * Setups and prepares all necessary properties and start the rendering process.
    * This method has to be called only once (at the start) for the render cycle.
    */
   start() {
-    this.collectedNodes.length = 0;
-    this.leads = this.viewDiffer.diff();
+    this.rendererAdapter.start();
   }
 
   /**
@@ -172,9 +134,7 @@ class OrderView {
    * This method has to be called as many times as the size count is met (to cover all previously rendered DOM elements).
    */
   render() {
-    if (this.leads.length > 0) {
-      this.applyCommand(this.leads.shift());
-    }
+    this.rendererAdapter.render();
   }
 
   /**
@@ -182,9 +142,7 @@ class OrderView {
    * This method has to be called only once (at the end) for the render cycle.
    */
   end() {
-    while (this.leads.length > 0) {
-      this.applyCommand(this.leads.shift());
-    }
+    this.rendererAdapter.end();
   }
 }
 exports.OrderView = OrderView;