@jetbrains/ring-ui 5.1.23 → 5.1.24

package/dist/table-legacy-ng/table-legacy-ng.js

@@ -0,0 +1,485 @@
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.trim.js';
+import angular from 'angular';
+import debounce from 'just-debounce-it';
+import { getStyles, getRect, getWindowHeight } from '../global/dom.js';
+import PlaceUnder from '../place-under-ng/place-under-ng.js';
+import Checkbox from '../checkbox-ng/checkbox-ng.js';
+import Selection from './table-legacy-ng__selection.js';
+import SelectionNavigateActions from './table-legacy-ng__selection-navigate-actions.js';
+import TableToolbar from './table-legacy-ng__toolbar.js';
+import TablePager from './table-legacy-ng__pager.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.array.map.js';
+import 'element-resize-detector';
+import 'core-js/modules/es.array.concat.js';
+import '@jetbrains/icons/checkmark-14px';
+import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../global/ring-angular-component.js';
+import '../_helpers/icon.js';
+import '../proxy-attrs/proxy-attrs.js';
+import 'core-js/modules/es.regexp.constructor.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../_helpers/checkbox.js';
+import 'core-js/modules/es.array.find.js';
+import '../global/schedule-raf.js';
+import '../pager-ng/pager-ng.js';
+import '../global/angular-component-factory.js';
+import 'core-js/modules/es.array.slice.js';
+import 'react';
+import '../global/react-render-adapter.js';
+import 'core-js/modules/es.weak-map.js';
+import 'react-dom';
+import '../global/react-dom-renderer.js';
+import 'prop-types';
+import '../pager/pager.js';
+import 'classnames';
+import '@jetbrains/icons/chevron-left';
+import '@jetbrains/icons/chevron-right';
+import '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../button-group/button-group.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../button-group/caption.js';
+import '../_helpers/button-group.js';
+import '../button-toolbar/button-toolbar.js';
+import '../_helpers/button-toolbar.js';
+import '../select/select.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/close-12px';
+import 'deep-equal';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import 'core-js/modules/es.string.match.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
+import '../popup/popup.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../list/list.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/remove-14px';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import '../control-label/control-label.js';
+import '../_helpers/control-label.js';
+import '../_helpers/input.js';
+import '../global/rerender-hoc.js';
+import '../global/fuzzy-highlight.js';
+import '../select/select__popup.js';
+import '@jetbrains/icons/search';
+import '../loader-inline/loader-inline.js';
+import '../_helpers/loader-inline.js';
+import '../shortcuts/shortcuts-hoc.js';
+import '../tags-list/tags-list.js';
+import '../tag/tag.js';
+import '../caret/caret.js';
+import '../text/text.js';
+import '../_helpers/select__filter.js';
+import '../message-bundle-ng/message-bundle-ng.js';
+
+/**
+ * @name Table Legacy Ng
+ */
+
+var angularModule = angular.module('Ring.table-legacy', [TableToolbar, TablePager, Checkbox, PlaceUnder]);
+angularModule.directive('rgLegacyTable', function rgLegacyTableDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    template: '<div><table class="ring-table" ng-transclude></table></div>',
+    controllerAs: 'ctrl',
+    /**
+     * {{
+     *   items: array, items of table
+     *   selection: {Selection}?, a selection object link can be provided to use it outside the table
+     * }}
+     */
+    scope: {
+      items: '=',
+      selection: '=?',
+      disableSelection: '@'
+    },
+    bindToController: true,
+    controller: ["$scope", function controller($scope) {
+      var _this = this;
+      this.$onInit = function () {
+        if (_this.disableSelection) {
+          return;
+        }
+
+        /**
+         * Create Selection instance first to make sure it is always available
+         * @type {Selection}
+         */
+        _this.selection = new Selection(_this.items, function (name, item, index) {
+          $scope.$emit(name, item, index);
+          $scope.$broadcast(name, item, index);
+        });
+
+        /**
+         * Updating items when data is initiated or updated
+         */
+        $scope.$watch(function () {
+          return _this.items;
+        }, function (newItems) {
+          if (newItems) {
+            _this.selection.setItems(newItems);
+          }
+        });
+      };
+    }]
+  };
+});
+angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonParent", function rgLegacyTableHeaderDirective(getClosestElementWithCommonParent) {
+  var HEADER_RESIZE_DEBOUNCE = 50;
+  var HEADER_SCROLL_DEBOUNCE = 10;
+  var TOOLBAR_FIXED_CLASSNAME = 'ring-table__toolbar-controls_fixed';
+  return {
+    restrict: 'E',
+    template: "<thead>\n  <tr class=\"ring-table__header\" ng-transclude></tr>\n  <tr class=\"ring-table__header ring-table__header_sticky\" rg-place-under=\"{{stickToSelector}}\" ng-transclude></tr>\n</thead>",
+    transclude: true,
+    replace: true,
+    link: function link(scope, iElement, iAttrs) {
+      var element = iElement[0];
+      var stickToElement = null;
+      scope.stickToSelector = iAttrs.stickTo;
+
+      //Shortcut for placing under table toolbar
+      if (iAttrs.stickToToolbar !== undefined) {
+        scope.stickToSelector = '.ring-table__toolbar';
+      }
+      var scrollableHeader = element.querySelector('.ring-table__header:not(.ring-table__header_sticky)');
+      var fixedHeader = element.querySelector('.ring-table__header_sticky');
+      var toolbarFixed = function toolbarFixed() {
+        return stickToElement.querySelector(".".concat(TOOLBAR_FIXED_CLASSNAME)) !== null;
+      };
+
+      /**
+       * Sync header columns width with real table
+       */
+      var resizeFixedHeader = debounce(function () {
+        fixedHeader.style.width = "".concat(scrollableHeader.offsetWidth, "px");
+        var titles = Array.from(fixedHeader.querySelectorAll('.ring-table__title'));
+        titles.forEach(function (titleElement, index) {
+          var targetHeaderTitle = scrollableHeader.querySelectorAll('.ring-table__title')[index];
+          titleElement.style.width = getStyles(targetHeaderTitle).width;
+        });
+      }, HEADER_RESIZE_DEBOUNCE, true);
+
+      /**
+       * Toggle headers on scroll. Also resize header columns with some big interval
+       */
+      var scrollListener = debounce(function () {
+        if (toolbarFixed()) {
+          fixedHeader.style.display = 'block';
+          scrollableHeader.style.visibility = 'hidden';
+        } else {
+          fixedHeader.style.display = 'none';
+          scrollableHeader.style.visibility = 'visible';
+        }
+        resizeFixedHeader();
+      }, HEADER_SCROLL_DEBOUNCE);
+      function startSticking() {
+        scope.$evalAsync(function () {
+          window.addEventListener('resize', resizeFixedHeader);
+          window.addEventListener('scroll', scrollListener);
+          scope.$on('rgLegacyTable:itemsChanged', scrollListener);
+        });
+      }
+      if (scope.stickToSelector) {
+        stickToElement = getClosestElementWithCommonParent(element, scope.stickToSelector);
+        startSticking();
+      }
+    }
+  };
+}]);
+angularModule.directive('rgLegacyTableBody', function rgLegacyTableBodyDirective() {
+  return {
+    restrict: 'E',
+    template: '<tbody ng-transclude></tbody>',
+    transclude: true,
+    replace: true
+  };
+});
+angularModule.directive('rgLegacyTableRow', function rgLegacyTableRowDirective() {
+  return {
+    template: "<tr ng-click=\"rowCtrl.setActiveItem(rowCtrl.rowItem)\"\n  ng-mouseover=\"rowCtrl.onMouseOver(rowCtrl.rowItem)\"\n  ng-mouseout=\"rowCtrl.onMouseOut(rowCtrl.rowItem)\"\n  class=\"ring-table__row\" ng-class=\"{\n    'ring-table__row_active': rowCtrl.rowItem.active,\n    'ring-table__row_checked': rowCtrl.rowItem.checked,\n    'ring-table__row_active-checked': rowCtrl.rowItem.active && !rowCtrl.hasCheckedItems(),\n    'ring-table__row_implicit': rowCtrl.rowItem.implicit,\n    'ring-table__row_expanded': rowCtrl.rowItem.expanded,\n    'ring-table__row_unselectable': rowCtrl.rowItem.unselectable\n    }\" ng-transclude>\n</tr>",
+    restrict: 'E',
+    transclude: true,
+    replace: true,
+    require: ['^rgLegacyTable', 'rgLegacyTableRow'],
+    scope: {
+      rowItem: '='
+    },
+    link: function link(scope, iElement, iAttrs, ctrls) {
+      var rgLegacyTableCtrl = ctrls[0];
+      var rgLegacyTableRowCtrl = ctrls[1];
+      rgLegacyTableRowCtrl.setSelection(rgLegacyTableCtrl.selection);
+    },
+    controllerAs: 'rowCtrl',
+    bindToController: true,
+    controller: ["$scope", "$element", function controller($scope, $element) {
+      var _this2 = this;
+      var element = $element[0];
+      var watchRowCheckFlag;
+      this.setSelection = function (selection) {
+        if (!selection) {
+          return;
+        }
+        _this2.selection = selection;
+        if (!watchRowCheckFlag) {
+          watchRowCheckFlag = $scope.$watch('rowCtrl.rowItem.checked', function (newValue) {
+            if (newValue !== undefined) {
+              _this2.selection.triggerSelectionChanged(_this2.rowItem);
+            }
+          });
+        }
+      };
+      this.setActiveItem = function (item) {
+        item && !item.unselectable && _this2.selection && _this2.selection.activateItem(item);
+      };
+      this.onMouseOver = function (item) {
+        item && !item.unselectable && _this2.selection && _this2.selection.setSuggestedItem(item);
+      };
+      this.onMouseOut = function (item) {
+        item && _this2.selection && item === _this2.selection.suggestedItem && _this2.selection.setSuggestedItem(null);
+      };
+      this.hasCheckedItems = function () {
+        if (!_this2.selection) {
+          return false;
+        }
+        //TODO: cache this operation if there are performance issues
+        var checkedItems = _this2.selection.getCheckedItems();
+        return checkedItems && checkedItems.length > 0;
+      };
+      function getRowOutOfViewInfo(el, offsetInRows) {
+        var rect = getRect(el);
+        var offset = rect.height * offsetInRows;
+        var isGoneUp = rect.top < offset;
+        var isGoneDown = rect.bottom > getWindowHeight() - offset;
+        return {
+          offset,
+          isOutOfView: isGoneDown || isGoneUp,
+          isGoneUp,
+          isGoneDown
+        };
+      }
+      function addSpacingAfterScroll(offset) {
+        if (window.scrollY) {
+          window.scrollBy(0, offset);
+        }
+      }
+      $scope.$on('rgLegacyTable:activateItem', function (e, item) {
+        if (item === _this2.rowItem) {
+          var scrollInfo = getRowOutOfViewInfo(element, 2);
+          if (scrollInfo.isOutOfView) {
+            element.scrollIntoView(scrollInfo.isGoneUp);
+            addSpacingAfterScroll(scrollInfo.isGoneDown ? scrollInfo.offset : -scrollInfo.offset);
+          }
+        }
+      });
+    }]
+  };
+});
+angularModule.directive('rgLegacyTableHeaderCheckbox', function rgLegacyTableHeaderCheckboxDirective() {
+  return {
+    restrict: 'E',
+    require: '^rgLegacyTable',
+    replace: true,
+    template: '<span class="ring-table__header-checkbox"><rg-checkbox ng-click="onClickChange()" ng-model="allChecked"/></span>',
+    link: function link(scope, iElement, iAttrs, tableCtrl) {
+      // TODO: reduce number of recheckSelection() calls
+      scope.allChecked = false;
+      function recheckSelection() {
+        if (tableCtrl.items && tableCtrl.items.length) {
+          scope.allChecked = tableCtrl.items.every(function (item) {
+            return item.checked;
+          });
+        } else {
+          scope.allChecked = false;
+        }
+      }
+      function markAllItemsAs(state) {
+        tableCtrl.items.forEach(function (item) {
+          item.checked = state;
+        });
+      }
+      scope.$on('rgLegacyTable:itemsChanged', function () {
+        if (scope.allChecked) {
+          markAllItemsAs(true);
+        }
+        recheckSelection();
+      });
+      scope.$on('rgLegacyTable:selectionChanged', recheckSelection);
+      scope.onClickChange = function () {
+        markAllItemsAs(scope.allChecked);
+      };
+    }
+  };
+});
+
+/**
+ * A checkbox cell for table. Uses rg-table-row parent directive as model host
+ */
+angularModule.directive('rgLegacyTableCheckboxCell', function rgLegacyTableCheckboxCellDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    require: '^rgLegacyTableRow',
+    replace: true,
+    template: "\n<td class=\"ring-table__selector ring-table__column_selector\" ng-class=\"{'ring-table__column': !isEmbedded}\">\n  <rg-checkbox ng-model=\"getRowItem().checked\" title=\"{{getTitle()}}\" aria-label=\"{{geAriaLabel()}}\"/>\n</td>\n    ".trim(),
+    link: function link(scope, iElement, iAttrs, rowCtrl) {
+      /**
+       * rowItem getter to use it as ng-model for checkbox
+       */
+      scope.getRowItem = function () {
+        return rowCtrl.rowItem;
+      };
+      scope.getTitle = function () {
+        return iAttrs.title || rowCtrl.rowItem.name;
+      };
+      scope.geAriaLabel = function () {
+        return iAttrs.ariaLabel;
+      };
+      scope.isEmbedded = angular.isDefined(iAttrs.embedded);
+    }
+  };
+});
+
+/**
+ * Table title wrapper, receive next attributes:
+ * {{
+    border: whether or not title contain right border
+    active: makes title more bolder
+  }}
+ */
+angularModule.directive('rgLegacyTableTitle', function rgLegacyTableTitleDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    replace: true,
+    scope: true,
+    template: "<th class=\"ring-table__title\"\n    ng-class=\"{\n    'ring-table__title_border': isBorder,\n    'ring-table__title_active': isActive,\n    'ring-table__column_snuggle-right': isPullRight,\n    'ring-table__column_snuggle-left': isPullLeft,\n    'ring-table__column_align-right' : isAlignRight\n    }\" ng-transclude>\n</th>",
+    link: function link(scope, iElement, iAttrs) {
+      /**
+       * One time property assigning without watching through isolated scope helps to improve performance
+       */
+      scope.isBorder = angular.isDefined(iAttrs.border);
+      scope.isActive = angular.isDefined(iAttrs.active);
+      scope.isPullRight = angular.isDefined(iAttrs.pullRight);
+      scope.isAlignRight = angular.isDefined(iAttrs.alignRight);
+      scope.isPullLeft = angular.isDefined(iAttrs.pullLeft);
+    }
+  };
+});
+
+/**
+ * Column wrapper, receive next attributes:
+ * {{
+    limited: is column width should be limited,
+    wide: for wide columns
+    avatar: for columns contains avatar
+  }}
+ */
+angularModule.directive('rgLegacyTableColumn', function rgLegacyTableColumnDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    replace: true,
+    scope: true,
+    template: "<td class=\"ring-table__column\"\n    ng-class=\"{\n    'ring-table__column_limited': isLimited,\n    'ring-table__column_unlimited': isUnlimited,\n    'ring-table__column_right': isAlignRight,\n    'ring-table__avatar': isAvatar,\n    'ring-table__column_wide': isWide,\n    'ring-table__column_gray': isGray,\n    'ring-table__column_snuggle-right': isPullRight,\n    'ring-table__column_snuggle-left': isPullLeft\n    }\" ng-transclude>\n</td>",
+    link: function link(scope, iElement, iAttrs) {
+      var element = iElement[0];
+      var FULL_WIDTH = 100;
+      scope.isLimited = angular.isDefined(iAttrs.limited);
+      scope.isUnlimited = angular.isDefined(iAttrs.unlimited);
+      scope.isAvatar = angular.isDefined(iAttrs.avatar);
+      scope.isWide = angular.isDefined(iAttrs.wide);
+      scope.isAlignRight = angular.isDefined(iAttrs.alignRight);
+      scope.isGray = angular.isDefined(iAttrs.gray);
+      scope.isPullRight = angular.isDefined(iAttrs.pullRight);
+      scope.isPullLeft = angular.isDefined(iAttrs.pullLeft);
+      function adjustUnlimitedColumnWidths() {
+        var unlimitedColumnsCount = element.parentNode.querySelectorAll('.ring-table__column[unlimited]').length;
+        if (unlimitedColumnsCount > 1) {
+          element.style.width = "".concat((FULL_WIDTH / unlimitedColumnsCount).toFixed(), "%");
+        }
+      }
+      if (scope.isUnlimited) {
+        adjustUnlimitedColumnWidths();
+      }
+    }
+  };
+});
+
+/**
+ * Class with default hotkeys navigation actions (e.g. select, clear selection, move up/down)
+ */
+angularModule.constant('SelectionNavigateActions', SelectionNavigateActions);
+var tableLegacyNg = angularModule.name;
+
+export { tableLegacyNg as default };

