handsontable 14.0.0-next-c080457-20231107 → 14.0.0-next-bfad250-20231108

package/plugins/search/search.js

@@ -2,10 +2,17 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _object = require("../../helpers/object");
 var _number = require("../../helpers/number");
 var _mixed = require("../../helpers/mixed");
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'search';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 190;
 const DEFAULT_SEARCH_RESULT_CLASS = 'htSearchResult';
@@ -55,38 +62,49 @@ const DEFAULT_QUERY_METHOD = function (query, value, cellProperties) {
  * searchPlugin.setSearchResultClass(customClass);
  * ```
  */
+var _onBeforeRenderer = /*#__PURE__*/new WeakSet();
 class Search extends _base.BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
+  constructor() {
+    super(...arguments);
+    /**
+     * The `beforeRenderer` hook callback.
+     *
+     * @param {HTMLTableCellElement} TD The rendered `TD` element.
+     * @param {number} row Visual row index.
+     * @param {number} col Visual column index.
+     * @param {string|number} prop Column property name or a column index, if datasource is an array of arrays.
+     * @param {string} value Value of the rendered cell.
+     * @param {object} cellProperties Object containing the cell's properties.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeRenderer);
     /**
      * Function called during querying for each cell from the {@link DataMap}.
      *
      * @private
      * @type {Function}
      */
-    this.callback = DEFAULT_CALLBACK;
+    _defineProperty(this, "callback", DEFAULT_CALLBACK);
     /**
      * Query function is responsible for determining whether a query matches the value stored in a cell.
      *
      * @private
      * @type {Function}
      */
-    this.queryMethod = DEFAULT_QUERY_METHOD;
+    _defineProperty(this, "queryMethod", DEFAULT_QUERY_METHOD);
     /**
      * Class name added to each cell that belongs to the searched query.
      *
      * @private
      * @type {string}
      */
-    this.searchResultClass = DEFAULT_SEARCH_RESULT_CLASS;
+    _defineProperty(this, "searchResultClass", DEFAULT_SEARCH_RESULT_CLASS);
+  }
+  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 AutoRowSize#enablePlugin} method is called.
@@ -108,7 +126,10 @@ class Search extends _base.BasePlugin {
     const searchSettings = this.hot.getSettings()[PLUGIN_KEY];
     this.updatePluginSettings(searchSettings);
     this.addHook('beforeRenderer', function () {
-      return _this.onBeforeRenderer(...arguments);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeRenderer, _onBeforeRenderer2).call(_this, ...args);
     });
     super.enablePlugin();
   }
@@ -119,7 +140,10 @@ class Search extends _base.BasePlugin {
   disablePlugin() {
     var _this2 = this;
     const beforeRendererCallback = function () {
-      return _this2.onBeforeRenderer(...arguments);
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _classPrivateMethodGet(_this2, _onBeforeRenderer, _onBeforeRenderer2).call(_this2, ...args);
     };
     this.hot.addHook('beforeRenderer', beforeRendererCallback);
     this.hot.addHookOnce('afterViewRender', () => {
@@ -251,37 +275,6 @@ class Search extends _base.BasePlugin {
       }
     }
   }
-
-  /**
-   * The `beforeRenderer` hook callback.
-   *
-   * @private
-   * @param {HTMLTableCellElement} TD The rendered `TD` element.
-   * @param {number} row Visual row index.
-   * @param {number} col Visual column index.
-   * @param {string|number} prop Column property name or a column index, if datasource is an array of arrays.
-   * @param {string} value Value of the rendered cell.
-   * @param {object} cellProperties Object containing the cell's properties.
-   */
-  onBeforeRenderer(TD, row, col, prop, value, cellProperties) {
-    // TODO: #4972
-    const className = cellProperties.className || [];
-    let classArray = [];
-    if (typeof className === 'string') {
-      classArray = className.split(' ');
-    } else {
-      classArray.push(...className);
-    }
-    if (this.isEnabled() && cellProperties.isSearchResult) {
-      if (!classArray.includes(this.searchResultClass)) {
-        classArray.push(`${this.searchResultClass}`);
-      }
-    } else if (classArray.includes(this.searchResultClass)) {
-      classArray.splice(classArray.indexOf(this.searchResultClass), 1);
-    }
-    cellProperties.className = classArray.join(' ');
-  }
-
   /**
    * Destroys the plugin instance.
    */
@@ -289,4 +282,22 @@ class Search extends _base.BasePlugin {
     super.destroy();
   }
 }
-exports.Search = Search;
+exports.Search = Search;
+function _onBeforeRenderer2(TD, row, col, prop, value, cellProperties) {
+  // TODO: #4972
+  const className = cellProperties.className || [];
+  let classArray = [];
+  if (typeof className === 'string') {
+    classArray = className.split(' ');
+  } else {
+    classArray.push(...className);
+  }
+  if (this.isEnabled() && cellProperties.isSearchResult) {
+    if (!classArray.includes(this.searchResultClass)) {
+      classArray.push(`${this.searchResultClass}`);
+    }
+  } else if (classArray.includes(this.searchResultClass)) {
+    classArray.splice(classArray.indexOf(this.searchResultClass), 1);
+  }
+  cellProperties.className = classArray.join(' ');
+}

package/plugins/search/search.mjs

@@ -1,4 +1,11 @@
 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 _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 _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 { isObject } from "../../helpers/object.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
@@ -52,38 +59,49 @@ const DEFAULT_QUERY_METHOD = function (query, value, cellProperties) {
  * searchPlugin.setSearchResultClass(customClass);
  * ```
  */
+var _onBeforeRenderer = /*#__PURE__*/new WeakSet();
 export class Search extends BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
+  constructor() {
+    super(...arguments);
+    /**
+     * The `beforeRenderer` hook callback.
+     *
+     * @param {HTMLTableCellElement} TD The rendered `TD` element.
+     * @param {number} row Visual row index.
+     * @param {number} col Visual column index.
+     * @param {string|number} prop Column property name or a column index, if datasource is an array of arrays.
+     * @param {string} value Value of the rendered cell.
+     * @param {object} cellProperties Object containing the cell's properties.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeRenderer);
     /**
      * Function called during querying for each cell from the {@link DataMap}.
      *
      * @private
      * @type {Function}
      */
-    this.callback = DEFAULT_CALLBACK;
+    _defineProperty(this, "callback", DEFAULT_CALLBACK);
     /**
      * Query function is responsible for determining whether a query matches the value stored in a cell.
      *
      * @private
      * @type {Function}
      */
-    this.queryMethod = DEFAULT_QUERY_METHOD;
+    _defineProperty(this, "queryMethod", DEFAULT_QUERY_METHOD);
     /**
      * Class name added to each cell that belongs to the searched query.
      *
      * @private
      * @type {string}
      */
-    this.searchResultClass = DEFAULT_SEARCH_RESULT_CLASS;
+    _defineProperty(this, "searchResultClass", DEFAULT_SEARCH_RESULT_CLASS);
+  }
+  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 AutoRowSize#enablePlugin} method is called.
@@ -105,7 +123,10 @@ export class Search extends BasePlugin {
     const searchSettings = this.hot.getSettings()[PLUGIN_KEY];
     this.updatePluginSettings(searchSettings);
     this.addHook('beforeRenderer', function () {
-      return _this.onBeforeRenderer(...arguments);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeRenderer, _onBeforeRenderer2).call(_this, ...args);
     });
     super.enablePlugin();
   }
