handsontable 14.0.0-next-07c0a60-20231107 → 14.0.0-next-7ee54cb-20231108

package/plugins/manualRowMove/manualRowMove.mjs

@@ -1,17 +1,28 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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); }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { BasePlugin } from "../base/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import { arrayReduce } from "../../helpers/array.mjs";
 import { addClass, removeClass, offset, getTrimmingContainer } from "../../helpers/dom/element.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
-import EventManager from "../../eventManager.mjs";
 import BacklightUI from "./ui/backlight.mjs";
 import GuidelineUI from "./ui/guideline.mjs";
 Hooks.getSingleton().register('beforeRowMove');
 Hooks.getSingleton().register('afterRowMove');
 export const PLUGIN_KEY = 'manualRowMove';
 export const PLUGIN_PRIORITY = 140;
-const privatePool = new WeakMap();
 const CSS_PLUGIN = 'ht__manualRowMove';
 const CSS_SHOW_UI = 'show-ui';
 const CSS_ON_MOVING = 'on-moving--rows';
@@ -43,54 +54,106 @@ const CSS_AFTER_SELECTION = 'after-selection--rows';
  * @class ManualRowMove
  * @plugin ManualRowMove
  */
+var _rowsToMove = /*#__PURE__*/new WeakMap();
+var _pressed = /*#__PURE__*/new WeakMap();
+var _target = /*#__PURE__*/new WeakMap();
+var _cachedDropIndex = /*#__PURE__*/new WeakMap();
+var _onBeforeOnCellMouseDown = /*#__PURE__*/new WeakSet();
+var _onMouseMove = /*#__PURE__*/new WeakSet();
+var _onBeforeOnCellMouseOver = /*#__PURE__*/new WeakSet();
+var _onMouseUp = /*#__PURE__*/new WeakSet();
+var _onAfterScrollHorizontally = /*#__PURE__*/new WeakSet();
+var _onAfterLoadData = /*#__PURE__*/new WeakSet();
 export class ManualRowMove extends BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
