@lemon-fe/components 1.2.14 → 1.3.0-alpha.0

package/es/data-grid/modules/row-grouping/rowGrouping/columnDropZones/baseDropZonePanel.js

@@ -1,516 +0,0 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-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, _toPropertyKey(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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
-  var c = arguments.length,
-    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-    d;
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Autowired, Component, DragSourceType, Events, KeyCode, ManagedFocusFeature, PositionableFeature, _ } from "@ag-grid-community/core";
-import { DropZoneColumnComp } from "./dropZoneColumnComp";
-export var BaseDropZonePanel = /*#__PURE__*/function (_Component) {
-  _inherits(BaseDropZonePanel, _Component);
-  var _super = _createSuper(BaseDropZonePanel);
-  function BaseDropZonePanel(horizontal, dropZonePurpose) {
-    var _this;
-    _classCallCheck(this, BaseDropZonePanel);
-    _this = _super.call(this, /* html */"<div class=\"ag-unselectable\" role=\"presentation\"></div>");
-    _this.horizontal = horizontal;
-    _this.dropZonePurpose = dropZonePurpose;
-    _this.state = BaseDropZonePanel.STATE_NOT_DRAGGING;
-    _this.guiDestroyFunctions = [];
-    _this.childColumnComponents = [];
-    _this.resizeEnabled = false;
-    _this.addElementClasses(_this.getGui());
-    _this.eColumnDropList = document.createElement('div');
-    _this.addElementClasses(_this.eColumnDropList, 'list');
-    _.setAriaRole(_this.eColumnDropList, 'listbox');
-    return _this;
-  }
-  _createClass(BaseDropZonePanel, [{
-    key: "isHorizontal",
-    value: function isHorizontal() {
-      return this.horizontal;
-    }
-  }, {
-    key: "toggleResizable",
-    value: function toggleResizable(resizable) {
-      this.positionableFeature.setResizable(resizable ? {
-        bottom: true
-      } : false);
-      this.resizeEnabled = resizable;
-    }
-  }, {
-    key: "setBeans",
-    value: function setBeans(beans) {
-      this.beans = beans;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.destroyGui();
-      _get(_getPrototypeOf(BaseDropZonePanel.prototype), "destroy", this).call(this);
-    }
-  }, {
-    key: "destroyGui",
-    value: function destroyGui() {
-      this.guiDestroyFunctions.forEach(function (func) {
-        return func();
-      });
-      this.guiDestroyFunctions.length = 0;
-      this.childColumnComponents.length = 0;
-      _.clearElement(this.getGui());
-      _.clearElement(this.eColumnDropList);
-    }
-  }, {
-    key: "init",
-    value: function init(params) {
-      this.params = params;
-      this.createManagedBean(new ManagedFocusFeature(this.getFocusableElement(), {
-        handleKeyDown: this.handleKeyDown.bind(this)
-      }));
-      this.addManagedListener(this.beans.eventService, Events.EVENT_NEW_COLUMNS_LOADED, this.refreshGui.bind(this));
-      this.addManagedPropertyListener('functionsReadOnly', this.refreshGui.bind(this));
-      this.setupDropTarget();
-      this.positionableFeature = new PositionableFeature(this.getGui(), {
-        minHeight: 100
-      });
-      this.createManagedBean(this.positionableFeature);
-      // we don't know if this bean will be initialised before columnModel.
-      // if columnModel first, then below will work
-      // if columnModel second, then below will put blank in, and then above event gets first when columnModel is set up
-      this.refreshGui();
-      _.setAriaLabel(this.eColumnDropList, this.getAriaLabel());
-    }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      var isVertical = !this.horizontal;
-      var isNext = e.key === KeyCode.DOWN;
-      var isPrevious = e.key === KeyCode.UP;
-      if (!isVertical) {
-        var isRtl = this.gridOptionsService.is('enableRtl');
-        isNext = !isRtl && e.key === KeyCode.RIGHT || isRtl && e.key === KeyCode.LEFT;
-        isPrevious = !isRtl && e.key === KeyCode.LEFT || isRtl && e.key === KeyCode.RIGHT;
-      }
-      if (!isNext && !isPrevious) {
-        return;
-      }
-      var el = this.focusService.findNextFocusableElement(this.getFocusableElement(), false, isPrevious);
-      if (el) {
-        e.preventDefault();
-        el.focus();
-      }
-    }
-  }, {
-    key: "addElementClasses",
-    value: function addElementClasses(el, suffix) {
-      suffix = suffix ? "-".concat(suffix) : '';
-      var direction = this.horizontal ? 'horizontal' : 'vertical';
-      el.classList.add("ag-column-drop".concat(suffix), "ag-column-drop-".concat(direction).concat(suffix));
-    }
-  }, {
-    key: "setupDropTarget",
-    value: function setupDropTarget() {
-      this.dropTarget = {
-        getContainer: this.getGui.bind(this),
-        getIconName: this.getIconName.bind(this),
-        onDragging: this.onDragging.bind(this),
-        onDragEnter: this.onDragEnter.bind(this),
-        onDragLeave: this.onDragLeave.bind(this),
-        onDragStop: this.onDragStop.bind(this),
-        isInterestedIn: this.isInterestedIn.bind(this)
-      };
-      this.beans.dragAndDropService.addDropTarget(this.dropTarget);
-    }
-  }, {
-    key: "isInterestedIn",
-    value: function isInterestedIn(type) {
-      // not interested in row drags
-      return type === DragSourceType.HeaderCell || type === DragSourceType.ToolPanel;
-    }
-  }, {
-    key: "checkInsertIndex",
-    value: function checkInsertIndex(draggingEvent) {
-      var newIndex = this.getNewInsertIndex(draggingEvent);
-      // <0 happens when drag is no a direction we are interested in, eg drag is up/down but in horizontal panel
-      if (newIndex < 0) {
-        return false;
-      }
-      var changed = newIndex !== this.insertIndex;
-      if (changed) {
-        this.insertIndex = newIndex;
-      }
-      return changed;
-    }
-  }, {
-    key: "getNewInsertIndex",
-    value: function getNewInsertIndex(draggingEvent) {
-      var _this2 = this;
-      var mouseEvent = draggingEvent.event;
-      var mouseLocation = this.horizontal ? mouseEvent.clientX : mouseEvent.clientY;
-      var boundsList = this.childColumnComponents.map(function (col) {
-        return col.getGui().getBoundingClientRect();
-      });
-      // find the non-ghost component we're hovering
-      var hoveredIndex = boundsList.findIndex(function (rect) {
-        return _this2.horizontal ? rect.right > mouseLocation && rect.left < mouseLocation : rect.top < mouseLocation && rect.bottom > mouseLocation;
-      });
-      // not hovering a non-ghost component
-      if (hoveredIndex === -1) {
-        var enableRtl = this.beans.gridOptionsService.is('enableRtl');
-        // if mouse is below or right of all components then new index should be placed last
-        var isLast = boundsList.every(function (rect) {
-          return mouseLocation > (_this2.horizontal ? rect.right : rect.bottom);
-        });
-        if (isLast) {
-          return enableRtl && this.horizontal ? 0 : this.childColumnComponents.length;
-        }
-        // if mouse is above or left of all components, new index is first
-        var isFirst = boundsList.every(function (rect) {
-          return mouseLocation < (_this2.horizontal ? rect.left : rect.top);
-        });
-        if (isFirst) {
-          return enableRtl && this.horizontal ? this.childColumnComponents.length : 0;
-        }
-        // must be hovering a ghost, don't change the index
-        return this.insertIndex;
-      }
-      // if the old index is equal to or less than the index of our new target
-      // we need to shift right, to insert after rather than before
-      if (this.insertIndex <= hoveredIndex) {
-        return hoveredIndex + 1;
-      }
-      return hoveredIndex;
-    }
-  }, {
-    key: "checkDragStartedBySelf",
-    value: function checkDragStartedBySelf(draggingEvent) {
-      if (this.state !== BaseDropZonePanel.STATE_NOT_DRAGGING) {
-        return;
-      }
-      this.state = BaseDropZonePanel.STATE_REARRANGE_COLUMNS;
-      this.potentialDndColumns = draggingEvent.dragSource.getDragItem().columns || [];
-      this.refreshGui();
-      this.checkInsertIndex(draggingEvent);
-      this.refreshGui();
-    }
-  }, {
-    key: "onDragging",
-    value: function onDragging(draggingEvent) {
-      this.checkDragStartedBySelf(draggingEvent);
-      if (this.checkInsertIndex(draggingEvent)) {
-        this.refreshGui();
-      }
-    }
-  }, {
-    key: "onDragEnter",
-    value: function onDragEnter(draggingEvent) {
-      // this will contain all columns that are potential drops
-      var dragColumns = draggingEvent.dragSource.getDragItem().columns || [];
-      this.state = BaseDropZonePanel.STATE_NEW_COLUMNS_IN;
-      // take out columns that are not droppable
-      var goodDragColumns = dragColumns.filter(this.isColumnDroppable.bind(this));
-      if (goodDragColumns.length > 0) {
-        var hideColumnOnExit = this.isRowGroupPanel() && !this.gridOptionsService.is('suppressRowGroupHidesColumns') && !draggingEvent.fromNudge;
-        if (hideColumnOnExit) {
-          var dragItem = draggingEvent.dragSource.getDragItem();
-          var columns = dragItem.columns;
-          this.setColumnsVisible(columns, false, "uiColumnDragged");
-        }
-        this.potentialDndColumns = goodDragColumns;
-        this.checkInsertIndex(draggingEvent);
-        this.refreshGui();
-      }
-    }
-  }, {
-    key: "setColumnsVisible",
-    value: function setColumnsVisible(columns, visible) {
-      var source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "api";
-      if (columns) {
-        var allowedCols = columns.filter(function (c) {
-          return !c.getColDef().lockVisible;
-        });
-        this.colModel.setColumnsVisible(allowedCols, visible, source);
-      }
-    }
-  }, {
-    key: "isPotentialDndColumns",
-    value: function isPotentialDndColumns() {
-      return _.existsAndNotEmpty(this.potentialDndColumns);
-    }
-  }, {
-    key: "isRowGroupPanel",
-    value: function isRowGroupPanel() {
-      return this.dropZonePurpose === 'rowGroup';
-    }
-  }, {
-    key: "onDragLeave",
-    value: function onDragLeave(draggingEvent) {
-      // if the dragging started from us, we remove the group, however if it started
-      // some place else, then we don't, as it was only 'asking'
-      if (this.state === BaseDropZonePanel.STATE_REARRANGE_COLUMNS) {
-        var columns = draggingEvent.dragSource.getDragItem().columns || [];
-        this.removeColumns(columns);
-      }
-      if (this.isPotentialDndColumns()) {
-        var showColumnOnExit = this.isRowGroupPanel() && !this.gridOptionsService.is('suppressMakeColumnVisibleAfterUnGroup') && !draggingEvent.fromNudge;
-        if (showColumnOnExit) {
-          var dragItem = draggingEvent.dragSource.getDragItem();
-          this.setColumnsVisible(dragItem.columns, true, "uiColumnDragged");
-        }
-        this.potentialDndColumns = [];
-        this.refreshGui();
-      }
-      this.state = BaseDropZonePanel.STATE_NOT_DRAGGING;
-    }
-  }, {
-    key: "onDragStop",
-    value: function onDragStop() {
-      if (this.isPotentialDndColumns()) {
-        var success = false;
-        if (this.state === BaseDropZonePanel.STATE_NEW_COLUMNS_IN) {
-          this.addColumns(this.potentialDndColumns);
-          success = true;
-        } else {
-          success = this.rearrangeColumns(this.potentialDndColumns);
-        }
-        this.potentialDndColumns = [];
-        // If the function is passive, then we don't refresh, as we assume the client application
-        // is going to call setRowGroups / setPivots / setValues at a later point which will then
-        // cause a refresh. This gives a nice GUI where the ghost stays until the app has caught
-        // up with the changes. However, if there was no change in the order, then we do need to
-        // refresh to reset the columns
-        if (!this.beans.gridOptionsService.is('functionsPassive') || !success) {
-          this.refreshGui();
-        }
-      }
-      this.state = BaseDropZonePanel.STATE_NOT_DRAGGING;
-    }
-  }, {
-    key: "removeColumns",
-    value: function removeColumns(columnsToRemove) {
-      var newColumnList = this.getExistingColumns().filter(function (col) {
-        return !_.includes(columnsToRemove, col);
-      });
-      this.updateColumns(newColumnList);
-    }
-  }, {
-    key: "addColumns",
-    value: function addColumns(columnsToAdd) {
-      if (!columnsToAdd) {
-        return;
-      }
-      var newColumnList = this.getExistingColumns().slice();
-      var colsToAddNoDuplicates = columnsToAdd.filter(function (col) {
-        return newColumnList.indexOf(col) < 0;
-      });
-      _.insertArrayIntoArray(newColumnList, colsToAddNoDuplicates, this.insertIndex);
-      this.updateColumns(newColumnList);
-    }
-  }, {
-    key: "rearrangeColumns",
-    value: function rearrangeColumns(columnsToAdd) {
-      var newColumnList = this.getNonGhostColumns().slice();
-      _.insertArrayIntoArray(newColumnList, columnsToAdd, this.insertIndex);
-      if (_.areEqual(newColumnList, this.getExistingColumns())) {
-        return false;
-      }
-      this.updateColumns(newColumnList);
-      return true;
-    }
-  }, {
-    key: "refreshGui",
-    value: function refreshGui() {
-      // we reset the scroll position after the refresh.
-      // if we don't do this, then the list will always scroll to the top
-      // each time we refresh it. this is because part of the refresh empties
-      // out the list which sets scroll to zero. so the user could be just
-      // reordering the list - we want to prevent the resetting of the scroll.
-      // this is relevant for vertical display only (as horizontal has no scroll)
-      var scrollTop = this.eColumnDropList.scrollTop;
-      var resizeEnabled = this.resizeEnabled;
-      var focusedIndex = this.getFocusedItem();
-      var alternateElement = this.focusService.findNextFocusableElement();
-      if (!alternateElement) {
-        alternateElement = this.focusService.findNextFocusableElement(undefined, false, true);
-      }
-      this.toggleResizable(false);
-      this.destroyGui();
-      this.addIconAndTitleToGui();
-      this.addEmptyMessageToGui();
-      this.addColumnsToGui();
-      if (!this.isHorizontal()) {
-        this.eColumnDropList.scrollTop = scrollTop;
-      }
-      if (resizeEnabled) {
-        this.toggleResizable(resizeEnabled);
-      }
-      this.restoreFocus(focusedIndex, alternateElement);
-    }
-  }, {
-    key: "getFocusedItem",
-    value: function getFocusedItem() {
-      var eGui = this.getGui();
-      var activeElement = this.gridOptionsService.getDocument().activeElement;
-      if (!eGui.contains(activeElement)) {
-        return -1;
-      }
-      var items = Array.from(eGui.querySelectorAll('.ag-column-drop-cell'));
-      return items.indexOf(activeElement);
-    }
-  }, {
-    key: "restoreFocus",
-    value: function restoreFocus(index, alternateElement) {
-      var eGui = this.getGui();
-      var items = Array.from(eGui.querySelectorAll('.ag-column-drop-cell'));
-      if (index === -1) {
-        return;
-      }
-      if (items.length === 0) {
-        alternateElement.focus();
-      }
-      var indexToFocus = Math.min(items.length - 1, index);
-      var el = items[indexToFocus];
-      if (el) {
-        el.focus();
-      }
-    }
-  }, {
-    key: "getNonGhostColumns",
-    value: function getNonGhostColumns() {
-      var _this3 = this;
-      var existingColumns = this.getExistingColumns();
-      if (this.isPotentialDndColumns()) {
-        return existingColumns.filter(function (column) {
-          return !_.includes(_this3.potentialDndColumns, column);
-        });
-      }
-      return existingColumns;
-    }
-  }, {
-    key: "addColumnsToGui",
-    value: function addColumnsToGui() {
-      var _this4 = this;
-      var nonGhostColumns = this.getNonGhostColumns();
-      var itemsToAddToGui = nonGhostColumns.map(function (column) {
-        return _this4.createColumnComponent(column, false);
-      });
-      if (this.isPotentialDndColumns()) {
-        var dndColumns = this.potentialDndColumns.map(function (column) {
-          return _this4.createColumnComponent(column, true);
-        });
-        if (this.insertIndex >= itemsToAddToGui.length) {
-          itemsToAddToGui.push.apply(itemsToAddToGui, _toConsumableArray(dndColumns));
-        } else {
-          itemsToAddToGui.splice.apply(itemsToAddToGui, [this.insertIndex, 0].concat(_toConsumableArray(dndColumns)));
-        }
-      }
-      this.appendChild(this.eColumnDropList);
-      itemsToAddToGui.forEach(function (columnComponent, index) {
-        if (index > 0) {
-          _this4.addArrow(_this4.eColumnDropList);
-        }
-        _this4.eColumnDropList.appendChild(columnComponent.getGui());
-      });
-      this.addAriaLabelsToComponents();
-    }
-  }, {
-    key: "addAriaLabelsToComponents",
-    value: function addAriaLabelsToComponents() {
-      var _this5 = this;
-      this.childColumnComponents.forEach(function (comp, idx) {
-        var eGui = comp.getGui();
-        _.setAriaPosInSet(eGui, idx + 1);
-        _.setAriaSetSize(eGui, _this5.childColumnComponents.length);
-      });
-    }
-  }, {
-    key: "createColumnComponent",
-    value: function createColumnComponent(column, ghost) {
-      var _this6 = this;
-      var columnComponent = new DropZoneColumnComp(column, this.dropTarget, ghost, this.dropZonePurpose, this.horizontal);
-      columnComponent.addEventListener(DropZoneColumnComp.EVENT_COLUMN_REMOVE, this.removeColumns.bind(this, [column]));
-      this.beans.context.createBean(columnComponent);
-      this.guiDestroyFunctions.push(function () {
-        return _this6.destroyBean(columnComponent);
-      });
-      if (!ghost) {
-        this.childColumnComponents.push(columnComponent);
-      }
-      return columnComponent;
-    }
-  }, {
-    key: "addIconAndTitleToGui",
-    value: function addIconAndTitleToGui() {
-      var eGroupIcon = this.params.icon;
-      var eTitleBar = document.createElement('div');
-      _.setAriaHidden(eTitleBar, true);
-      this.addElementClasses(eTitleBar, 'title-bar');
-      this.addElementClasses(eGroupIcon, 'icon');
-      this.addOrRemoveCssClass('ag-column-drop-empty', this.isExistingColumnsEmpty());
-      eTitleBar.appendChild(eGroupIcon);
-      if (!this.horizontal) {
-        var eTitle = document.createElement('span');
-        this.addElementClasses(eTitle, 'title');
-        eTitle.innerHTML = this.params.title;
-        eTitleBar.appendChild(eTitle);
-      }
-      this.appendChild(eTitleBar);
-    }
-  }, {
-    key: "isExistingColumnsEmpty",
-    value: function isExistingColumnsEmpty() {
-      return this.getExistingColumns().length === 0;
-    }
-  }, {
-    key: "addEmptyMessageToGui",
-    value: function addEmptyMessageToGui() {
-      if (!this.isExistingColumnsEmpty() || this.isPotentialDndColumns()) {
-        return;
-      }
-      var eMessage = document.createElement('span');
-      eMessage.innerHTML = this.params.emptyMessage;
-      this.addElementClasses(eMessage, 'empty-message');
-      this.eColumnDropList.appendChild(eMessage);
-    }
-  }, {
-    key: "addArrow",
-    value: function addArrow(eParent) {
-      // only add the arrows if the layout is horizontal
-      if (this.horizontal) {
-        // for RTL it's a left arrow, otherwise it's a right arrow
-        var enableRtl = this.beans.gridOptionsService.is('enableRtl');
-        var icon = _.createIconNoSpan(enableRtl ? 'smallLeft' : 'smallRight', this.beans.gridOptionsService);
-        this.addElementClasses(icon, 'cell-separator');
-        eParent.appendChild(icon);
-      }
-    }
-  }]);
-  return BaseDropZonePanel;
-}(Component);
-BaseDropZonePanel.STATE_NOT_DRAGGING = 'notDragging';
-BaseDropZonePanel.STATE_NEW_COLUMNS_IN = 'newColumnsIn';
-BaseDropZonePanel.STATE_REARRANGE_COLUMNS = 'rearrangeColumns';
-__decorate([Autowired('columnModel')], BaseDropZonePanel.prototype, "colModel", void 0);
-__decorate([Autowired('focusService')], BaseDropZonePanel.prototype, "focusService", void 0);