@@ -116,7 +137,10 @@ export class Search extends BasePlugin {
   disablePlugin() {
     var _this2 = this;
     const beforeRendererCallback = function () {
-      return _this2.onBeforeRenderer(...arguments);
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _classPrivateMethodGet(_this2, _onBeforeRenderer, _onBeforeRenderer2).call(_this2, ...args);
     };
     this.hot.addHook('beforeRenderer', beforeRendererCallback);
     this.hot.addHookOnce('afterViewRender', () => {
@@ -248,41 +272,28 @@ export class Search extends BasePlugin {
       }
     }
   }
-
-  /**
-   * The `beforeRenderer` hook callback.
-   *
-   * @private
-   * @param {HTMLTableCellElement} TD The rendered `TD` element.
-   * @param {number} row Visual row index.
-   * @param {number} col Visual column index.
-   * @param {string|number} prop Column property name or a column index, if datasource is an array of arrays.
-   * @param {string} value Value of the rendered cell.
-   * @param {object} cellProperties Object containing the cell's properties.
-   */
-  onBeforeRenderer(TD, row, col, prop, value, cellProperties) {
-    // TODO: #4972
-    const className = cellProperties.className || [];
-    let classArray = [];
-    if (typeof className === 'string') {
-      classArray = className.split(' ');
-    } else {
-      classArray.push(...className);
-    }
-    if (this.isEnabled() && cellProperties.isSearchResult) {
-      if (!classArray.includes(this.searchResultClass)) {
-        classArray.push(`${this.searchResultClass}`);
-      }
-    } else if (classArray.includes(this.searchResultClass)) {
-      classArray.splice(classArray.indexOf(this.searchResultClass), 1);
-    }
-    cellProperties.className = classArray.join(' ');
-  }
-
   /**
    * Destroys the plugin instance.
    */
   destroy() {
     super.destroy();
   }
+}
+function _onBeforeRenderer2(TD, row, col, prop, value, cellProperties) {
+  // TODO: #4972
+  const className = cellProperties.className || [];
+  let classArray = [];
+  if (typeof className === 'string') {
+    classArray = className.split(' ');
+  } else {
+    classArray.push(...className);
+  }
+  if (this.isEnabled() && cellProperties.isSearchResult) {
+    if (!classArray.includes(this.searchResultClass)) {
+      classArray.push(`${this.searchResultClass}`);
+    }
+  } else if (classArray.includes(this.searchResultClass)) {
+    classArray.splice(classArray.indexOf(this.searchResultClass), 1);
+  }
+  cellProperties.className = classArray.join(' ');
 }

package/plugins/touchScroll/touchScroll.js

@@ -1,11 +1,18 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 var _element = require("../../helpers/dom/element");
 var _array = require("../../helpers/array");
 var _base = require("../base");
 var _feature = require("../../helpers/feature");
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'touchScroll';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 200;
 
@@ -14,47 +21,60 @@ const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 200;
  * @plugin TouchScroll
  * @class TouchScroll
  */
+var _onAfterViewRender = /*#__PURE__*/new WeakSet();
+var _onBeforeTouchScroll = /*#__PURE__*/new WeakSet();
+var _onAfterMomentumScroll = /*#__PURE__*/new WeakSet();
 class TouchScroll extends _base.BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  static get SETTING_KEYS() {
-    return true;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
-
+  constructor() {
+    super(...arguments);
+    /**
+     * After momentum scroll listener.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterMomentumScroll);
+    /**
+     * Touch scroll listener.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeTouchScroll);
+    /**
+     * After view render listener.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterViewRender);
     /**
      * Collection of scrollbars to update.
      *
      * @type {Array}
      */
-    this.scrollbars = [];
+    _defineProperty(this, "scrollbars", []);
     /**
      * Collection of overlays to update.
      *
      * @type {Array}
      */
-    this.clones = [];
+    _defineProperty(this, "clones", []);
     /**
      * Flag which determines if collection of overlays should be refilled on every table render.
      *
      * @type {boolean}
      * @default false
      */
-    this.lockedCollection = false;
+    _defineProperty(this, "lockedCollection", false);
     /**
      * Flag which determines if walkontable should freeze overlays while scrolling.
      *
      * @type {boolean}
      * @default false
      */
-    this.freezeOverlays = false;
+    _defineProperty(this, "freezeOverlays", false);
+  }
+  static get PLUGIN_KEY() {
+    return PLUGIN_KEY;
+  }
+  static get PLUGIN_PRIORITY() {
+    return PLUGIN_PRIORITY;
+  }
+  static get SETTING_KEYS() {
+    return true;
   }
-
   /**
    * Check if plugin is enabled.
    *
@@ -71,7 +91,7 @@ class TouchScroll extends _base.BasePlugin {
     if (this.enabled) {
       return;
     }
-    this.addHook('afterViewRender', () => this.onAfterViewRender());
+    this.addHook('afterViewRender', () => _classPrivateMethodGet(this, _onAfterViewRender, _onAfterViewRender2).call(this));
     this.registerEvents();
     super.enablePlugin();
   }
@@ -97,90 +117,72 @@ class TouchScroll extends _base.BasePlugin {
    * @private
    */
   registerEvents() {
-    this.addHook('beforeTouchScroll', () => this.onBeforeTouchScroll());
-    this.addHook('afterMomentumScroll', () => this.onAfterMomentumScroll());
+    this.addHook('beforeTouchScroll', () => _classPrivateMethodGet(this, _onBeforeTouchScroll, _onBeforeTouchScroll2).call(this));
+    this.addHook('afterMomentumScroll', () => _classPrivateMethodGet(this, _onAfterMomentumScroll, _onAfterMomentumScroll2).call(this));
   }
-
-  /**
-   * After view render listener.
-   *
-   * @private
-   */
-  onAfterViewRender() {
-    if (this.lockedCollection) {
-      return;
-    }
-    const {
-      topOverlay,
-      bottomOverlay,
-      inlineStartOverlay,
-      topInlineStartCornerOverlay,
-      bottomInlineStartCornerOverlay
-    } = this.hot.view._wt.wtOverlays;
-    this.lockedCollection = true;
-    this.scrollbars.length = 0;
-    this.scrollbars.push(topOverlay);
-    if (bottomOverlay.clone) {
-      this.scrollbars.push(bottomOverlay);
-    }
-    this.scrollbars.push(inlineStartOverlay);
-    if (topInlineStartCornerOverlay) {
-      this.scrollbars.push(topInlineStartCornerOverlay);
-    }
-    if (bottomInlineStartCornerOverlay && bottomInlineStartCornerOverlay.clone) {
-      this.scrollbars.push(bottomInlineStartCornerOverlay);
-    }
-    this.clones = [];
-    if (topOverlay.needFullRender) {
-      this.clones.push(topOverlay.clone.wtTable.holder.parentNode);
-    }
-    if (bottomOverlay.needFullRender) {
-      this.clones.push(bottomOverlay.clone.wtTable.holder.parentNode);
-    }
-    if (inlineStartOverlay.needFullRender) {
-      this.clones.push(inlineStartOverlay.clone.wtTable.holder.parentNode);
-    }
-    if (topInlineStartCornerOverlay) {
-      this.clones.push(topInlineStartCornerOverlay.clone.wtTable.holder.parentNode);
-    }
-    if (bottomInlineStartCornerOverlay && bottomInlineStartCornerOverlay.clone) {
-      this.clones.push(bottomInlineStartCornerOverlay.clone.wtTable.holder.parentNode);
-    }
+}
+exports.TouchScroll = TouchScroll;
+function _onAfterViewRender2() {
+  if (this.lockedCollection) {
+    return;
   }
-
-  /**
-   * Touch scroll listener.
-   *
-   * @private
-   */
-  onBeforeTouchScroll() {
-    this.freezeOverlays = true;
-    (0, _array.arrayEach)(this.clones, clone => {
-      (0, _element.addClass)(clone, 'hide-tween');
-    });
+  const {
+    topOverlay,
+    bottomOverlay,
+    inlineStartOverlay,
+    topInlineStartCornerOverlay,
+    bottomInlineStartCornerOverlay
+  } = this.hot.view._wt.wtOverlays;
+  this.lockedCollection = true;
+  this.scrollbars.length = 0;
+  this.scrollbars.push(topOverlay);
+  if (bottomOverlay.clone) {
+    this.scrollbars.push(bottomOverlay);
   }
-
-  /**
-   * After momentum scroll listener.
-   *
-   * @private
-   */
-  onAfterMomentumScroll() {
-    this.freezeOverlays = false;
-    (0, _array.arrayEach)(this.clones, clone => {
-      (0, _element.removeClass)(clone, 'hide-tween');
-      (0, _element.addClass)(clone, 'show-tween');
-    });
-    this.hot._registerTimeout(() => {
-      (0, _array.arrayEach)(this.clones, clone => {
-        (0, _element.removeClass)(clone, 'show-tween');
-      });
-    }, 400);
-    (0, _array.arrayEach)(this.scrollbars, scrollbar => {
-      scrollbar.refresh();
-      scrollbar.resetFixedPosition();
-    });
-    this.hot.view._wt.wtOverlays.syncScrollWithMaster();
+  this.scrollbars.push(inlineStartOverlay);
+  if (topInlineStartCornerOverlay) {
+    this.scrollbars.push(topInlineStartCornerOverlay);
+  }
+  if (bottomInlineStartCornerOverlay && bottomInlineStartCornerOverlay.clone) {
+    this.scrollbars.push(bottomInlineStartCornerOverlay);
   }
+  this.clones = [];
+  if (topOverlay.needFullRender) {
+    this.clones.push(topOverlay.clone.wtTable.holder.parentNode);
+  }
+  if (bottomOverlay.needFullRender) {
+    this.clones.push(bottomOverlay.clone.wtTable.holder.parentNode);
+  }
+  if (inlineStartOverlay.needFullRender) {
+    this.clones.push(inlineStartOverlay.clone.wtTable.holder.parentNode);
+  }
+  if (topInlineStartCornerOverlay) {
+    this.clones.push(topInlineStartCornerOverlay.clone.wtTable.holder.parentNode);
+  }
+  if (bottomInlineStartCornerOverlay && bottomInlineStartCornerOverlay.clone) {
+    this.clones.push(bottomInlineStartCornerOverlay.clone.wtTable.holder.parentNode);
+  }
+}
+function _onBeforeTouchScroll2() {
+  this.freezeOverlays = true;
+  (0, _array.arrayEach)(this.clones, clone => {
+    (0, _element.addClass)(clone, 'hide-tween');
+  });
 }
-exports.TouchScroll = TouchScroll;
+function _onAfterMomentumScroll2() {
+  this.freezeOverlays = false;
+  (0, _array.arrayEach)(this.clones, clone => {
+    (0, _element.removeClass)(clone, 'hide-tween');
+    (0, _element.addClass)(clone, 'show-tween');
+  });
+  this.hot._registerTimeout(() => {
+    (0, _array.arrayEach)(this.clones, clone => {
+      (0, _element.removeClass)(clone, 'show-tween');
+    });
+  }, 400);
+  (0, _array.arrayEach)(this.scrollbars, scrollbar => {
+    scrollbar.refresh();
+    scrollbar.resetFixedPosition();
+  });
+  this.hot.view._wt.wtOverlays.syncScrollWithMaster();
+}