handsontable 13.1.0-next-e1a7d2c-20230831 → 14.0.0-next-d97b156-20231027

package/utils/ghostTable.mjs

@@ -1,5 +1,8 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { addClass, outerHeight } from "./../helpers/dom/element.mjs";
 import { arrayEach } from "./../helpers/array.mjs";
 /**
@@ -12,47 +15,48 @@ class GhostTable {
      *
      * @type {Core}
      */
-    this.hot = hotInstance;
+    _defineProperty(this, "hot", null);
     /**
      * Container element where every table will be injected.
      *
      * @type {HTMLElement|null}
      */
-    this.container = null;
+    _defineProperty(this, "container", null);
     /**
      * Flag which determine is table was injected to DOM.
      *
      * @type {boolean}
      */
-    this.injected = false;
+    _defineProperty(this, "injected", false);
     /**
      * Added rows collection.
      *
      * @type {Array}
      */
-    this.rows = [];
+    _defineProperty(this, "rows", []);
     /**
      * Added columns collection.
      *
      * @type {Array}
      */
-    this.columns = [];
+    _defineProperty(this, "columns", []);
     /**
      * Samples prepared for calculations.
      *
      * @type {Map}
      * @default {null}
      */
-    this.samples = null;
+    _defineProperty(this, "samples", null);
     /**
      * Ghost table settings.
      *
      * @type {object}
      * @default {Object}
      */
-    this.settings = {
+    _defineProperty(this, "settings", {
       useHeaders: true
-    };
+    });
+    this.hot = hotInstance;
   }
 
   /**
@@ -74,7 +78,7 @@ class GhostTable {
     this.rows.push(rowObject);
     this.samples = samples;
     this.table = this.createTable(this.hot.table.className);
-    this.table.colGroup.appendChild(this.createColGroupsCol());
+    this.table.colGroup.appendChild(this.createColGroupsCol(row));
     this.table.tr.appendChild(this.createRow(row));
     this.container.container.appendChild(this.table.fragment);
     rowObject.table = this.table.table;
@@ -218,16 +222,17 @@ class GhostTable {
   /**
    * Create colgroup col elements.
    *
+   * @param {number} row Visual row index.
    * @returns {DocumentFragment}
    */
