handsontable 0.0.0-next-a148bc1-20241121 → 0.0.0-next-3058de1-20241122

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

@@ -1,3 +1,3 @@
-import { OrderView } from "./view.mjs";
-import { SharedOrderView } from "./sharedView.mjs";
+import OrderView from "./view.mjs";
+import SharedOrderView from "./sharedView.mjs";
 export { OrderView, SharedOrderView };

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

@@ -1,13 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-var _view = require("./view");
+var _view = _interopRequireDefault(require("./view"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Executive model for TR root nodes.
  *
  * @class {SharedOrderView}
  */
-class SharedOrderView extends _view.OrderView {
+class SharedOrderView extends _view.default {
   /**
    * The method results in merging external order view into the current order. This happens only for order views which
    * operate on the same root node.
@@ -42,4 +43,4 @@ class SharedOrderView extends _view.OrderView {
     return this;
   }
 }
-exports.SharedOrderView = SharedOrderView;
+exports.default = SharedOrderView;

package/3rdparty/walkontable/src/utils/orderView/sharedView.mjs

@@ -1,10 +1,10 @@
-import { OrderView } from "./view.mjs";
+import OrderView from "./view.mjs";
 /**
  * Executive model for TR root nodes.
  *
  * @class {SharedOrderView}
  */
-export class SharedOrderView extends OrderView {
+export default class SharedOrderView extends OrderView {
   /**
    * The method results in merging external order view into the current order. This happens only for order views which
    * operate on the same root node.

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

@@ -3,8 +3,9 @@
 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 _constants = require("./constants");
+var _viewSizeSet = _interopRequireDefault(require("./viewSizeSet"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 +18,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.
      *
@@ -27,7 +28,7 @@ class OrderView {
     /**
      * Factory for newly created DOM elements.
      *
-     * @type {function(number): HTMLElement}
+     * @type {Function}
      */
     _defineProperty(this, "nodesPool", void 0);
     /**
@@ -35,41 +36,28 @@ class OrderView {
      *
      * @type {ViewSizeSet}
      */
-    _defineProperty(this, "sizeSet", new _viewSizeSet.ViewSizeSet());
+    _defineProperty(this, "sizeSet", new _viewSizeSet.default());
     /**
-     * The list of DOM elements which are rendered for this render cycle.
+     * Node type which the order view will manage while rendering the DOM elements.
      *
-     * @type {HTMLElement[]}
+     * @type {string}
      */
-    _defineProperty(this, "collectedNodes", []);
+    _defineProperty(this, "childNodeType", void 0);
     /**
-     * The differ which calculates the differences between current and next view. It generates
-     * commands that are processed by the OrderView (see `applyCommand` method).
+     * The visual index of currently processed row.
      *
-     * @type {ViewDiffer}
+     * @type {number}
      */
-    _defineProperty(this, "viewDiffer", new _viewDiffer.ViewDiffer(this.sizeSet));
+    _defineProperty(this, "visualIndex", 0);
     /**
-     * @type {number[]}
-     */
-    _defineProperty(this, "staleNodeIndexes", []);
-    /**
-     * 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)
-     *   ],
-     *   ...
-     * ].
+     * The list of DOM elements which are rendered for this render cycle.
      *
-     * @type {Array[]}
+     * @type {HTMLElement[]}
      */
-    _defineProperty(this, "leads", []);
+    _defineProperty(this, "collectedNodes", []);
     this.rootNode = rootNode;
     this.nodesPool = nodesPool;
+    this.childNodeType = childNodeType.toUpperCase();
   }
 
   /**
@@ -96,14 +84,6 @@ class OrderView {
     return this;
   }
 
-  /**
-   * @param {number} sourceIndex The source index.
-   * @returns {boolean}
-   */
-  hasStaleContent(sourceIndex) {
-    return this.staleNodeIndexes.includes(sourceIndex);
-  }
-
   /**
    * Checks if this instance of the view shares the root node with another instance. This happens only once when
    * a row (TR) as a root node is managed by two OrderView instances. If this happens another DOM injection
@@ -136,44 +116,30 @@ class OrderView {
   }
 
   /**
-   * Applies the commands generated by the differ into the specific DOM operations.
+   * Returns rendered child count for this instance.
    *
-   * @param {Array} command The command to apply.
+   * @returns {number}
    */
-  applyCommand(command) {
+  getRenderedChildCount() {
     const {
-      rootNode
+      rootNode,
+      sizeSet
     } = this;
-    const [name, nodeIndex, nodePrevIndex, nodeIndexToRemove] = command;
-    const node = this.nodesPool(nodeIndex);
-    this.collectedNodes.push(node);
-
-    // @TODO(perf-tip): Only nodes which are first time rendered (hasn't any inner content) can be marked as stale
-    // e.q `name !== 'none' && !node.firstChild`.
-    if (name !== 'none') {
-      this.staleNodeIndexes.push(nodeIndex);
-    }
-    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;
+    let childElementCount = 0;
+    if (this.isSharedViewSet()) {
+      let element = rootNode.firstElementChild;
+      while (element) {
+        if (element.tagName === this.childNodeType) {
+          childElementCount += 1;
+        } else if (sizeSet.isPlaceOn(_constants.WORKING_SPACE_TOP)) {
+          break;
+        }
+        element = element.nextElementSibling;
+      }
+    } else {
+      childElementCount = rootNode.childElementCount;
     }
+    return childElementCount;
   }
 
   /**
@@ -182,8 +148,30 @@ class OrderView {
    */
   start() {
     this.collectedNodes.length = 0;
-    this.staleNodeIndexes.length = 0;
-    this.leads = this.viewDiffer.diff();
+    this.visualIndex = 0;
+    const {
+      rootNode,
+      sizeSet
+    } = this;
+    const isShared = this.isSharedViewSet();
+    const {
+      nextSize
+    } = sizeSet.getViewSize();
+    let childElementCount = this.getRenderedChildCount();
+    while (childElementCount < nextSize) {
+      const newNode = this.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;
+    }
   }
 
   /**
@@ -191,19 +179,28 @@ 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());
+    const {
+      rootNode,
+      sizeSet
+    } = this;
+    let visualIndex = this.visualIndex;
+    if (this.isSharedViewSet() && sizeSet.isPlaceOn(_constants.WORKING_SPACE_BOTTOM)) {
+      visualIndex += sizeSet.sharedSize.nextSize;
+    }
+    let node = rootNode.childNodes[visualIndex];
+    if (node.tagName !== this.childNodeType) {
+      const newNode = this.nodesPool();
+      rootNode.replaceChild(newNode, node);
+      node = newNode;
     }
+    this.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() {
-    while (this.leads.length > 0) {
-      this.applyCommand(this.leads.shift());
-    }
-  }
+  end() {}
 }
-exports.OrderView = OrderView;
+exports.default = OrderView;

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

@@ -3,8 +3,8 @@ import "core-js/modules/es.array.push.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 { ViewSizeSet } from "./viewSizeSet.mjs";
-import { ViewDiffer } from "./viewDiffer/index.mjs";
+import { WORKING_SPACE_TOP, WORKING_SPACE_BOTTOM } from "./constants.mjs";
+import ViewSizeSet from "./viewSizeSet.mjs";
 /**
  * Executive model for each table renderer. It's responsible for injecting DOM nodes in a
  * specified order and adjusting the number of elements in the root node.
@@ -13,8 +13,8 @@ import { ViewDiffer } from "./viewDiffer/index.mjs";
  *
  * @class {OrderView}
  */
-export class OrderView {
-  constructor(rootNode, nodesPool) {
+export default class OrderView {
+  constructor(rootNode, nodesPool, childNodeType) {
     /**
      * The root node to manage with.
      *
@@ -24,7 +24,7 @@ export class OrderView {
     /**
      * Factory for newly created DOM elements.
      *
-     * @type {function(number): HTMLElement}
+     * @type {Function}
      */
     _defineProperty(this, "nodesPool", void 0);
     /**
@@ -34,39 +34,26 @@ export class OrderView {
      */
     _defineProperty(this, "sizeSet", new ViewSizeSet());
     /**
-     * The list of DOM elements which are rendered for this render cycle.
+     * Node type which the order view will manage while rendering the DOM elements.
      *
-     * @type {HTMLElement[]}
+     * @type {string}
      */
-    _defineProperty(this, "collectedNodes", []);
+    _defineProperty(this, "childNodeType", void 0);
     /**
-     * The differ which calculates the differences between current and next view. It generates
-     * commands that are processed by the OrderView (see `applyCommand` method).
+     * The visual index of currently processed row.
      *
-     * @type {ViewDiffer}
+     * @type {number}
      */
-    _defineProperty(this, "viewDiffer", new ViewDiffer(this.sizeSet));
+    _defineProperty(this, "visualIndex", 0);
     /**
-     * @type {number[]}
-     */
-    _defineProperty(this, "staleNodeIndexes", []);
-    /**
-     * 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)
-     *   ],
-     *   ...
-     * ].
+     * The list of DOM elements which are rendered for this render cycle.
      *
-     * @type {Array[]}
+     * @type {HTMLElement[]}
      */
-    _defineProperty(this, "leads", []);
+    _defineProperty(this, "collectedNodes", []);
     this.rootNode = rootNode;
     this.nodesPool = nodesPool;
+    this.childNodeType = childNodeType.toUpperCase();
   }
 
   /**
@@ -93,14 +80,6 @@ export class OrderView {
     return this;
   }
 
-  /**
-   * @param {number} sourceIndex The source index.
-   * @returns {boolean}
-   */
-  hasStaleContent(sourceIndex) {
-    return this.staleNodeIndexes.includes(sourceIndex);
-  }
-
   /**
    * Checks if this instance of the view shares the root node with another instance. This happens only once when
    * a row (TR) as a root node is managed by two OrderView instances. If this happens another DOM injection
@@ -133,44 +112,30 @@ export class OrderView {
   }
 
   /**
-   * Applies the commands generated by the differ into the specific DOM operations.
+   * Returns rendered child count for this instance.
    *
-   * @param {Array} command The command to apply.
+   * @returns {number}
    */
-  applyCommand(command) {
+  getRenderedChildCount() {
     const {
-      rootNode
+      rootNode,
+      sizeSet
     } = this;
-    const [name, nodeIndex, nodePrevIndex, nodeIndexToRemove] = command;
-    const node = this.nodesPool(nodeIndex);
-    this.collectedNodes.push(node);
-
-    // @TODO(perf-tip): Only nodes which are first time rendered (hasn't any inner content) can be marked as stale
-    // e.q `name !== 'none' && !node.firstChild`.
-    if (name !== 'none') {
-      this.staleNodeIndexes.push(nodeIndex);
-    }
-    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;
+    let childElementCount = 0;
+    if (this.isSharedViewSet()) {
+      let element = rootNode.firstElementChild;
+      while (element) {
+        if (element.tagName === this.childNodeType) {
+          childElementCount += 1;
+        } else if (sizeSet.isPlaceOn(WORKING_SPACE_TOP)) {
+          break;
+        }
+        element = element.nextElementSibling;
+      }
+    } else {
+      childElementCount = rootNode.childElementCount;
     }
+    return childElementCount;
   }
 
   /**
@@ -179,8 +144,30 @@ export class OrderView {
    */
   start() {
     this.collectedNodes.length = 0;
-    this.staleNodeIndexes.length = 0;
-    this.leads = this.viewDiffer.diff();
+    this.visualIndex = 0;
+    const {
+      rootNode,
+      sizeSet
+    } = this;
+    const isShared = this.isSharedViewSet();
+    const {
+      nextSize
+    } = sizeSet.getViewSize();
+    let childElementCount = this.getRenderedChildCount();
+    while (childElementCount < nextSize) {
+      const newNode = this.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;
+    }
   }
 
   /**
@@ -188,18 +175,27 @@ export 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());
+    const {
+      rootNode,
+      sizeSet
+    } = this;
+    let visualIndex = this.visualIndex;
+    if (this.isSharedViewSet() && sizeSet.isPlaceOn(WORKING_SPACE_BOTTOM)) {
+      visualIndex += sizeSet.sharedSize.nextSize;
+    }
+    let node = rootNode.childNodes[visualIndex];
+    if (node.tagName !== this.childNodeType) {
+      const newNode = this.nodesPool();
+      rootNode.replaceChild(newNode, node);
+      node = newNode;
     }
+    this.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() {
-    while (this.leads.length > 0) {
-      this.applyCommand(this.leads.shift());
-    }
-  }
+  end() {}
 }

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

@@ -57,4 +57,4 @@ class ViewSize {
     this.nextOffset = offset;
   }
 }
-exports.ViewSize = ViewSize;
+exports.default = ViewSize;

package/3rdparty/walkontable/src/utils/orderView/viewSize.mjs

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  *
  * @class {ViewSize}
  */
-export class ViewSize {
+export default class ViewSize {
   constructor() {
     /**
      * Current size of the rendered DOM elements.

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

@@ -2,8 +2,9 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
-var _viewSize = require("./viewSize");
+var _viewSize = _interopRequireDefault(require("./viewSize"));
 var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
@@ -30,7 +31,7 @@ class ViewSizeSet {
      *
      * @type {ViewSize}
      */
-    _defineProperty(this, "size", new _viewSize.ViewSize());
+    _defineProperty(this, "size", new _viewSize.default());
     /**
      * Defines if this instance shares its size with another instance. If it's in the shared
      * mode it defines what space it occupies ('top' or 'bottom').
@@ -80,7 +81,7 @@ class ViewSizeSet {
    * @returns {boolean}
    */
   isShared() {
-    return this.sharedSize !== null;
+    return this.sharedSize instanceof _viewSize.default;
   }
 
   /**
@@ -115,4 +116,4 @@ class ViewSizeSet {
     this.sharedSize = viewSize.getViewSize();
   }
 }
-exports.ViewSizeSet = ViewSizeSet;
+exports.default = ViewSizeSet;

package/3rdparty/walkontable/src/utils/orderView/viewSizeSet.mjs

@@ -2,7 +2,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 { ViewSize } from "./viewSize.mjs";
+import ViewSize from "./viewSize.mjs";
 import { WORKING_SPACE_ALL, WORKING_SPACE_TOP, WORKING_SPACE_BOTTOM } from "./constants.mjs";
 /**
  * The class is a source of the truth of information about the current and
@@ -20,7 +20,7 @@ import { WORKING_SPACE_ALL, WORKING_SPACE_TOP, WORKING_SPACE_BOTTOM } from "./co
  *
  * @class {ViewSizeSet}
  */
-export class ViewSizeSet {
+export default class ViewSizeSet {
   constructor() {
     /**
      * Holder for current and next view size and offset.
@@ -77,7 +77,7 @@ export class ViewSizeSet {
    * @returns {boolean}
    */
   isShared() {
-    return this.sharedSize !== null;
+    return this.sharedSize instanceof ViewSize;
   }
 
   /**