-
+  constructor() {
+    super(...arguments);
     /**
-     * Set up WeakMap of plugin to sharing private parameters;.
+     * Callback for the `afterLoadData` hook.
      */
-    privatePool.set(this, {
-      rowsToMove: [],
-      pressed: void 0,
-      target: {
-        eventPageY: void 0,
-        coords: void 0,
-        TD: void 0,
-        row: void 0
-      },
-      cachedDropIndex: void 0
-    });
-
+    _classPrivateMethodInitSpec(this, _onAfterLoadData);
+    /**
+     * `afterScrollHorizontally` hook callback. Fired the table was scrolled horizontally.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterScrollHorizontally);
     /**
-     * Event Manager object.
+     * `onMouseUp` hook callback.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseUp);
+    /**
+     * 'beforeOnCellMouseOver' hook callback. Fired when pointer was over cell.
      *
-     * @private
-     * @type {object}
+     * @param {MouseEvent} event `mouseover` event properties.
+     * @param {CellCoords} coords Visual cell coordinates where was fired event.
+     * @param {HTMLElement} TD Cell represented as HTMLElement.
+     * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
+     *                            a boolean value that allows or disallows changing the selection for that particular area.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeOnCellMouseOver);
+    /**
+     * 'mouseMove' event callback. Fired when pointer move on document.documentElement.
+     *
+     * @param {MouseEvent} event `mousemove` event properties.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseMove);
+    /**
+     * Change the behavior of selection / dragging.
+     *
+     * @param {MouseEvent} event `mousedown` event properties.
+     * @param {CellCoords} coords Visual cell coordinates where was fired event.
+     * @param {HTMLElement} TD Cell represented as HTMLElement.
+     * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
+     *                            a boolean value that allows or disallows changing the selection for that particular area.
      */
-    this.eventManager = new EventManager(this);
+    _classPrivateMethodInitSpec(this, _onBeforeOnCellMouseDown);
     /**
      * Backlight UI object.
      *
      * @private
      * @type {object}
      */
-    this.backlight = new BacklightUI(hotInstance);
+    _defineProperty(this, "backlight", new BacklightUI(this.hot));
     /**
      * Guideline UI object.
      *
      * @private
      * @type {object}
      */
-    this.guideline = new GuidelineUI(hotInstance);
+    _defineProperty(this, "guideline", new GuidelineUI(this.hot));
+    /**
+     * @type {number[]}
+     */
+    _classPrivateFieldInitSpec(this, _rowsToMove, {
+      writable: true,
+      value: []
+    });
+    /**
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _pressed, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * @type {object}
+     */
+    _classPrivateFieldInitSpec(this, _target, {
+      writable: true,
+      value: {}
+    });
+    /**
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _cachedDropIndex, {
+      writable: true,
+      value: void 0
+    });
+  }
+  static get PLUGIN_KEY() {
+    return PLUGIN_KEY;
+  }
+  static get PLUGIN_PRIORITY() {
+    return PLUGIN_PRIORITY;
   }
-
   /**
    * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
    * hook and if it returns `true` then the {@link ManualRowMove#enablePlugin} method is called.
@@ -110,14 +173,23 @@ export class ManualRowMove extends BasePlugin {
       return;
     }
     this.addHook('beforeOnCellMouseDown', function () {
-      return _this.onBeforeOnCellMouseDown(...arguments);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeOnCellMouseDown, _onBeforeOnCellMouseDown2).call(_this, ...args);
     });
     this.addHook('beforeOnCellMouseOver', function () {
-      return _this.onBeforeOnCellMouseOver(...arguments);
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeOnCellMouseOver, _onBeforeOnCellMouseOver2).call(_this, ...args);
     });
-    this.addHook('afterScrollHorizontally', () => this.onAfterScrollHorizontally());
+    this.addHook('afterScrollHorizontally', () => _classPrivateMethodGet(this, _onAfterScrollHorizontally, _onAfterScrollHorizontally2).call(this));
     this.addHook('afterLoadData', function () {
-      return _this.onAfterLoadData(...arguments);
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _classPrivateMethodGet(_this, _onAfterLoadData, _onAfterLoadData2).call(_this, ...args);
     });
     this.buildPluginUI();
     this.registerEvents();
@@ -180,11 +252,10 @@ export class ManualRowMove extends BasePlugin {
    * @returns {boolean}
    */
   moveRows(rows, finalIndex) {
-    const priv = privatePool.get(this);
-    const dropIndex = priv.cachedDropIndex;
+    const dropIndex = _classPrivateFieldGet(this, _cachedDropIndex);
     const movePossible = this.isMovePossible(rows, finalIndex);
     const beforeMoveHook = this.hot.runHooks('beforeRowMove', rows, finalIndex, dropIndex, movePossible);
-    priv.cachedDropIndex = void 0;
+    _classPrivateFieldSet(this, _cachedDropIndex, undefined);
     if (beforeMoveHook === false) {
       return;
     }
@@ -222,8 +293,7 @@ export class ManualRowMove extends BasePlugin {
    */
   dragRows(rows, dropIndex) {
     const finalIndex = this.countFinalIndex(rows, dropIndex);
-    const priv = privatePool.get(this);
-    priv.cachedDropIndex = dropIndex;
+    _classPrivateFieldSet(this, _cachedDropIndex, dropIndex);
     return this.moveRows(rows, finalIndex);
   }
 
@@ -309,7 +379,7 @@ export class ManualRowMove extends BasePlugin {
     const pluginSettings = this.hot.getSettings()[PLUGIN_KEY];
     if (Array.isArray(pluginSettings)) {
       this.moveRows(pluginSettings, 0);
-    } else if (pluginSettings !== void 0) {
+    } else if (pluginSettings !== undefined) {
       const persistentState = this.persistentStateLoad();
       if (persistentState.length) {
         this.moveRows(persistentState, 0);
@@ -393,8 +463,7 @@ export class ManualRowMove extends BasePlugin {
    * @private
    */
   refreshPositions() {
-    const priv = privatePool.get(this);
-    const coords = priv.target.coords;
+    const coords = _classPrivateFieldGet(this, _target).coords;
     const firstVisible = this.hot.view.getFirstFullyVisibleRow();
     const lastVisible = this.hot.view.getLastFullyVisibleRow();
     const countRows = this.hot.countRows();
@@ -405,14 +474,14 @@ export class ManualRowMove extends BasePlugin {
       this.hot.scrollViewportTo(this.hot.rowIndexMapper.getNearestNotHiddenIndex(lastVisible + 1, 1), undefined, true);
     }
     const wtTable = this.hot.view._wt.wtTable;
-    const TD = priv.target.TD;
+    const TD = _classPrivateFieldGet(this, _target).TD;
     const rootElement = this.hot.rootElement;
     const rootElementOffset = offset(rootElement);
     const trimmingContainer = getTrimmingContainer(rootElement);
     const tableScroll = wtTable.holder.scrollTop;
     const trimmingContainerScroll = this.hot.rootWindow !== trimmingContainer ? trimmingContainer.scrollTop : 0;
     const pixelsAbove = rootElementOffset.top - trimmingContainerScroll;
-    const pixelsRelToTableStart = priv.target.eventPageY - pixelsAbove + tableScroll;
+    const pixelsRelToTableStart = _classPrivateFieldGet(this, _target).eventPageY - pixelsAbove + tableScroll;
     const hiderHeight = wtTable.hider.offsetHeight;
     const tbodyOffsetTop = wtTable.TBODY.offsetTop;
     const backlightElemMarginTop = this.backlight.getOffset().top;
@@ -426,15 +495,15 @@ export class ManualRowMove extends BasePlugin {
     }
     if (coords.row < 0) {
       // if hover on colHeader
-      priv.target.row = firstVisible > 0 ? firstVisible - 1 : firstVisible;
+      _classPrivateFieldGet(this, _target).row = firstVisible > 0 ? firstVisible - 1 : firstVisible;
     } else if (isBelowTable) {
       // if hover on lower part of TD
-      priv.target.row = coords.row + 1;
+      _classPrivateFieldGet(this, _target).row = coords.row + 1;
       // unfortunately first row is bigger than rest
       tdStartPixel += coords.row === 0 ? tdHeight - 1 : tdHeight;
     } else {
       // elsewhere on table
-      priv.target.row = coords.row;
+      _classPrivateFieldGet(this, _target).row = coords.row;
     }
     let backlightTop = pixelsRelToTableStart;
     let guidelineTop = tdStartPixel;
@@ -462,8 +531,8 @@ export class ManualRowMove extends BasePlugin {
     const {
       documentElement
     } = this.hot.rootDocument;
-    this.eventManager.addEventListener(documentElement, 'mousemove', event => this.onMouseMove(event));
-    this.eventManager.addEventListener(documentElement, 'mouseup', () => this.onMouseUp());
+    this.eventManager.addEventListener(documentElement, 'mousemove', event => _classPrivateMethodGet(this, _onMouseMove, _onMouseMove2).call(this, event));
+    this.eventManager.addEventListener(documentElement, 'mouseup', () => _classPrivateMethodGet(this, _onMouseUp, _onMouseUp2).call(this));
   }
 
   /**
@@ -474,153 +543,6 @@ export class ManualRowMove extends BasePlugin {
   unregisterEvents() {
     this.eventManager.clear();
   }
-
-  /**
-   * Change the behavior of selection / dragging.
-   *
-   * @private
-   * @param {MouseEvent} event `mousedown` event properties.
-   * @param {CellCoords} coords Visual cell coordinates where was fired event.
-   * @param {HTMLElement} TD Cell represented as HTMLElement.
-   * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
-   *                            a boolean value that allows or disallows changing the selection for that particular area.
-   */
-  onBeforeOnCellMouseDown(event, coords, TD, controller) {
-    const {
-      wtTable,
-      wtViewport
-    } = this.hot.view._wt;
-    const isHeaderSelection = this.hot.selection.isSelectedByRowHeader();
-    const selection = this.hot.getSelectedRangeLast();
-    const priv = privatePool.get(this);
-    if (!selection || !isHeaderSelection || priv.pressed || event.button !== 0) {
-      priv.pressed = false;
-      priv.rowsToMove.length = 0;
-      removeClass(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI]);
-      return;
-    }
-    const guidelineIsNotReady = this.guideline.isBuilt() && !this.guideline.isAppended();
-    const backlightIsNotReady = this.backlight.isBuilt() && !this.backlight.isAppended();
-    if (guidelineIsNotReady && backlightIsNotReady) {
-      this.guideline.appendTo(wtTable.hider);
-      this.backlight.appendTo(wtTable.hider);
-    }
-    const {
-      from,
-      to
-    } = selection;
-    const start = Math.min(from.row, to.row);
-    const end = Math.max(from.row, to.row);
-    if (coords.col < 0 && coords.row >= start && coords.row <= end) {
-      controller.row = true;
-      priv.pressed = true;
-      priv.target.eventPageY = event.pageY;
-      priv.target.coords = coords;
-      priv.target.TD = TD;
-      priv.rowsToMove = this.prepareRowsToMoving();
-      const leftPos = wtTable.holder.scrollLeft + wtViewport.getRowHeaderWidth();
-      const topOffset = this.getRowsHeight(start, coords.row - 1) + event.offsetY;
-      this.backlight.setPosition(null, leftPos);
-      this.backlight.setSize(wtTable.hider.offsetWidth - leftPos, this.getRowsHeight(start, end));
-      this.backlight.setOffset(-topOffset, null);
-      addClass(this.hot.rootElement, CSS_ON_MOVING);
-      this.refreshPositions();
-    } else {
-      removeClass(this.hot.rootElement, CSS_AFTER_SELECTION);
-      priv.pressed = false;
-      priv.rowsToMove.length = 0;
-    }
-  }
-
-  /**
-   * 'mouseMove' event callback. Fired when pointer move on document.documentElement.
-   *
-   * @private
-   * @param {MouseEvent} event `mousemove` event properties.
-   */
-  onMouseMove(event) {
-    const priv = privatePool.get(this);
-    if (!priv.pressed) {
-      return;
-    }
-    priv.target.eventPageY = event.pageY;
-    this.refreshPositions();
-  }
-
-  /**
-   * 'beforeOnCellMouseOver' hook callback. Fired when pointer was over cell.
-   *
-   * @private
-   * @param {MouseEvent} event `mouseover` event properties.
-   * @param {CellCoords} coords Visual cell coordinates where was fired event.
-   * @param {HTMLElement} TD Cell represented as HTMLElement.
-   * @param {object} controller An object with properties `row`, `column` and `cell`. Each property contains
-   *                            a boolean value that allows or disallows changing the selection for that particular area.
-   */
-  onBeforeOnCellMouseOver(event, coords, TD, controller) {
-    const selectedRange = this.hot.getSelectedRangeLast();
-    const priv = privatePool.get(this);
-    if (!selectedRange || !priv.pressed) {
-      return;
-    }
-    if (priv.rowsToMove.indexOf(coords.row) > -1) {
-      removeClass(this.hot.rootElement, CSS_SHOW_UI);
-    } else {
-      addClass(this.hot.rootElement, CSS_SHOW_UI);
-    }
-    controller.row = true;
-    controller.column = true;
-    controller.cell = true;
-    priv.target.coords = coords;
-    priv.target.TD = TD;
-  }
-
-  /**
-   * `onMouseUp` hook callback.
-   *
-   * @private
-   */
-  onMouseUp() {
-    const priv = privatePool.get(this);
-    const target = priv.target.row;
-    const rowsLen = priv.rowsToMove.length;
-    priv.pressed = false;
-    priv.backlightHeight = 0;
-    removeClass(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI, CSS_AFTER_SELECTION]);
-    if (this.hot.selection.isSelectedByRowHeader()) {
-      addClass(this.hot.rootElement, CSS_AFTER_SELECTION);
-    }
-    if (rowsLen < 1 || target === void 0) {
-      return;
-    }
-    const firstMovedVisualRow = priv.rowsToMove[0];
-    const firstMovedPhysicalRow = this.hot.toPhysicalRow(firstMovedVisualRow);
-    const movePerformed = this.dragRows(priv.rowsToMove, target);
-    priv.rowsToMove.length = 0;
-    if (movePerformed === true) {
-      this.persistentStateSave();
-      this.hot.render();
-      this.hot.view.adjustElementsSize(true);
-      const selectionStart = this.hot.toVisualRow(firstMovedPhysicalRow);
-      const selectionEnd = selectionStart + rowsLen - 1;
-      this.hot.selectRows(selectionStart, selectionEnd);
-    }
-  }
-
-  /**
-   * `afterScrollHorizontally` hook callback. Fired the table was scrolled horizontally.
-   *
-   * @private
-   */
-  onAfterScrollHorizontally() {
-    const wtTable = this.hot.view._wt.wtTable;
-    const headerWidth = this.hot.view._wt.wtViewport.getRowHeaderWidth();
-    const scrollLeft = wtTable.holder.scrollLeft;
-    const posLeft = headerWidth + scrollLeft;
-    this.backlight.setPosition(null, posLeft);
-    this.backlight.setSize(wtTable.hider.offsetWidth - posLeft);
-  }
-
   /**
    * Builds the plugin's UI.
    *
@@ -630,16 +552,6 @@ export class ManualRowMove extends BasePlugin {
     this.backlight.build();
     this.guideline.build();
   }
-
-  /**
-   * Callback for the `afterLoadData` hook.
-   *
-   * @private
-   */
-  onAfterLoadData() {
-    this.moveBySettingsOrLoad();
-  }
-
   /**
    * Destroys the plugin instance.
    */
@@ -648,4 +560,107 @@ export class ManualRowMove extends BasePlugin {
     this.guideline.destroy();
     super.destroy();
   }
+}
+function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
+  const {
+    wtTable,
+    wtViewport
+  } = this.hot.view._wt;
+  const isHeaderSelection = this.hot.selection.isSelectedByRowHeader();
+  const selection = this.hot.getSelectedRangeLast();
+  if (!selection || !isHeaderSelection || _classPrivateFieldGet(this, _pressed) || event.button !== 0) {
+    _classPrivateFieldSet(this, _pressed, false);
+    _classPrivateFieldGet(this, _rowsToMove).length = 0;
+    removeClass(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI]);
+    return;
+  }
+  const guidelineIsNotReady = this.guideline.isBuilt() && !this.guideline.isAppended();
+  const backlightIsNotReady = this.backlight.isBuilt() && !this.backlight.isAppended();
+  if (guidelineIsNotReady && backlightIsNotReady) {
+    this.guideline.appendTo(wtTable.hider);
+    this.backlight.appendTo(wtTable.hider);
+  }
+  const {
+    from,
+    to
+  } = selection;
+  const start = Math.min(from.row, to.row);
+  const end = Math.max(from.row, to.row);
+  if (coords.col < 0 && coords.row >= start && coords.row <= end) {
+    controller.row = true;
+    _classPrivateFieldSet(this, _pressed, true);
+    _classPrivateFieldGet(this, _target).eventPageY = event.pageY;
+    _classPrivateFieldGet(this, _target).coords = coords;
+    _classPrivateFieldGet(this, _target).TD = TD;
+    _classPrivateFieldSet(this, _rowsToMove, this.prepareRowsToMoving());
+    const leftPos = wtTable.holder.scrollLeft + wtViewport.getRowHeaderWidth();
+    const topOffset = this.getRowsHeight(start, coords.row - 1) + event.offsetY;
+    this.backlight.setPosition(null, leftPos);
+    this.backlight.setSize(wtTable.hider.offsetWidth - leftPos, this.getRowsHeight(start, end));
+    this.backlight.setOffset(-topOffset, null);
+    addClass(this.hot.rootElement, CSS_ON_MOVING);
+    this.refreshPositions();
+  } else {
+    removeClass(this.hot.rootElement, CSS_AFTER_SELECTION);
+    _classPrivateFieldSet(this, _pressed, false);
+    _classPrivateFieldGet(this, _rowsToMove).length = 0;
+  }
+}
+function _onMouseMove2(event) {
+  if (!_classPrivateFieldGet(this, _pressed)) {
+    return;
+  }
+  _classPrivateFieldGet(this, _target).eventPageY = event.pageY;
+  this.refreshPositions();
+}
+function _onBeforeOnCellMouseOver2(event, coords, TD, controller) {
+  const selectedRange = this.hot.getSelectedRangeLast();
+  if (!selectedRange || !_classPrivateFieldGet(this, _pressed)) {
+    return;
+  }
+  if (_classPrivateFieldGet(this, _rowsToMove).indexOf(coords.row) > -1) {
+    removeClass(this.hot.rootElement, CSS_SHOW_UI);
+  } else {
+    addClass(this.hot.rootElement, CSS_SHOW_UI);
+  }
+  controller.row = true;
+  controller.column = true;
+  controller.cell = true;
+  _classPrivateFieldGet(this, _target).coords = coords;
+  _classPrivateFieldGet(this, _target).TD = TD;
+}
+function _onMouseUp2() {
+  const target = _classPrivateFieldGet(this, _target).row;
+  const rowsLen = _classPrivateFieldGet(this, _rowsToMove).length;
+  _classPrivateFieldSet(this, _pressed, false);
+  removeClass(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI, CSS_AFTER_SELECTION]);
+  if (this.hot.selection.isSelectedByRowHeader()) {
+    addClass(this.hot.rootElement, CSS_AFTER_SELECTION);
+  }
+  if (rowsLen < 1 || target === undefined) {
+    return;
+  }
+  const firstMovedVisualRow = _classPrivateFieldGet(this, _rowsToMove)[0];
+  const firstMovedPhysicalRow = this.hot.toPhysicalRow(firstMovedVisualRow);
+  const movePerformed = this.dragRows(_classPrivateFieldGet(this, _rowsToMove), target);
+  _classPrivateFieldGet(this, _rowsToMove).length = 0;
+  if (movePerformed === true) {
+    this.persistentStateSave();
+    this.hot.render();
+    this.hot.view.adjustElementsSize(true);
+    const selectionStart = this.hot.toVisualRow(firstMovedPhysicalRow);
+    const selectionEnd = selectionStart + rowsLen - 1;
+    this.hot.selectRows(selectionStart, selectionEnd);
+  }
+}
+function _onAfterScrollHorizontally2() {
+  const wtTable = this.hot.view._wt.wtTable;
+  const headerWidth = this.hot.view._wt.wtViewport.getRowHeaderWidth();
+  const scrollLeft = wtTable.holder.scrollLeft;
+  const posLeft = headerWidth + scrollLeft;
+  this.backlight.setPosition(null, posLeft);
+  this.backlight.setSize(wtTable.hider.offsetWidth - posLeft);
+}
+function _onAfterLoadData2() {
+  this.moveBySettingsOrLoad();
 }

package/plugins/manualRowMove/ui/_base.js

@@ -1,6 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.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); }
 const STATE_INITIALIZED = 0;
 const STATE_BUILT = 1;
 const STATE_APPENDED = 2;