-  createColGroupsCol() {
+  createColGroupsCol(row) {
     const fragment = this.hot.rootDocument.createDocumentFragment();
     if (this.hot.hasRowHeaders()) {
-      fragment.appendChild(this.createColElement(-1));
+      fragment.appendChild(this.createColElement(-1, -1));
     }
     this.samples.forEach(sample => {
       arrayEach(sample.strings, string => {
-        fragment.appendChild(this.createColElement(string.col));
+        fragment.appendChild(this.createColElement(string.col, row));
       });
     });
     return fragment;
@@ -374,12 +379,23 @@ class GhostTable {
   /**
    * Create col element.
    *
-   * @param {number} column Column index.
+   * @param {number} column Visual column index.
+   * @param {number} row Visual row index.
    * @returns {HTMLElement}
    */
-  createColElement(column) {
+  createColElement(column, row) {
     const col = this.hot.rootDocument.createElement('col');
-    col.style.width = `${this.hot.view._wt.wtTable.getStretchedColumnWidth(column)}px`;
+    let colspan = 0;
+    if (row >= 0 && column >= 0) {
+      colspan = this.hot.getCellMeta(row, column).colspan;
+    }
+    let width = this.hot.view._wt.wtTable.getStretchedColumnWidth(column);
+    if (colspan > 1) {
+      for (let nextColumn = column + 1; nextColumn < column + colspan; nextColumn++) {
+        width += this.hot.view._wt.wtTable.getStretchedColumnWidth(nextColumn);
+      }
+    }
+    col.style.width = `${width}px`;
     return col;
   }
 

package/utils/interval.js

@@ -97,14 +97,13 @@ class Interval {
     }
   }
 }
-var _default = Interval;
+var _default = exports.default = Interval;
 /**
  * Convert delay from string format to milliseconds.
  *
  * @param {number|string} delay The delay in FPS (frame per second) or number format.
  * @returns {number}
  */
-exports.default = _default;
 function parseDelay(delay) {
   let result = delay;
   if (typeof result === 'string' && /fps$/.test(result)) {

package/utils/paginator.js

@@ -0,0 +1,151 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createPaginator = createPaginator;
+var _number = require("../helpers/number");
+/**
+ * @typedef Paginator
+ * @property {function(number): void} setCurrentPage Sets the current index to the specific page.
+ * @property {function(): number} getCurrentPage Gets the current page.
+ * @property {function(): number} getSize Gets the total number of pages.
+ * @property {function(): void} toFirstItem Move the index to the first page.
+ * @property {function(): void} toLastItem Move the index to the last page.
+ * @property {function(): void} toNextItem Move the index to the next page.
+ * @property {function(): void} toPreviousItem Move the index to the previous page.
+ * @property {function(): void} clear Clear the internal state of the paginator.
+ */
+/**
+ * @param {object} options Paginator options.
+ * @param {number} [options.initialPage] Initial index from which paging starts. Also, after clearing the paginator
+ * the page is cleared to the initial page.
+ * @param {function(): number} [options.size] Sets the max size of the pages.
+ * @param {function(number): boolean | void} [options.onItemSelect] Fires the function on each page change.
+ * @param {function(): void} [options.onClear] Fires the function after clearing the state.
+ * @returns {Paginator}
+ */
+function createPaginator(_ref) {
+  let {
+    initialPage = -1,
+    size = () => 0,
+    onItemSelect = () => {},
+    onClear = () => {}
+  } = _ref;
+  const visitedPages = new Set();
+  let currentIndex = (0, _number.clamp)(initialPage, -1, getSize() - 1);
+
+  /**
+   * Updates the internal state of the paginator.
+   *
+   * @param {number} newIndex The page index to switch.
+   * @param {-1|1} direction The direction of traversing the pages in case when they are disabled.
+   * @returns {number} Returns the final index of the page.
+   */
+  function _updateState(newIndex, direction) {
+    const lastIndex = getSize() - 1;
+    if (newIndex < 0) {
+      newIndex = lastIndex;
+    }
+    if (newIndex > lastIndex) {
+      newIndex = 0;
+    }
+    if (visitedPages.has(newIndex)) {
+      return -1;
+    }
+    visitedPages.add(newIndex);
+    const changeProceed = onItemSelect(newIndex, false);
+    if (changeProceed === false) {
+      newIndex = _updateState(direction === 1 ? ++newIndex : --newIndex,
+      // eslint-disable-line no-plusplus
+      direction);
+    }
+    return newIndex;
+  }
+
+  /**
+   * Sets the page index as current one.
+   *
+   * @param {number} index The index to set.
+   */
+  function setCurrentPage(index) {
+    if (index > -1 && index < getSize() && onItemSelect(index, true) !== false) {
+      currentIndex = index;
+    }
+  }
+
+  /**
+   * Gets the current page.
+   *
+   * @returns {number}
+   */
+  function getCurrentPage() {
+    return currentIndex;
+  }
+
+  /**
+   * Moves the index to the first page.
+   */
+  function toFirstItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(0, 1);
+    }
+  }
+
+  /**
+   * Moves the index to the last page.
+   */
+  function toLastItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(getSize() - 1, -1);
+    }
+  }
+
+  /**
+   * Moves the index to the next page.
+   */
+  function toNextItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(++currentIndex, 1); // eslint-disable-line no-plusplus
+    }
+  }
+
+  /**
+   * Moves the index to the previous page.
+   */
+  function toPreviousItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(--currentIndex, -1); // eslint-disable-line no-plusplus
+    }
+  }
+
+  /**
+   * Gets the total number of pages.
+   *
+   * @returns {number}
+   */
+  function getSize() {
+    return Math.max(size(), 0);
+  }
+
+  /**
+   * Clears the internal state of the paginator.
+   */
+  function clear() {
+    visitedPages.clear();
+    currentIndex = initialPage;
+    onClear();
+  }
+  return {
+    setCurrentPage,
+    getCurrentPage,
+    toFirstItem,
+    toLastItem,
+    toNextItem,
+    toPreviousItem,
+    getSize,
+    clear
+  };
+}