package/dist/table-legacy-ng/table-legacy-ng__pager.js

@@ -0,0 +1,154 @@
+import angular from 'angular';
+import Pager from '../pager-ng/pager-ng.js';
+import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
+import '../global/angular-component-factory.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.slice.js';
+import 'react';
+import '../global/react-render-adapter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+import '../global/ring-angular-component.js';
+import '../global/react-dom-renderer.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
+import 'prop-types';
+import '../pager/pager.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.find.js';
+import 'classnames';
+import '@jetbrains/icons/chevron-left';
+import '@jetbrains/icons/chevron-right';
+import '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../button-group/button-group.js';
+import 'core-js/modules/es.string.split.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import '../button-group/caption.js';
+import '../_helpers/button-group.js';
+import '../button-toolbar/button-toolbar.js';
+import '../_helpers/button-toolbar.js';
+import '../select/select.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/close-12px';
+import 'deep-equal';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import 'core-js/modules/es.string.match.js';
+import '../global/dom.js';
+import 'core-js/modules/es.set.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../list/list.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import '../_helpers/checkbox.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import '../control-label/control-label.js';
+import '../_helpers/control-label.js';
+import '../_helpers/input.js';
+import '../global/rerender-hoc.js';
+import '../global/fuzzy-highlight.js';
+import '../select/select__popup.js';
+import '@jetbrains/icons/search';
+import '../loader-inline/loader-inline.js';
+import '../_helpers/loader-inline.js';
+import '../shortcuts/shortcuts-hoc.js';
+import '../tags-list/tags-list.js';
+import '../tag/tag.js';
+import '../caret/caret.js';
+import '../text/text.js';
+import '../_helpers/select__filter.js';
+
+var angularModule = angular.module('Ring.table-legacy.pager', [messageBundleNg, Pager]);
+angularModule.directive('rgLegacyTablePager', function rgLegacyTablePagerDirective() {
+  return {
+    restrict: 'E',
+    template: "<rg-pager\n  total=\"pagerCtrl.total\"\n  current-page=\"pagerCtrl.getPage()\"\n  page-size=\"pagerCtrl.top\"\n  on-page-change=\"pagerCtrl.onPageChange\"\n  disable-page-size-selector=\"true\"\n></rg-pager>",
+    scope: {},
+    bindToController: {
+      skip: '=',
+      top: '=',
+      total: '=',
+      onPageChange: '&'
+    },
+    controllerAs: 'pagerCtrl',
+    controller: function controller() {
+      var _this = this;
+      this.getPage = function () {
+        return _this.top / _this.skip;
+      };
+    }
+  };
+});
+var TablePager = angularModule.name;
+
+export { TablePager as default };