@@ -16,20 +20,21 @@ class BaseUI {
      *
      * @type {Core}
      */
-    this.hot = hotInstance;
+    _defineProperty(this, "hot", void 0);
     /**
      * DOM element representing the ui element.
      *
      * @type {HTMLElement}
      * @private
      */
-    this._element = null;
+    _defineProperty(this, "_element", null);
     /**
      * Flag which determines build state of element.
      *
      * @type {number}
      */
-    this.state = STATE_INITIALIZED;
+    _defineProperty(this, "state", STATE_INITIALIZED);
+    this.hot = hotInstance;
   }
 
   /**
@@ -89,10 +94,10 @@ class BaseUI {
    * @param {number} left New left position of the element.
    */
   setPosition(top, left) {
-    if (top !== void 0) {
+    if (top !== undefined) {
       this._element.style.top = top + UNIT;
     }
-    if (left !== void 0) {
+    if (left !== undefined) {
       this._element.style.left = left + UNIT;
     }
   }

package/plugins/manualRowMove/ui/_base.mjs

@@ -1,3 +1,7 @@
+import "core-js/modules/es.error.cause.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); }
 const STATE_INITIALIZED = 0;
 const STATE_BUILT = 1;
 const STATE_APPENDED = 2;
@@ -13,20 +17,21 @@ class BaseUI {
      *
      * @type {Core}
      */
-    this.hot = hotInstance;
+    _defineProperty(this, "hot", void 0);
     /**
      * DOM element representing the ui element.
      *
      * @type {HTMLElement}
      * @private
      */
-    this._element = null;
+    _defineProperty(this, "_element", null);
     /**
      * Flag which determines build state of element.
      *
      * @type {number}
      */
-    this.state = STATE_INITIALIZED;
+    _defineProperty(this, "state", STATE_INITIALIZED);
+    this.hot = hotInstance;
   }
 
   /**
@@ -86,10 +91,10 @@ class BaseUI {
    * @param {number} left New left position of the element.
    */
   setPosition(top, left) {
-    if (top !== void 0) {
+    if (top !== undefined) {
       this._element.style.top = top + UNIT;
     }
-    if (left !== void 0) {
+    if (left !== undefined) {
       this._element.style.left = left + UNIT;
     }
   }