package/utils/paginator.mjs

@@ -0,0 +1,147 @@
+import { clamp } from "../helpers/number.mjs";
+/**
+ * @typedef Paginator
+ * @property {function(number): void} setCurrentPage Sets the current index to the specific page.
+ * @property {function(): number} getCurrentPage Gets the current page.
+ * @property {function(): number} getSize Gets the total number of pages.
+ * @property {function(): void} toFirstItem Move the index to the first page.
+ * @property {function(): void} toLastItem Move the index to the last page.
+ * @property {function(): void} toNextItem Move the index to the next page.
+ * @property {function(): void} toPreviousItem Move the index to the previous page.
+ * @property {function(): void} clear Clear the internal state of the paginator.
+ */
+/**
+ * @param {object} options Paginator options.
+ * @param {number} [options.initialPage] Initial index from which paging starts. Also, after clearing the paginator
+ * the page is cleared to the initial page.
+ * @param {function(): number} [options.size] Sets the max size of the pages.
+ * @param {function(number): boolean | void} [options.onItemSelect] Fires the function on each page change.
+ * @param {function(): void} [options.onClear] Fires the function after clearing the state.
+ * @returns {Paginator}
+ */
+export function createPaginator(_ref) {
+  let {
+    initialPage = -1,
+    size = () => 0,
+    onItemSelect = () => {},
+    onClear = () => {}
+  } = _ref;
+  const visitedPages = new Set();
+  let currentIndex = clamp(initialPage, -1, getSize() - 1);
+
+  /**
+   * Updates the internal state of the paginator.
+   *
+   * @param {number} newIndex The page index to switch.
+   * @param {-1|1} direction The direction of traversing the pages in case when they are disabled.
+   * @returns {number} Returns the final index of the page.
+   */
+  function _updateState(newIndex, direction) {
+    const lastIndex = getSize() - 1;
+    if (newIndex < 0) {
+      newIndex = lastIndex;
+    }
+    if (newIndex > lastIndex) {
+      newIndex = 0;
+    }
+    if (visitedPages.has(newIndex)) {
+      return -1;
+    }
+    visitedPages.add(newIndex);
+    const changeProceed = onItemSelect(newIndex, false);
+    if (changeProceed === false) {
+      newIndex = _updateState(direction === 1 ? ++newIndex : --newIndex,
+      // eslint-disable-line no-plusplus
+      direction);
+    }
+    return newIndex;
+  }
+
+  /**
+   * Sets the page index as current one.
+   *
+   * @param {number} index The index to set.
+   */
+  function setCurrentPage(index) {
+    if (index > -1 && index < getSize() && onItemSelect(index, true) !== false) {
+      currentIndex = index;
+    }
+  }
+
+  /**
+   * Gets the current page.
+   *
+   * @returns {number}
+   */
+  function getCurrentPage() {
+    return currentIndex;
+  }
+
+  /**
+   * Moves the index to the first page.
+   */
+  function toFirstItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(0, 1);
+    }
+  }
+
+  /**
+   * Moves the index to the last page.
+   */
+  function toLastItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(getSize() - 1, -1);
+    }
+  }
+
+  /**
+   * Moves the index to the next page.
+   */
+  function toNextItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(++currentIndex, 1); // eslint-disable-line no-plusplus
+    }
+  }
+
+  /**
+   * Moves the index to the previous page.
+   */
+  function toPreviousItem() {
+    if (getSize() > 0) {
+      visitedPages.clear();
+      currentIndex = _updateState(--currentIndex, -1); // eslint-disable-line no-plusplus
+    }
+  }
+
+  /**
+   * Gets the total number of pages.
+   *
+   * @returns {number}
+   */
+  function getSize() {
+    return Math.max(size(), 0);
+  }
+
+  /**
+   * Clears the internal state of the paginator.
+   */
+  function clear() {
+    visitedPages.clear();
+    currentIndex = initialPage;
+    onClear();
+  }
+  return {
+    setCurrentPage,
+    getCurrentPage,
+    toFirstItem,
+    toLastItem,
+    toNextItem,
+    toPreviousItem,
+    getSize,
+    clear
+  };
+}