handsontable 12.1.3 → 12.2.0

package/3rdparty/walkontable/src/overlay/_base.js

@@ -2,31 +2,18 @@
 
 exports.__esModule = true;
 exports.Overlay = void 0;
-
 require("core-js/modules/es.array.index-of.js");
-
 var _element = require("../../../../helpers/dom/element");
-
 var _object = require("../../../../helpers/object");
-
 var _array = require("../../../../helpers/array");
-
 var _console = require("../../../../helpers/console");
-
 var _constants = require("./constants");
-
 var _clone = _interopRequireDefault(require("../core/clone"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /**
  * Creates an overlay over the original Walkontable instance. The overlay renders the clone of the original Walkontable
  * and (optionally) implements behavior needed for native horizontal and vertical scrolling.
@@ -34,8 +21,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * @abstract
  * @class Overlay
  * @property {Walkontable} wot The Walkontable instance.
- */
-var Overlay = /*#__PURE__*/function () {
+ */var Overlay = /*#__PURE__*/function () {
   /**
    *  The Walkontable settings.
    *
@@ -52,9 +38,7 @@ var Overlay = /*#__PURE__*/function () {
    */
   function Overlay(wotInstance, facadeGetter, type, wtSettings, domBindings) {
     _classCallCheck(this, Overlay);
-
     _defineProperty(this, "wtSettings", null);
-
     (0, _object.defineGetter)(this, 'wot', wotInstance, {
       writable: false
     });
@@ -62,13 +46,13 @@ var Overlay = /*#__PURE__*/function () {
     this.facadeGetter = facadeGetter;
     this.wtSettings = wtSettings;
     var _this$wot$wtTable = this.wot.wtTable,
-        TABLE = _this$wot$wtTable.TABLE,
-        hider = _this$wot$wtTable.hider,
-        spreader = _this$wot$wtTable.spreader,
-        holder = _this$wot$wtTable.holder,
-        wtRootElement = _this$wot$wtTable.wtRootElement; // todo ioc
-    // legacy support, deprecated in the future
+      TABLE = _this$wot$wtTable.TABLE,
+      hider = _this$wot$wtTable.hider,
+      spreader = _this$wot$wtTable.spreader,
+      holder = _this$wot$wtTable.holder,
+      wtRootElement = _this$wot$wtTable.wtRootElement; // todo ioc
 
+    // legacy support, deprecated in the future
     this.instance = this.wot;
     this.type = type;
     this.mainTableScrollableElement = null;
@@ -81,13 +65,12 @@ var Overlay = /*#__PURE__*/function () {
     this.updateStateOfRendering();
     this.clone = this.makeClone();
   }
+
   /**
    * Update internal state of object with an information about the need of full rendering of the overlay.
    *
    * @returns {boolean} Returns `true` if the state has changed since the last check.
    */
-
-
   _createClass(Overlay, [{
     key: "updateStateOfRendering",
     value: function updateStateOfRendering() {
@@ -95,49 +78,47 @@ var Overlay = /*#__PURE__*/function () {
       var previousState = this.needFullRender;
       this.needFullRender = this.shouldBeRendered();
       var changed = previousState !== this.needFullRender;
-
       if (changed && !this.needFullRender) {
         this.reset();
       }
-
       return changed;
     }
+
     /**
      * Checks if overlay should be fully rendered.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "shouldBeRendered",
     value: function shouldBeRendered() {
       return true;
     }
+
     /**
      * Update the trimming container.
      */
-
   }, {
     key: "updateTrimmingContainer",
     value: function updateTrimmingContainer() {
       this.trimmingContainer = (0, _element.getTrimmingContainer)(this.hider.parentNode.parentNode);
     }
+
     /**
      * Update the main scrollable element.
      */
-
   }, {
     key: "updateMainScrollableElement",
     value: function updateMainScrollableElement() {
       var wtTable = this.wot.wtTable;
       var rootWindow = this.domBindings.rootWindow;
-
       if (rootWindow.getComputedStyle(wtTable.wtRootElement.parentNode).getPropertyValue('overflow') === 'hidden') {
         this.mainTableScrollableElement = this.wot.wtTable.holder;
       } else {
         this.mainTableScrollableElement = (0, _element.getScrollableElement)(wtTable.TABLE);
       }
     }
+
     /**
      * Calculates coordinates of the provided element, relative to the root Handsontable element.
      * NOTE: The element needs to be a child of the overlay in order for the method to work correctly.
@@ -147,7 +128,6 @@ var Overlay = /*#__PURE__*/function () {
      * @param {number} columnIndex Visual column index.
      * @returns {{top: number, start: number}|undefined}
      */
-
   }, {
     key: "getRelativeCellPosition",
     value: function getRelativeCellPosition(element, rowIndex, columnIndex) {
@@ -155,7 +135,6 @@ var Overlay = /*#__PURE__*/function () {
         (0, _console.warn)("The provided element is not a child of the ".concat(this.type, " overlay"));
         return;
       }
-
       var windowScroll = this.mainTableScrollableElement === this.domBindings.rootWindow;
       var fixedColumnStart = columnIndex < this.wtSettings.getSetting('fixedColumnsStart');
       var fixedRowTop = rowIndex < this.wtSettings.getSetting('fixedRowsTop');
@@ -170,27 +149,26 @@ var Overlay = /*#__PURE__*/function () {
         top: element.offsetTop
       };
       var offsetObject = null;
-
       if (windowScroll) {
         offsetObject = this.getRelativeCellPositionWithinWindow(fixedRowTop, fixedColumnStart, elementOffset, spreaderOffset);
       } else {
         offsetObject = this.getRelativeCellPositionWithinHolder(fixedRowTop, fixedRowBottom, fixedColumnStart, elementOffset, spreaderOffset);
       }
-
       return offsetObject;
     }
+
     /**
      * Get inline start value depending of direction.
      *
      * @param {HTMLElement} el Element.
      * @returns {number}
      */
-
   }, {
     key: "getRelativeStartPosition",
     value: function getRelativeStartPosition(el) {
       return this.isRtl() ? el.offsetParent.offsetWidth - el.offsetLeft - el.offsetWidth : el.offsetLeft;
     }
+
     /**
      * Calculates coordinates of the provided element, relative to the root Handsontable element within a table with window
      * as a scrollable element.
@@ -202,39 +180,33 @@ var Overlay = /*#__PURE__*/function () {
      * @param {number} spreaderOffset Offset position of the spreader element.
      * @returns {{top: number, left: number}}
      */
-
   }, {
     key: "getRelativeCellPositionWithinWindow",
     value: function getRelativeCellPositionWithinWindow(onFixedRowTop, onFixedColumn, elementOffset, spreaderOffset) {
       var absoluteRootElementPosition = this.wot.wtTable.wtRootElement.getBoundingClientRect(); // todo refactoring: DEMETER
-
       var horizontalOffset = 0;
       var verticalOffset = 0;
-
       if (!onFixedColumn) {
         horizontalOffset = spreaderOffset.start;
       } else {
         var absoluteRootElementStartPosition = absoluteRootElementPosition.left;
-
         if (this.isRtl()) {
           absoluteRootElementStartPosition = this.domBindings.rootWindow.innerWidth - (absoluteRootElementPosition.left + absoluteRootElementPosition.width + (0, _element.getScrollbarWidth)());
         }
-
         horizontalOffset = absoluteRootElementStartPosition <= 0 ? -1 * absoluteRootElementStartPosition : 0;
       }
-
       if (onFixedRowTop) {
         var absoluteOverlayPosition = this.clone.wtTable.TABLE.getBoundingClientRect();
         verticalOffset = absoluteOverlayPosition.top - absoluteRootElementPosition.top;
       } else {
         verticalOffset = spreaderOffset.top;
       }
-
       return {
         start: elementOffset.start + horizontalOffset,
         top: elementOffset.top + verticalOffset
       };
     }
+
     /**
      * Calculates coordinates of the provided element, relative to the root Handsontable element within a table with window
      * as a scrollable element.
@@ -247,7 +219,6 @@ var Overlay = /*#__PURE__*/function () {
      * @param {number} spreaderOffset Offset position of the spreader element.
      * @returns {{top: number, left: number}}
      */
-
   }, {
     key: "getRelativeCellPositionWithinHolder",
     value: function getRelativeCellPositionWithinHolder(onFixedRowTop, onFixedRowBottom, onFixedColumn, elementOffset, spreaderOffset) {
@@ -257,43 +228,38 @@ var Overlay = /*#__PURE__*/function () {
       };
       var horizontalOffset = 0;
       var verticalOffset = 0;
-
       if (!onFixedColumn) {
         horizontalOffset = tableScrollPosition.horizontal - spreaderOffset.start;
       }
-
       if (onFixedRowBottom) {
         var absoluteRootElementPosition = this.wot.wtTable.wtRootElement.getBoundingClientRect(); // todo refactoring: DEMETER
-
         var absoluteOverlayPosition = this.clone.wtTable.TABLE.getBoundingClientRect(); // todo refactoring: DEMETER
 
         verticalOffset = absoluteOverlayPosition.top * -1 + absoluteRootElementPosition.top;
       } else if (!onFixedRowTop) {
         verticalOffset = tableScrollPosition.vertical - spreaderOffset.top;
       }
-
       return {
         start: elementOffset.start - horizontalOffset,
         top: elementOffset.top - verticalOffset
       };
     }
+
     /**
      * Make a clone of table for overlay.
      *
      * @returns {Clone}
      */
-
   }, {
     key: "makeClone",
     value: function makeClone() {
       if (_constants.CLONE_TYPES.indexOf(this.type) === -1) {
         throw new Error("Clone type \"".concat(this.type, "\" is not supported."));
       }
-
       var wtTable = this.wot.wtTable;
       var _this$domBindings = this.domBindings,
-          rootDocument = _this$domBindings.rootDocument,
-          rootWindow = _this$domBindings.rootWindow;
+        rootDocument = _this$domBindings.rootDocument,
+        rootWindow = _this$domBindings.rootWindow;
       var clone = rootDocument.createElement('DIV');
       var clonedTable = rootDocument.createElement('TABLE');
       var tableParent = wtTable.wtRootElement.parentNode;
@@ -302,27 +268,24 @@ var Overlay = /*#__PURE__*/function () {
       clone.style.position = 'absolute';
       clone.style.top = 0;
       clone.style.overflow = 'visible';
-
       if (this.isRtl()) {
         clone.style.right = 0;
       } else {
         clone.style.left = 0;
       }
-
       clonedTable.className = wtTable.TABLE.className;
       clone.appendChild(clonedTable);
       tableParent.appendChild(clone);
       var preventOverflow = this.wtSettings.getSetting('preventOverflow');
-
       if (preventOverflow === true || preventOverflow === 'horizontal' && this.type === _constants.CLONE_TOP || preventOverflow === 'vertical' && this.type === _constants.CLONE_INLINE_START) {
         this.mainTableScrollableElement = rootWindow;
       } else if (rootWindow.getComputedStyle(tableParent).getPropertyValue('overflow') === 'hidden') {
         this.mainTableScrollableElement = wtTable.holder;
       } else {
         this.mainTableScrollableElement = (0, _element.getScrollableElement)(wtTable.TABLE);
-      } // Create a new instance of the Walkontable class
-
+      }
 
+      // Create a new instance of the Walkontable class
       return new _clone.default(clonedTable, this.wtSettings, {
         // todo ioc factory
         source: this.wot,
@@ -332,9 +295,9 @@ var Overlay = /*#__PURE__*/function () {
         event: this.wot.wtEvent,
         // todo ioc , or factory func if used only here
         selections: this.wot.selections // todo ioc , or factory func if used only here
-
       });
     }
+
     /**
      * Refresh/Redraw overlay.
      *
@@ -342,35 +305,29 @@ var Overlay = /*#__PURE__*/function () {
      *                                   the data. It will only work if Table.draw() does not force
      *                                   rendering anyway.
      */
-
   }, {
     key: "refresh",
     value: function refresh() {
       var fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       // When hot settings are changed we allow to refresh overlay once before blocking
       var nextCycleRenderFlag = this.shouldBeRendered();
-
       if (this.clone && (this.needFullRender || nextCycleRenderFlag)) {
         this.clone.draw(fastDraw);
       }
-
       this.needFullRender = nextCycleRenderFlag;
     }
+
     /**
      * Reset overlay styles to initial values.
      */
-
   }, {
     key: "reset",
     value: function reset() {
       if (!this.clone) {
         return;
       }
-
       var holder = this.clone.wtTable.holder; // todo refactoring: DEMETER
-
       var hider = this.clone.wtTable.hider; // todo refactoring: DEMETER
-
       var holderStyle = holder.style;
       var hiderStyle = hider.style;
       var rootStyle = holder.parentNode.style;
@@ -379,29 +336,27 @@ var Overlay = /*#__PURE__*/function () {
         style.height = '';
       });
     }
+
     /**
      * Determine if Walkontable is running in RTL mode.
      *
      * @returns {boolean}
      */
-
   }, {
     key: "isRtl",
     value: function isRtl() {
       return this.wtSettings.getSetting('rtlMode');
     }
+
     /**
      * Destroy overlay instance.
      */
-
   }, {
     key: "destroy",
     value: function destroy() {
       this.clone.eventManager.destroy(); // todo check if it is good place for that operation
     }
   }]);
-
   return Overlay;
 }();
-
 exports.Overlay = Overlay;