package/es/data-grid/modules/row-grouping/rowGrouping/columnDropZones/dropZoneColumnComp.d.ts

@@ -1,40 +0,0 @@
-import { Component, DropTarget, Column, AgEvent } from "@ag-grid-community/core";
-import { TDropZone } from "./baseDropZonePanel";
-export interface ColumnRemoveEvent extends AgEvent {
-}
-export declare class DropZoneColumnComp extends Component {
-    private column;
-    private dragSourceDropTarget;
-    private ghost;
-    private dropZonePurpose;
-    private horizontal;
-    static EVENT_COLUMN_REMOVE: string;
-    private static TEMPLATE;
-    private readonly dragAndDropService;
-    private readonly columnModel;
-    private readonly popupService;
-    private readonly aggFuncService;
-    private readonly sortController;
-    private eText;
-    private eDragHandle;
-    private eButton;
-    private eSortIndicator;
-    private displayName;
-    private popupShowing;
-    constructor(column: Column, dragSourceDropTarget: DropTarget, ghost: boolean, dropZonePurpose: TDropZone, horizontal: boolean);
-    init(): void;
-    private setupAria;
-    private setupTooltip;
-    setupSort(): void;
-    private addDragSource;
-    private createDragItem;
-    private setupComponents;
-    private setupRemove;
-    private getColumnAndAggFuncName;
-    private setTextValue;
-    private onShowAggFuncSelection;
-    private createAggSelect;
-    private addElementClasses;
-    private isAggregationZone;
-    private isGroupingZone;
-}