diff --git a/.gitignore b/.gitignore index 3c075e40..5524208f 100644 --- a/.gitignore +++ b/.gitignore @@ -5,7 +5,6 @@ node_modules/ ag-grid-enterprise.iml -dist/ package-lock.json module.tgz diff --git a/bower.json b/bower.json index 73513903..4e56dbfa 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "ag-grid-enterprise", - "version": "17.1.1", + "version": "18.0.0", "homepage": "http://www.ag-grid.com/", "authors": [ "Niall Crosby " diff --git a/dist/ag-grid-enterprise.js b/dist/ag-grid-enterprise.js new file mode 100644 index 00000000..a1efbb92 --- /dev/null +++ b/dist/ag-grid-enterprise.js @@ -0,0 +1,47720 @@ +// ag-grid-enterprise v18.0.0 +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(); + else if(typeof define === 'function' && define.amd) + define([], factory); + else if(typeof exports === 'object') + exports["agGrid"] = factory(); + else + root["agGrid"] = factory(); +})(this, function() { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; + +/******/ // The require function +/******/ function __webpack_require__(moduleId) { + +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) +/******/ return installedModules[moduleId].exports; + +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ exports: {}, +/******/ id: moduleId, +/******/ loaded: false +/******/ }; + +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); + +/******/ // Flag the module as loaded +/******/ module.loaded = true; + +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } + + +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; + +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; + +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; + +/******/ // Load entry module and return exports +/******/ return __webpack_require__(0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(1); + + // add in exports for ag-Grid-Enterprise + var agGridEnterprise = __webpack_require__(196); + Object.keys(agGridEnterprise).forEach(function(key) { + exports[key] = agGridEnterprise[key]; + }); + + // also add in in exports for ag-Grid-Standard, as it's webpack, we want both packed up + var agGrid = __webpack_require__(2); + Object.keys(agGrid).forEach(function(key) { + exports[key] = agGrid[key]; + }); + + __webpack_require__(197); + + __webpack_require__(201); + __webpack_require__(203); + __webpack_require__(205); + __webpack_require__(207); + __webpack_require__(209); + + __webpack_require__(211); + __webpack_require__(213); + __webpack_require__(215); + __webpack_require__(217); + __webpack_require__(219); + + __webpack_require__(221); + __webpack_require__(223); + + +/***/ }), +/* 1 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var enterpriseMenu_1 = __webpack_require__(148); + var rangeController_1 = __webpack_require__(158); + var clipboardService_1 = __webpack_require__(157); + var groupStage_1 = __webpack_require__(160); + var aggregationStage_1 = __webpack_require__(161); + var enterpriseBoot_1 = __webpack_require__(164); + var statusBar_1 = __webpack_require__(174); + var contextMenu_1 = __webpack_require__(176); + var viewportRowModel_1 = __webpack_require__(177); + var pivotColumnsPanel_1 = __webpack_require__(178); + var toolPanelComp_1 = __webpack_require__(181); + var rowGroupCompFactory_1 = __webpack_require__(187); + var licenseManager_1 = __webpack_require__(171); + var md5_1 = __webpack_require__(172); + var pivotStage_1 = __webpack_require__(162); + var pivotColDefService_1 = __webpack_require__(163); + var aggFuncService_1 = __webpack_require__(159); + var pivotCompFactory_1 = __webpack_require__(188); + var menuItemMapper_1 = __webpack_require__(156); + var excelCreator_1 = __webpack_require__(189); + var excelXmlFactory_1 = __webpack_require__(190); + var serverSideRowModel_1 = __webpack_require__(191); + var columnSelectHeaderComp_1 = __webpack_require__(153); + var columnContainerComp_1 = __webpack_require__(150); + var horizontalResizeComp_1 = __webpack_require__(194); + var headerColumnDropComp_1 = __webpack_require__(195); + var toolPanelColumnComp_1 = __webpack_require__(182); + var toolPanelSelectComp_1 = __webpack_require__(186); + var rowModelTypes = { viewport: viewportRowModel_1.ViewportRowModel, serverSide: serverSideRowModel_1.ServerSideRowModel }; + main_1.Grid.setEnterpriseBeans([enterpriseMenu_1.EnterpriseMenuFactory, excelCreator_1.ExcelCreator, excelXmlFactory_1.ExcelXmlFactory, rowGroupCompFactory_1.RowGroupCompFactory, pivotCompFactory_1.PivotCompFactory, + pivotColumnsPanel_1.PivotColumnsPanel, rangeController_1.RangeController, clipboardService_1.ClipboardService, pivotStage_1.PivotStage, pivotColDefService_1.PivotColDefService, + contextMenu_1.ContextMenuFactory, groupStage_1.GroupStage, aggregationStage_1.AggregationStage, enterpriseBoot_1.EnterpriseBoot, aggFuncService_1.AggFuncService, + licenseManager_1.LicenseManager, md5_1.MD5, menuItemMapper_1.MenuItemMapper], rowModelTypes); + main_1.Grid.setEnterpriseComponents([ + { componentName: 'AgColumnSelectHeader', theClass: columnSelectHeaderComp_1.ColumnSelectHeaderComp }, + { componentName: 'AgColumnContainer', theClass: columnContainerComp_1.ColumnContainerComp }, + { componentName: 'AgHorizontalResize', theClass: horizontalResizeComp_1.HorizontalResizeComp }, + { componentName: 'AgToolPanel', theClass: toolPanelComp_1.ToolPanelComp }, + { componentName: 'AgStatusBar', theClass: statusBar_1.StatusBar }, + { componentName: 'AgHeaderColumnDrop', theClass: headerColumnDropComp_1.HeaderColumnDropComp }, + { componentName: 'AgToolPanelColumnComp', theClass: toolPanelColumnComp_1.ToolPanelColumnComp }, + { componentName: 'AgToolPanelSelectComp', theClass: toolPanelSelectComp_1.ToolPanelSelectComp }, + ]); + + +/***/ }), +/* 2 */ +/***/ (function(module, exports, __webpack_require__) { + + /* WEBPACK VAR INJECTION */(function(global) {/** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + // to satisfy server side compilation + Object.defineProperty(exports, "__esModule", { value: true }); + var globalObj = typeof global === 'undefined' ? {} : global; + globalObj.HTMLElement = typeof HTMLElement === 'undefined' ? {} : HTMLElement; + globalObj.HTMLButtonElement = typeof HTMLButtonElement === 'undefined' ? {} : HTMLButtonElement; + globalObj.HTMLSelectElement = typeof HTMLSelectElement === 'undefined' ? {} : HTMLSelectElement; + globalObj.HTMLInputElement = typeof HTMLInputElement === 'undefined' ? {} : HTMLInputElement; + globalObj.Node = typeof Node === 'undefined' ? {} : Node; + globalObj.MouseEvent = typeof MouseEvent === 'undefined' ? {} : MouseEvent; + // columnController + var balancedColumnTreeBuilder_1 = __webpack_require__(3); + exports.BalancedColumnTreeBuilder = balancedColumnTreeBuilder_1.BalancedColumnTreeBuilder; + var columnController_1 = __webpack_require__(17); + exports.ColumnController = columnController_1.ColumnController; + var columnKeyCreator_1 = __webpack_require__(117); + exports.ColumnKeyCreator = columnKeyCreator_1.ColumnKeyCreator; + var columnUtils_1 = __webpack_require__(20); + exports.ColumnUtils = columnUtils_1.ColumnUtils; + var displayedGroupCreator_1 = __webpack_require__(24); + exports.DisplayedGroupCreator = displayedGroupCreator_1.DisplayedGroupCreator; + var groupInstanceIdCreator_1 = __webpack_require__(112); + exports.GroupInstanceIdCreator = groupInstanceIdCreator_1.GroupInstanceIdCreator; + // components + var componentUtil_1 = __webpack_require__(10); + exports.ComponentUtil = componentUtil_1.ComponentUtil; + var colDefUtil_1 = __webpack_require__(116); + exports.ColDefUtil = colDefUtil_1.ColDefUtil; + var componentProvider_1 = __webpack_require__(48); + exports.ComponentProvider = componentProvider_1.ComponentProvider; + var agGridNg1_1 = __webpack_require__(119); + exports.initialiseAgGridWithAngular1 = agGridNg1_1.initialiseAgGridWithAngular1; + var agGridWebComponent_1 = __webpack_require__(142); + exports.initialiseAgGridWithWebComponents = agGridWebComponent_1.initialiseAgGridWithWebComponents; + // context + var beanStub_1 = __webpack_require__(37); + exports.BeanStub = beanStub_1.BeanStub; + var context_1 = __webpack_require__(7); + exports.Context = context_1.Context; + exports.Autowired = context_1.Autowired; + exports.PostConstruct = context_1.PostConstruct; + exports.PreConstruct = context_1.PreConstruct; + exports.Optional = context_1.Optional; + exports.Bean = context_1.Bean; + exports.Qualifier = context_1.Qualifier; + exports.PreDestroy = context_1.PreDestroy; + var componentAnnotations_1 = __webpack_require__(43); + exports.QuerySelector = componentAnnotations_1.QuerySelector; + exports.Listener = componentAnnotations_1.Listener; + exports.RefSelector = componentAnnotations_1.RefSelector; + // dragAndDrop + var dragAndDropService_1 = __webpack_require__(40); + exports.DragAndDropService = dragAndDropService_1.DragAndDropService; + exports.DragSourceType = dragAndDropService_1.DragSourceType; + exports.HDirection = dragAndDropService_1.HDirection; + exports.VDirection = dragAndDropService_1.VDirection; + var dragService_1 = __webpack_require__(41); + exports.DragService = dragService_1.DragService; + // entities + var column_1 = __webpack_require__(19); + exports.Column = column_1.Column; + var columnGroup_1 = __webpack_require__(18); + exports.ColumnGroup = columnGroup_1.ColumnGroup; + var gridCell_1 = __webpack_require__(34); + exports.GridCell = gridCell_1.GridCell; + var gridRow_1 = __webpack_require__(35); + exports.GridRow = gridRow_1.GridRow; + var originalColumnGroup_1 = __webpack_require__(21); + exports.OriginalColumnGroup = originalColumnGroup_1.OriginalColumnGroup; + var rowNode_1 = __webpack_require__(32); + exports.RowNode = rowNode_1.RowNode; + // filter + var baseFilter_1 = __webpack_require__(51); + exports.BaseFilter = baseFilter_1.BaseFilter; + var dateFilter_1 = __webpack_require__(50); + exports.DateFilter = dateFilter_1.DateFilter; + var filterManager_1 = __webpack_require__(45); + exports.FilterManager = filterManager_1.FilterManager; + var numberFilter_1 = __webpack_require__(86); + exports.NumberFilter = numberFilter_1.NumberFilter; + var textFilter_1 = __webpack_require__(85); + exports.TextFilter = textFilter_1.TextFilter; + // gridPanel + var gridPanel_1 = __webpack_require__(91); + exports.GridPanel = gridPanel_1.GridPanel; + var scrollVisibleService_1 = __webpack_require__(71); + exports.ScrollVisibleService = scrollVisibleService_1.ScrollVisibleService; + var mouseEventService_1 = __webpack_require__(67); + exports.MouseEventService = mouseEventService_1.MouseEventService; + // headerRendering + var bodyDropPivotTarget_1 = __webpack_require__(110); + exports.BodyDropPivotTarget = bodyDropPivotTarget_1.BodyDropPivotTarget; + var bodyDropTarget_1 = __webpack_require__(108); + exports.BodyDropTarget = bodyDropTarget_1.BodyDropTarget; + var cssClassApplier_1 = __webpack_require__(104); + exports.CssClassApplier = cssClassApplier_1.CssClassApplier; + var headerContainer_1 = __webpack_require__(100); + exports.HeaderContainer = headerContainer_1.HeaderContainer; + var headerRootComp_1 = __webpack_require__(99); + exports.HeaderRootComp = headerRootComp_1.HeaderRootComp; + var headerRowComp_1 = __webpack_require__(101); + exports.HeaderRowComp = headerRowComp_1.HeaderRowComp; + var horizontalResizeService_1 = __webpack_require__(103); + exports.HorizontalResizeService = horizontalResizeService_1.HorizontalResizeService; + var moveColumnController_1 = __webpack_require__(109); + exports.MoveColumnController = moveColumnController_1.MoveColumnController; + var standardMenu_1 = __webpack_require__(121); + exports.StandardMenuFactory = standardMenu_1.StandardMenuFactory; + // layout + var tabbedLayout_1 = __webpack_require__(143); + exports.TabbedLayout = tabbedLayout_1.TabbedLayout; + var verticalStack_1 = __webpack_require__(144); + exports.VerticalStack = verticalStack_1.VerticalStack; + // misc + var simpleHttpRequest_1 = __webpack_require__(145); + exports.simpleHttpRequest = simpleHttpRequest_1.simpleHttpRequest; + var largeTextCellEditor_1 = __webpack_require__(84); + exports.LargeTextCellEditor = largeTextCellEditor_1.LargeTextCellEditor; + var popupEditorWrapper_1 = __webpack_require__(60); + exports.PopupEditorWrapper = popupEditorWrapper_1.PopupEditorWrapper; + var popupSelectCellEditor_1 = __webpack_require__(83); + exports.PopupSelectCellEditor = popupSelectCellEditor_1.PopupSelectCellEditor; + var popupTextCellEditor_1 = __webpack_require__(82); + exports.PopupTextCellEditor = popupTextCellEditor_1.PopupTextCellEditor; + var selectCellEditor_1 = __webpack_require__(81); + exports.SelectCellEditor = selectCellEditor_1.SelectCellEditor; + var textCellEditor_1 = __webpack_require__(49); + exports.TextCellEditor = textCellEditor_1.TextCellEditor; + var animateShowChangeCellRenderer_1 = __webpack_require__(63); + exports.AnimateShowChangeCellRenderer = animateShowChangeCellRenderer_1.AnimateShowChangeCellRenderer; + var animateSlideCellRenderer_1 = __webpack_require__(62); + exports.AnimateSlideCellRenderer = animateSlideCellRenderer_1.AnimateSlideCellRenderer; + var groupCellRenderer_1 = __webpack_require__(64); + exports.GroupCellRenderer = groupCellRenderer_1.GroupCellRenderer; + // features + var setLeftFeature_1 = __webpack_require__(55); + exports.SetLeftFeature = setLeftFeature_1.SetLeftFeature; + // rendering + var autoWidthCalculator_1 = __webpack_require__(25); + exports.AutoWidthCalculator = autoWidthCalculator_1.AutoWidthCalculator; + var cellEditorFactory_1 = __webpack_require__(59); + exports.CellEditorFactory = cellEditorFactory_1.CellEditorFactory; + var cellRendererFactory_1 = __webpack_require__(61); + exports.CellRendererFactory = cellRendererFactory_1.CellRendererFactory; + var cellRendererService_1 = __webpack_require__(65); + exports.CellRendererService = cellRendererService_1.CellRendererService; + var checkboxSelectionComponent_1 = __webpack_require__(38); + exports.CheckboxSelectionComponent = checkboxSelectionComponent_1.CheckboxSelectionComponent; + var cellComp_1 = __webpack_require__(31); + exports.CellComp = cellComp_1.CellComp; + var rowComp_1 = __webpack_require__(30); + exports.RowComp = rowComp_1.RowComp; + var rowRenderer_1 = __webpack_require__(26); + exports.RowRenderer = rowRenderer_1.RowRenderer; + var valueFormatterService_1 = __webpack_require__(66); + exports.ValueFormatterService = valueFormatterService_1.ValueFormatterService; + // rowControllers/inMemory + var filterStage_1 = __webpack_require__(122); + exports.FilterStage = filterStage_1.FilterStage; + var flattenStage_1 = __webpack_require__(127); + exports.FlattenStage = flattenStage_1.FlattenStage; + var sortStage_1 = __webpack_require__(125); + exports.SortStage = sortStage_1.SortStage; + // row models + var pinnedRowModel_1 = __webpack_require__(95); + exports.PinnedRowModel = pinnedRowModel_1.PinnedRowModel; + var clientSideRowModel_1 = __webpack_require__(134); + exports.ClientSideRowModel = clientSideRowModel_1.ClientSideRowModel; + var changedPath_1 = __webpack_require__(136); + exports.ChangedPath = changedPath_1.ChangedPath; + var clientSideNodeManager_1 = __webpack_require__(135); + exports.ClientSideNodeManager = clientSideNodeManager_1.ClientSideNodeManager; + var infiniteRowModel_1 = __webpack_require__(128); + exports.InfiniteRowModel = infiniteRowModel_1.InfiniteRowModel; + var rowNodeBlock_1 = __webpack_require__(131); + exports.RowNodeBlock = rowNodeBlock_1.RowNodeBlock; + var rowNodeBlockLoader_1 = __webpack_require__(133); + exports.RowNodeBlockLoader = rowNodeBlockLoader_1.RowNodeBlockLoader; + var rowNodeCache_1 = __webpack_require__(132); + exports.RowNodeCache = rowNodeCache_1.RowNodeCache; + //styling + var stylingService_1 = __webpack_require__(68); + exports.StylingService = stylingService_1.StylingService; + // widgets + var agCheckbox_1 = __webpack_require__(105); + exports.AgCheckbox = agCheckbox_1.AgCheckbox; + var component_1 = __webpack_require__(36); + exports.Component = component_1.Component; + var popupService_1 = __webpack_require__(46); + exports.PopupService = popupService_1.PopupService; + var touchListener_1 = __webpack_require__(79); + exports.TouchListener = touchListener_1.TouchListener; + // root + var baseFrameworkFactory_1 = __webpack_require__(137); + exports.BaseFrameworkFactory = baseFrameworkFactory_1.BaseFrameworkFactory; + var cellNavigationService_1 = __webpack_require__(111); + exports.CellNavigationService = cellNavigationService_1.CellNavigationService; + var alignedGridsService_1 = __webpack_require__(94); + exports.AlignedGridsService = alignedGridsService_1.AlignedGridsService; + var constants_1 = __webpack_require__(9); + exports.Constants = constants_1.Constants; + var csvCreator_1 = __webpack_require__(15); + exports.CsvCreator = csvCreator_1.CsvCreator; + exports.BaseCreator = csvCreator_1.BaseCreator; + var downloader_1 = __webpack_require__(114); + exports.Downloader = downloader_1.Downloader; + var grid_1 = __webpack_require__(120); + exports.Grid = grid_1.Grid; + var gridApi_1 = __webpack_require__(14); + exports.GridApi = gridApi_1.GridApi; + var eventKeys_1 = __webpack_require__(12); + exports.Events = eventKeys_1.Events; + var focusedCellController_1 = __webpack_require__(58); + exports.FocusedCellController = focusedCellController_1.FocusedCellController; + var functions_1 = __webpack_require__(146); + exports.defaultGroupComparator = functions_1.defaultGroupComparator; + var gridOptionsWrapper_1 = __webpack_require__(4); + exports.GridOptionsWrapper = gridOptionsWrapper_1.GridOptionsWrapper; + var eventService_1 = __webpack_require__(5); + exports.EventService = eventService_1.EventService; + var selectableService_1 = __webpack_require__(124); + exports.SelectableService = selectableService_1.SelectableService; + var gridCore_1 = __webpack_require__(44); + exports.GridCore = gridCore_1.GridCore; + var logger_1 = __webpack_require__(6); + exports.Logger = logger_1.Logger; + var selectionController_1 = __webpack_require__(33); + exports.SelectionController = selectionController_1.SelectionController; + var sortController_1 = __webpack_require__(74); + exports.SortController = sortController_1.SortController; + var templateService_1 = __webpack_require__(27); + exports.TemplateService = templateService_1.TemplateService; + var utils_1 = __webpack_require__(8); + exports.Utils = utils_1.Utils; + exports.NumberSequence = utils_1.NumberSequence; + exports._ = utils_1._; + exports.Promise = utils_1.Promise; + var valueService_1 = __webpack_require__(28); + exports.ValueService = valueService_1.ValueService; + var expressionService_1 = __webpack_require__(23); + exports.ExpressionService = expressionService_1.ExpressionService; + var xmlFactory_1 = __webpack_require__(138); + exports.XmlFactory = xmlFactory_1.XmlFactory; + var gridSerializer_1 = __webpack_require__(16); + exports.GridSerializer = gridSerializer_1.GridSerializer; + exports.BaseGridSerializingSession = gridSerializer_1.BaseGridSerializingSession; + exports.RowType = gridSerializer_1.RowType; + var logger_2 = __webpack_require__(6); + exports.LoggerFactory = logger_2.LoggerFactory; + var columnApi_1 = __webpack_require__(22); + exports.ColumnApi = columnApi_1.ColumnApi; + var frameworkComponentWrapper_1 = __webpack_require__(147); + exports.BaseComponentWrapper = frameworkComponentWrapper_1.BaseComponentWrapper; + var environment_1 = __webpack_require__(42); + exports.Environment = environment_1.Environment; + + /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) + +/***/ }), +/* 3 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var logger_1 = __webpack_require__(6); + var columnUtils_1 = __webpack_require__(20); + var columnKeyCreator_1 = __webpack_require__(117); + var originalColumnGroup_1 = __webpack_require__(21); + var column_1 = __webpack_require__(19); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var defaultColumnTypes_1 = __webpack_require__(118); + // takes in a list of columns, as specified by the column definitions, and returns column groups + var BalancedColumnTreeBuilder = (function () { + function BalancedColumnTreeBuilder() { + } + BalancedColumnTreeBuilder.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('BalancedColumnTreeBuilder'); + }; + BalancedColumnTreeBuilder.prototype.createForAutoGroups = function (autoGroupCols, gridBalancedTree) { + var _this = this; + var autoColBalancedTree = []; + autoGroupCols.forEach(function (col) { + var fakeTreeItem = _this.createAutoGroupTreeItem(gridBalancedTree, col); + autoColBalancedTree.push(fakeTreeItem); + }); + return autoColBalancedTree; + }; + BalancedColumnTreeBuilder.prototype.createAutoGroupTreeItem = function (balancedColumnTree, column) { + var dept = this.findDept(balancedColumnTree); + // at the end, this will be the top of the tree item. + var nextChild = column; + for (var i = dept - 1; i >= 0; i--) { + var autoGroup = new originalColumnGroup_1.OriginalColumnGroup(null, "FAKE_PATH_" + column.getId() + "}_" + i, true, i); + this.context.wireBean(autoGroup); + autoGroup.setChildren([nextChild]); + nextChild = autoGroup; + } + // at this point, the nextChild is the top most item in the tree + return nextChild; + }; + BalancedColumnTreeBuilder.prototype.findDept = function (balancedColumnTree) { + var dept = 0; + var pointer = balancedColumnTree; + while (pointer && pointer[0] && pointer[0] instanceof originalColumnGroup_1.OriginalColumnGroup) { + dept++; + pointer = pointer[0].getChildren(); + } + return dept; + }; + BalancedColumnTreeBuilder.prototype.createBalancedColumnGroups = function (abstractColDefs, primaryColumns) { + // column key creator dishes out unique column id's in a deterministic way, + // so if we have two grids (that cold be master/slave) with same column definitions, + // then this ensures the two grids use identical id's. + var columnKeyCreator = new columnKeyCreator_1.ColumnKeyCreator(); + // create am unbalanced tree that maps the provided definitions + var unbalancedTree = this.recursivelyCreateColumns(abstractColDefs, 0, columnKeyCreator, primaryColumns); + var treeDept = this.findMaxDept(unbalancedTree, 0); + this.logger.log('Number of levels for grouped columns is ' + treeDept); + var balancedTree = this.balanceColumnTree(unbalancedTree, 0, treeDept, columnKeyCreator); + this.columnUtils.depthFirstOriginalTreeSearch(balancedTree, function (child) { + if (child instanceof originalColumnGroup_1.OriginalColumnGroup) { + child.setupExpandable(); + } + }); + return { + balancedTree: balancedTree, + treeDept: treeDept + }; + }; + BalancedColumnTreeBuilder.prototype.balanceColumnTree = function (unbalancedTree, currentDept, columnDept, columnKeyCreator) { + var _this = this; + var result = []; + // go through each child, for groups, recurse a level deeper, + // for columns we need to pad + unbalancedTree.forEach(function (child) { + if (child instanceof originalColumnGroup_1.OriginalColumnGroup) { + var originalGroup = child; + var newChildren = _this.balanceColumnTree(originalGroup.getChildren(), currentDept + 1, columnDept, columnKeyCreator); + originalGroup.setChildren(newChildren); + result.push(originalGroup); + } + else { + var newChild = child; + for (var i = columnDept - 1; i >= currentDept; i--) { + var newColId = columnKeyCreator.getUniqueKey(null, null); + var colGroupDefMerged = _this.createMergedColGroupDef(null); + var paddedGroup = new originalColumnGroup_1.OriginalColumnGroup(colGroupDefMerged, newColId, true, currentDept); + _this.context.wireBean(paddedGroup); + paddedGroup.setChildren([newChild]); + newChild = paddedGroup; + } + result.push(newChild); + } + }); + return result; + }; + BalancedColumnTreeBuilder.prototype.findMaxDept = function (treeChildren, dept) { + var maxDeptThisLevel = dept; + for (var i = 0; i < treeChildren.length; i++) { + var abstractColumn = treeChildren[i]; + if (abstractColumn instanceof originalColumnGroup_1.OriginalColumnGroup) { + var originalGroup = abstractColumn; + var newDept = this.findMaxDept(originalGroup.getChildren(), dept + 1); + if (maxDeptThisLevel < newDept) { + maxDeptThisLevel = newDept; + } + } + } + return maxDeptThisLevel; + }; + BalancedColumnTreeBuilder.prototype.recursivelyCreateColumns = function (abstractColDefs, level, columnKeyCreator, primaryColumns) { + var _this = this; + var result = []; + if (!abstractColDefs) { + return result; + } + abstractColDefs.forEach(function (abstractColDef) { + var newGroupOrColumn; + if (_this.isColumnGroup(abstractColDef)) { + newGroupOrColumn = _this.createColumnGroup(columnKeyCreator, primaryColumns, abstractColDef, level); + } + else { + newGroupOrColumn = _this.createColumn(columnKeyCreator, primaryColumns, abstractColDef); + } + result.push(newGroupOrColumn); + }); + return result; + }; + BalancedColumnTreeBuilder.prototype.createColumnGroup = function (columnKeyCreator, primaryColumns, colGroupDef, level) { + var colGroupDefMerged = this.createMergedColGroupDef(colGroupDef); + var groupId = columnKeyCreator.getUniqueKey(colGroupDefMerged.groupId, null); + var originalGroup = new originalColumnGroup_1.OriginalColumnGroup(colGroupDefMerged, groupId, false, level); + this.context.wireBean(originalGroup); + var children = this.recursivelyCreateColumns(colGroupDefMerged.children, level + 1, columnKeyCreator, primaryColumns); + originalGroup.setChildren(children); + return originalGroup; + }; + BalancedColumnTreeBuilder.prototype.createMergedColGroupDef = function (colGroupDef) { + var colGroupDefMerged = {}; + utils_1.Utils.assign(colGroupDefMerged, this.gridOptionsWrapper.getDefaultColGroupDef()); + utils_1.Utils.assign(colGroupDefMerged, colGroupDef); + this.checkForDeprecatedItems(colGroupDefMerged); + return colGroupDefMerged; + }; + BalancedColumnTreeBuilder.prototype.createColumn = function (columnKeyCreator, primaryColumns, colDef) { + var colDefMerged = this.mergeColDefs(colDef); + this.checkForDeprecatedItems(colDefMerged); + var colId = columnKeyCreator.getUniqueKey(colDefMerged.colId, colDefMerged.field); + var column = new column_1.Column(colDefMerged, colId, primaryColumns); + this.context.wireBean(column); + return column; + }; + BalancedColumnTreeBuilder.prototype.mergeColDefs = function (colDef) { + // start with empty merged definition + var colDefMerged = {}; + // merge properties from default column definitions + utils_1.Utils.assign(colDefMerged, this.gridOptionsWrapper.getDefaultColDef()); + // merge properties from column type properties + if (colDef.type) { + this.assignColumnTypes(colDef, colDefMerged); + } + // merge properties from column definitions + utils_1.Utils.assign(colDefMerged, colDef); + return colDefMerged; + }; + BalancedColumnTreeBuilder.prototype.assignColumnTypes = function (colDef, colDefMerged) { + var typeKeys; + if (colDef.type instanceof Array) { + var invalidArray = colDef.type.some(function (a) { return typeof a !== 'string'; }); + if (invalidArray) { + console.warn("ag-grid: if colDef.type is supplied an array it should be of type 'string[]'"); + } + else { + typeKeys = colDef.type; + } + } + else if (typeof colDef.type === 'string') { + typeKeys = colDef.type.split(','); + } + else { + console.warn("ag-grid: colDef.type should be of type 'string' | 'string[]'"); + return; + } + // merge user defined with default column types + var allColumnTypes = utils_1.Utils.assign({}, this.gridOptionsWrapper.getColumnTypes(), defaultColumnTypes_1.DefaultColumnTypes); + typeKeys.forEach(function (t) { + var typeColDef = allColumnTypes[t.trim()]; + if (typeColDef) { + utils_1.Utils.assign(colDefMerged, typeColDef); + } + else { + console.warn("ag-grid: colDef.type '" + t + "' does not correspond to defined gridOptions.columnTypes"); + } + }); + }; + BalancedColumnTreeBuilder.prototype.checkForDeprecatedItems = function (colDef) { + if (colDef) { + var colDefNoType = colDef; // take out the type, so we can access attributes not defined in the type + if (colDefNoType.group !== undefined) { + console.warn('ag-grid: colDef.group is invalid, please check documentation on how to do grouping as it changed in version 3'); + } + if (colDefNoType.headerGroup !== undefined) { + console.warn('ag-grid: colDef.headerGroup is invalid, please check documentation on how to do grouping as it changed in version 3'); + } + if (colDefNoType.headerGroupShow !== undefined) { + console.warn('ag-grid: colDef.headerGroupShow is invalid, should be columnGroupShow, please check documentation on how to do grouping as it changed in version 3'); + } + if (colDefNoType.suppressRowGroup !== undefined) { + console.warn('ag-grid: colDef.suppressRowGroup is deprecated, please use colDef.type instead'); + } + if (colDefNoType.suppressAggregation !== undefined) { + console.warn('ag-grid: colDef.suppressAggregation is deprecated, please use colDef.type instead'); + } + if (colDefNoType.suppressRowGroup || colDefNoType.suppressAggregation) { + console.warn('ag-grid: colDef.suppressAggregation and colDef.suppressRowGroup are deprecated, use allowRowGroup, allowPivot and allowValue instead'); + } + if (colDefNoType.displayName) { + console.warn("ag-grid: Found displayName " + colDefNoType.displayName + ", please use headerName instead, displayName is deprecated."); + colDefNoType.headerName = colDefNoType.displayName; + } + } + }; + // if object has children, we assume it's a group + BalancedColumnTreeBuilder.prototype.isColumnGroup = function (abstractColDef) { + return abstractColDef.children !== undefined; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], BalancedColumnTreeBuilder.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnUtils'), + __metadata("design:type", columnUtils_1.ColumnUtils) + ], BalancedColumnTreeBuilder.prototype, "columnUtils", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], BalancedColumnTreeBuilder.prototype, "context", void 0); + __decorate([ + __param(0, context_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], BalancedColumnTreeBuilder.prototype, "setBeans", null); + BalancedColumnTreeBuilder = __decorate([ + context_1.Bean('balancedColumnTreeBuilder') + ], BalancedColumnTreeBuilder); + return BalancedColumnTreeBuilder; + }()); + exports.BalancedColumnTreeBuilder = BalancedColumnTreeBuilder; + + +/***/ }), +/* 4 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventService_1 = __webpack_require__(5); + var constants_1 = __webpack_require__(9); + var componentUtil_1 = __webpack_require__(10); + var gridApi_1 = __webpack_require__(14); + var context_1 = __webpack_require__(7); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var utils_1 = __webpack_require__(8); + var environment_1 = __webpack_require__(42); + var propertyKeys_1 = __webpack_require__(13); + var colDefUtil_1 = __webpack_require__(116); + var eventKeys_1 = __webpack_require__(12); + var autoHeightCalculator_1 = __webpack_require__(98); + var DEFAULT_ROW_HEIGHT = 25; + var DEFAULT_DETAIL_ROW_HEIGHT = 300; + var DEFAULT_VIEWPORT_ROW_MODEL_PAGE_SIZE = 5; + var DEFAULT_VIEWPORT_ROW_MODEL_BUFFER_SIZE = 5; + var legacyThemes = [ + 'ag-fresh', + 'ag-bootstrap', + 'ag-blue', + 'ag-dark', + 'ag-material' + ]; + function isTrue(value) { + return value === true || value === 'true'; + } + function zeroOrGreater(value, defaultValue) { + if (value >= 0) { + return value; + } + else { + // zero gets returned if number is missing or the wrong type + return defaultValue; + } + } + function oneOrGreater(value, defaultValue) { + if (value > 0) { + return value; + } + else { + // zero gets returned if number is missing or the wrong type + return defaultValue; + } + } + var GridOptionsWrapper = (function () { + function GridOptionsWrapper() { + this.propertyEventService = new eventService_1.EventService(); + this.domDataKey = '__AG_' + Math.random().toString(); + } + GridOptionsWrapper_1 = GridOptionsWrapper; + GridOptionsWrapper.prototype.agWire = function (gridApi, columnApi) { + this.gridOptions.api = gridApi; + this.gridOptions.columnApi = columnApi; + this.checkForDeprecated(); + }; + GridOptionsWrapper.prototype.destroy = function () { + // need to remove these, as we don't own the lifecycle of the gridOptions, we need to + // remove the references in case the user keeps the grid options, we want the rest + // of the grid to be picked up by the garbage collector + this.gridOptions.api = null; + this.gridOptions.columnApi = null; + }; + GridOptionsWrapper.prototype.init = function () { + if (!(this.gridOptions.suppressPropertyNamesCheck === true)) { + this.checkGridOptionsProperties(); + this.checkColumnDefProperties(); + } + var async = this.useAsyncEvents(); + this.eventService.addGlobalListener(this.globalEventHandler.bind(this), async); + if (this.isGroupSelectsChildren() && this.isSuppressParentsInRowNodes()) { + console.warn('ag-Grid: groupSelectsChildren does not work wth suppressParentsInRowNodes, this selection method needs the part in rowNode to work'); + } + if (this.isGroupSelectsChildren()) { + if (!this.isRowSelectionMulti()) { + console.warn("ag-Grid: rowSelection must be 'multiple' for groupSelectsChildren to make sense"); + } + if (this.isRowModelServerSide()) { + console.warn('ag-Grid: group selects children is NOT support for Server Side Row Model. ' + + 'This is because the rows are lazy loaded, so selecting a group is not possible as' + + 'the grid has no way of knowing what the children are.'); + } + } + if (this.isGroupRemoveSingleChildren() && this.isGroupHideOpenParents()) { + console.warn('ag-Grid: groupRemoveSingleChildren and groupHideOpenParents do not work with each other, you need to pick one. And don\'t ask us how to us these together on our support forum either you will get the same answer!'); + } + }; + GridOptionsWrapper.prototype.checkColumnDefProperties = function () { + var _this = this; + if (this.gridOptions.columnDefs == null) + return; + this.gridOptions.columnDefs.forEach(function (colDef) { + var userProperties = Object.getOwnPropertyNames(colDef); + var validProperties = colDefUtil_1.ColDefUtil.ALL_PROPERTIES; + _this.checkProperties(userProperties, validProperties, validProperties, 'colDef', 'https://www.ag-grid.com/javascript-grid-column-properties/'); + }); + }; + GridOptionsWrapper.prototype.checkGridOptionsProperties = function () { + var userProperties = Object.getOwnPropertyNames(this.gridOptions); + var validProperties = propertyKeys_1.PropertyKeys.ALL_PROPERTIES; + Object.keys(eventKeys_1.Events).forEach(function (it) { return validProperties.push(componentUtil_1.ComponentUtil.getCallbackForEvent(eventKeys_1.Events[it])); }); + var validPropertiesAndExceptions = validProperties.concat('api', 'columnApi'); + this.checkProperties(userProperties, validPropertiesAndExceptions, validProperties, 'gridOptions', 'https://www.ag-grid.com/javascript-grid-properties/'); + }; + GridOptionsWrapper.prototype.checkProperties = function (userProperties, validPropertiesAndExceptions, validProperties, containerName, docsUrl) { + var invalidProperties = utils_1.Utils.fuzzyCheckStrings(userProperties, validPropertiesAndExceptions, validProperties); + var invalidPropertyKeys = Object.keys(invalidProperties); + invalidPropertyKeys.forEach(function (invalidPropertyKey) { + var fuzzySuggestions = invalidProperties[invalidPropertyKey]; + console.warn("ag-grid: invalid " + containerName + " property '" + invalidPropertyKey + "' did you mean any of these: " + fuzzySuggestions.slice(0, 8).join(",")); + }); + if (invalidPropertyKeys.length > 0) { + console.warn("ag-grid: to see all the valid " + containerName + " properties please check: " + docsUrl); + } + }; + // returns the dom data, or undefined if not found + GridOptionsWrapper.prototype.getDomData = function (element, key) { + var domData = element[this.domDataKey]; + if (domData) { + return domData[key]; + } + else { + return undefined; + } + }; + GridOptionsWrapper.prototype.setDomData = function (element, key, value) { + var domData = element[this.domDataKey]; + if (utils_1.Utils.missing(domData)) { + domData = {}; + element[this.domDataKey] = domData; + } + domData[key] = value; + }; + GridOptionsWrapper.prototype.isEnterprise = function () { return this.enterprise; }; + GridOptionsWrapper.prototype.isRowSelection = function () { return this.gridOptions.rowSelection === "single" || this.gridOptions.rowSelection === "multiple"; }; + GridOptionsWrapper.prototype.isRowDeselection = function () { return isTrue(this.gridOptions.rowDeselection); }; + GridOptionsWrapper.prototype.isRowSelectionMulti = function () { return this.gridOptions.rowSelection === 'multiple'; }; + GridOptionsWrapper.prototype.isRowMultiSelectWithClick = function () { return isTrue(this.gridOptions.rowMultiSelectWithClick); }; + GridOptionsWrapper.prototype.getContext = function () { return this.gridOptions.context; }; + GridOptionsWrapper.prototype.isPivotMode = function () { return isTrue(this.gridOptions.pivotMode); }; + GridOptionsWrapper.prototype.isPivotTotals = function () { return isTrue(this.gridOptions.pivotTotals); }; + GridOptionsWrapper.prototype.getPivotColumnGroupTotals = function () { return this.gridOptions.pivotColumnGroupTotals; }; + GridOptionsWrapper.prototype.getPivotRowTotals = function () { return this.gridOptions.pivotRowTotals; }; + GridOptionsWrapper.prototype.isRowModelInfinite = function () { return this.gridOptions.rowModelType === constants_1.Constants.ROW_MODEL_TYPE_INFINITE; }; + GridOptionsWrapper.prototype.isRowModelViewport = function () { return this.gridOptions.rowModelType === constants_1.Constants.ROW_MODEL_TYPE_VIEWPORT; }; + GridOptionsWrapper.prototype.isRowModelServerSide = function () { return this.gridOptions.rowModelType === constants_1.Constants.ROW_MODEL_TYPE_SERVER_SIDE; }; + GridOptionsWrapper.prototype.isRowModelDefault = function () { + return utils_1.Utils.missing(this.gridOptions.rowModelType) || + this.gridOptions.rowModelType === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE || + this.gridOptions.rowModelType === constants_1.Constants.DEPRECATED_ROW_MODEL_TYPE_NORMAL; + }; + GridOptionsWrapper.prototype.isFullRowEdit = function () { return this.gridOptions.editType === 'fullRow'; }; + GridOptionsWrapper.prototype.isSuppressFocusAfterRefresh = function () { return isTrue(this.gridOptions.suppressFocusAfterRefresh); }; + GridOptionsWrapper.prototype.isShowToolPanel = function () { return isTrue(this.gridOptions.showToolPanel); }; + GridOptionsWrapper.prototype.isToolPanelSuppressValues = function () { return isTrue(this.gridOptions.toolPanelSuppressValues); }; + GridOptionsWrapper.prototype.isToolPanelSuppressPivots = function () { + // we don't allow pivots when doing tree data + return isTrue(this.gridOptions.toolPanelSuppressPivots) || this.isTreeData(); + }; + GridOptionsWrapper.prototype.isToolPanelSuppressRowGroups = function () { + // we don't allow row grouping when doing tree data + return isTrue(this.gridOptions.toolPanelSuppressRowGroups) || this.isTreeData(); + }; + GridOptionsWrapper.prototype.isToolPanelSuppressSideButtons = function () { return isTrue(this.gridOptions.toolPanelSuppressSideButtons); }; + GridOptionsWrapper.prototype.isToolPanelSuppressPivotMode = function () { return isTrue(this.gridOptions.toolPanelSuppressPivotMode) || this.isTreeData(); }; + GridOptionsWrapper.prototype.isContractColumnSelection = function () { return isTrue(this.gridOptions.contractColumnSelection); }; + GridOptionsWrapper.prototype.isToolPanelSuppressColumnFilter = function () { return isTrue(this.gridOptions.toolPanelSuppressColumnFilter); }; + GridOptionsWrapper.prototype.isToolPanelSuppressColumnSelectAll = function () { return isTrue(this.gridOptions.toolPanelSuppressColumnSelectAll); }; + GridOptionsWrapper.prototype.isToolPanelSuppressColumnExpandAll = function () { return isTrue(this.gridOptions.toolPanelSuppressColumnExpandAll); }; + GridOptionsWrapper.prototype.isSuppressTouch = function () { return isTrue(this.gridOptions.suppressTouch); }; + GridOptionsWrapper.prototype.isSuppressRowTransform = function () { return isTrue(this.gridOptions.suppressRowTransform); }; + GridOptionsWrapper.prototype.useAsyncEvents = function () { return !isTrue(this.gridOptions.suppressAsyncEvents); }; + GridOptionsWrapper.prototype.isEnableCellChangeFlash = function () { return isTrue(this.gridOptions.enableCellChangeFlash); }; + GridOptionsWrapper.prototype.isGroupSelectsChildren = function () { + var result = isTrue(this.gridOptions.groupSelectsChildren); + if (result && this.isTreeData()) { + console.warn('ag-Grid: groupSelectsChildren does not work with tree data'); + return false; + } + else { + return result; + } + }; + GridOptionsWrapper.prototype.isSuppressRowHoverHighlight = function () { return isTrue(this.gridOptions.suppressRowHoverHighlight); }; + GridOptionsWrapper.prototype.isGroupSelectsFiltered = function () { return isTrue(this.gridOptions.groupSelectsFiltered); }; + GridOptionsWrapper.prototype.isGroupHideOpenParents = function () { return isTrue(this.gridOptions.groupHideOpenParents); }; + // if we are doing hideOpenParents, then we always have groupMultiAutoColumn, otherwise hideOpenParents would not work + GridOptionsWrapper.prototype.isGroupMultiAutoColumn = function () { return isTrue(this.gridOptions.groupMultiAutoColumn) || isTrue(this.gridOptions.groupHideOpenParents); }; + GridOptionsWrapper.prototype.isGroupRemoveSingleChildren = function () { return isTrue(this.gridOptions.groupRemoveSingleChildren); }; + GridOptionsWrapper.prototype.isGroupRemoveLowestSingleChildren = function () { return isTrue(this.gridOptions.groupRemoveLowestSingleChildren); }; + GridOptionsWrapper.prototype.isGroupIncludeFooter = function () { return isTrue(this.gridOptions.groupIncludeFooter); }; + GridOptionsWrapper.prototype.isGroupIncludeTotalFooter = function () { return isTrue(this.gridOptions.groupIncludeTotalFooter); }; + GridOptionsWrapper.prototype.isGroupSuppressBlankHeader = function () { return isTrue(this.gridOptions.groupSuppressBlankHeader); }; + GridOptionsWrapper.prototype.isSuppressRowClickSelection = function () { return isTrue(this.gridOptions.suppressRowClickSelection); }; + GridOptionsWrapper.prototype.isSuppressCellSelection = function () { return isTrue(this.gridOptions.suppressCellSelection); }; + GridOptionsWrapper.prototype.isSuppressMultiSort = function () { return isTrue(this.gridOptions.suppressMultiSort); }; + GridOptionsWrapper.prototype.isMultiSortKeyCtrl = function () { return this.gridOptions.multiSortKey === 'ctrl'; }; + GridOptionsWrapper.prototype.isGroupSuppressAutoColumn = function () { return isTrue(this.gridOptions.groupSuppressAutoColumn); }; + GridOptionsWrapper.prototype.isSuppressDragLeaveHidesColumns = function () { return isTrue(this.gridOptions.suppressDragLeaveHidesColumns); }; + GridOptionsWrapper.prototype.isSuppressScrollOnNewData = function () { return isTrue(this.gridOptions.suppressScrollOnNewData); }; + GridOptionsWrapper.prototype.isRowDragManaged = function () { return isTrue(this.gridOptions.rowDragManaged); }; + GridOptionsWrapper.prototype.isSuppressRowDrag = function () { return isTrue(this.gridOptions.suppressRowDrag); }; + GridOptionsWrapper.prototype.isGridAutoHeight = function () { return isTrue(this.gridOptions.gridAutoHeight); }; + GridOptionsWrapper.prototype.isSuppressHorizontalScroll = function () { return isTrue(this.gridOptions.suppressHorizontalScroll); }; + GridOptionsWrapper.prototype.isSuppressLoadingOverlay = function () { return isTrue(this.gridOptions.suppressLoadingOverlay); }; + GridOptionsWrapper.prototype.isSuppressNoRowsOverlay = function () { return isTrue(this.gridOptions.suppressNoRowsOverlay); }; + GridOptionsWrapper.prototype.isSuppressFieldDotNotation = function () { return isTrue(this.gridOptions.suppressFieldDotNotation); }; + GridOptionsWrapper.prototype.getPinnedTopRowData = function () { return this.gridOptions.pinnedTopRowData; }; + GridOptionsWrapper.prototype.getPinnedBottomRowData = function () { return this.gridOptions.pinnedBottomRowData; }; + GridOptionsWrapper.prototype.isFunctionsPassive = function () { return isTrue(this.gridOptions.functionsPassive); }; + GridOptionsWrapper.prototype.isSuppressTabbing = function () { return isTrue(this.gridOptions.suppressTabbing); }; + GridOptionsWrapper.prototype.isSuppressChangeDetection = function () { return isTrue(this.gridOptions.suppressChangeDetection); }; + GridOptionsWrapper.prototype.isSuppressAnimationFrame = function () { return isTrue(this.gridOptions.suppressAnimationFrame); }; + GridOptionsWrapper.prototype.getQuickFilterText = function () { return this.gridOptions.quickFilterText; }; + GridOptionsWrapper.prototype.isCacheQuickFilter = function () { return isTrue(this.gridOptions.cacheQuickFilter); }; + GridOptionsWrapper.prototype.isUnSortIcon = function () { return isTrue(this.gridOptions.unSortIcon); }; + GridOptionsWrapper.prototype.isSuppressMenuHide = function () { return isTrue(this.gridOptions.suppressMenuHide); }; + GridOptionsWrapper.prototype.isEnterMovesDownAfterEdit = function () { return isTrue(this.gridOptions.enterMovesDownAfterEdit); }; + GridOptionsWrapper.prototype.isEnterMovesDown = function () { return isTrue(this.gridOptions.enterMovesDown); }; + GridOptionsWrapper.prototype.getRowStyle = function () { return this.gridOptions.rowStyle; }; + GridOptionsWrapper.prototype.getRowClass = function () { return this.gridOptions.rowClass; }; + GridOptionsWrapper.prototype.getRowStyleFunc = function () { return this.gridOptions.getRowStyle; }; + GridOptionsWrapper.prototype.getRowClassFunc = function () { return this.gridOptions.getRowClass; }; + GridOptionsWrapper.prototype.rowClassRules = function () { return this.gridOptions.rowClassRules; }; + GridOptionsWrapper.prototype.getPopupParent = function () { return this.gridOptions.popupParent; }; + GridOptionsWrapper.prototype.getPostProcessPopupFunc = function () { return this.gridOptions.postProcessPopup; }; + GridOptionsWrapper.prototype.getDoesDataFlowerFunc = function () { return this.gridOptions.doesDataFlower; }; + GridOptionsWrapper.prototype.getPaginationNumberFormatterFunc = function () { return this.gridOptions.paginationNumberFormatter; }; + GridOptionsWrapper.prototype.getChildCountFunc = function () { return this.gridOptions.getChildCount; }; + GridOptionsWrapper.prototype.getDefaultGroupSortComparator = function () { return this.gridOptions.defaultGroupSortComparator; }; + GridOptionsWrapper.prototype.getIsFullWidthCellFunc = function () { return this.gridOptions.isFullWidthCell; }; + GridOptionsWrapper.prototype.getFullWidthCellRendererParams = function () { return this.gridOptions.fullWidthCellRendererParams; }; + GridOptionsWrapper.prototype.isEmbedFullWidthRows = function () { return isTrue(this.gridOptions.embedFullWidthRows); }; + GridOptionsWrapper.prototype.getBusinessKeyForNodeFunc = function () { return this.gridOptions.getBusinessKeyForNode; }; + GridOptionsWrapper.prototype.getApi = function () { return this.gridOptions.api; }; + GridOptionsWrapper.prototype.getColumnApi = function () { return this.gridOptions.columnApi; }; + GridOptionsWrapper.prototype.isDeltaRowDataMode = function () { return isTrue(this.gridOptions.deltaRowDataMode); }; + GridOptionsWrapper.prototype.isEnsureDomOrder = function () { return isTrue(this.gridOptions.ensureDomOrder); }; + GridOptionsWrapper.prototype.isEnableColResize = function () { return isTrue(this.gridOptions.enableColResize); }; + GridOptionsWrapper.prototype.isSingleClickEdit = function () { return isTrue(this.gridOptions.singleClickEdit); }; + GridOptionsWrapper.prototype.isSuppressClickEdit = function () { return isTrue(this.gridOptions.suppressClickEdit); }; + GridOptionsWrapper.prototype.isStopEditingWhenGridLosesFocus = function () { return isTrue(this.gridOptions.stopEditingWhenGridLosesFocus); }; + GridOptionsWrapper.prototype.getGroupDefaultExpanded = function () { return this.gridOptions.groupDefaultExpanded; }; + GridOptionsWrapper.prototype.getMaxConcurrentDatasourceRequests = function () { return this.gridOptions.maxConcurrentDatasourceRequests; }; + GridOptionsWrapper.prototype.getMaxBlocksInCache = function () { return this.gridOptions.maxBlocksInCache; }; + GridOptionsWrapper.prototype.getCacheOverflowSize = function () { return this.gridOptions.cacheOverflowSize; }; + GridOptionsWrapper.prototype.getPaginationPageSize = function () { return this.gridOptions.paginationPageSize; }; + GridOptionsWrapper.prototype.getCacheBlockSize = function () { return this.gridOptions.cacheBlockSize; }; + GridOptionsWrapper.prototype.getInfiniteInitialRowCount = function () { return this.gridOptions.infiniteInitialRowCount; }; + GridOptionsWrapper.prototype.isPurgeClosedRowNodes = function () { return isTrue(this.gridOptions.purgeClosedRowNodes); }; + GridOptionsWrapper.prototype.isSuppressPaginationPanel = function () { return isTrue(this.gridOptions.suppressPaginationPanel); }; + GridOptionsWrapper.prototype.getRowData = function () { return this.gridOptions.rowData; }; + GridOptionsWrapper.prototype.isGroupUseEntireRow = function () { return isTrue(this.gridOptions.groupUseEntireRow); }; + GridOptionsWrapper.prototype.isEnableRtl = function () { return isTrue(this.gridOptions.enableRtl); }; + GridOptionsWrapper.prototype.getAutoGroupColumnDef = function () { return this.gridOptions.autoGroupColumnDef; }; + GridOptionsWrapper.prototype.isGroupSuppressRow = function () { return isTrue(this.gridOptions.groupSuppressRow); }; + GridOptionsWrapper.prototype.getRowGroupPanelShow = function () { return this.gridOptions.rowGroupPanelShow; }; + GridOptionsWrapper.prototype.getPivotPanelShow = function () { return this.gridOptions.pivotPanelShow; }; + GridOptionsWrapper.prototype.isAngularCompileRows = function () { return isTrue(this.gridOptions.angularCompileRows); }; + GridOptionsWrapper.prototype.isAngularCompileFilters = function () { return isTrue(this.gridOptions.angularCompileFilters); }; + GridOptionsWrapper.prototype.isAngularCompileHeaders = function () { return isTrue(this.gridOptions.angularCompileHeaders); }; + GridOptionsWrapper.prototype.isDebug = function () { return isTrue(this.gridOptions.debug); }; + GridOptionsWrapper.prototype.getColumnDefs = function () { return this.gridOptions.columnDefs; }; + GridOptionsWrapper.prototype.getColumnTypes = function () { return this.gridOptions.columnTypes; }; + GridOptionsWrapper.prototype.getDatasource = function () { return this.gridOptions.datasource; }; + GridOptionsWrapper.prototype.getViewportDatasource = function () { return this.gridOptions.viewportDatasource; }; + GridOptionsWrapper.prototype.getServerSideDatasource = function () { return this.gridOptions.serverSideDatasource; }; + GridOptionsWrapper.prototype.isEnableSorting = function () { return isTrue(this.gridOptions.enableSorting) || isTrue(this.gridOptions.enableServerSideSorting); }; + GridOptionsWrapper.prototype.isAccentedSort = function () { return isTrue(this.gridOptions.accentedSort); }; + GridOptionsWrapper.prototype.isEnableCellExpressions = function () { return isTrue(this.gridOptions.enableCellExpressions); }; + GridOptionsWrapper.prototype.isEnableGroupEdit = function () { return isTrue(this.gridOptions.enableGroupEdit); }; + GridOptionsWrapper.prototype.isSuppressMiddleClickScrolls = function () { return isTrue(this.gridOptions.suppressMiddleClickScrolls); }; + GridOptionsWrapper.prototype.isSuppressPreventDefaultOnMouseWheel = function () { return isTrue(this.gridOptions.suppressPreventDefaultOnMouseWheel); }; + GridOptionsWrapper.prototype.isSuppressColumnVirtualisation = function () { return isTrue(this.gridOptions.suppressColumnVirtualisation); }; + GridOptionsWrapper.prototype.isSuppressContextMenu = function () { return isTrue(this.gridOptions.suppressContextMenu); }; + GridOptionsWrapper.prototype.isAllowContextMenuWithControlKey = function () { return isTrue(this.gridOptions.allowContextMenuWithControlKey); }; + GridOptionsWrapper.prototype.isSuppressCopyRowsToClipboard = function () { return isTrue(this.gridOptions.suppressCopyRowsToClipboard); }; + GridOptionsWrapper.prototype.isSuppressClipboardPaste = function () { return isTrue(this.gridOptions.suppressClipboardPaste); }; + GridOptionsWrapper.prototype.isEnableFilter = function () { return isTrue(this.gridOptions.enableFilter) || isTrue(this.gridOptions.enableServerSideFilter); }; + GridOptionsWrapper.prototype.isPagination = function () { return isTrue(this.gridOptions.pagination); }; + GridOptionsWrapper.prototype.isSuppressEnterpriseResetOnNewColumns = function () { return isTrue(this.gridOptions.suppressEnterpriseResetOnNewColumns); }; + GridOptionsWrapper.prototype.getProcessDataFromClipboardFunc = function () { return this.gridOptions.processDataFromClipboard; }; + GridOptionsWrapper.prototype.getBatchUpdateWaitMillis = function () { + return utils_1.Utils.exists(this.gridOptions.batchUpdateWaitMillis) ? this.gridOptions.batchUpdateWaitMillis : constants_1.Constants.BATCH_WAIT_MILLIS; + }; + // these are deprecated, should remove them when we take out server side pagination + GridOptionsWrapper.prototype.isEnableServerSideFilter = function () { return this.gridOptions.enableServerSideFilter; }; + GridOptionsWrapper.prototype.isEnableServerSideSorting = function () { return isTrue(this.gridOptions.enableServerSideSorting); }; + GridOptionsWrapper.prototype.isSuppressMovableColumns = function () { return isTrue(this.gridOptions.suppressMovableColumns); }; + GridOptionsWrapper.prototype.isAnimateRows = function () { + // never allow animating if enforcing the row order + if (this.isEnsureDomOrder()) { + return false; + } + return isTrue(this.gridOptions.animateRows); + }; + GridOptionsWrapper.prototype.isSuppressColumnMoveAnimation = function () { return isTrue(this.gridOptions.suppressColumnMoveAnimation); }; + GridOptionsWrapper.prototype.isSuppressAggFuncInHeader = function () { return isTrue(this.gridOptions.suppressAggFuncInHeader); }; + GridOptionsWrapper.prototype.isSuppressAggAtRootLevel = function () { return isTrue(this.gridOptions.suppressAggAtRootLevel); }; + GridOptionsWrapper.prototype.isEnableRangeSelection = function () { return isTrue(this.gridOptions.enableRangeSelection); }; + GridOptionsWrapper.prototype.isSuppressMultiRangeSelection = function () { return isTrue(this.gridOptions.suppressMultiRangeSelection); }; + GridOptionsWrapper.prototype.isPaginationAutoPageSize = function () { return isTrue(this.gridOptions.paginationAutoPageSize); }; + GridOptionsWrapper.prototype.isRememberGroupStateWhenNewData = function () { return isTrue(this.gridOptions.rememberGroupStateWhenNewData); }; + GridOptionsWrapper.prototype.getIcons = function () { return this.gridOptions.icons; }; + GridOptionsWrapper.prototype.getAggFuncs = function () { return this.gridOptions.aggFuncs; }; + GridOptionsWrapper.prototype.getSortingOrder = function () { return this.gridOptions.sortingOrder; }; + GridOptionsWrapper.prototype.getAlignedGrids = function () { return this.gridOptions.alignedGrids; }; + GridOptionsWrapper.prototype.isMasterDetail = function () { + var _this = this; + var usingMasterDetail = isTrue(this.gridOptions.masterDetail); + utils_1.Utils.doOnce(function () { + if (usingMasterDetail && !_this.enterprise) { + console.warn('ag-grid: Master Detail is an Enterprise feature of ag-Grid.'); + } + }, 'MasterDetailEnterpriseCheck'); + return usingMasterDetail && this.enterprise; + }; + GridOptionsWrapper.prototype.getIsRowMasterFunc = function () { return this.gridOptions.isRowMaster; }; + GridOptionsWrapper.prototype.getIsRowSelectableFunc = function () { return this.gridOptions.isRowSelectable; }; + GridOptionsWrapper.prototype.getGroupRowRendererParams = function () { return this.gridOptions.groupRowRendererParams; }; + GridOptionsWrapper.prototype.getOverlayLoadingTemplate = function () { return this.gridOptions.overlayLoadingTemplate; }; + GridOptionsWrapper.prototype.getOverlayNoRowsTemplate = function () { return this.gridOptions.overlayNoRowsTemplate; }; + GridOptionsWrapper.prototype.isSuppressAutoSize = function () { return isTrue(this.gridOptions.suppressAutoSize); }; + GridOptionsWrapper.prototype.isSuppressParentsInRowNodes = function () { return isTrue(this.gridOptions.suppressParentsInRowNodes); }; + GridOptionsWrapper.prototype.isEnableStatusBar = function () { return isTrue(this.gridOptions.enableStatusBar); }; + GridOptionsWrapper.prototype.isAlwaysShowStatusBar = function () { return isTrue(this.gridOptions.alwaysShowStatusBar); }; + GridOptionsWrapper.prototype.isFunctionsReadOnly = function () { return isTrue(this.gridOptions.functionsReadOnly); }; + GridOptionsWrapper.prototype.isFloatingFilter = function () { return this.gridOptions.floatingFilter; }; + GridOptionsWrapper.prototype.isEnableOldSetFilterModel = function () { return isTrue(this.gridOptions.enableOldSetFilterModel); }; + // public isFloatingFilter(): boolean { return true; } + GridOptionsWrapper.prototype.getDefaultColDef = function () { return this.gridOptions.defaultColDef; }; + GridOptionsWrapper.prototype.getDefaultColGroupDef = function () { return this.gridOptions.defaultColGroupDef; }; + GridOptionsWrapper.prototype.getDefaultExportParams = function () { return this.gridOptions.defaultExportParams; }; + GridOptionsWrapper.prototype.isSuppressCsvExport = function () { return isTrue(this.gridOptions.suppressCsvExport); }; + GridOptionsWrapper.prototype.isSuppressExcelExport = function () { return isTrue(this.gridOptions.suppressExcelExport); }; + GridOptionsWrapper.prototype.isSuppressMakeColumnVisibleAfterUnGroup = function () { return isTrue(this.gridOptions.suppressMakeColumnVisibleAfterUnGroup); }; + GridOptionsWrapper.prototype.getNodeChildDetailsFunc = function () { return this.gridOptions.getNodeChildDetails; }; + GridOptionsWrapper.prototype.getDataPathFunc = function () { return this.gridOptions.getDataPath; }; + // public getIsGroupFunc(): ((dataItem: any) => boolean) { return this.gridOptions.isGroup } + GridOptionsWrapper.prototype.getGroupRowAggNodesFunc = function () { return this.gridOptions.groupRowAggNodes; }; + GridOptionsWrapper.prototype.getContextMenuItemsFunc = function () { return this.gridOptions.getContextMenuItems; }; + GridOptionsWrapper.prototype.getMainMenuItemsFunc = function () { return this.gridOptions.getMainMenuItems; }; + GridOptionsWrapper.prototype.getRowNodeIdFunc = function () { return this.gridOptions.getRowNodeId; }; + GridOptionsWrapper.prototype.getNavigateToNextCellFunc = function () { return this.gridOptions.navigateToNextCell; }; + GridOptionsWrapper.prototype.getTabToNextCellFunc = function () { return this.gridOptions.tabToNextCell; }; + GridOptionsWrapper.prototype.isTreeData = function () { return isTrue(this.gridOptions.treeData); }; + GridOptionsWrapper.prototype.isValueCache = function () { return isTrue(this.gridOptions.valueCache); }; + GridOptionsWrapper.prototype.isValueCacheNeverExpires = function () { return isTrue(this.gridOptions.valueCacheNeverExpires); }; + GridOptionsWrapper.prototype.isAggregateOnlyChangedColumns = function () { return isTrue(this.gridOptions.aggregateOnlyChangedColumns); }; + GridOptionsWrapper.prototype.getProcessSecondaryColDefFunc = function () { return this.gridOptions.processSecondaryColDef; }; + GridOptionsWrapper.prototype.getProcessSecondaryColGroupDefFunc = function () { return this.gridOptions.processSecondaryColGroupDef; }; + GridOptionsWrapper.prototype.getSendToClipboardFunc = function () { return this.gridOptions.sendToClipboard; }; + GridOptionsWrapper.prototype.getProcessRowPostCreateFunc = function () { return this.gridOptions.processRowPostCreate; }; + GridOptionsWrapper.prototype.getProcessCellForClipboardFunc = function () { return this.gridOptions.processCellForClipboard; }; + GridOptionsWrapper.prototype.getProcessHeaderForClipboardFunc = function () { return this.gridOptions.processHeaderForClipboard; }; + GridOptionsWrapper.prototype.getProcessCellFromClipboardFunc = function () { return this.gridOptions.processCellFromClipboard; }; + GridOptionsWrapper.prototype.getViewportRowModelPageSize = function () { return oneOrGreater(this.gridOptions.viewportRowModelPageSize, DEFAULT_VIEWPORT_ROW_MODEL_PAGE_SIZE); }; + GridOptionsWrapper.prototype.getViewportRowModelBufferSize = function () { return zeroOrGreater(this.gridOptions.viewportRowModelBufferSize, DEFAULT_VIEWPORT_ROW_MODEL_BUFFER_SIZE); }; + // public getCellRenderers(): {[key: string]: {new(): ICellRenderer} | ICellRendererFunc} { return this.gridOptions.cellRenderers; } + // public getCellEditors(): {[key: string]: {new(): ICellEditor}} { return this.gridOptions.cellEditors; } + GridOptionsWrapper.prototype.getPostSortFunc = function () { return this.gridOptions.postSort; }; + GridOptionsWrapper.prototype.getClipboardDeliminator = function () { + return utils_1.Utils.exists(this.gridOptions.clipboardDeliminator) ? this.gridOptions.clipboardDeliminator : '\t'; + }; + GridOptionsWrapper.prototype.setProperty = function (key, value) { + var gridOptionsNoType = this.gridOptions; + var previousValue = gridOptionsNoType[key]; + if (previousValue !== value) { + gridOptionsNoType[key] = value; + var event_1 = { + type: key, + currentValue: value, + previousValue: previousValue + }; + this.propertyEventService.dispatchEvent(event_1); + } + }; + GridOptionsWrapper.prototype.addEventListener = function (key, listener) { + GridOptionsWrapper_1.checkEventDeprecation(key); + this.propertyEventService.addEventListener(key, listener); + }; + GridOptionsWrapper.checkEventDeprecation = function (eventName) { + if (eventName === eventKeys_1.Events.DEPRECATED_EVENT_GRID_SIZE_CHANGED) { + console.warn("ag-Grid: Since ag-Grid v18 event " + eventKeys_1.Events.DEPRECATED_EVENT_GRID_SIZE_CHANGED + " no longer exists."); + } + if (eventName === 'floatingRowDataChanged') { + console.warn('ag-Grid: floatingRowDataChanged is now called pinnedRowDataChanged'); + } + }; + GridOptionsWrapper.prototype.removeEventListener = function (key, listener) { + this.propertyEventService.removeEventListener(key, listener); + }; + GridOptionsWrapper.prototype.getAutoSizePadding = function () { + return this.gridOptions.autoSizePadding > 0 ? this.gridOptions.autoSizePadding : 20; + }; + // properties + GridOptionsWrapper.prototype.getHeaderHeight = function () { + if (typeof this.gridOptions.headerHeight === 'number') { + return this.gridOptions.headerHeight; + } + else { + return this.specialForNewMaterial(25, 'headerHeight'); + } + }; + GridOptionsWrapper.prototype.getFloatingFiltersHeight = function () { + if (typeof this.gridOptions.floatingFiltersHeight === 'number') { + return this.gridOptions.floatingFiltersHeight; + } + else { + return this.specialForNewMaterial(25, 'headerHeight'); + } + }; + GridOptionsWrapper.prototype.getGroupHeaderHeight = function () { + if (typeof this.gridOptions.groupHeaderHeight === 'number') { + return this.gridOptions.groupHeaderHeight; + } + else { + return this.getHeaderHeight(); + } + }; + GridOptionsWrapper.prototype.getPivotHeaderHeight = function () { + if (typeof this.gridOptions.pivotHeaderHeight === 'number') { + return this.gridOptions.pivotHeaderHeight; + } + else { + return this.getHeaderHeight(); + } + }; + GridOptionsWrapper.prototype.getPivotGroupHeaderHeight = function () { + if (typeof this.gridOptions.pivotGroupHeaderHeight === 'number') { + return this.gridOptions.pivotGroupHeaderHeight; + } + else { + return this.getGroupHeaderHeight(); + } + }; + GridOptionsWrapper.prototype.isExternalFilterPresent = function () { + if (typeof this.gridOptions.isExternalFilterPresent === 'function') { + return this.gridOptions.isExternalFilterPresent(); + } + else { + return false; + } + }; + GridOptionsWrapper.prototype.doesExternalFilterPass = function (node) { + if (typeof this.gridOptions.doesExternalFilterPass === 'function') { + return this.gridOptions.doesExternalFilterPass(node); + } + else { + return false; + } + }; + GridOptionsWrapper.prototype.getDocument = function () { + // if user is providing document, we use the users one, + // otherwise we use the document on the global namespace. + var result; + if (utils_1.Utils.exists(this.gridOptions.getDocument)) { + result = this.gridOptions.getDocument(); + } + if (utils_1.Utils.exists(result)) { + return result; + } + else { + return document; + } + }; + GridOptionsWrapper.prototype.getLayoutInterval = function () { + if (typeof this.gridOptions.layoutInterval === 'number') { + return this.gridOptions.layoutInterval; + } + else { + return constants_1.Constants.LAYOUT_INTERVAL; + } + }; + GridOptionsWrapper.prototype.getMinColWidth = function () { + if (this.gridOptions.minColWidth > GridOptionsWrapper_1.MIN_COL_WIDTH) { + return this.gridOptions.minColWidth; + } + else { + return GridOptionsWrapper_1.MIN_COL_WIDTH; + } + }; + GridOptionsWrapper.prototype.getMaxColWidth = function () { + if (this.gridOptions.maxColWidth > GridOptionsWrapper_1.MIN_COL_WIDTH) { + return this.gridOptions.maxColWidth; + } + else { + return null; + } + }; + GridOptionsWrapper.prototype.getColWidth = function () { + if (typeof this.gridOptions.colWidth !== 'number' || this.gridOptions.colWidth < GridOptionsWrapper_1.MIN_COL_WIDTH) { + return 200; + } + else { + return this.gridOptions.colWidth; + } + }; + GridOptionsWrapper.prototype.getRowBuffer = function () { + if (typeof this.gridOptions.rowBuffer === 'number') { + if (this.gridOptions.rowBuffer < 0) { + console.warn('ag-Grid: rowBuffer should not be negative'); + } + return this.gridOptions.rowBuffer; + } + else { + return constants_1.Constants.ROW_BUFFER_SIZE; + } + }; + // the user might be using some non-standard scrollbar, eg a scrollbar that has zero + // width and overlays (like the Safari scrollbar, but presented in Chrome). so we + // allow the user to provide the scroll width before we work it out. + GridOptionsWrapper.prototype.getScrollbarWidth = function () { + var scrollbarWidth = this.gridOptions.scrollbarWidth; + if (typeof scrollbarWidth !== 'number' || scrollbarWidth < 0) { + scrollbarWidth = utils_1.Utils.getScrollbarWidth(); + } + return scrollbarWidth; + }; + GridOptionsWrapper.prototype.checkForDeprecated = function () { + // casting to generic object, so typescript compiles even though + // we are looking for attributes that don't exist + var options = this.gridOptions; + if (options.suppressUnSort) { + console.warn('ag-grid: as of v1.12.4 suppressUnSort is not used. Please use sortingOrder instead.'); + } + if (options.suppressDescSort) { + console.warn('ag-grid: as of v1.12.4 suppressDescSort is not used. Please use sortingOrder instead.'); + } + if (options.groupAggFields) { + console.warn('ag-grid: as of v3 groupAggFields is not used. Please add appropriate agg fields to your columns.'); + } + if (options.groupHidePivotColumns) { + console.warn('ag-grid: as of v3 groupHidePivotColumns is not used as pivot columns are now called rowGroup columns. Please refer to the documentation'); + } + if (options.groupKeys) { + console.warn('ag-grid: as of v3 groupKeys is not used. You need to set rowGroupIndex on the columns to group. Please refer to the documentation'); + } + if (typeof options.groupDefaultExpanded === 'boolean') { + console.warn('ag-grid: groupDefaultExpanded can no longer be boolean. for groupDefaultExpanded=true, use groupDefaultExpanded=9999 instead, to expand all the groups'); + } + if (options.onRowDeselected || options.rowDeselected) { + console.warn('ag-grid: since version 3.4 event rowDeselected no longer exists, please check the docs'); + } + if (options.rowsAlreadyGrouped) { + console.warn('ag-grid: since version 3.4 rowsAlreadyGrouped no longer exists, please use getNodeChildDetails() instead'); + } + if (options.groupAggFunction) { + console.warn('ag-grid: since version 4.3.x groupAggFunction is now called groupRowAggNodes'); + } + if (options.checkboxSelection) { + console.warn('ag-grid: since version 8.0.x checkboxSelection is not supported as a grid option. ' + + 'If you want this on all columns, use defaultColDef instead and set it there'); + } + if (options.paginationInitialRowCount) { + console.warn('ag-grid: since version 9.0.x paginationInitialRowCount is now called infiniteInitialRowCount'); + } + if (options.infinitePageSize) { + console.warn('ag-grid: since version 9.0.x infinitePageSize is now called cacheBlockSize'); + } + if (options.infiniteBlockSize) { + console.warn('ag-grid: since version 10.0.x infiniteBlockSize is now called cacheBlockSize'); + } + if (options.maxPagesInCache) { + console.warn('ag-grid: since version 10.0.x maxPagesInCache is now called maxBlocksInCache'); + } + if (options.paginationOverflowSize) { + console.warn('ag-grid: since version 10.0.x paginationOverflowSize is now called cacheOverflowSize'); + } + if (options.forPrint) { + console.warn('ag-grid: since version 10.1.x, use property domLayout="forPrint" instead of forPrint=true'); + } + if (options.suppressMenuFilterPanel) { + console.warn("ag-grid: since version 11.0.x, use property colDef.menuTabs=['generalMenuTab','columnsMenuTab'] instead of suppressMenuFilterPanel=true"); + } + if (options.suppressMenuMainPanel) { + console.warn("ag-grid: since version 11.0.x, use property colDef.menuTabs=['filterMenuTab','columnsMenuTab'] instead of suppressMenuMainPanel=true"); + } + if (options.suppressMenuColumnPanel) { + console.warn("ag-grid: since version 11.0.x, use property colDef.menuTabs=['generalMenuTab','filterMenuTab'] instead of suppressMenuColumnPanel=true"); + } + if (options.suppressUseColIdForGroups) { + console.warn("ag-grid: since version 11.0.x, this is not in use anymore. You should be able to remove it from your definition"); + } + if (options.groupColumnDef) { + console.warn("ag-grid: since version 11.0.x, groupColumnDef has been renamed, this property is now called autoGroupColumnDef. Please change your configuration accordingly"); + } + if (options.slaveGrids) { + console.warn("ag-grid: since version 12.x, slaveGrids has been renamed, this property is now called alignedGrids. Please change your configuration accordingly"); + } + if (options.floatingTopRowData) { + console.warn("ag-grid: since version 12.x, floatingTopRowData is now called pinnedTopRowData"); + } + if (options.floatingBottomRowData) { + console.warn("ag-grid: since version 12.x, floatingBottomRowData is now called pinnedBottomRowData"); + } + if (options.paginationStartPage) { + console.warn("ag-grid: since version 12.x, paginationStartPage is gone, please call api.paginationGoToPage(" + options.paginationStartPage + ") instead."); + } + if (options.getHeaderCellTemplate) { + console.warn("ag-grid: since version 15.x, getHeaderCellTemplate is gone, please check the header documentation on how to set header templates."); + } + if (options.headerCellTemplate) { + console.warn("ag-grid: since version 15.x, headerCellTemplate is gone, please check the header documentation on how to set header templates."); + } + if (options.headerCellRenderer) { + console.warn("ag-grid: since version 15.x, headerCellRenderer is gone, please check the header documentation on how to set header templates."); + } + if (options.angularCompileHeaders) { + console.warn("ag-grid: since version 15.x, angularCompileHeaders is gone, please see the getting started for Angular 1 docs to see how to do headers in Angular 1.x."); + } + if (options.domLayout === 'forPrint') { + console.warn("ag-grid: since version 18.x, forPrint is no longer supported, as same can be achieved using autoHeight (and set the grid width accordingly). please use autoHeight instead."); + } + if (options.domLayout === 'autoHeight') { + console.warn("ag-grid: since version 18.x, domLayout is gone, instead if doing auto-height, set gridAutoHeight=true."); + options.gridAutoHeight = true; + } + if (options.pivotTotals) { + console.warn("ag-grid: since version 18.x, pivotTotals has been removed, instead if using pivotTotals, set pivotColumnGroupTotals='before'|'after'."); + options.pivotColumnGroupTotals = 'before'; + } + if (options.rowModelType === 'inMemory') { + console.warn("ag-grid: since version 18.x, The In Memory Row Model has been renamed to the Client Side Row Model, set rowModelType='clientSide' instead."); + options.rowModelType = 'clientSide'; + } + if (options.rowModelType === 'enterprise') { + console.warn("ag-grid: since version 18.x, The Enterprise Row Model has been renamed to the Server Side Row Model, set rowModelType='serverSide' instead."); + options.rowModelType = 'serverSide'; + } + }; + GridOptionsWrapper.prototype.getLocaleTextFunc = function () { + if (this.gridOptions.localeTextFunc) { + return this.gridOptions.localeTextFunc; + } + var that = this; + return function (key, defaultValue) { + var localeText = that.gridOptions.localeText; + if (localeText && localeText[key]) { + return localeText[key]; + } + else { + return defaultValue; + } + }; + }; + // responsible for calling the onXXX functions on gridOptions + GridOptionsWrapper.prototype.globalEventHandler = function (eventName, event) { + var callbackMethodName = componentUtil_1.ComponentUtil.getCallbackForEvent(eventName); + if (typeof this.gridOptions[callbackMethodName] === 'function') { + this.gridOptions[callbackMethodName](event); + } + }; + // we don't allow dynamic row height for virtual paging + GridOptionsWrapper.prototype.getRowHeightAsNumber = function () { + var rowHeight = this.gridOptions.rowHeight; + if (utils_1.Utils.missing(rowHeight)) { + return this.getDefaultRowHeight(); + } + else if (this.isNumeric(this.gridOptions.rowHeight)) { + return this.gridOptions.rowHeight; + } + else { + console.warn('ag-Grid row height must be a number if not using standard row model'); + return this.getDefaultRowHeight(); + } + }; + GridOptionsWrapper.prototype.getRowHeightForNode = function (rowNode) { + // check the function first, in case use set both function and + // number, when using virtual pagination then function can be + // used for pinned rows and the number for the body rows. + if (typeof this.gridOptions.getRowHeight === 'function') { + var params = { + node: rowNode, + data: rowNode.data, + api: this.gridOptions.api, + context: this.gridOptions.context + }; + return this.gridOptions.getRowHeight(params); + } + else if (rowNode.detail && this.isMasterDetail()) { + if (this.isNumeric(this.gridOptions.detailRowHeight)) { + return this.gridOptions.detailRowHeight; + } + else { + return DEFAULT_DETAIL_ROW_HEIGHT; + } + } + else { + var defaultHeight = this.isNumeric(this.gridOptions.rowHeight) ? + this.gridOptions.rowHeight : this.getDefaultRowHeight(); + if (this.columnController.isAutoRowHeightActive()) { + var autoHeight = this.autoHeightCalculator.getPreferredHeightForRow(rowNode); + // never return less than the default row height - covers when auto height + // cells are blank. + if (autoHeight > defaultHeight) { + return autoHeight; + } + else { + return defaultHeight; + } + } + else { + return defaultHeight; + } + } + }; + GridOptionsWrapper.prototype.isDynamicRowHeight = function () { + return typeof this.gridOptions.getRowHeight === 'function'; + }; + GridOptionsWrapper.prototype.getVirtualItemHeight = function () { + return this.specialForNewMaterial(20, 'virtualItemHeight'); + }; + GridOptionsWrapper.prototype.isNumeric = function (value) { + return !isNaN(value) && typeof value === 'number'; + }; + // Material data table has strict guidelines about whitespace, and these values are different than the ones + // ag-grid uses by default. We override the default ones for the sake of making it better out of the box + GridOptionsWrapper.prototype.specialForNewMaterial = function (defaultValue, sassVariableName) { + var theme = this.environment.getTheme(); + if (theme.indexOf('ag-theme') === 0) { + return this.environment.getSassVariable(theme, sassVariableName); + } + else { + return defaultValue; + } + }; + GridOptionsWrapper.prototype.getDefaultRowHeight = function () { + return this.specialForNewMaterial(DEFAULT_ROW_HEIGHT, 'rowHeight'); + }; + GridOptionsWrapper.MIN_COL_WIDTH = 10; + GridOptionsWrapper.PROP_HEADER_HEIGHT = 'headerHeight'; + GridOptionsWrapper.PROP_GROUP_REMOVE_SINGLE_CHILDREN = 'groupRemoveSingleChildren'; + GridOptionsWrapper.PROP_GROUP_REMOVE_LOWEST_SINGLE_CHILDREN = 'groupRemoveLowestSingleChildren'; + GridOptionsWrapper.PROP_PIVOT_HEADER_HEIGHT = 'pivotHeaderHeight'; + GridOptionsWrapper.PROP_SUPPRESS_CLIPBOARD_PASTE = 'suppressClipboardPaste'; + GridOptionsWrapper.PROP_GROUP_HEADER_HEIGHT = 'groupHeaderHeight'; + GridOptionsWrapper.PROP_PIVOT_GROUP_HEADER_HEIGHT = 'pivotGroupHeaderHeight'; + GridOptionsWrapper.PROP_FLOATING_FILTERS_HEIGHT = 'floatingFiltersHeight'; + GridOptionsWrapper.PROP_SUPPRESS_ROW_DRAG = 'suppressRowDrag'; + GridOptionsWrapper.PROP_POPUP_PARENT = 'popupParent'; + GridOptionsWrapper.PROP_GRID_AUTO_HEIGHT = 'gridAutoHeight'; + __decorate([ + context_1.Autowired('gridOptions'), + __metadata("design:type", Object) + ], GridOptionsWrapper.prototype, "gridOptions", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], GridOptionsWrapper.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], GridOptionsWrapper.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('enterprise'), + __metadata("design:type", Boolean) + ], GridOptionsWrapper.prototype, "enterprise", void 0); + __decorate([ + context_1.Autowired('frameworkFactory'), + __metadata("design:type", Object) + ], GridOptionsWrapper.prototype, "frameworkFactory", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], GridOptionsWrapper.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], GridOptionsWrapper.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('environment'), + __metadata("design:type", environment_1.Environment) + ], GridOptionsWrapper.prototype, "environment", void 0); + __decorate([ + context_1.Autowired('autoHeightCalculator'), + __metadata("design:type", autoHeightCalculator_1.AutoHeightCalculator) + ], GridOptionsWrapper.prototype, "autoHeightCalculator", void 0); + __decorate([ + __param(0, context_1.Qualifier('gridApi')), __param(1, context_1.Qualifier('columnApi')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [gridApi_1.GridApi, columnApi_1.ColumnApi]), + __metadata("design:returntype", void 0) + ], GridOptionsWrapper.prototype, "agWire", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridOptionsWrapper.prototype, "destroy", null); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridOptionsWrapper.prototype, "init", null); + GridOptionsWrapper = GridOptionsWrapper_1 = __decorate([ + context_1.Bean('gridOptionsWrapper') + ], GridOptionsWrapper); + return GridOptionsWrapper; + var GridOptionsWrapper_1; + }()); + exports.GridOptionsWrapper = GridOptionsWrapper; + + +/***/ }), +/* 5 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var logger_1 = __webpack_require__(6); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var EventService = (function () { + function EventService() { + this.allSyncListeners = {}; + this.allAsyncListeners = {}; + this.globalSyncListeners = []; + this.globalAsyncListeners = []; + this.asyncFunctionsQueue = []; + this.scheduled = false; + } + EventService_1 = EventService; + // because this class is used both inside the context and outside the context, we do not + // use autowired attributes, as that would be confusing, as sometimes the attributes + // would be wired, and sometimes not. + // + // the global event servers used by ag-Grid is autowired by the context once, and this + // setBeans method gets called once. + // + // the times when this class is used outside of the context (eg RowNode has an instance of this + // class) then it is not a bean, and this setBeans method is not called. + EventService.prototype.setBeans = function (loggerFactory, gridOptionsWrapper, globalEventListener) { + if (globalEventListener === void 0) { globalEventListener = null; } + this.logger = loggerFactory.create('EventService'); + if (globalEventListener) { + var async = gridOptionsWrapper.useAsyncEvents(); + this.addGlobalListener(globalEventListener, async); + } + }; + EventService.prototype.getListenerList = function (eventType, async) { + var listenerMap = async ? this.allAsyncListeners : this.allSyncListeners; + var listenerList = listenerMap[eventType]; + if (!listenerList) { + listenerList = []; + listenerMap[eventType] = listenerList; + } + return listenerList; + }; + EventService.prototype.addEventListener = function (eventType, listener, async) { + if (async === void 0) { async = false; } + var listenerList = this.getListenerList(eventType, async); + if (listenerList.indexOf(listener) < 0) { + listenerList.push(listener); + } + }; + // for some events, it's important that the model gets to hear about them before the view, + // as the model may need to update before the view works on the info. if you register + // via this method, you get notified before the view parts + EventService.prototype.addModalPriorityEventListener = function (eventType, listener, async) { + if (async === void 0) { async = false; } + this.addEventListener(eventType + EventService_1.PRIORITY, listener, async); + }; + EventService.prototype.addGlobalListener = function (listener, async) { + if (async === void 0) { async = false; } + if (async) { + this.globalAsyncListeners.push(listener); + } + else { + this.globalSyncListeners.push(listener); + } + }; + EventService.prototype.removeEventListener = function (eventType, listener, async) { + if (async === void 0) { async = false; } + var listenerList = this.getListenerList(eventType, async); + utils_1.Utils.removeFromArray(listenerList, listener); + }; + EventService.prototype.removeGlobalListener = function (listener, async) { + if (async === void 0) { async = false; } + if (async) { + utils_1.Utils.removeFromArray(this.globalAsyncListeners, listener); + } + else { + utils_1.Utils.removeFromArray(this.globalSyncListeners, listener); + } + }; + // why do we pass the type here? the type is in ColumnChangeEvent, so unless the + // type is not in other types of events??? + EventService.prototype.dispatchEvent = function (event) { + // console.log(`dispatching ${eventType}: ${event}`); + this.dispatchToListeners(event, true); + this.dispatchToListeners(event, false); + }; + EventService.prototype.dispatchToListeners = function (event, async) { + var _this = this; + var globalListeners = async ? this.globalAsyncListeners : this.globalSyncListeners; + var eventType = event.type; + // this allows the columnController to get events before anyone else + var p1ListenerList = this.getListenerList(eventType + EventService_1.PRIORITY, async); + utils_1.Utils.forEachSnapshotFirst(p1ListenerList, function (listener) { + if (async) { + _this.dispatchAsync(function () { return listener(event); }); + } + else { + listener(event); + } + }); + var listenerList = this.getListenerList(eventType, async); + utils_1.Utils.forEachSnapshotFirst(listenerList, function (listener) { + if (async) { + _this.dispatchAsync(function () { return listener(event); }); + } + else { + listener(event); + } + }); + utils_1.Utils.forEachSnapshotFirst(globalListeners, function (listener) { + if (async) { + _this.dispatchAsync(function () { return listener(eventType, event); }); + } + else { + listener(eventType, event); + } + }); + }; + // this gets called inside the grid's thread, for each event that it + // wants to set async. the grid then batches the events into one setTimeout() + // because setTimeout() is an expensive operation. ideally we would have + // each event in it's own setTimeout(), but we batch for performance. + EventService.prototype.dispatchAsync = function (func) { + // add to the queue for executing later in the next VM turn + this.asyncFunctionsQueue.push(func); + // check if timeout is already scheduled. the first time the grid calls + // this within it's thread turn, this should be false, so it will schedule + // the 'flush queue' method the first time it comes here. then the flag is + // set to 'true' so it will know it's already scheduled for subsequent calls. + if (!this.scheduled) { + // if not scheduled, schedule one + setTimeout(this.flushAsyncQueue.bind(this), 0); + // mark that it is scheduled + this.scheduled = true; + } + }; + // this happens in the next VM turn only, and empties the queue of events + EventService.prototype.flushAsyncQueue = function () { + this.scheduled = false; + // we take a copy, because the event listener could be using + // the grid, which would cause more events, which would be potentially + // added to the queue, so safe to take a copy, the new events will + // get executed in a later VM turn rather than risk updating the + // queue as we are flushing it. + var queueCopy = this.asyncFunctionsQueue.slice(); + this.asyncFunctionsQueue = []; + // execute the queue + queueCopy.forEach(function (func) { return func(); }); + }; + // this is an old idea niall had, should really take it out, was to do with ordering who gets to process + // events first, to give model and service objects preference over the view + EventService.PRIORITY = '-P1'; + __decorate([ + __param(0, context_2.Qualifier('loggerFactory')), + __param(1, context_2.Qualifier('gridOptionsWrapper')), + __param(2, context_2.Qualifier('globalEventListener')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory, + gridOptionsWrapper_1.GridOptionsWrapper, + Function]), + __metadata("design:returntype", void 0) + ], EventService.prototype, "setBeans", null); + EventService = EventService_1 = __decorate([ + context_1.Bean('eventService') + ], EventService); + return EventService; + var EventService_1; + }()); + exports.EventService = EventService; + + +/***/ }), +/* 6 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var LoggerFactory = (function () { + function LoggerFactory() { + } + LoggerFactory.prototype.setBeans = function (gridOptionsWrapper) { + this.logging = gridOptionsWrapper.isDebug(); + }; + LoggerFactory.prototype.create = function (name) { + return new Logger(name, this.isLogging.bind(this)); + }; + LoggerFactory.prototype.isLogging = function () { + return this.logging; + }; + __decorate([ + __param(0, context_2.Qualifier('gridOptionsWrapper')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [gridOptionsWrapper_1.GridOptionsWrapper]), + __metadata("design:returntype", void 0) + ], LoggerFactory.prototype, "setBeans", null); + LoggerFactory = __decorate([ + context_1.Bean('loggerFactory') + ], LoggerFactory); + return LoggerFactory; + }()); + exports.LoggerFactory = LoggerFactory; + var Logger = (function () { + function Logger(name, isLoggingFunc) { + this.name = name; + this.isLoggingFunc = isLoggingFunc; + } + Logger.prototype.isLogging = function () { + return this.isLoggingFunc(); + }; + Logger.prototype.log = function (message) { + if (this.isLoggingFunc()) { + console.log('ag-Grid.' + this.name + ': ' + message); + } + }; + return Logger; + }()); + exports.Logger = Logger; + + +/***/ }), +/* 7 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var Context = (function () { + function Context(params, logger) { + this.beans = {}; + this.componentsMappedByName = {}; + this.destroyed = false; + if (!params || !params.beans) { + return; + } + this.contextParams = params; + this.logger = logger; + this.logger.log(">> creating ag-Application Context"); + this.setupComponents(); + this.createBeans(); + var beans = utils_1.Utils.mapObject(this.beans, function (beanEntry) { return beanEntry.beanInstance; }); + this.wireBeans(beans); + this.logger.log(">> ag-Application Context ready - component is alive"); + } + Context.prototype.setupComponents = function () { + var _this = this; + if (this.contextParams.components) { + this.contextParams.components.forEach(function (componentMeta) { return _this.addComponent(componentMeta); }); + } + }; + Context.prototype.addComponent = function (componentMeta) { + // get name of the class as a string + // let className = _.getNameOfClass(ComponentClass); + // insert a dash after every capital letter + // let classEscaped = className.replace(/([A-Z])/g, "-$1").toLowerCase(); + var classEscaped = componentMeta.componentName.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(); + // put all to upper case + var classUpperCase = classEscaped.toUpperCase(); + // finally store + this.componentsMappedByName[classUpperCase] = componentMeta.theClass; + }; + Context.prototype.createComponent = function (element, afterPreCreateCallback) { + var key = element.nodeName; + if (this.componentsMappedByName && this.componentsMappedByName[key]) { + var newComponent = new this.componentsMappedByName[key](); + this.wireBean(newComponent, afterPreCreateCallback); + return newComponent; + } + else { + return null; + } + }; + Context.prototype.wireBean = function (bean, afterPreCreateCallback) { + if (!bean) { + throw Error("Can't wire to bean since it is null"); + } + this.wireBeans([bean], afterPreCreateCallback); + }; + Context.prototype.wireBeans = function (beans, afterPreCreateCallback) { + this.autoWireBeans(beans); + this.methodWireBeans(beans); + this.preConstruct(beans); + // the callback sets the attributes, so the component has access to attributes + // before postConstruct methods in the component are executed + if (utils_1.Utils.exists(afterPreCreateCallback)) { + beans.forEach(afterPreCreateCallback); + } + this.postConstruct(beans); + }; + Context.prototype.createBeans = function () { + var _this = this; + // register all normal beans + this.contextParams.beans.forEach(this.createBeanEntry.bind(this)); + // register override beans, these will overwrite beans above of same name + if (this.contextParams.overrideBeans) { + this.contextParams.overrideBeans.forEach(this.createBeanEntry.bind(this)); + } + // instantiate all beans - overridden beans will be left out + utils_1.Utils.iterateObject(this.beans, function (key, beanEntry) { + var constructorParamsMeta; + if (beanEntry.bean.__agBeanMetaData && beanEntry.bean.__agBeanMetaData.autowireMethods && beanEntry.bean.__agBeanMetaData.autowireMethods.agConstructor) { + constructorParamsMeta = beanEntry.bean.__agBeanMetaData.autowireMethods.agConstructor; + } + var constructorParams = _this.getBeansForParameters(constructorParamsMeta, beanEntry.bean.name); + var newInstance = applyToConstructor(beanEntry.bean, constructorParams); + beanEntry.beanInstance = newInstance; + _this.logger.log("bean " + _this.getBeanName(newInstance) + " created"); + }); + }; + Context.prototype.createBeanEntry = function (Bean) { + var metaData = Bean.__agBeanMetaData; + if (!metaData) { + var beanName = void 0; + if (Bean.prototype.constructor) { + beanName = Bean.prototype.constructor.name; + } + else { + beanName = "" + Bean; + } + console.error("context item " + beanName + " is not a bean"); + return; + } + var beanEntry = { + bean: Bean, + beanInstance: null, + beanName: metaData.beanName + }; + this.beans[metaData.beanName] = beanEntry; + }; + Context.prototype.autoWireBeans = function (beans) { + var _this = this; + beans.forEach(function (bean) { return _this.autoWireBean(bean); }); + }; + Context.prototype.methodWireBeans = function (beans) { + var _this = this; + beans.forEach(function (bean) { + if (!bean) { + throw Error("Can't wire to bean since it is null"); + } + return _this.methodWireBean(bean); + }); + }; + Context.prototype.autoWireBean = function (bean) { + var _this = this; + var currentBean = bean; + var _loop_1 = function () { + var currentConstructor = currentBean.constructor; + if (currentConstructor.__agBeanMetaData && currentConstructor.__agBeanMetaData.agClassAttributes) { + var attributes = currentConstructor.__agBeanMetaData.agClassAttributes; + if (!attributes) { + return { value: void 0 }; + } + var beanName_1 = this_1.getBeanName(currentConstructor); + attributes.forEach(function (attribute) { + var otherBean = _this.lookupBeanInstance(beanName_1, attribute.beanName, attribute.optional); + bean[attribute.attributeName] = otherBean; + }); + } + currentBean = Object.getPrototypeOf(currentBean) ? Object.getPrototypeOf(currentBean) : null; + }; + var this_1 = this; + while (currentBean != null) { + var state_1 = _loop_1(); + if (typeof state_1 === "object") + return state_1.value; + } + }; + Context.prototype.getBeanName = function (constructor) { + if (constructor.__agBeanMetaData && constructor.__agBeanMetaData.beanName) { + return constructor.__agBeanMetaData.beanName; + } + var constructorString = constructor.toString(); + var beanName = constructorString.substring(9, constructorString.indexOf("(")); + return beanName; + }; + Context.prototype.methodWireBean = function (bean) { + var _this = this; + var autowiredMethods; + if (bean.constructor.__agBeanMetaData && bean.constructor.__agBeanMetaData.autowireMethods) { + autowiredMethods = bean.constructor.__agBeanMetaData.autowireMethods; + } + utils_1.Utils.iterateObject(autowiredMethods, function (methodName, wireParams) { + // skip constructor, as this is dealt with elsewhere + if (methodName === "agConstructor") { + return; + } + var beanName = _this.getBeanName(bean.constructor); + var initParams = _this.getBeansForParameters(wireParams, beanName); + bean[methodName].apply(bean, initParams); + }); + }; + Context.prototype.getBeansForParameters = function (parameters, beanName) { + var _this = this; + var beansList = []; + if (parameters) { + utils_1.Utils.iterateObject(parameters, function (paramIndex, otherBeanName) { + var otherBean = _this.lookupBeanInstance(beanName, otherBeanName); + beansList[Number(paramIndex)] = otherBean; + }); + } + return beansList; + }; + Context.prototype.lookupBeanInstance = function (wiringBean, beanName, optional) { + if (optional === void 0) { optional = false; } + if (beanName === "context") { + return this; + } + else if (this.contextParams.seed && this.contextParams.seed.hasOwnProperty(beanName)) { + return this.contextParams.seed[beanName]; + } + else { + var beanEntry = this.beans[beanName]; + if (beanEntry) { + return beanEntry.beanInstance; + } + if (!optional) { + console.error("ag-Grid: unable to find bean reference " + beanName + " while initialising " + wiringBean); + } + return null; + } + }; + Context.prototype.postConstruct = function (beans) { + beans.forEach(function (bean) { + // try calling init methods + if (bean.constructor.__agBeanMetaData && bean.constructor.__agBeanMetaData.postConstructMethods) { + bean.constructor.__agBeanMetaData && bean.constructor.__agBeanMetaData.postConstructMethods.forEach(function (methodName) { return bean[methodName](); }); + } + }); + }; + Context.prototype.preConstruct = function (beans) { + beans.forEach(function (bean) { + // try calling init methods + if (bean.constructor.__agBeanMetaData && bean.constructor.__agBeanMetaData.preConstructMethods) { + bean.constructor.__agBeanMetaData.preConstructMethods.forEach(function (methodName) { return bean[methodName](); }); + } + }); + }; + Context.prototype.getBean = function (name) { + return this.lookupBeanInstance("getBean", name, true); + }; + Context.prototype.destroy = function () { + // should only be able to destroy once + if (this.destroyed) { + return; + } + this.logger.log(">> Shutting down ag-Application Context"); + // try calling destroy methods + utils_1.Utils.iterateObject(this.beans, function (key, beanEntry) { + var bean = beanEntry.beanInstance; + if (bean.constructor.__agBeanMetaData && bean.constructor.__agBeanMetaData.preDestroyMethods) { + bean.constructor.__agBeanMetaData.preDestroyMethods.forEach(function (methodName) { return bean[methodName](); }); + } + }); + this.destroyed = true; + this.logger.log(">> ag-Application Context shut down - component is dead"); + }; + return Context; + }()); + exports.Context = Context; + // taken from: http://stackoverflow.com/questions/3362471/how-can-i-call-a-javascript-constructor-using-call-or-apply + // allows calling 'apply' on a constructor + function applyToConstructor(constructor, argArray) { + var args = [null].concat(argArray); + var factoryFunction = constructor.bind.apply(constructor, args); + return new factoryFunction(); + } + function PreConstruct(target, methodName, descriptor) { + var props = getOrCreateProps(target.constructor); + if (!props.postConstructMethods) { + props.preConstructMethods = []; + } + props.preConstructMethods.push(methodName); + } + exports.PreConstruct = PreConstruct; + function PostConstruct(target, methodName, descriptor) { + var props = getOrCreateProps(target.constructor); + if (!props.postConstructMethods) { + props.postConstructMethods = []; + } + props.postConstructMethods.push(methodName); + } + exports.PostConstruct = PostConstruct; + function PreDestroy(target, methodName, descriptor) { + var props = getOrCreateProps(target.constructor); + if (!props.preDestroyMethods) { + props.preDestroyMethods = []; + } + props.preDestroyMethods.push(methodName); + } + exports.PreDestroy = PreDestroy; + function Bean(beanName) { + return function (classConstructor) { + var props = getOrCreateProps(classConstructor); + props.beanName = beanName; + }; + } + exports.Bean = Bean; + function Autowired(name) { + return function (target, propertyKey, descriptor) { + autowiredFunc(target, name, false, target, propertyKey, null); + }; + } + exports.Autowired = Autowired; + function Optional(name) { + return function (target, propertyKey, descriptor) { + autowiredFunc(target, name, true, target, propertyKey, null); + }; + } + exports.Optional = Optional; + function autowiredFunc(target, name, optional, classPrototype, methodOrAttributeName, index) { + if (name === null) { + console.error("ag-Grid: Autowired name should not be null"); + return; + } + if (typeof index === "number") { + console.error("ag-Grid: Autowired should be on an attribute"); + return; + } + // it's an attribute on the class + var props = getOrCreateProps(target.constructor); + if (!props.agClassAttributes) { + props.agClassAttributes = []; + } + props.agClassAttributes.push({ + attributeName: methodOrAttributeName, + beanName: name, + optional: optional + }); + } + function Qualifier(name) { + return function (classPrototype, methodOrAttributeName, index) { + var constructor = typeof classPrototype == "function" ? classPrototype : classPrototype.constructor; + var props; + if (typeof index === "number") { + // it's a parameter on a method + var methodName = void 0; + if (methodOrAttributeName) { + props = getOrCreateProps(constructor); + methodName = methodOrAttributeName; + } + else { + props = getOrCreateProps(constructor); + methodName = "agConstructor"; + } + if (!props.autowireMethods) { + props.autowireMethods = {}; + } + if (!props.autowireMethods[methodName]) { + props.autowireMethods[methodName] = {}; + } + props.autowireMethods[methodName][index] = name; + } + }; + } + exports.Qualifier = Qualifier; + function getOrCreateProps(target) { + if (!target.hasOwnProperty("__agBeanMetaData")) { + target.__agBeanMetaData = {}; + } + return target.__agBeanMetaData; + } + + +/***/ }), +/* 8 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var constants_1 = __webpack_require__(9); + var FUNCTION_STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg; + var FUNCTION_ARGUMENT_NAMES = /([^\s,]+)/g; + var AG_GRID_STOP_PROPAGATION = '__ag_Grid_Stop_Propagation'; + // util class, only used when debugging, for printing time to console + var Timer = (function () { + function Timer() { + this.timestamp = new Date().getTime(); + } + Timer.prototype.print = function (msg) { + var duration = (new Date().getTime()) - this.timestamp; + console.log(msg + " = " + duration); + this.timestamp = new Date().getTime(); + }; + return Timer; + }()); + exports.Timer = Timer; + /** HTML Escapes. */ + var HTML_ESCAPES = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + "'": ''' + }; + var reUnescapedHtml = /[&<>"']/g; + var Utils = (function () { + function Utils() { + } + // if the key was passed before, then doesn't execute the func + Utils.doOnce = function (func, key) { + if (this.doOnceFlags[key]) { + return; + } + func(); + this.doOnceFlags[key] = true; + }; + // returns true if the event is close to the original event by X pixels either vertically or horizontally. + // we only start dragging after X pixels so this allows us to know if we should start dragging yet. + Utils.areEventsNear = function (e1, e2, pixelCount) { + // by default, we wait 4 pixels before starting the drag + if (pixelCount === 0) { + return false; + } + var diffX = Math.abs(e1.clientX - e2.clientX); + var diffY = Math.abs(e1.clientY - e2.clientY); + return Math.max(diffX, diffY) <= pixelCount; + }; + Utils.shallowCompare = function (arr1, arr2) { + // if both are missing, then they are the same + if (this.missing(arr1) && this.missing(arr2)) { + return true; + } + // if one is present, but other is missing, then then are different + if (this.missing(arr1) || this.missing(arr2)) { + return false; + } + if (arr1.length !== arr2.length) { + return false; + } + for (var i = 0; i < arr1.length; i++) { + if (arr1[i] !== arr2[i]) { + return false; + } + } + return true; + }; + Utils.getNameOfClass = function (TheClass) { + var funcNameRegex = /function (.{1,})\(/; + var funcAsString = TheClass.toString(); + var results = (funcNameRegex).exec(funcAsString); + return (results && results.length > 1) ? results[1] : ""; + }; + Utils.values = function (object) { + var result = []; + this.iterateObject(object, function (key, value) { + result.push(value); + }); + return result; + }; + Utils.getValueUsingField = function (data, field, fieldContainsDots) { + if (!field || !data) { + return; + } + // if no '.', then it's not a deep value + if (!fieldContainsDots) { + return data[field]; + } + else { + // otherwise it is a deep value, so need to dig for it + var fields = field.split('.'); + var currentObject = data; + for (var i = 0; i < fields.length; i++) { + currentObject = currentObject[fields[i]]; + if (this.missing(currentObject)) { + return null; + } + } + return currentObject; + } + }; + Utils.getScrollLeft = function (element, rtl) { + var scrollLeft = element.scrollLeft; + if (rtl) { + // Absolute value - for FF that reports RTL scrolls in negative numbers + scrollLeft = Math.abs(scrollLeft); + // Get Chrome and Safari to return the same value as well + if (this.isBrowserSafari() || this.isBrowserChrome()) { + scrollLeft = element.scrollWidth - element.clientWidth - scrollLeft; + } + } + return scrollLeft; + }; + Utils.cleanNumber = function (value) { + if (typeof value === 'string') { + value = parseInt(value); + } + if (typeof value === 'number') { + value = Math.floor(value); + } + else { + value = null; + } + return value; + }; + Utils.setScrollLeft = function (element, value, rtl) { + if (rtl) { + // Chrome and Safari when doing RTL have the END position of the scroll as zero, not the start + if (this.isBrowserSafari() || this.isBrowserChrome()) { + value = element.scrollWidth - element.clientWidth - value; + } + // Firefox uses negative numbers when doing RTL scrolling + if (this.isBrowserFirefox()) { + value *= -1; + } + } + element.scrollLeft = value; + }; + Utils.iterateNamedNodeMap = function (map, callback) { + if (!map) { + return; + } + for (var i = 0; i < map.length; i++) { + var attr = map[i]; + callback(attr.name, attr.value); + } + }; + Utils.iterateObject = function (object, callback) { + if (this.missing(object)) { + return; + } + if (Array.isArray(object)) { + object.forEach(function (value, index) { + callback(index + '', value); + }); + } + else { + var keys = Object.keys(object); + for (var i = 0; i < keys.length; i++) { + var key = keys[i]; + var value = object[key]; + callback(key, value); + } + } + }; + Utils.cloneObject = function (object) { + var copy = {}; + var keys = Object.keys(object); + for (var i = 0; i < keys.length; i++) { + var key = keys[i]; + var value = object[key]; + copy[key] = value; + } + return copy; + }; + Utils.map = function (array, callback) { + var result = []; + for (var i = 0; i < array.length; i++) { + var item = array[i]; + var mappedItem = callback(item); + result.push(mappedItem); + } + return result; + }; + Utils.mapObject = function (object, callback) { + var result = []; + Utils.iterateObject(object, function (key, value) { + result.push(callback(value)); + }); + return result; + }; + Utils.forEach = function (array, callback) { + if (!array) { + return; + } + for (var i = 0; i < array.length; i++) { + var value = array[i]; + callback(value, i); + } + }; + Utils.filter = function (array, callback) { + var result = []; + array.forEach(function (item) { + if (callback(item)) { + result.push(item); + } + }); + return result; + }; + Utils.getAllKeysInObjects = function (objects) { + var allValues = {}; + objects.forEach(function (obj) { + if (obj) { + Object.keys(obj).forEach(function (key) { return allValues[key] = null; }); + } + }); + return Object.keys(allValues); + }; + Utils.mergeDeep = function (dest, source) { + if (this.exists(source)) { + this.iterateObject(source, function (key, newValue) { + var oldValue = dest[key]; + if (oldValue === newValue) { + return; + } + if (typeof oldValue === 'object' && typeof newValue === 'object') { + Utils.mergeDeep(oldValue, newValue); + } + else { + dest[key] = newValue; + } + }); + } + }; + Utils.assign = function (object) { + var _this = this; + var sources = []; + for (var _i = 1; _i < arguments.length; _i++) { + sources[_i - 1] = arguments[_i]; + } + sources.forEach(function (source) { + if (_this.exists(source)) { + _this.iterateObject(source, function (key, value) { + object[key] = value; + }); + } + }); + return object; + }; + Utils.parseYyyyMmDdToDate = function (yyyyMmDd, separator) { + try { + if (!yyyyMmDd) + return null; + if (yyyyMmDd.indexOf(separator) === -1) + return null; + var fields = yyyyMmDd.split(separator); + if (fields.length != 3) + return null; + return new Date(Number(fields[0]), Number(fields[1]) - 1, Number(fields[2])); + } + catch (e) { + return null; + } + }; + Utils.serializeDateToYyyyMmDd = function (date, separator) { + if (!date) + return null; + return date.getFullYear() + separator + Utils.pad(date.getMonth() + 1, 2) + separator + Utils.pad(date.getDate(), 2); + }; + Utils.pad = function (num, totalStringSize) { + var asString = num + ""; + while (asString.length < totalStringSize) + asString = "0" + asString; + return asString; + }; + Utils.pushAll = function (target, source) { + if (this.missing(source) || this.missing(target)) { + return; + } + source.forEach(function (func) { return target.push(func); }); + }; + Utils.createArrayOfNumbers = function (first, last) { + var result = []; + for (var i = first; i <= last; i++) { + result.push(i); + } + return result; + }; + Utils.getFunctionParameters = function (func) { + var fnStr = func.toString().replace(FUNCTION_STRIP_COMMENTS, ''); + var result = fnStr.slice(fnStr.indexOf('(') + 1, fnStr.indexOf(')')).match(FUNCTION_ARGUMENT_NAMES); + if (result === null) { + return []; + } + else { + return result; + } + }; + Utils.find = function (collection, predicate, value) { + if (collection === null || collection === undefined) { + return null; + } + if (!Array.isArray(collection)) { + var objToArray = this.values(collection); + return this.find(objToArray, predicate, value); + } + var collectionAsArray = collection; + var firstMatchingItem; + for (var i = 0; i < collectionAsArray.length; i++) { + var item = collectionAsArray[i]; + if (typeof predicate === 'string') { + if (item[predicate] === value) { + firstMatchingItem = item; + break; + } + } + else { + var callback = predicate; + if (callback(item)) { + firstMatchingItem = item; + break; + } + } + } + return firstMatchingItem; + }; + Utils.toStrings = function (array) { + return this.map(array, function (item) { + if (item === undefined || item === null || !item.toString) { + return null; + } + else { + return item.toString(); + } + }); + }; + Utils.iterateArray = function (array, callback) { + for (var index = 0; index < array.length; index++) { + var value = array[index]; + callback(value, index); + } + }; + //Returns true if it is a DOM node + //taken from: http://stackoverflow.com/questions/384286/javascript-isdom-how-do-you-check-if-a-javascript-object-is-a-dom-object + Utils.isNode = function (o) { + return (typeof Node === "function" ? o instanceof Node : + o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName === "string"); + }; + //Returns true if it is a DOM element + //taken from: http://stackoverflow.com/questions/384286/javascript-isdom-how-do-you-check-if-a-javascript-object-is-a-dom-object + Utils.isElement = function (o) { + return (typeof HTMLElement === "function" ? o instanceof HTMLElement : + o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string"); + }; + Utils.isNodeOrElement = function (o) { + return this.isNode(o) || this.isElement(o); + }; + // makes a copy of a node list into a list + Utils.copyNodeList = function (nodeList) { + var childCount = nodeList ? nodeList.length : 0; + var res = []; + for (var i = 0; i < childCount; i++) { + res.push(nodeList[i]); + } + return res; + }; + Utils.isEventFromPrintableCharacter = function (event) { + var pressedChar = String.fromCharCode(event.charCode); + // newline is an exception, as it counts as a printable character, but we don't + // want to start editing when it is pressed. without this check, if user is in chrome + // and editing a cell, and they press ctrl+enter, the cell stops editing, and then + // starts editing again with a blank value (two 'key down' events are fired). to + // test this, remove the line below, edit a cell in chrome and hit ctrl+enter while editing. + // https://ag-grid.atlassian.net/browse/AG-605 + if (this.isKeyPressed(event, constants_1.Constants.KEY_NEW_LINE)) { + return false; + } + if (exports._.exists(event.key)) { + // modern browser will implement key, so we return if key is length 1, eg if it is 'a' for the + // a key, or '2' for the '2' key. non-printable characters have names, eg 'Enter' or 'Backspace'. + var printableCharacter = event.key.length === 1; + // IE11 & Edge treat the numpad del key differently - with numlock on we get "Del" for key, + // so this addition checks if its IE11/Edge and handles that specific case the same was as all other browers + var numpadDelWithNumlockOnForEdgeOrIe = Utils.isNumpadDelWithNumlockOnForEdgeOrIe(event); + return printableCharacter || numpadDelWithNumlockOnForEdgeOrIe; + } + else { + // otherwise, for older browsers, we test against a list of characters, which doesn't include + // accents for non-English, but don't care much, as most users are on modern browsers + return Utils.PRINTABLE_CHARACTERS.indexOf(pressedChar) >= 0; + } + }; + //adds all type of change listeners to an element, intended to be a text field + Utils.addChangeListener = function (element, listener) { + element.addEventListener("changed", listener); + element.addEventListener("paste", listener); + element.addEventListener("input", listener); + // IE doesn't fire changed for special keys (eg delete, backspace), so need to + // listen for this further ones + element.addEventListener("keydown", listener); + element.addEventListener("keyup", listener); + }; + //if value is undefined, null or blank, returns null, otherwise returns the value + Utils.makeNull = function (value) { + var valueNoType = value; + if (value === null || value === undefined || valueNoType === "") { + return null; + } + else { + return value; + } + }; + Utils.missing = function (value) { + return !this.exists(value); + }; + Utils.missingOrEmpty = function (value) { + return this.missing(value) || value.length === 0; + }; + Utils.missingOrEmptyObject = function (value) { + return this.missing(value) || Object.keys(value).length === 0; + }; + Utils.exists = function (value) { + if (value === null || value === undefined || value === '') { + return false; + } + else { + return true; + } + }; + Utils.firstExistingValue = function () { + var values = []; + for (var _i = 0; _i < arguments.length; _i++) { + values[_i] = arguments[_i]; + } + for (var i = 0; i < values.length; i++) { + var value = values[i]; + if (exports._.exists(value)) + return value; + } + return null; + }; + Utils.anyExists = function (values) { + if (values) { + for (var i = 0; i < values.length; i++) { + if (this.exists(values[i])) { + return true; + } + } + } + return false; + }; + Utils.existsAndNotEmpty = function (value) { + return this.exists(value) && value.length > 0; + }; + Utils.removeAllChildren = function (node) { + if (node) { + while (node.hasChildNodes()) { + node.removeChild(node.lastChild); + } + } + }; + Utils.removeElement = function (parent, cssSelector) { + this.removeFromParent(parent.querySelector(cssSelector)); + }; + Utils.removeFromParent = function (node) { + if (node && node.parentNode) { + node.parentNode.removeChild(node); + } + }; + Utils.isVisible = function (element) { + return (element.offsetParent !== null); + }; + /** + * loads the template and returns it as an element. makes up for no simple way in + * the dom api to load html directly, eg we cannot do this: document.createElement(template) + */ + Utils.loadTemplate = function (template) { + var tempDiv = document.createElement("div"); + tempDiv.innerHTML = template; + return tempDiv.firstChild; + }; + Utils.appendHtml = function (eContainer, htmlTemplate) { + if (eContainer.lastChild) { + // https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML + // we put the items at the start, so new items appear underneath old items, + // so when expanding/collapsing groups, the new rows don't go on top of the + // rows below that are moving our of the way + eContainer.insertAdjacentHTML('afterbegin', htmlTemplate); + } + else { + eContainer.innerHTML = htmlTemplate; + } + }; + Utils.addOrRemoveCssClass = function (element, className, addOrRemove) { + if (addOrRemove) { + this.addCssClass(element, className); + } + else { + this.removeCssClass(element, className); + } + }; + Utils.callIfPresent = function (func) { + if (func) { + func(); + } + }; + Utils.addCssClass = function (element, className) { + var _this = this; + if (!className || className.length === 0) { + return; + } + if (className.indexOf(' ') >= 0) { + className.split(' ').forEach(function (value) { return _this.addCssClass(element, value); }); + return; + } + if (element.classList) { + if (!element.classList.contains(className)) { + element.classList.add(className); + } + } + else { + if (element.className && element.className.length > 0) { + var cssClasses = element.className.split(' '); + if (cssClasses.indexOf(className) < 0) { + cssClasses.push(className); + element.className = cssClasses.join(' '); + } + } + else { + element.className = className; + } + } + }; + Utils.containsClass = function (element, className) { + if (element.classList) { + // for modern browsers + return element.classList.contains(className); + } + else if (element.className) { + // for older browsers, check against the string of class names + // if only one class, can check for exact match + var onlyClass = element.className === className; + // if many classes, check for class name, we have to pad with ' ' to stop other + // class names that are a substring of this class + var contains = element.className.indexOf(' ' + className + ' ') >= 0; + // the padding above then breaks when it's the first or last class names + var startsWithClass = element.className.indexOf(className + ' ') === 0; + var endsWithClass = element.className.lastIndexOf(' ' + className) === (element.className.length - className.length - 1); + return onlyClass || contains || startsWithClass || endsWithClass; + } + else { + // if item is not a node + return false; + } + }; + Utils.getElementAttribute = function (element, attributeName) { + if (element.attributes) { + if (element.attributes[attributeName]) { + var attribute = element.attributes[attributeName]; + return attribute.value; + } + else { + return null; + } + } + else { + return null; + } + }; + Utils.offsetHeight = function (element) { + return element && element.clientHeight ? element.clientHeight : 0; + }; + Utils.offsetWidth = function (element) { + return element && element.clientWidth ? element.clientWidth : 0; + }; + Utils.sortNumberArray = function (numberArray) { + numberArray.sort(function (a, b) { return a - b; }); + }; + Utils.removeCssClass = function (element, className) { + if (element.classList) { + if (element.classList.contains(className)) { + element.classList.remove(className); + } + } + else { + if (element.className && element.className.length > 0) { + var cssClasses = element.className.split(' '); + if (cssClasses.indexOf(className) >= 0) { + // remove all instances of the item, not just the first, in case it's in more than once + while (cssClasses.indexOf(className) >= 0) { + cssClasses.splice(cssClasses.indexOf(className), 1); + } + element.className = cssClasses.join(' '); + } + } + } + }; + Utils.removeRepeatsFromArray = function (array, object) { + if (!array) { + return; + } + for (var index = array.length - 2; index >= 0; index--) { + var thisOneMatches = array[index] === object; + var nextOneMatches = array[index + 1] === object; + if (thisOneMatches && nextOneMatches) { + array.splice(index + 1, 1); + } + } + }; + Utils.removeFromArray = function (array, object) { + if (array.indexOf(object) >= 0) { + array.splice(array.indexOf(object), 1); + } + }; + Utils.removeAllFromArray = function (array, toRemove) { + toRemove.forEach(function (item) { + if (array.indexOf(item) >= 0) { + array.splice(array.indexOf(item), 1); + } + }); + }; + Utils.insertIntoArray = function (array, object, toIndex) { + array.splice(toIndex, 0, object); + }; + Utils.insertArrayIntoArray = function (dest, src, toIndex) { + if (this.missing(dest) || this.missing(src)) { + return; + } + // put items in backwards, otherwise inserted items end up in reverse order + for (var i = src.length - 1; i >= 0; i--) { + var item = src[i]; + this.insertIntoArray(dest, item, toIndex); + } + }; + Utils.moveInArray = function (array, objectsToMove, toIndex) { + var _this = this; + // first take out it items from the array + objectsToMove.forEach(function (obj) { + _this.removeFromArray(array, obj); + }); + // now add the objects, in same order as provided to us, that means we start at the end + // as the objects will be pushed to the right as they are inserted + objectsToMove.slice().reverse().forEach(function (obj) { + _this.insertIntoArray(array, obj, toIndex); + }); + }; + Utils.defaultComparator = function (valueA, valueB, accentedCompare) { + if (accentedCompare === void 0) { accentedCompare = false; } + var valueAMissing = valueA === null || valueA === undefined; + var valueBMissing = valueB === null || valueB === undefined; + // this is for aggregations sum and avg, where the result can be a number that is wrapped. + // if we didn't do this, then the toString() value would be used, which would result in + // the strings getting used instead of the numbers. + if (valueA && valueA.toNumber) { + valueA = valueA.toNumber(); + } + if (valueB && valueB.toNumber) { + valueB = valueB.toNumber(); + } + if (valueAMissing && valueBMissing) { + return 0; + } + if (valueAMissing) { + return -1; + } + if (valueBMissing) { + return 1; + } + if (typeof valueA === "string") { + if (!accentedCompare) { + return doQuickCompare(valueA, valueB); + } + else { + try { + // using local compare also allows chinese comparisons + return valueA.localeCompare(valueB); + } + catch (e) { + // if something wrong with localeCompare, eg not supported + // by browser, then just continue with the quick one + return doQuickCompare(valueA, valueB); + } + } + } + if (valueA < valueB) { + return -1; + } + else if (valueA > valueB) { + return 1; + } + else { + return 0; + } + function doQuickCompare(a, b) { + return (a > b ? 1 : (a < b ? -1 : 0)); + } + }; + Utils.compareArrays = function (array1, array2) { + if (this.missing(array1) && this.missing(array2)) { + return true; + } + if (this.missing(array1) || this.missing(array2)) { + return false; + } + if (array1.length !== array2.length) { + return false; + } + for (var i = 0; i < array1.length; i++) { + if (array1[i] !== array2[i]) { + return false; + } + } + return true; + }; + Utils.ensureDomOrder = function (eContainer, eChild, eChildBefore) { + // if already in right order, do nothing + if (eChildBefore && eChildBefore.nextSibling === eChild) { + return; + } + if (eChildBefore) { + if (eChildBefore.nextSibling) { + // insert between the eRowBefore and the row after it + eContainer.insertBefore(eChild, eChildBefore.nextSibling); + } + else { + // if nextSibling is missing, means other row is at end, so just append new row at the end + eContainer.appendChild(eChild); + } + } + else { + // otherwise put at start + if (eContainer.firstChild) { + // insert it at the first location + eContainer.insertBefore(eChild, eContainer.firstChild); + } + } + }; + Utils.insertWithDomOrder = function (eContainer, eChild, eChildBefore) { + if (eChildBefore) { + if (eChildBefore.nextSibling) { + // insert between the eRowBefore and the row after it + eContainer.insertBefore(eChild, eChildBefore.nextSibling); + } + else { + // if nextSibling is missing, means other row is at end, so just append new row at the end + eContainer.appendChild(eChild); + } + } + else { + if (eContainer.firstChild) { + // insert it at the first location + eContainer.insertBefore(eChild, eContainer.firstChild); + } + else { + // otherwise eContainer is empty, so just append it + eContainer.appendChild(eChild); + } + } + }; + Utils.insertTemplateWithDomOrder = function (eContainer, htmlTemplate, eChildBefore) { + var res; + if (eChildBefore) { + // if previous element exists, just slot in after the previous element + eChildBefore.insertAdjacentHTML('afterend', htmlTemplate); + res = eChildBefore.nextSibling; + } + else { + if (eContainer.firstChild) { + // insert it at the first location + eContainer.insertAdjacentHTML('afterbegin', htmlTemplate); + } + else { + // otherwise eContainer is empty, so just append it + eContainer.innerHTML = htmlTemplate; + } + res = eContainer.firstChild; + } + return res; + }; + Utils.every = function (items, callback) { + if (!items || items.length === 0) { + return true; + } + for (var i = 0; i < items.length; i++) { + if (!callback(items[i])) { + return false; + } + } + return true; + }; + Utils.toStringOrNull = function (value) { + if (this.exists(value) && value.toString) { + return value.toString(); + } + else { + return null; + } + }; + Utils.formatWidth = function (width) { + if (typeof width === "number") { + return width + "px"; + } + else { + return width; + } + }; + Utils.formatNumberTwoDecimalPlacesAndCommas = function (value) { + if (typeof value !== 'number') { + return ''; + } + // took this from: http://blog.tompawlak.org/number-currency-formatting-javascript + return (Math.round(value * 100) / 100).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"); + }; + // the native method number.toLocaleString(undefined, {minimumFractionDigits: 0}) puts in decimal places in IE, + // so we use this method instead + Utils.formatNumberCommas = function (value) { + if (typeof value !== 'number') { + return ''; + } + // took this from: http://blog.tompawlak.org/number-currency-formatting-javascript + return value.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"); + }; + Utils.prependDC = function (parent, documentFragment) { + if (this.exists(parent.firstChild)) { + parent.insertBefore(documentFragment, parent.firstChild); + } + else { + parent.appendChild(documentFragment); + } + }; + /** + * If icon provided, use this (either a string, or a function callback). + * if not, then use the default icon from the theme + */ + Utils.createIcon = function (iconName, gridOptionsWrapper, column) { + var iconContents = this.createIconNoSpan(iconName, gridOptionsWrapper, column); + if (iconContents.className.indexOf('ag-icon') > -1) { + return iconContents; + } + else { + var eResult = document.createElement('span'); + eResult.appendChild(iconContents); + return eResult; + } + }; + Utils.createIconNoSpan = function (iconName, gridOptionsWrapper, column) { + var userProvidedIcon; + // check col for icon first + if (column && column.getColDef().icons) { + userProvidedIcon = column.getColDef().icons[iconName]; + } + // it not in col, try grid options + if (!userProvidedIcon && gridOptionsWrapper.getIcons()) { + userProvidedIcon = gridOptionsWrapper.getIcons()[iconName]; + } + // now if user provided, use it + if (userProvidedIcon) { + var rendererResult = void 0; + if (typeof userProvidedIcon === 'function') { + rendererResult = userProvidedIcon(); + } + else if (typeof userProvidedIcon === 'string') { + rendererResult = userProvidedIcon; + } + else { + throw 'icon from grid options needs to be a string or a function'; + } + if (typeof rendererResult === 'string') { + return this.loadTemplate(rendererResult); + } + else if (this.isNodeOrElement(rendererResult)) { + return rendererResult; + } + else { + throw 'iconRenderer should return back a string or a dom object'; + } + } + else { + var span = document.createElement('span'); + var cssClass = this.iconNameClassMap[iconName]; + if (!cssClass) { + throw new Error(iconName + " did not find class"); + } + span.setAttribute("class", "ag-icon ag-icon-" + cssClass); + return span; + } + }; + Utils.addStylesToElement = function (eElement, styles) { + var _this = this; + if (!styles) { + return; + } + Object.keys(styles).forEach(function (key) { + var keyCamelCase = _this.hyphenToCamelCase(key); + eElement.style[keyCamelCase] = styles[key]; + }); + }; + Utils.isHorizontalScrollShowing = function (element) { + return element.clientWidth < element.scrollWidth; + }; + Utils.isVerticalScrollShowing = function (element) { + return element.clientHeight < element.scrollHeight; + }; + Utils.getMaxDivHeight = function () { + if (!document.body) { + return -1; + } + var res = 1000000; + // FF reports the height back but still renders blank after ~6M px + var testUpTo = navigator.userAgent.toLowerCase().match(/firefox/) ? 6000000 : 1000000000; + var div = this.loadTemplate("
"); + document.body.appendChild(div); + while (true) { + var test = res * 2; + div.style.height = test + 'px'; + if (test > testUpTo || div.clientHeight !== test) { + break; + } + else { + res = test; + } + } + document.body.removeChild(div); + return res; + }; + Utils.getScrollbarWidth = function () { + var outer = document.createElement("div"); + outer.style.visibility = "hidden"; + outer.style.width = "100px"; + outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps + document.body.appendChild(outer); + var widthNoScroll = outer.offsetWidth; + // force scrollbars + outer.style.overflow = "scroll"; + // add inner div + var inner = document.createElement("div"); + inner.style.width = "100%"; + outer.appendChild(inner); + var widthWithScroll = inner.offsetWidth; + // remove divs + outer.parentNode.removeChild(outer); + return widthNoScroll - widthWithScroll; + }; + Utils.isKeyPressed = function (event, keyToCheck) { + var pressedKey = event.which || event.keyCode; + return pressedKey === keyToCheck; + }; + Utils.setVisible = function (element, visible) { + this.addOrRemoveCssClass(element, 'ag-hidden', !visible); + }; + Utils.setHidden = function (element, hidden) { + this.addOrRemoveCssClass(element, 'ag-visibility-hidden', hidden); + }; + Utils.isBrowserIE = function () { + if (this.isIE === undefined) { + this.isIE = false || !!document.documentMode; // At least IE6 + } + return this.isIE; + }; + Utils.isBrowserEdge = function () { + if (this.isEdge === undefined) { + this.isEdge = !this.isBrowserIE() && !!window.StyleMedia; + } + return this.isEdge; + }; + Utils.isBrowserSafari = function () { + if (this.isSafari === undefined) { + var anyWindow = window; + // taken from https://github.com/ag-grid/ag-grid/issues/550 + this.isSafari = Object.prototype.toString.call(anyWindow.HTMLElement).indexOf('Constructor') > 0 + || (function (p) { + return p.toString() === "[object SafariRemoteNotification]"; + })(!anyWindow.safari || anyWindow.safari.pushNotification); + } + return this.isSafari; + }; + Utils.isBrowserChrome = function () { + if (this.isChrome === undefined) { + var anyWindow = window; + this.isChrome = !!anyWindow.chrome && !!anyWindow.chrome.webstore; + } + return this.isChrome; + }; + Utils.isBrowserFirefox = function () { + if (this.isFirefox === undefined) { + var anyWindow = window; + this.isFirefox = typeof anyWindow.InstallTrigger !== 'undefined'; + } + return this.isFirefox; + }; + Utils.isUserAgentIPad = function () { + if (this.isIPad === undefined) { + // taken from https://davidwalsh.name/detect-ipad + this.isIPad = navigator.userAgent.match(/iPad|iPhone/i) != null; + } + return this.isIPad; + }; + // srcElement is only available in IE. In all other browsers it is target + // http://stackoverflow.com/questions/5301643/how-can-i-make-event-srcelement-work-in-firefox-and-what-does-it-mean + Utils.getTarget = function (event) { + var eventNoType = event; + return eventNoType.target || eventNoType.srcElement; + }; + Utils.isElementInEventPath = function (element, event) { + if (!event || !element) { + return false; + } + var path = exports._.getEventPath(event); + return path.indexOf(element) >= 0; + }; + Utils.createEventPath = function (event) { + var res = []; + var pointer = exports._.getTarget(event); + while (pointer) { + res.push(pointer); + pointer = pointer.parentElement; + } + return res; + }; + // firefox doesn't have event.path set, or any alternative to it, so we hack + // it in. this is needed as it's to late to work out the path when the item is + // removed from the dom. used by MouseEventService, where it works out if a click + // was from the current grid, or a detail grid (master / detail). + Utils.addAgGridEventPath = function (event) { + event.__agGridEventPath = this.getEventPath(event); + }; + Utils.getEventPath = function (event) { + // https://stackoverflow.com/questions/39245488/event-path-undefined-with-firefox-and-vue-js + // https://developer.mozilla.org/en-US/docs/Web/API/Event + var eventNoType = event; + if (event.deepPath) { + // IE supports deep path + return event.deepPath(); + } + else if (eventNoType.path) { + // Chrome supports path + return eventNoType.path; + } + else if (eventNoType.composedPath) { + // Firefox supports composePath + return eventNoType.composedPath(); + } + else if (eventNoType.__agGridEventPath) { + // Firefox supports composePath + return eventNoType.__agGridEventPath; + } + else { + // and finally, if none of the above worked, + // we create the path ourselves + return this.createEventPath(event); + } + }; + Utils.forEachSnapshotFirst = function (list, callback) { + if (list) { + var arrayCopy = list.slice(0); + arrayCopy.forEach(callback); + } + }; + // taken from: http://stackoverflow.com/questions/1038727/how-to-get-browser-width-using-javascript-code + Utils.getBodyWidth = function () { + if (document.body) { + return document.body.clientWidth; + } + if (window.innerHeight) { + return window.innerWidth; + } + if (document.documentElement && document.documentElement.clientWidth) { + return document.documentElement.clientWidth; + } + return -1; + }; + // taken from: http://stackoverflow.com/questions/1038727/how-to-get-browser-width-using-javascript-code + Utils.getBodyHeight = function () { + if (document.body) { + return document.body.clientHeight; + } + if (window.innerHeight) { + return window.innerHeight; + } + if (document.documentElement && document.documentElement.clientHeight) { + return document.documentElement.clientHeight; + } + return -1; + }; + Utils.setCheckboxState = function (eCheckbox, state) { + if (typeof state === 'boolean') { + eCheckbox.checked = state; + eCheckbox.indeterminate = false; + } + else { + // isNodeSelected returns back undefined if it's a group and the children + // are a mix of selected and unselected + eCheckbox.indeterminate = true; + } + }; + Utils.traverseNodesWithKey = function (nodes, callback) { + var keyParts = []; + recursiveSearchNodes(nodes); + function recursiveSearchNodes(nodes) { + nodes.forEach(function (node) { + // also checking for children for tree data + if (node.group || node.hasChildren()) { + keyParts.push(node.key); + var key = keyParts.join('|'); + callback(node, key); + recursiveSearchNodes(node.childrenAfterGroup); + keyParts.pop(); + } + }); + } + }; + // from https://gist.github.com/youssman/745578062609e8acac9f + Utils.camelCaseToHyphen = function (str) { + if (str === null || str === undefined) { + return null; + } + return str.replace(/([A-Z])/g, function (g) { return '-' + g[0].toLowerCase(); }); + }; + // from https://stackoverflow.com/questions/6660977/convert-hyphens-to-camel-case-camelcase + Utils.hyphenToCamelCase = function (str) { + if (str === null || str === undefined) { + return null; + } + return str.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); }); + }; + // pas in an object eg: {color: 'black', top: '25px'} and it returns "color: black; top: 25px;" for html + Utils.cssStyleObjectToMarkup = function (stylesToUse) { + var _this = this; + if (!stylesToUse) { + return ''; + } + var resParts = []; + this.iterateObject(stylesToUse, function (styleKey, styleValue) { + var styleKeyDashed = _this.camelCaseToHyphen(styleKey); + resParts.push(styleKeyDashed + ": " + styleValue + ";"); + }); + return resParts.join(' '); + }; + /** + * From http://stackoverflow.com/questions/9716468/is-there-any-function-like-isnumeric-in-javascript-to-validate-numbers + */ + Utils.isNumeric = function (value) { + if (value === '') + return false; + return !isNaN(parseFloat(value)) && isFinite(value); + }; + Utils.escape = function (toEscape) { + if (toEscape === null || toEscape === undefined || !toEscape.replace) { + return toEscape; + } + return toEscape.replace(reUnescapedHtml, function (chr) { return HTML_ESCAPES[chr]; }); + }; + // Taken from here: https://github.com/facebook/fixed-data-table/blob/master/src/vendor_upstream/dom/normalizeWheel.js + /** + * Mouse wheel (and 2-finger trackpad) support on the web sucks. It is + * complicated, thus this doc is long and (hopefully) detailed enough to answer + * your questions. + * + * If you need to react to the mouse wheel in a predictable way, this code is + * like your bestest friend. * hugs * + * + * As of today, there are 4 DOM event types you can listen to: + * + * 'wheel' -- Chrome(31+), FF(17+), IE(9+) + * 'mousewheel' -- Chrome, IE(6+), Opera, Safari + * 'MozMousePixelScroll' -- FF(3.5 only!) (2010-2013) -- don't bother! + * 'DOMMouseScroll' -- FF(0.9.7+) since 2003 + * + * So what to do? The is the best: + * + * normalizeWheel.getEventType(); + * + * In your event callback, use this code to get sane interpretation of the + * deltas. This code will return an object with properties: + * + * spinX -- normalized spin speed (use for zoom) - x plane + * spinY -- " - y plane + * pixelX -- normalized distance (to pixels) - x plane + * pixelY -- " - y plane + * + * Wheel values are provided by the browser assuming you are using the wheel to + * scroll a web page by a number of lines or pixels (or pages). Values can vary + * significantly on different platforms and browsers, forgetting that you can + * scroll at different speeds. Some devices (like trackpads) emit more events + * at smaller increments with fine granularity, and some emit massive jumps with + * linear speed or acceleration. + * + * This code does its best to normalize the deltas for you: + * + * - spin is trying to normalize how far the wheel was spun (or trackpad + * dragged). This is super useful for zoom support where you want to + * throw away the chunky scroll steps on the PC and make those equal to + * the slow and smooth tiny steps on the Mac. Key data: This code tries to + * resolve a single slow step on a wheel to 1. + * + * - pixel is normalizing the desired scroll delta in pixel units. You'll + * get the crazy differences between browsers, but at least it'll be in + * pixels! + * + * - positive value indicates scrolling DOWN/RIGHT, negative UP/LEFT. This + * should translate to positive value zooming IN, negative zooming OUT. + * This matches the newer 'wheel' event. + * + * Why are there spinX, spinY (or pixels)? + * + * - spinX is a 2-finger side drag on the trackpad, and a shift + wheel turn + * with a mouse. It results in side-scrolling in the browser by default. + * + * - spinY is what you expect -- it's the classic axis of a mouse wheel. + * + * - I dropped spinZ/pixelZ. It is supported by the DOM 3 'wheel' event and + * probably is by browsers in conjunction with fancy 3D controllers .. but + * you know. + * + * Implementation info: + * + * Examples of 'wheel' event if you scroll slowly (down) by one step with an + * average mouse: + * + * OS X + Chrome (mouse) - 4 pixel delta (wheelDelta -120) + * OS X + Safari (mouse) - N/A pixel delta (wheelDelta -12) + * OS X + Firefox (mouse) - 0.1 line delta (wheelDelta N/A) + * Win8 + Chrome (mouse) - 100 pixel delta (wheelDelta -120) + * Win8 + Firefox (mouse) - 3 line delta (wheelDelta -120) + * + * On the trackpad: + * + * OS X + Chrome (trackpad) - 2 pixel delta (wheelDelta -6) + * OS X + Firefox (trackpad) - 1 pixel delta (wheelDelta N/A) + * + * On other/older browsers.. it's more complicated as there can be multiple and + * also missing delta values. + * + * The 'wheel' event is more standard: + * + * http://www.w3.org/TR/DOM-Level-3-Events/#events-wheelevents + * + * The basics is that it includes a unit, deltaMode (pixels, lines, pages), and + * deltaX, deltaY and deltaZ. Some browsers provide other values to maintain + * backward compatibility with older events. Those other values help us + * better normalize spin speed. Example of what the browsers provide: + * + * | event.wheelDelta | event.detail + * ------------------+------------------+-------------- + * Safari v5/OS X | -120 | 0 + * Safari v5/Win7 | -120 | 0 + * Chrome v17/OS X | -120 | 0 + * Chrome v17/Win7 | -120 | 0 + * IE9/Win7 | -120 | undefined + * Firefox v4/OS X | undefined | 1 + * Firefox v4/Win7 | undefined | 3 + * + */ + Utils.normalizeWheel = function (event) { + var PIXEL_STEP = 10; + var LINE_HEIGHT = 40; + var PAGE_HEIGHT = 800; + // spinX, spinY + var sX = 0; + var sY = 0; + // pixelX, pixelY + var pX = 0; + var pY = 0; + // Legacy + if ('detail' in event) { + sY = event.detail; + } + if ('wheelDelta' in event) { + sY = -event.wheelDelta / 120; + } + if ('wheelDeltaY' in event) { + sY = -event.wheelDeltaY / 120; + } + if ('wheelDeltaX' in event) { + sX = -event.wheelDeltaX / 120; + } + // side scrolling on FF with DOMMouseScroll + if ('axis' in event && event.axis === event.HORIZONTAL_AXIS) { + sX = sY; + sY = 0; + } + pX = sX * PIXEL_STEP; + pY = sY * PIXEL_STEP; + if ('deltaY' in event) { + pY = event.deltaY; + } + if ('deltaX' in event) { + pX = event.deltaX; + } + if ((pX || pY) && event.deltaMode) { + if (event.deltaMode == 1) { + pX *= LINE_HEIGHT; + pY *= LINE_HEIGHT; + } + else { + pX *= PAGE_HEIGHT; + pY *= PAGE_HEIGHT; + } + } + // Fall-back if spin cannot be determined + if (pX && !sX) { + sX = (pX < 1) ? -1 : 1; + } + if (pY && !sY) { + sY = (pY < 1) ? -1 : 1; + } + return { + spinX: sX, + spinY: sY, + pixelX: pX, + pixelY: pY + }; + }; + /** + * https://stackoverflow.com/questions/24004791/can-someone-explain-the-debounce-function-in-javascript + */ + Utils.debounce = function (func, wait, immediate) { + if (immediate === void 0) { immediate = false; } + // 'private' variable for instance + // The returned function will be able to reference this due to closure. + // Each call to the returned function will share this common timer. + var timeout; + // Calling debounce returns a new anonymous function + return function () { + // reference the context and args for the setTimeout function + var context = this, args = arguments; + // Should the function be called now? If immediate is true + // and not already in a timeout then the answer is: Yes + var callNow = immediate && !timeout; + // This is the basic debounce behaviour where you can call this + // function several times, but it will only execute once + // [before or after imposing a delay]. + // Each time the returned function is called, the timer starts over. + clearTimeout(timeout); + // Set the new timeout + timeout = setTimeout(function () { + // Inside the timeout function, clear the timeout variable + // which will let the next execution run when in 'immediate' mode + timeout = null; + // Check if the function already ran with the immediate flag + if (!immediate) { + // Call the original function with apply + // apply lets you define the 'this' object as well as the arguments + // (both captured before setTimeout) + func.apply(context, args); + } + }, wait); + // Immediate mode and no wait timer? Execute the function.. + if (callNow) + func.apply(context, args); + }; + }; + ; + // a user once raised an issue - they said that when you opened a popup (eg context menu) + // and then clicked on a selection checkbox, the popup wasn't closed. this is because the + // popup listens for clicks on the body, however ag-grid WAS stopping propagation on the + // checkbox clicks (so the rows didn't pick them up as row selection selection clicks). + // to get around this, we have a pattern to stop propagation for the purposes of ag-Grid, + // but we still let the event pass back to teh body. + Utils.stopPropagationForAgGrid = function (event) { + event[AG_GRID_STOP_PROPAGATION] = true; + }; + Utils.isStopPropagationForAgGrid = function (event) { + return event[AG_GRID_STOP_PROPAGATION] === true; + }; + Utils.executeInAWhile = function (funcs) { + this.executeAfter(funcs, 400); + }; + Utils.executeNextVMTurn = function (funcs) { + this.executeAfter(funcs, 0); + }; + Utils.executeAfter = function (funcs, millis) { + if (funcs.length > 0) { + setTimeout(function () { + funcs.forEach(function (func) { return func(); }); + }, millis); + } + }; + Utils.referenceCompare = function (left, right) { + if (left == null && right == null) + return true; + if (left == null && right) + return false; + if (left && right == null) + return false; + return left === right; + }; + Utils.get = function (source, expression, defaultValue) { + if (source == null) + return defaultValue; + if (expression.indexOf('.') > -1) { + var fields = expression.split('.'); + var thisKey = fields[0]; + var nextValue = source[thisKey]; + if (nextValue != null) { + return Utils.get(nextValue, fields.slice(1, fields.length).join('.'), defaultValue); + } + else { + return defaultValue; + } + } + else { + var nextValue = source[expression]; + return nextValue != null ? nextValue : defaultValue; + } + }; + Utils.addSafePassiveEventListener = function (eElement, event, listener) { + eElement.addEventListener(event, listener, (Utils.passiveEvents.indexOf(event) > -1 ? { passive: true } : undefined)); + }; + Utils.camelCaseToHumanText = function (camelCase) { + if (camelCase == null) + return null; + // Who needs to learn how to code when you have stack overflow! + // from: https://stackoverflow.com/questions/15369566/putting-space-in-camel-case-string-using-regular-expression + var rex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g; + var words = camelCase.replace(rex, '$1$4 $2$3$5').replace('.', ' ').split(' '); + return words.map(function (word) { return word.substring(0, 1).toUpperCase() + ((word.length > 1) ? word.substring(1, word.length) : ''); }).join(' '); + }; + // displays a message to the browser. this is useful in iPad, where you can't easily see the console. + // so the javascript code can use this to give feedback. this is NOT intended to be called in production. + // it is intended the ag-Grid developer calls this to troubleshoot, but then takes out the calls before + // checking in. + Utils.message = function (msg) { + var eMessage = document.createElement('div'); + eMessage.innerHTML = msg; + var eBox = document.querySelector('#__ag__message'); + if (!eBox) { + var template = "
"; + eBox = this.loadTemplate(template); + if (document.body) { + document.body.appendChild(eBox); + } + } + eBox.appendChild(eMessage); + }; + // gets called by: a) ClientSideNodeManager and b) GroupStage to do sorting. + // when in ClientSideNodeManager we always have indexes (as this sorts the items the + // user provided) but when in GroupStage, the nodes can contain filler nodes that + // don't have order id's + Utils.sortRowNodesByOrder = function (rowNodes, rowNodeOrder) { + if (!rowNodes) { + return; + } + rowNodes.sort(function (nodeA, nodeB) { + var positionA = rowNodeOrder[nodeA.id]; + var positionB = rowNodeOrder[nodeB.id]; + var aHasIndex = positionA !== undefined; + var bHasIndex = positionB !== undefined; + var bothNodesAreUserNodes = aHasIndex && bHasIndex; + var bothNodesAreFillerNodes = !aHasIndex && !bHasIndex; + if (bothNodesAreUserNodes) { + // when comparing two nodes the user has provided, they always + // have indexes + return positionA - positionB; + } + else if (bothNodesAreFillerNodes) { + // when comparing two filler nodes, we have no index to compare them + // against, however we want this sorting to be deterministic, so that + // the rows don't jump around as the user does delta updates. so we + // want the same sort result. so we use the id - which doesn't make sense + // from a sorting point of view, but does give consistent behaviour between + // calls. otherwise groups jump around as delta updates are done. + return nodeA.id > nodeB.id ? 1 : -1; + } + else if (aHasIndex) { + return 1; + } + else { + return -1; + } + }); + }; + Utils.fuzzyCheckStrings = function (inputValues, validValues, allSuggestions) { + var _this = this; + var fuzzyMatches = {}; + var invalidInputs = inputValues.filter(function (inputValue) { + return !validValues.some(function (validValue) { return validValue === inputValue; }); + }); + if (invalidInputs.length > 0) { + invalidInputs.forEach(function (invalidInput) { + return fuzzyMatches[invalidInput] = _this.fuzzySuggestions(invalidInput, validValues, allSuggestions); + }); + } + return fuzzyMatches; + }; + Utils.fuzzySuggestions = function (inputValue, validValues, allSuggestions) { + var thisSuggestions = allSuggestions.slice(0); + thisSuggestions.sort(function (suggestedValueLeft, suggestedValueRight) { + var leftDifference = exports._.string_similarity(suggestedValueLeft.toLowerCase(), inputValue.toLowerCase()); + var rightDifference = exports._.string_similarity(suggestedValueRight.toLowerCase(), inputValue.toLowerCase()); + return leftDifference > rightDifference ? -1 : + leftDifference === rightDifference ? 0 : + 1; + }); + return thisSuggestions; + }; + //Algorithm to do fuzzy search + //https://stackoverflow.com/questions/23305000/javascript-fuzzy-search-that-makes-sense + Utils.get_bigrams = function (from) { + var i, j, ref, s, v; + s = from.toLowerCase(); + v = new Array(s.length - 1); + for (i = j = 0, ref = v.length; j <= ref; i = j += 1) { + v[i] = s.slice(i, i + 2); + } + return v; + }; + Utils.isNumpadDelWithNumlockOnForEdgeOrIe = function (event) { + if (Utils.isBrowserEdge() || Utils.isBrowserIE()) { + return event.key === Utils.NUMPAD_DEL_NUMLOCK_ON_KEY && + event.charCode === Utils.NUMPAD_DEL_NUMLOCK_ON_CHARCODE; + } + return false; + }; + Utils.PRINTABLE_CHARACTERS = 'qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM1234567890!"£$%^&*()_+-=[];\'#,./\\|<>?:@~{}'; + Utils.NUMPAD_DEL_NUMLOCK_ON_KEY = 'Del'; + Utils.NUMPAD_DEL_NUMLOCK_ON_CHARCODE = 46; + Utils.doOnceFlags = {}; + // static prepend(parent: HTMLElement, child: HTMLElement): void { + // if (this.exists(parent.firstChild)) { + // parent.insertBefore(child, parent.firstChild); + // } else { + // parent.appendChild(child); + // } + // } + Utils.iconNameClassMap = { + 'columnMovePin': 'pin', + 'columnMoveAdd': 'plus', + 'columnMoveHide': 'eye-slash', + 'columnMoveMove': 'arrows', + 'columnMoveLeft': 'left', + 'columnMoveRight': 'right', + 'columnMoveGroup': 'group', + 'columnMoveValue': 'aggregation', + 'columnMovePivot': 'pivot', + 'dropNotAllowed': 'not-allowed', + 'groupContracted': 'expanded', + 'groupExpanded': 'contracted', + 'checkboxChecked': 'checkbox-checked', + 'checkboxUnchecked': 'checkbox-unchecked', + 'checkboxIndeterminate': 'checkbox-indeterminate', + 'checkboxCheckedReadOnly': 'checkbox-checked-readonly', + 'checkboxUncheckedReadOnly': 'checkbox-unchecked-readonly', + 'checkboxIndeterminateReadOnly': 'checkbox-indeterminate-readonly', + 'groupLoading': 'loading', + 'menu': 'menu', + 'filter': 'filter', + 'columns': 'columns', + 'menuPin': 'pin', + 'menuValue': 'aggregation', + 'menuAddRowGroup': 'group', + 'menuRemoveRowGroup': 'group', + 'clipboardCopy': 'copy', + 'clipboardCut': 'cut', + 'clipboardPaste': 'paste', + 'pivotPanel': 'pivot', + 'rowGroupPanel': 'group', + 'valuePanel': 'aggregation', + 'columnGroupOpened': 'expanded', + 'columnGroupClosed': 'contracted', + 'columnSelectClosed': 'tree-closed', + 'columnSelectOpen': 'tree-open', + // from deprecated header, remove at some point + 'sortAscending': 'asc', + 'sortDescending': 'desc', + 'sortUnSort': 'none' + }; + Utils.passiveEvents = ['touchstart', 'touchend', 'touchmove', 'touchcancel']; + Utils.string_similarity = function (str1, str2) { + var hit_count, j, k, len, len1, pairs1, pairs2, union, x, y; + if (str1.length > 0 && str2.length > 0) { + pairs1 = Utils.get_bigrams(str1); + pairs2 = Utils.get_bigrams(str2); + union = pairs1.length + pairs2.length; + hit_count = 0; + for (j = 0, len = pairs1.length; j < len; j++) { + x = pairs1[j]; + for (k = 0, len1 = pairs2.length; k < len1; k++) { + y = pairs2[k]; + if (x === y) { + hit_count++; + } + } + } + if (hit_count > 0) { + return (2.0 * hit_count) / union; + } + } + return 0.0; + }; + return Utils; + }()); + exports.Utils = Utils; + var NumberSequence = (function () { + function NumberSequence(initValue, step) { + if (initValue === void 0) { initValue = 0; } + if (step === void 0) { step = 1; } + this.nextValue = initValue; + this.step = step; + } + NumberSequence.prototype.next = function () { + var valToReturn = this.nextValue; + this.nextValue += this.step; + return valToReturn; + }; + NumberSequence.prototype.peek = function () { + return this.nextValue; + }; + NumberSequence.prototype.skip = function (count) { + this.nextValue += count; + }; + return NumberSequence; + }()); + exports.NumberSequence = NumberSequence; + exports._ = Utils; + var PromiseStatus; + (function (PromiseStatus) { + PromiseStatus[PromiseStatus["IN_PROGRESS"] = 0] = "IN_PROGRESS"; + PromiseStatus[PromiseStatus["RESOLVED"] = 1] = "RESOLVED"; + })(PromiseStatus = exports.PromiseStatus || (exports.PromiseStatus = {})); + var Promise = (function () { + function Promise(callback) { + this.status = PromiseStatus.IN_PROGRESS; + this.resolution = null; + this.listOfWaiters = []; + callback(this.onDone.bind(this), this.onReject.bind(this)); + } + Promise.all = function (toCombine) { + return new Promise(function (resolve) { + var combinedValues = []; + var remainingToResolve = toCombine.length; + toCombine.forEach(function (source, index) { + source.then(function (sourceResolved) { + remainingToResolve--; + combinedValues[index] = sourceResolved; + if (remainingToResolve == 0) { + resolve(combinedValues); + } + }); + combinedValues.push(null); + }); + }); + }; + Promise.resolve = function (value) { + return new Promise(function (resolve) { return resolve(value); }); + }; + Promise.external = function () { + var capture; + var promise = new Promise(function (resolve) { + capture = resolve; + }); + return { + promise: promise, + resolve: function (value) { + capture(value); + } + }; + }; + Promise.prototype.then = function (func) { + if (this.status === PromiseStatus.IN_PROGRESS) { + this.listOfWaiters.push(func); + } + else { + func(this.resolution); + } + }; + Promise.prototype.firstOneOnly = function (func) { + if (this.status === PromiseStatus.IN_PROGRESS) { + if (this.listOfWaiters.length === 0) { + this.listOfWaiters.push(func); + } + } + else { + func(this.resolution); + } + }; + Promise.prototype.map = function (adapter) { + var _this = this; + return new Promise(function (resolve) { + _this.then(function (unmapped) { + resolve(adapter(unmapped)); + }); + }); + }; + Promise.prototype.resolveNow = function (ifNotResolvedValue, ifResolved) { + if (this.status == PromiseStatus.IN_PROGRESS) + return ifNotResolvedValue; + return ifResolved(this.resolution); + }; + Promise.prototype.onDone = function (value) { + this.status = PromiseStatus.RESOLVED; + this.resolution = value; + this.listOfWaiters.forEach(function (waiter) { return waiter(value); }); + }; + Promise.prototype.onReject = function (params) { + console.warn('TBI'); + }; + return Promise; + }()); + exports.Promise = Promise; + + +/***/ }), +/* 9 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var Constants = (function () { + function Constants() { + } + Constants.STEP_EVERYTHING = 0; + Constants.STEP_FILTER = 1; + Constants.STEP_SORT = 2; + Constants.STEP_MAP = 3; + Constants.STEP_AGGREGATE = 4; + Constants.STEP_PIVOT = 5; + Constants.ROW_BUFFER_SIZE = 10; + Constants.LAYOUT_INTERVAL = 500; + Constants.BATCH_WAIT_MILLIS = 50; + Constants.EXPORT_TYPE_DRAG_COPY = 'dragCopy'; + Constants.EXPORT_TYPE_CLIPBOARD = 'clipboard'; + Constants.EXPORT_TYPE_EXCEL = 'excel'; + Constants.EXPORT_TYPE_CSV = 'csv'; + Constants.KEY_BACKSPACE = 8; + Constants.KEY_TAB = 9; + Constants.KEY_NEW_LINE = 10; + Constants.KEY_ENTER = 13; + Constants.KEY_SHIFT = 16; + Constants.KEY_ESCAPE = 27; + Constants.KEY_SPACE = 32; + Constants.KEY_LEFT = 37; + Constants.KEY_UP = 38; + Constants.KEY_RIGHT = 39; + Constants.KEY_DOWN = 40; + Constants.KEY_DELETE = 46; + Constants.KEY_A = 65; + Constants.KEY_C = 67; + Constants.KEY_V = 86; + Constants.KEY_D = 68; + Constants.KEY_F2 = 113; + Constants.KEY_PAGE_UP = 33; + Constants.KEY_PAGE_DOWN = 34; + Constants.KEY_PAGE_HOME = 36; + Constants.KEY_PAGE_END = 35; + Constants.ROW_MODEL_TYPE_INFINITE = 'infinite'; + Constants.ROW_MODEL_TYPE_VIEWPORT = 'viewport'; + Constants.ROW_MODEL_TYPE_CLIENT_SIDE = 'clientSide'; + Constants.ROW_MODEL_TYPE_SERVER_SIDE = 'serverSide'; + Constants.DEPRECATED_ROW_MODEL_TYPE_NORMAL = 'normal'; + Constants.ALWAYS = 'always'; + Constants.ONLY_WHEN_GROUPING = 'onlyWhenGrouping'; + Constants.PINNED_TOP = 'top'; + Constants.PINNED_BOTTOM = 'bottom'; + return Constants; + }()); + exports.Constants = Constants; + + +/***/ }), +/* 10 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var events_1 = __webpack_require__(11); + var propertyKeys_1 = __webpack_require__(13); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var ComponentUtil = (function () { + function ComponentUtil() { + } + ComponentUtil.getEventCallbacks = function () { + if (!ComponentUtil.EVENT_CALLBACKS) { + ComponentUtil.EVENT_CALLBACKS = []; + ComponentUtil.EVENT_CALLBACKS_NO_PREFIX = []; + ComponentUtil.EVENTS.forEach(function (eventName) { + ComponentUtil.EVENT_CALLBACKS.push(ComponentUtil.getCallbackForEvent(eventName)); + ComponentUtil.EVENT_CALLBACKS_NO_PREFIX.push(eventName); + }); + } + return ComponentUtil.EVENT_CALLBACKS; + }; + ComponentUtil.copyAttributesToGridOptions = function (gridOptions, component, skipEventDeprecationCheck) { + if (skipEventDeprecationCheck === void 0) { skipEventDeprecationCheck = false; } + checkForDeprecated(component); + // create empty grid options if none were passed + if (typeof gridOptions !== 'object') { + gridOptions = {}; + } + // to allow array style lookup in TypeScript, take type away from 'this' and 'gridOptions' + var pGridOptions = gridOptions; + // add in all the simple properties + ComponentUtil.ARRAY_PROPERTIES + .concat(ComponentUtil.STRING_PROPERTIES) + .concat(ComponentUtil.OBJECT_PROPERTIES) + .concat(ComponentUtil.FUNCTION_PROPERTIES) + .forEach(function (key) { + if (typeof component[key] !== 'undefined') { + pGridOptions[key] = component[key]; + } + }); + ComponentUtil.BOOLEAN_PROPERTIES.forEach(function (key) { + if (typeof component[key] !== 'undefined') { + pGridOptions[key] = ComponentUtil.toBoolean(component[key]); + } + }); + ComponentUtil.NUMBER_PROPERTIES.forEach(function (key) { + if (typeof component[key] !== 'undefined') { + pGridOptions[key] = ComponentUtil.toNumber(component[key]); + } + }); + ComponentUtil.getEventCallbacks().forEach(function (funcName) { + if (typeof component[funcName] !== 'undefined') { + pGridOptions[funcName] = component[funcName]; + } + }); + // purely for event deprecation checks (for frameworks - wouldn't apply for non-fw versions) + if (!skipEventDeprecationCheck) { + ComponentUtil.EVENT_CALLBACKS_NO_PREFIX.forEach(function (funcName) { + // react uses onXXX...not sure why this is diff to the other frameworks + var onMethodName = ComponentUtil.getCallbackForEvent(funcName); + if (typeof component[funcName] !== 'undefined' || + typeof component[onMethodName] !== 'undefined') { + gridOptionsWrapper_1.GridOptionsWrapper.checkEventDeprecation(funcName); + } + }); + } + return gridOptions; + }; + ComponentUtil.getCallbackForEvent = function (eventName) { + if (!eventName || eventName.length < 2) { + return eventName; + } + else { + return 'on' + eventName[0].toUpperCase() + eventName.substr(1); + } + }; + ComponentUtil.processOnChange = function (changes, gridOptions, api, columnApi) { + if (!changes) { + return; + } + checkForDeprecated(changes); + // to allow array style lookup in TypeScript, take type away from 'this' and 'gridOptions' + var pGridOptions = gridOptions; + // check if any change for the simple types, and if so, then just copy in the new value + ComponentUtil.ARRAY_PROPERTIES + .concat(ComponentUtil.OBJECT_PROPERTIES) + .concat(ComponentUtil.STRING_PROPERTIES) + .forEach(function (key) { + if (changes[key]) { + pGridOptions[key] = changes[key].currentValue; + } + }); + ComponentUtil.BOOLEAN_PROPERTIES.forEach(function (key) { + if (changes[key]) { + pGridOptions[key] = ComponentUtil.toBoolean(changes[key].currentValue); + } + }); + ComponentUtil.NUMBER_PROPERTIES.forEach(function (key) { + if (changes[key]) { + pGridOptions[key] = ComponentUtil.toNumber(changes[key].currentValue); + } + }); + ComponentUtil.getEventCallbacks().forEach(function (funcName) { + if (changes[funcName]) { + pGridOptions[funcName] = changes[funcName].currentValue; + } + }); + if (changes.showToolPanel) { + api.showToolPanel(ComponentUtil.toBoolean(changes.showToolPanel.currentValue)); + } + if (changes.quickFilterText) { + api.setQuickFilter(changes.quickFilterText.currentValue); + } + if (changes.rowData) { + api.setRowData(changes.rowData.currentValue); + } + if (changes.pinnedTopRowData) { + api.setPinnedTopRowData(changes.pinnedTopRowData.currentValue); + } + if (changes.pinnedBottomRowData) { + api.setPinnedBottomRowData(changes.pinnedBottomRowData.currentValue); + } + if (changes.columnDefs) { + api.setColumnDefs(changes.columnDefs.currentValue, "gridOptionsChanged"); + } + if (changes.datasource) { + api.setDatasource(changes.datasource.currentValue); + } + if (changes.headerHeight) { + api.setHeaderHeight(ComponentUtil.toNumber(changes.headerHeight.currentValue)); + } + if (changes.paginationPageSize) { + api.paginationSetPageSize(ComponentUtil.toNumber(changes.paginationPageSize.currentValue)); + } + if (changes.pivotMode) { + columnApi.setPivotMode(ComponentUtil.toBoolean(changes.pivotMode.currentValue)); + } + if (changes.groupRemoveSingleChildren) { + api.setGroupRemoveSingleChildren(ComponentUtil.toBoolean(changes.groupRemoveSingleChildren.currentValue)); + } + if (changes.suppressRowDrag) { + api.setSuppressRowDrag(ComponentUtil.toBoolean(changes.suppressRowDrag.currentValue)); + } + if (changes.gridAutoHeight) { + api.setGridAutoHeight(ComponentUtil.toBoolean(changes.gridAutoHeight.currentValue)); + } + if (changes.suppressClipboardPaste) { + api.setSuppressClipboardPaste(ComponentUtil.toBoolean(changes.suppressClipboardPaste.currentValue)); + } + // copy changes into an event for dispatch + var event = { + type: events_1.Events.EVENT_COMPONENT_STATE_CHANGED, + api: gridOptions.api, + columnApi: gridOptions.columnApi + }; + utils_1.Utils.iterateObject(changes, function (key, value) { + event[key] = value; + }); + api.dispatchEvent(event); + }; + ComponentUtil.toBoolean = function (value) { + if (typeof value === 'boolean') { + return value; + } + else if (typeof value === 'string') { + // for boolean, compare to empty String to allow attributes appearing with + // not value to be treated as 'true' + return value.toUpperCase() === 'TRUE' || value == ''; + } + else { + return false; + } + }; + ComponentUtil.toNumber = function (value) { + if (typeof value === 'number') { + return value; + } + else if (typeof value === 'string') { + return Number(value); + } + else { + return undefined; + } + }; + // all the events are populated in here AFTER this class (at the bottom of the file). + ComponentUtil.EVENTS = []; + ComponentUtil.STRING_PROPERTIES = propertyKeys_1.PropertyKeys.STRING_PROPERTIES; + ComponentUtil.OBJECT_PROPERTIES = propertyKeys_1.PropertyKeys.OBJECT_PROPERTIES; + ComponentUtil.ARRAY_PROPERTIES = propertyKeys_1.PropertyKeys.ARRAY_PROPERTIES; + ComponentUtil.NUMBER_PROPERTIES = propertyKeys_1.PropertyKeys.NUMBER_PROPERTIES; + ComponentUtil.BOOLEAN_PROPERTIES = propertyKeys_1.PropertyKeys.BOOLEAN_PROPERTIES; + ComponentUtil.FUNCTION_PROPERTIES = propertyKeys_1.PropertyKeys.FUNCTION_PROPERTIES; + ComponentUtil.ALL_PROPERTIES = propertyKeys_1.PropertyKeys.ALL_PROPERTIES; + return ComponentUtil; + }()); + exports.ComponentUtil = ComponentUtil; + utils_1.Utils.iterateObject(events_1.Events, function (key, value) { + ComponentUtil.EVENTS.push(value); + }); + function checkForDeprecated(changes) { + if (changes.rowDeselected || changes.onRowDeselected) { + console.warn('ag-grid: as of v3.4 rowDeselected no longer exists. Please check the docs.'); + } + } + + +/***/ }), +/* 11 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventKeys_1 = __webpack_require__(12); + exports.Events = eventKeys_1.Events; + + +/***/ }), +/* 12 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var Events = (function () { + function Events() { + } + /** Everything has changed with the columns. Either complete new set of columns set, or user called setState()*/ + Events.EVENT_COLUMN_EVERYTHING_CHANGED = 'columnEverythingChanged'; + /** User has set in new columns. */ + Events.EVENT_NEW_COLUMNS_LOADED = 'newColumnsLoaded'; + /** The pivot mode flag was changed */ + Events.EVENT_COLUMN_PIVOT_MODE_CHANGED = 'columnPivotModeChanged'; + /** A row group column was added, removed or order changed. */ + Events.EVENT_COLUMN_ROW_GROUP_CHANGED = 'columnRowGroupChanged'; + /** A pivot column was added, removed or order changed. */ + Events.EVENT_COLUMN_PIVOT_CHANGED = 'columnPivotChanged'; + /** The list of grid columns has changed. */ + Events.EVENT_GRID_COLUMNS_CHANGED = 'gridColumnsChanged'; + /** A value column was added, removed or agg function was changed. */ + Events.EVENT_COLUMN_VALUE_CHANGED = 'columnValueChanged'; + /** A column was moved */ + Events.EVENT_COLUMN_MOVED = 'columnMoved'; + /** One or more columns was shown / hidden */ + Events.EVENT_COLUMN_VISIBLE = 'columnVisible'; + /** One or more columns was pinned / unpinned*/ + Events.EVENT_COLUMN_PINNED = 'columnPinned'; + /** A column group was opened / closed */ + Events.EVENT_COLUMN_GROUP_OPENED = 'columnGroupOpened'; + /** One or more columns was resized. If just one, the column in the event is set. */ + Events.EVENT_COLUMN_RESIZED = 'columnResized'; + /** The list of displayed columns has changed, can result from columns open / close, column move, pivot, group, etc */ + Events.EVENT_DISPLAYED_COLUMNS_CHANGED = 'displayedColumnsChanged'; + /** The list of virtual columns has changed, results from viewport changing */ + Events.EVENT_VIRTUAL_COLUMNS_CHANGED = 'virtualColumnsChanged'; + /** A row group was opened / closed */ + Events.EVENT_ROW_GROUP_OPENED = 'rowGroupOpened'; + /** The client has set new data into the grid */ + Events.EVENT_ROW_DATA_CHANGED = 'rowDataChanged'; + /** The client has updated data for the grid */ + Events.EVENT_ROW_DATA_UPDATED = 'rowDataUpdated'; + /** The client has set new floating data into the grid */ + Events.EVENT_PINNED_ROW_DATA_CHANGED = 'pinnedRowDataChanged'; + /** Range selection has changed */ + Events.EVENT_RANGE_SELECTION_CHANGED = 'rangeSelectionChanged'; + /** For when the tool panel is shown / hidden */ + Events.EVENT_TOOL_PANEL_VISIBLE_CHANGED = 'toolPanelVisibleChanged'; + /** Model was updated - grid updates the drawn rows when this happens */ + Events.EVENT_MODEL_UPDATED = 'modelUpdated'; + Events.EVENT_PASTE_START = 'pasteStart'; + Events.EVENT_PASTE_END = 'pasteEnd'; + Events.EVENT_CELL_CLICKED = 'cellClicked'; + Events.EVENT_CELL_DOUBLE_CLICKED = 'cellDoubleClicked'; + Events.EVENT_CELL_MOUSE_DOWN = 'cellMouseDown'; + Events.EVENT_CELL_CONTEXT_MENU = 'cellContextMenu'; + Events.EVENT_CELL_VALUE_CHANGED = 'cellValueChanged'; + Events.EVENT_ROW_VALUE_CHANGED = 'rowValueChanged'; + Events.EVENT_CELL_FOCUSED = 'cellFocused'; + Events.EVENT_ROW_SELECTED = 'rowSelected'; + Events.EVENT_SELECTION_CHANGED = 'selectionChanged'; + Events.EVENT_CELL_MOUSE_OVER = 'cellMouseOver'; + Events.EVENT_CELL_MOUSE_OUT = 'cellMouseOut'; + /** 2 events for filtering. The grid LISTENS for filterChanged and afterFilterChanged */ + Events.EVENT_FILTER_CHANGED = 'filterChanged'; + /** Filter was change but not applied. Only useful if apply buttons are used in filters. */ + Events.EVENT_FILTER_MODIFIED = 'filterModified'; + Events.EVENT_SORT_CHANGED = 'sortChanged'; + /** A row was removed from the dom, for any reason. Use to clean up resources (if any) used by the row. */ + Events.EVENT_VIRTUAL_ROW_REMOVED = 'virtualRowRemoved'; + Events.EVENT_ROW_CLICKED = 'rowClicked'; + Events.EVENT_ROW_DOUBLE_CLICKED = 'rowDoubleClicked'; + /** Gets called once after the grid has finished initialising. */ + Events.EVENT_GRID_READY = 'gridReady'; + /** Width of height of the main grid div has changed. Grid listens for this and does layout of grid if it's + * changed, so always filling the space it was given. + * DEPRECATED - now that BorderLayout is no longer used, this doesn't make sense. */ + Events.DEPRECATED_EVENT_GRID_SIZE_CHANGED = 'gridSizeChanged'; + /** The indexes of the rows rendered has changed, eg user has scrolled to a new vertical position. */ + Events.EVENT_VIEWPORT_CHANGED = 'viewportChanged'; + /** A column drag has started, either resizing a column or moving a column. */ + Events.EVENT_DRAG_STARTED = 'dragStarted'; + /** A column drag has stopped */ + Events.EVENT_DRAG_STOPPED = 'dragStopped'; + Events.EVENT_ROW_EDITING_STARTED = 'rowEditingStarted'; + Events.EVENT_ROW_EDITING_STOPPED = 'rowEditingStopped'; + Events.EVENT_CELL_EDITING_STARTED = 'cellEditingStarted'; + Events.EVENT_CELL_EDITING_STOPPED = 'cellEditingStopped'; + /** Main body of grid has scrolled, either horizontally or vertically */ + Events.EVENT_BODY_SCROLL = 'bodyScroll'; + Events.EVENT_ANIMATION_QUEUE_EMPTY = 'animationQueueEmpty'; + Events.EVENT_HEIGHT_SCALE_CHANGED = 'heightScaleChanged'; + /** The displayed page for pagination has changed. For example the data was filtered or sorted, + * or the user has moved to a different page. */ + Events.EVENT_PAGINATION_CHANGED = 'paginationChanged'; + /** Only used by React, Angular 2+, Web Components, Aurelia and VueJS ag-Grid components + * (not used if doing plain JavaScript or Angular 1.x). If the grid receives changes due + * to bound properties, this event fires after the grid has finished processing the change. */ + Events.EVENT_COMPONENT_STATE_CHANGED = 'componentStateChanged'; + /** All items from here down are used internally by the grid, not intended for external use. */ + // not documented, either experimental, or we just don't want users using an depending on them + Events.EVENT_BODY_HEIGHT_CHANGED = 'bodyHeightChanged'; + Events.EVENT_DISPLAYED_COLUMNS_WIDTH_CHANGED = 'displayedColumnsWidthChanged'; + Events.EVENT_SCROLL_VISIBILITY_CHANGED = 'scrollVisibilityChanged'; + Events.EVENT_COLUMN_HOVER_CHANGED = 'columnHoverChanged'; + Events.EVENT_FLASH_CELLS = 'flashCells'; + Events.EVENT_ROW_DRAG_ENTER = 'rowDragEnter'; + Events.EVENT_ROW_DRAG_MOVE = 'rowDragMove'; + Events.EVENT_ROW_DRAG_LEAVE = 'rowDragLeave'; + Events.EVENT_ROW_DRAG_END = 'rowDragEnd'; + // these are used for server side group and agg - only used by CS with Viewport Row Model - intention is + // to design these better around server side functions and then release to general public when fully working with + // all the row models. + Events.EVENT_COLUMN_ROW_GROUP_CHANGE_REQUEST = 'columnRowGroupChangeRequest'; + Events.EVENT_COLUMN_PIVOT_CHANGE_REQUEST = 'columnPivotChangeRequest'; + Events.EVENT_COLUMN_VALUE_CHANGE_REQUEST = 'columnValueChangeRequest'; + Events.EVENT_COLUMN_AGG_FUNC_CHANGE_REQUEST = 'columnAggFuncChangeRequest'; + return Events; + }()); + exports.Events = Events; + + +/***/ }), +/* 13 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var PropertyKeys = (function () { + function PropertyKeys() { + } + PropertyKeys.STRING_PROPERTIES = [ + 'sortingOrder', 'rowClass', 'rowSelection', 'overlayLoadingTemplate', + 'overlayNoRowsTemplate', 'quickFilterText', 'rowModelType', + 'editType', 'domLayout', 'clipboardDeliminator', 'rowGroupPanelShow', + 'multiSortKey', 'pivotColumnGroupTotals', 'pivotRowTotals' + ]; + PropertyKeys.OBJECT_PROPERTIES = [ + 'components', 'frameworkComponents', 'rowStyle', 'context', 'autoGroupColumnDef', 'groupColumnDef', 'localeText', + 'icons', 'datasource', 'serverSideDatasource', 'viewportDatasource', 'groupRowRendererParams', 'aggFuncs', + 'fullWidthCellRendererParams', 'defaultColGroupDef', 'defaultColDef', 'defaultExportParams', 'columnTypes', + 'rowClassRules', 'detailGridOptions', 'detailCellRendererParams', 'loadingOverlayComponentParams', + 'noRowsOverlayComponentParams', 'popupParent' + //,'cellRenderers','cellEditors' + ]; + PropertyKeys.ARRAY_PROPERTIES = [ + 'slaveGrids', 'alignedGrids', 'rowData', + 'columnDefs', 'excelStyles', 'pinnedTopRowData', 'pinnedBottomRowData' + // deprecated + ]; + PropertyKeys.NUMBER_PROPERTIES = [ + 'rowHeight', 'detailRowHeight', 'rowBuffer', 'colWidth', 'headerHeight', 'groupHeaderHeight', + 'floatingFiltersHeight', 'pivotHeaderHeight', 'pivotGroupHeaderHeight', 'groupDefaultExpanded', + 'minColWidth', 'maxColWidth', 'viewportRowModelPageSize', 'viewportRowModelBufferSize', + 'layoutInterval', 'autoSizePadding', 'maxBlocksInCache', 'maxConcurrentDatasourceRequests', + 'cacheOverflowSize', 'paginationPageSize', 'cacheBlockSize', 'infiniteInitialRowCount', + 'scrollbarWidth', 'paginationStartPage', 'infiniteBlockSize', 'batchUpdateWaitMillis' + ]; + PropertyKeys.BOOLEAN_PROPERTIES = [ + 'toolPanelSuppressRowGroups', 'toolPanelSuppressValues', 'toolPanelSuppressPivots', 'toolPanelSuppressPivotMode', + 'toolPanelSuppressSideButtons', 'toolPanelSuppressColumnFilter', 'toolPanelSuppressColumnSelectAll', + 'toolPanelSuppressColumnExpandAll', 'suppressMakeColumnVisibleAfterUnGroup', + 'suppressRowClickSelection', 'suppressCellSelection', 'suppressHorizontalScroll', 'debug', + 'enableColResize', 'enableCellExpressions', 'enableSorting', 'enableServerSideSorting', + 'enableFilter', 'enableServerSideFilter', 'angularCompileRows', 'angularCompileFilters', + 'angularCompileHeaders', 'groupSuppressAutoColumn', 'groupSelectsChildren', + 'groupIncludeFooter', 'groupIncludeTotalFooter', 'groupUseEntireRow', 'groupSuppressRow', 'groupSuppressBlankHeader', + 'forPrint', 'suppressMenuHide', 'rowDeselection', 'unSortIcon', 'suppressMultiSort', + 'singleClickEdit', 'suppressLoadingOverlay', 'suppressNoRowsOverlay', 'suppressAutoSize', + 'suppressParentsInRowNodes', 'showToolPanel', 'suppressColumnMoveAnimation', 'suppressMovableColumns', + 'suppressFieldDotNotation', 'enableRangeSelection', + 'pivotPanelShow', 'suppressTouch', 'suppressAsyncEvents', 'allowContextMenuWithControlKey', + 'suppressContextMenu', 'suppressMenuFilterPanel', 'suppressMenuMainPanel', 'suppressMenuColumnPanel', + 'enableStatusBar', 'alwaysShowStatusBar', 'rememberGroupStateWhenNewData', 'enableCellChangeFlash', 'suppressDragLeaveHidesColumns', + 'suppressMiddleClickScrolls', 'suppressPreventDefaultOnMouseWheel', 'suppressUseColIdForGroups', + 'suppressCopyRowsToClipboard', 'pivotMode', 'suppressAggFuncInHeader', 'suppressColumnVirtualisation', 'suppressAggAtRootLevel', + 'suppressFocusAfterRefresh', 'functionsPassive', 'functionsReadOnly', + 'animateRows', 'groupSelectsFiltered', 'groupRemoveSingleChildren', 'groupRemoveLowestSingleChildren', + 'enableRtl', 'suppressClickEdit', 'rowDragManaged', 'suppressRowDrag', + 'enableGroupEdit', 'embedFullWidthRows', 'suppressTabbing', 'suppressPaginationPanel', 'floatingFilter', + 'groupHideOpenParents', 'groupMultiAutoColumn', 'pagination', 'stopEditingWhenGridLosesFocus', + 'paginationAutoPageSize', 'suppressScrollOnNewData', 'purgeClosedRowNodes', 'cacheQuickFilter', + 'deltaRowDataMode', 'ensureDomOrder', 'accentedSort', 'pivotTotals', 'suppressChangeDetection', + 'valueCache', 'valueCacheNeverExpires', 'aggregateOnlyChangedColumns', 'suppressAnimationFrame', + 'suppressExcelExport', 'suppressCsvExport', 'treeData', 'masterDetail', 'suppressMultiRangeSelection', + 'enterMovesDownAfterEdit', 'enterMovesDown', 'suppressPropertyNamesCheck', 'rowMultiSelectWithClick', + 'contractColumnSelection', 'suppressEnterpriseResetOnNewColumns', 'enableOldSetFilterModel', + 'suppressRowHoverHighlight', 'gridAutoHeight', 'suppressRowTransform', 'suppressClipboardPaste' + ]; + PropertyKeys.FUNCTION_PROPERTIES = ['localeTextFunc', 'groupRowInnerRenderer', 'groupRowInnerRendererFramework', + 'dateComponent', 'dateComponentFramework', 'groupRowRenderer', 'groupRowRendererFramework', 'isExternalFilterPresent', + 'getRowHeight', 'doesExternalFilterPass', 'getRowClass', 'getRowStyle', 'getRowClassRules', + 'traverseNode', 'getContextMenuItems', 'getMainMenuItems', 'processRowPostCreate', 'processCellForClipboard', + 'getNodeChildDetails', 'groupRowAggNodes', 'getRowNodeId', 'isFullWidthCell', 'fullWidthCellRenderer', + 'fullWidthCellRendererFramework', 'doesDataFlower', 'processSecondaryColDef', 'processSecondaryColGroupDef', + 'getBusinessKeyForNode', 'sendToClipboard', 'navigateToNextCell', 'tabToNextCell', 'getDetailRowData', + 'processCellFromClipboard', 'getDocument', 'postProcessPopup', 'getChildCount', 'getDataPath', 'loadingOverlayComponent', + 'loadingOverlayComponentFramework', 'noRowsOverlayComponent', 'noRowsOverlayComponentFramework', 'detailCellRenderer', + 'detailCellRendererFramework', 'onGridReady', 'defaultGroupSortComparator', 'isRowMaster', 'isRowSelectable', 'postSort', + 'processHeaderForClipboard', 'paginationNumberFormatter', 'processDataFromClipboard']; + PropertyKeys.ALL_PROPERTIES = PropertyKeys.ARRAY_PROPERTIES + .concat(PropertyKeys.OBJECT_PROPERTIES) + .concat(PropertyKeys.STRING_PROPERTIES) + .concat(PropertyKeys.NUMBER_PROPERTIES) + .concat(PropertyKeys.FUNCTION_PROPERTIES) + .concat(PropertyKeys.BOOLEAN_PROPERTIES); + return PropertyKeys; + }()); + exports.PropertyKeys = PropertyKeys; + + +/***/ }), +/* 14 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var csvCreator_1 = __webpack_require__(15); + var rowRenderer_1 = __webpack_require__(26); + var filterManager_1 = __webpack_require__(45); + var columnController_1 = __webpack_require__(17); + var selectionController_1 = __webpack_require__(33); + var gridOptionsWrapper_1 = __webpack_require__(4); + var valueService_1 = __webpack_require__(28); + var eventService_1 = __webpack_require__(5); + var constants_1 = __webpack_require__(9); + var context_1 = __webpack_require__(7); + var gridCore_1 = __webpack_require__(44); + var sortController_1 = __webpack_require__(74); + var focusedCellController_1 = __webpack_require__(58); + var gridCell_1 = __webpack_require__(34); + var utils_1 = __webpack_require__(8); + var cellRendererFactory_1 = __webpack_require__(61); + var cellEditorFactory_1 = __webpack_require__(59); + var paginationProxy_1 = __webpack_require__(70); + var immutableService_1 = __webpack_require__(115); + var valueCache_1 = __webpack_require__(29); + var alignedGridsService_1 = __webpack_require__(94); + var pinnedRowModel_1 = __webpack_require__(95); + var animationFrameService_1 = __webpack_require__(72); + var GridApi = (function () { + function GridApi() { + this.detailGridInfoMap = {}; + /* + Taking these out, as we want to reconsider how we register components + + public addCellRenderer(key: string, cellRenderer: {new(): ICellRenderer} | ICellRendererFunc): void { + this.cellRendererFactory.addCellRenderer(key, cellRenderer); + } + + public addCellEditor(key: string, cellEditor: {new(): ICellEditor}): void { + this.cellEditorFactory.addCellEditor(key, cellEditor); + }*/ + } + GridApi.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + GridApi.prototype.registerHeaderRootComp = function (headerRootComp) { + this.headerRootComp = headerRootComp; + }; + GridApi.prototype.init = function () { + switch (this.rowModel.getType()) { + case constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE: + this.clientSideRowModel = this.rowModel; + break; + case constants_1.Constants.ROW_MODEL_TYPE_INFINITE: + this.infinitePageRowModel = this.rowModel; + break; + case constants_1.Constants.ROW_MODEL_TYPE_SERVER_SIDE: + this.serverSideRowModel = this.rowModel; + break; + } + }; + /** Used internally by grid. Not intended to be used by the client. Interface may change between releases. */ + GridApi.prototype.__getAlignedGridService = function () { + return this.alignedGridsService; + }; + GridApi.prototype.addDetailGridInfo = function (id, gridInfo) { + this.detailGridInfoMap[id] = gridInfo; + }; + GridApi.prototype.removeDetailGridInfo = function (id) { + this.detailGridInfoMap[id] = undefined; + }; + GridApi.prototype.getDetailGridInfo = function (id) { + return this.detailGridInfoMap[id]; + }; + GridApi.prototype.forEachDetailGridInfo = function (callback) { + var index = 0; + utils_1.Utils.iterateObject(this.detailGridInfoMap, function (id, gridInfo) { + // check for undefined, as old references will still be lying around + if (utils_1.Utils.exists(gridInfo)) { + callback(gridInfo, index); + index++; + } + }); + }; + GridApi.prototype.getDataAsCsv = function (params) { + return this.csvCreator.getDataAsCsv(params); + }; + GridApi.prototype.exportDataAsCsv = function (params) { + this.csvCreator.exportDataAsCsv(params); + }; + GridApi.prototype.getDataAsExcel = function (params) { + if (!this.excelCreator) { + console.warn('ag-Grid: Excel export is only available in ag-Grid Enterprise'); + } + return this.excelCreator.getDataAsExcelXml(params); + }; + GridApi.prototype.exportDataAsExcel = function (params) { + if (!this.excelCreator) { + console.warn('ag-Grid: Excel export is only available in ag-Grid Enterprise'); + } + this.excelCreator.exportDataAsExcel(params); + }; + // DEPRECATED + GridApi.prototype.setEnterpriseDatasource = function (datasource) { + console.warn("ag-grid: since version 18.x, api.setEnterpriseDatasource() should be replaced with api.setServerSideDatasource()"); + this.setServerSideDatasource(datasource); + }; + GridApi.prototype.setServerSideDatasource = function (datasource) { + if (this.gridOptionsWrapper.isRowModelServerSide()) { + // should really have an IEnterpriseRowModel interface, so we are not casting to any + this.rowModel.setDatasource(datasource); + } + else { + console.warn("ag-Grid: you can only use an enterprise datasource when gridOptions.rowModelType is '" + constants_1.Constants.ROW_MODEL_TYPE_SERVER_SIDE + "'"); + } + }; + GridApi.prototype.setDatasource = function (datasource) { + if (this.gridOptionsWrapper.isRowModelInfinite()) { + this.rowModel.setDatasource(datasource); + } + else { + console.warn("ag-Grid: you can only use a datasource when gridOptions.rowModelType is '" + constants_1.Constants.ROW_MODEL_TYPE_INFINITE + "'"); + } + }; + GridApi.prototype.setViewportDatasource = function (viewportDatasource) { + if (this.gridOptionsWrapper.isRowModelViewport()) { + // this is bad coding, because it's using an interface that's exposed in the enterprise. + // really we should create an interface in the core for viewportDatasource and let + // the enterprise implement it, rather than casting to 'any' here + this.rowModel.setViewportDatasource(viewportDatasource); + } + else { + console.warn("ag-Grid: you can only use a viewport datasource when gridOptions.rowModelType is '" + constants_1.Constants.ROW_MODEL_TYPE_VIEWPORT + "'"); + } + }; + GridApi.prototype.setRowData = function (rowData) { + if (this.gridOptionsWrapper.isRowModelDefault()) { + if (this.gridOptionsWrapper.isDeltaRowDataMode()) { + var _a = this.immutableService.createTransactionForRowData(rowData), transaction = _a[0], orderIdMap = _a[1]; + this.clientSideRowModel.updateRowData(transaction, orderIdMap); + } + else { + this.selectionController.reset(); + this.clientSideRowModel.setRowData(rowData); + } + } + else { + console.log('cannot call setRowData unless using normal row model'); + } + }; + // DEPRECATED + GridApi.prototype.setFloatingTopRowData = function (rows) { + console.warn('ag-Grid: since v12, api.setFloatingTopRowData() is now api.setPinnedTopRowData()'); + this.setPinnedTopRowData(rows); + }; + // DEPRECATED + GridApi.prototype.setFloatingBottomRowData = function (rows) { + console.warn('ag-Grid: since v12, api.setFloatingBottomRowData() is now api.setPinnedBottomRowData()'); + this.setPinnedBottomRowData(rows); + }; + // DEPRECATED + GridApi.prototype.getFloatingTopRowCount = function () { + console.warn('ag-Grid: since v12, api.getFloatingTopRowCount() is now api.getPinnedTopRowCount()'); + return this.getPinnedTopRowCount(); + }; + // DEPRECATED + GridApi.prototype.getFloatingBottomRowCount = function () { + console.warn('ag-Grid: since v12, api.getFloatingBottomRowCount() is now api.getPinnedBottomRowCount()'); + return this.getPinnedBottomRowCount(); + }; + // DEPRECATED + GridApi.prototype.getFloatingTopRow = function (index) { + console.warn('ag-Grid: since v12, api.getFloatingTopRow() is now api.getPinnedTopRow()'); + return this.getPinnedTopRow(index); + }; + // DEPRECATED + GridApi.prototype.getFloatingBottomRow = function (index) { + console.warn('ag-Grid: since v12, api.getFloatingBottomRow() is now api.getPinnedBottomRow()'); + return this.getPinnedBottomRow(index); + }; + GridApi.prototype.setPinnedTopRowData = function (rows) { + this.pinnedRowModel.setPinnedTopRowData(rows); + }; + GridApi.prototype.setPinnedBottomRowData = function (rows) { + this.pinnedRowModel.setPinnedBottomRowData(rows); + }; + GridApi.prototype.getPinnedTopRowCount = function () { + return this.pinnedRowModel.getPinnedTopRowCount(); + }; + GridApi.prototype.getPinnedBottomRowCount = function () { + return this.pinnedRowModel.getPinnedBottomRowCount(); + }; + GridApi.prototype.getPinnedTopRow = function (index) { + return this.pinnedRowModel.getPinnedTopRow(index); + }; + GridApi.prototype.getPinnedBottomRow = function (index) { + return this.pinnedRowModel.getPinnedBottomRow(index); + }; + GridApi.prototype.setColumnDefs = function (colDefs, source) { + if (source === void 0) { source = "api"; } + this.columnController.setColumnDefs(colDefs, source); + }; + GridApi.prototype.expireValueCache = function () { + this.valueCache.expire(); + }; + GridApi.prototype.getVerticalPixelRange = function () { + return this.gridPanel.getVScrollPosition(); + }; + GridApi.prototype.refreshToolPanel = function () { + if (this.toolPanelComp) { + this.toolPanelComp.refresh(); + } + }; + GridApi.prototype.refreshCells = function (params) { + if (params === void 0) { params = {}; } + if (Array.isArray(params)) { + // the old version of refreshCells() took an array of rowNodes for the first argument + console.warn('since ag-Grid v11.1, refreshCells() now takes parameters, please see the documentation.'); + return; + } + this.rowRenderer.refreshCells(params); + }; + GridApi.prototype.flashCells = function (params) { + if (params === void 0) { params = {}; } + this.rowRenderer.flashCells(params); + }; + GridApi.prototype.redrawRows = function (params) { + if (params === void 0) { params = {}; } + if (params && params.rowNodes) { + this.rowRenderer.redrawRows(params.rowNodes); + } + else { + this.rowRenderer.redrawAfterModelUpdate(); + } + }; + GridApi.prototype.timeFullRedraw = function (count) { + if (count === void 0) { count = 1; } + var iterationCount = 0; + var totalProcessing = 0; + var totalReflow = 0; + var that = this; + doOneIteration(); + function doOneIteration() { + var start = (new Date()).getTime(); + that.rowRenderer.redrawAfterModelUpdate(); + var endProcessing = (new Date()).getTime(); + setTimeout(function () { + var endReflow = (new Date()).getTime(); + var durationProcessing = endProcessing - start; + var durationReflow = endReflow - endProcessing; + console.log('duration: processing = ' + durationProcessing + 'ms, reflow = ' + durationReflow + 'ms'); + iterationCount++; + totalProcessing += durationProcessing; + totalReflow += durationReflow; + if (iterationCount < count) { + // wait for 1s between tests + setTimeout(doOneIteration, 1000); + } + else { + finish(); + } + }, 0); + } + function finish() { + console.log('tests complete. iteration count = ' + iterationCount); + console.log('average processing = ' + (totalProcessing / iterationCount) + 'ms'); + console.log('average reflow = ' + (totalReflow / iterationCount) + 'ms'); + } + }; + // *** deprecated + GridApi.prototype.refreshView = function () { + console.warn('ag-Grid: since v11.1, refreshView() is deprecated, please call refreshCells() or redrawRows() instead'); + this.redrawRows(); + }; + // *** deprecated + GridApi.prototype.refreshRows = function (rowNodes) { + console.warn('since ag-Grid v11.1, refreshRows() is deprecated, please use refreshCells({rowNodes: rows}) or redrawRows({rowNodes: rows}) instead'); + this.refreshCells({ rowNodes: rowNodes }); + }; + // *** deprecated + GridApi.prototype.rowDataChanged = function (rows) { + console.log('ag-Grid: rowDataChanged is deprecated, either call refreshView() to refresh everything, or call rowNode.setRowData(newData) to set value on a particular node'); + this.redrawRows(); + }; + // *** deprecated + GridApi.prototype.softRefreshView = function () { + console.error('ag-Grid: since v16, softRefreshView() is no longer supported. Please check the documentation on how to refresh.'); + }; + // *** deprecated + GridApi.prototype.refreshGroupRows = function () { + console.warn('ag-Grid: since v11.1, refreshGroupRows() is no longer supported, call refreshCells() instead. ' + + 'Because refreshCells() now does dirty checking, it will only refresh cells that have changed, so it should ' + + 'not be necessary to only refresh the group rows.'); + this.refreshCells(); + }; + GridApi.prototype.setFunctionsReadOnly = function (readOnly) { + this.gridOptionsWrapper.setProperty('functionsReadOnly', readOnly); + }; + GridApi.prototype.refreshHeader = function () { + this.headerRootComp.refreshHeader(); + this.gridPanel.setBodyAndHeaderHeights(); + }; + GridApi.prototype.isAnyFilterPresent = function () { + return this.filterManager.isAnyFilterPresent(); + }; + GridApi.prototype.isAdvancedFilterPresent = function () { + return this.filterManager.isAdvancedFilterPresent(); + }; + GridApi.prototype.isQuickFilterPresent = function () { + return this.filterManager.isQuickFilterPresent(); + }; + GridApi.prototype.getModel = function () { + return this.rowModel; + }; + GridApi.prototype.onGroupExpandedOrCollapsed = function (deprecated_refreshFromIndex) { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.log('ag-Grid: cannot call onGroupExpandedOrCollapsed unless using normal row model'); + } + if (utils_1.Utils.exists(deprecated_refreshFromIndex)) { + console.log('ag-Grid: api.onGroupExpandedOrCollapsed - refreshFromIndex parameter is no longer used, the grid will refresh all rows'); + } + // we don't really want the user calling this if one one rowNode was expanded, instead they should be + // calling rowNode.setExpanded(boolean) - this way we do a 'keepRenderedRows=false' so that the whole + // grid gets refreshed again - otherwise the row with the rowNodes that were changed won't get updated, + // and thus the expand icon in the group cell won't get 'opened' or 'closed'. + this.clientSideRowModel.refreshModel({ step: constants_1.Constants.STEP_MAP }); + }; + GridApi.prototype.refreshInMemoryRowModel = function (step) { + console.warn("ag-grid: since version 18.x, api.refreshInMemoryRowModel() should be replaced with api.refreshClientSideRowModel()"); + this.refreshClientSideRowModel(step); + }; + GridApi.prototype.refreshClientSideRowModel = function (step) { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.log('cannot call refreshClientSideRowModel unless using normal row model'); + } + var paramsStep = constants_1.Constants.STEP_EVERYTHING; + var stepsMapped = { + group: constants_1.Constants.STEP_EVERYTHING, + filter: constants_1.Constants.STEP_FILTER, + map: constants_1.Constants.STEP_MAP, + aggregate: constants_1.Constants.STEP_AGGREGATE, + sort: constants_1.Constants.STEP_SORT, + pivot: constants_1.Constants.STEP_PIVOT + }; + if (utils_1.Utils.exists(step)) { + paramsStep = stepsMapped[step]; + } + if (utils_1.Utils.missing(paramsStep)) { + console.error("ag-Grid: invalid step " + step + ", available steps are " + Object.keys(stepsMapped).join(', ')); + return; + } + var modelParams = { + step: paramsStep, + keepRenderedRows: true, + animate: true, + keepEditingRows: true + }; + this.clientSideRowModel.refreshModel(modelParams); + }; + GridApi.prototype.isAnimationFrameQueueEmpty = function () { + return this.animationFrameService.isQueueEmpty(); + }; + GridApi.prototype.getRowNode = function (id) { + return this.rowModel.getRowNode(id); + }; + GridApi.prototype.expandAll = function () { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.warn('ag-Grid: cannot call expandAll unless using normal row model'); + return; + } + this.clientSideRowModel.expandOrCollapseAll(true); + }; + GridApi.prototype.collapseAll = function () { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.warn('ag-Grid: cannot call collapseAll unless using normal row model'); + return; + } + this.clientSideRowModel.expandOrCollapseAll(false); + }; + GridApi.prototype.addVirtualRowListener = function (eventName, rowIndex, callback) { + if (typeof eventName !== 'string') { + console.log('ag-Grid: addVirtualRowListener is deprecated, please use addRenderedRowListener.'); + } + this.addRenderedRowListener(eventName, rowIndex, callback); + }; + GridApi.prototype.addRenderedRowListener = function (eventName, rowIndex, callback) { + if (eventName === 'virtualRowSelected') { + console.log('ag-Grid: event virtualRowSelected is deprecated, to register for individual row ' + + 'selection events, add a listener directly to the row node.'); + } + this.rowRenderer.addRenderedRowListener(eventName, rowIndex, callback); + }; + GridApi.prototype.setQuickFilter = function (newFilter) { + this.filterManager.setQuickFilter(newFilter); + }; + GridApi.prototype.selectIndex = function (index, tryMulti, suppressEvents) { + console.log('ag-Grid: do not use api for selection, call node.setSelected(value) instead'); + if (suppressEvents) { + console.log('ag-Grid: suppressEvents is no longer supported, stop listening for the event if you no longer want it'); + } + this.selectionController.selectIndex(index, tryMulti); + }; + GridApi.prototype.deselectIndex = function (index, suppressEvents) { + if (suppressEvents === void 0) { suppressEvents = false; } + console.log('ag-Grid: do not use api for selection, call node.setSelected(value) instead'); + if (suppressEvents) { + console.log('ag-Grid: suppressEvents is no longer supported, stop listening for the event if you no longer want it'); + } + this.selectionController.deselectIndex(index); + }; + GridApi.prototype.selectNode = function (node, tryMulti, suppressEvents) { + if (tryMulti === void 0) { tryMulti = false; } + if (suppressEvents === void 0) { suppressEvents = false; } + console.log('ag-Grid: API for selection is deprecated, call node.setSelected(value) instead'); + if (suppressEvents) { + console.log('ag-Grid: suppressEvents is no longer supported, stop listening for the event if you no longer want it'); + } + node.setSelectedParams({ newValue: true, clearSelection: !tryMulti }); + }; + GridApi.prototype.deselectNode = function (node, suppressEvents) { + if (suppressEvents === void 0) { suppressEvents = false; } + console.log('ag-Grid: API for selection is deprecated, call node.setSelected(value) instead'); + if (suppressEvents) { + console.log('ag-Grid: suppressEvents is no longer supported, stop listening for the event if you no longer want it'); + } + node.setSelectedParams({ newValue: false }); + }; + GridApi.prototype.selectAll = function () { + this.selectionController.selectAllRowNodes(); + }; + GridApi.prototype.deselectAll = function () { + this.selectionController.deselectAllRowNodes(); + }; + GridApi.prototype.selectAllFiltered = function () { + this.selectionController.selectAllRowNodes(true); + }; + GridApi.prototype.deselectAllFiltered = function () { + this.selectionController.deselectAllRowNodes(true); + }; + GridApi.prototype.recomputeAggregates = function () { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.warn('cannot call recomputeAggregates unless using normal row model'); + } + console.warn("recomputeAggregates is deprecated, please call api.refreshClientSideRowModel('aggregate') instead"); + this.clientSideRowModel.refreshModel({ step: constants_1.Constants.STEP_AGGREGATE }); + }; + GridApi.prototype.sizeColumnsToFit = function () { + this.gridPanel.sizeColumnsToFit(); + }; + GridApi.prototype.showLoadingOverlay = function () { + this.gridPanel.showLoadingOverlay(); + }; + GridApi.prototype.showNoRowsOverlay = function () { + this.gridPanel.showNoRowsOverlay(); + }; + GridApi.prototype.hideOverlay = function () { + this.gridPanel.hideOverlay(); + }; + GridApi.prototype.isNodeSelected = function (node) { + console.log('ag-Grid: no need to call api.isNodeSelected(), just call node.isSelected() instead'); + return node.isSelected(); + }; + GridApi.prototype.getSelectedNodesById = function () { + console.error('ag-Grid: since version 3.4, getSelectedNodesById no longer exists, use getSelectedNodes() instead'); + return null; + }; + GridApi.prototype.getSelectedNodes = function () { + return this.selectionController.getSelectedNodes(); + }; + GridApi.prototype.getSelectedRows = function () { + return this.selectionController.getSelectedRows(); + }; + GridApi.prototype.getBestCostNodeSelection = function () { + return this.selectionController.getBestCostNodeSelection(); + }; + GridApi.prototype.getRenderedNodes = function () { + return this.rowRenderer.getRenderedNodes(); + }; + GridApi.prototype.ensureColIndexVisible = function (index) { + console.warn('ag-Grid: ensureColIndexVisible(index) no longer supported, use ensureColumnVisible(colKey) instead.'); + }; + GridApi.prototype.ensureColumnVisible = function (key) { + this.gridPanel.ensureColumnVisible(key); + }; + // Valid values for position are bottom, middle and top + GridApi.prototype.ensureIndexVisible = function (index, position) { + this.gridPanel.ensureIndexVisible(index, position); + }; + // Valid values for position are bottom, middle and top + GridApi.prototype.ensureNodeVisible = function (comparator, position) { + this.gridCore.ensureNodeVisible(comparator, position); + }; + GridApi.prototype.forEachLeafNode = function (callback) { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.log('cannot call forEachNode unless using normal row model'); + } + this.clientSideRowModel.forEachLeafNode(callback); + }; + GridApi.prototype.forEachNode = function (callback) { + this.rowModel.forEachNode(callback); + }; + GridApi.prototype.forEachNodeAfterFilter = function (callback) { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.log('cannot call forEachNodeAfterFilter unless using normal row model'); + } + this.clientSideRowModel.forEachNodeAfterFilter(callback); + }; + GridApi.prototype.forEachNodeAfterFilterAndSort = function (callback) { + if (utils_1.Utils.missing(this.clientSideRowModel)) { + console.log('cannot call forEachNodeAfterFilterAndSort unless using normal row model'); + } + this.clientSideRowModel.forEachNodeAfterFilterAndSort(callback); + }; + GridApi.prototype.getFilterApiForColDef = function (colDef) { + console.warn('ag-grid API method getFilterApiForColDef deprecated, use getFilterApi instead'); + return this.getFilterInstance(colDef); + }; + GridApi.prototype.getFilterInstance = function (key) { + var column = this.columnController.getPrimaryColumn(key); + if (column) { + return this.filterManager.getFilterComponent(column).resolveNow(null, function (filterComp) { return filterComp; }); + } + }; + GridApi.prototype.getFilterApi = function (key) { + console.warn('ag-Grid: getFilterApi is deprecated, use getFilterInstance instead'); + return this.getFilterInstance(key); + }; + GridApi.prototype.destroyFilter = function (key) { + var column = this.columnController.getPrimaryColumn(key); + if (column) { + return this.filterManager.destroyFilter(column, "filterDestroyed"); + } + }; + GridApi.prototype.getColumnDef = function (key) { + var column = this.columnController.getPrimaryColumn(key); + if (column) { + return column.getColDef(); + } + else { + return null; + } + }; + GridApi.prototype.onFilterChanged = function () { + this.filterManager.onFilterChanged(); + }; + GridApi.prototype.onSortChanged = function () { + this.sortController.onSortChanged(); + }; + GridApi.prototype.setSortModel = function (sortModel, source) { + if (source === void 0) { source = "api"; } + this.sortController.setSortModel(sortModel, source); + }; + GridApi.prototype.getSortModel = function () { + return this.sortController.getSortModel(); + }; + GridApi.prototype.setFilterModel = function (model) { + this.filterManager.setFilterModel(model); + }; + GridApi.prototype.getFilterModel = function () { + return this.filterManager.getFilterModel(); + }; + GridApi.prototype.getFocusedCell = function () { + return this.focusedCellController.getFocusedCell(); + }; + GridApi.prototype.clearFocusedCell = function () { + return this.focusedCellController.clearFocusedCell(); + }; + GridApi.prototype.setFocusedCell = function (rowIndex, colKey, floating) { + this.focusedCellController.setFocusedCell(rowIndex, colKey, floating, true); + }; + GridApi.prototype.setSuppressRowDrag = function (value) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_SUPPRESS_ROW_DRAG, value); + }; + GridApi.prototype.setHeaderHeight = function (headerHeight) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_HEADER_HEIGHT, headerHeight); + this.doLayout(); + }; + GridApi.prototype.setGridAutoHeight = function (gridAutoHeight) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GRID_AUTO_HEIGHT, gridAutoHeight); + }; + GridApi.prototype.getPreferredWidth = function () { + return this.gridCore.getPreferredWidth(); + }; + GridApi.prototype.setGroupHeaderHeight = function (headerHeight) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_HEADER_HEIGHT, headerHeight); + this.doLayout(); + }; + GridApi.prototype.setFloatingFiltersHeight = function (headerHeight) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_FLOATING_FILTERS_HEIGHT, headerHeight); + this.doLayout(); + }; + GridApi.prototype.setPivotGroupHeaderHeight = function (headerHeight) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_PIVOT_GROUP_HEADER_HEIGHT, headerHeight); + this.doLayout(); + }; + GridApi.prototype.setPivotHeaderHeight = function (headerHeight) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_PIVOT_HEADER_HEIGHT, headerHeight); + this.doLayout(); + }; + GridApi.prototype.showToolPanel = function (show) { + this.gridCore.showToolPanel(show); + }; + GridApi.prototype.setSuppressClipboardPaste = function (value) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_SUPPRESS_CLIPBOARD_PASTE, value); + }; + GridApi.prototype.isToolPanelShowing = function () { + return this.gridCore.isToolPanelShowing(); + }; + GridApi.prototype.doLayout = function () { + this.gridPanel.checkViewportAndScrolls(); + }; + GridApi.prototype.resetRowHeights = function () { + if (utils_1.Utils.exists(this.clientSideRowModel)) { + this.clientSideRowModel.resetRowHeights(); + } + }; + GridApi.prototype.setGroupRemoveSingleChildren = function (value) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_REMOVE_SINGLE_CHILDREN, value); + }; + GridApi.prototype.setGroupRemoveLowestSingleChildren = function (value) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_REMOVE_LOWEST_SINGLE_CHILDREN, value); + }; + GridApi.prototype.onRowHeightChanged = function () { + if (utils_1.Utils.exists(this.clientSideRowModel)) { + this.clientSideRowModel.onRowHeightChanged(); + } + }; + GridApi.prototype.getValue = function (colKey, rowNode) { + var column = this.columnController.getPrimaryColumn(colKey); + if (utils_1.Utils.missing(column)) { + column = this.columnController.getGridColumn(colKey); + } + if (utils_1.Utils.missing(column)) { + return null; + } + else { + return this.valueService.getValue(column, rowNode); + } + }; + GridApi.prototype.addEventListener = function (eventType, listener) { + var async = this.gridOptionsWrapper.useAsyncEvents(); + this.eventService.addEventListener(eventType, listener, async); + }; + GridApi.prototype.addGlobalListener = function (listener) { + var async = this.gridOptionsWrapper.useAsyncEvents(); + this.eventService.addGlobalListener(listener, async); + }; + GridApi.prototype.removeEventListener = function (eventType, listener) { + var async = this.gridOptionsWrapper.useAsyncEvents(); + this.eventService.removeEventListener(eventType, listener, async); + }; + GridApi.prototype.removeGlobalListener = function (listener) { + var async = this.gridOptionsWrapper.useAsyncEvents(); + this.eventService.removeGlobalListener(listener, async); + }; + GridApi.prototype.dispatchEvent = function (event) { + this.eventService.dispatchEvent(event); + }; + GridApi.prototype.destroy = function () { + this.context.destroy(); + }; + GridApi.prototype.resetQuickFilter = function () { + this.rowModel.forEachNode(function (node) { return node.quickFilterAggregateText = null; }); + }; + GridApi.prototype.getRangeSelections = function () { + if (this.rangeController) { + return this.rangeController.getCellRanges(); + } + else { + console.warn('ag-Grid: cell range selection is only available in ag-Grid Enterprise'); + return null; + } + }; + GridApi.prototype.camelCaseToHumanReadable = function (camelCase) { + return utils_1.Utils.camelCaseToHumanText(camelCase); + }; + GridApi.prototype.addRangeSelection = function (rangeSelection) { + if (!this.rangeController) { + console.warn('ag-Grid: cell range selection is only available in ag-Grid Enterprise'); + } + this.rangeController.addRange(rangeSelection); + }; + GridApi.prototype.clearRangeSelection = function () { + if (!this.rangeController) { + console.warn('ag-Grid: cell range selection is only available in ag-Grid Enterprise'); + } + this.rangeController.clearSelection(); + }; + GridApi.prototype.copySelectedRowsToClipboard = function (includeHeader, columnKeys) { + if (!this.clipboardService) { + console.warn('ag-Grid: clipboard is only available in ag-Grid Enterprise'); + } + this.clipboardService.copySelectedRowsToClipboard(includeHeader, columnKeys); + }; + GridApi.prototype.copySelectedRangeToClipboard = function (includeHeader) { + if (!this.clipboardService) { + console.warn('ag-Grid: clipboard is only available in ag-Grid Enterprise'); + } + this.clipboardService.copySelectedRangeToClipboard(includeHeader); + }; + GridApi.prototype.copySelectedRangeDown = function () { + if (!this.clipboardService) { + console.warn('ag-Grid: clipboard is only available in ag-Grid Enterprise'); + } + this.clipboardService.copyRangeDown(); + }; + GridApi.prototype.showColumnMenuAfterButtonClick = function (colKey, buttonElement) { + var column = this.columnController.getPrimaryColumn(colKey); + this.menuFactory.showMenuAfterButtonClick(column, buttonElement); + }; + GridApi.prototype.showColumnMenuAfterMouseClick = function (colKey, mouseEvent) { + var column = this.columnController.getPrimaryColumn(colKey); + this.menuFactory.showMenuAfterMouseEvent(column, mouseEvent); + }; + GridApi.prototype.hidePopupMenu = function () { + // hide the context menu if in enterprise + if (this.contextMenuFactory) { + this.contextMenuFactory.hideActiveMenu(); + } + // and hide the column menu always + this.menuFactory.hideActiveMenu(); + }; + GridApi.prototype.setPopupParent = function (ePopupParent) { + this.gridOptionsWrapper.setProperty(gridOptionsWrapper_1.GridOptionsWrapper.PROP_POPUP_PARENT, ePopupParent); + }; + GridApi.prototype.tabToNextCell = function () { + return this.rowRenderer.tabToNextCell(false); + }; + GridApi.prototype.tabToPreviousCell = function () { + return this.rowRenderer.tabToNextCell(true); + }; + GridApi.prototype.getCellRendererInstances = function (params) { + if (params === void 0) { params = {}; } + return this.rowRenderer.getCellRendererInstances(params); + }; + GridApi.prototype.getCellEditorInstances = function (params) { + if (params === void 0) { params = {}; } + return this.rowRenderer.getCellEditorInstances(params); + }; + GridApi.prototype.getEditingCells = function () { + return this.rowRenderer.getEditingCells(); + }; + GridApi.prototype.stopEditing = function (cancel) { + if (cancel === void 0) { cancel = false; } + this.rowRenderer.stopEditing(cancel); + }; + GridApi.prototype.startEditingCell = function (params) { + var column = this.columnController.getGridColumn(params.colKey); + if (!column) { + console.warn("ag-Grid: no column found for " + params.colKey); + return; + } + var gridCellDef = { + rowIndex: params.rowIndex, + floating: params.rowPinned, + column: column + }; + var gridCell = new gridCell_1.GridCell(gridCellDef); + var notPinned = utils_1.Utils.missing(params.rowPinned); + if (notPinned) { + this.gridPanel.ensureIndexVisible(params.rowIndex); + } + this.rowRenderer.startEditingCell(gridCell, params.keyPress, params.charPress); + }; + GridApi.prototype.addAggFunc = function (key, aggFunc) { + if (this.aggFuncService) { + this.aggFuncService.addAggFunc(key, aggFunc); + } + }; + GridApi.prototype.addAggFuncs = function (aggFuncs) { + if (this.aggFuncService) { + this.aggFuncService.addAggFuncs(aggFuncs); + } + }; + GridApi.prototype.clearAggFuncs = function () { + if (this.aggFuncService) { + this.aggFuncService.clear(); + } + }; + GridApi.prototype.updateRowData = function (rowDataTransaction) { + var res = null; + if (this.clientSideRowModel) { + res = this.clientSideRowModel.updateRowData(rowDataTransaction); + } + else if (this.infinitePageRowModel) { + this.infinitePageRowModel.updateRowData(rowDataTransaction); + } + else { + console.error('ag-Grid: updateRowData() only works with ClientSideRowModel and InfiniteRowModel.'); + } + // do change detection for all present cells + if (!this.gridOptionsWrapper.isSuppressChangeDetection()) { + this.rowRenderer.refreshCells(); + } + return res; + }; + GridApi.prototype.batchUpdateRowData = function (rowDataTransaction, callback) { + if (!this.clientSideRowModel) { + console.error('ag-Grid: api.batchUpdateRowData() only works with ClientSideRowModel.'); + return; + } + this.clientSideRowModel.batchUpdateRowData(rowDataTransaction, callback); + }; + GridApi.prototype.insertItemsAtIndex = function (index, items, skipRefresh) { + if (skipRefresh === void 0) { skipRefresh = false; } + console.warn('ag-Grid: insertItemsAtIndex() is deprecated, use updateRowData(transaction) instead.'); + this.updateRowData({ add: items, addIndex: index, update: null, remove: null }); + }; + GridApi.prototype.removeItems = function (rowNodes, skipRefresh) { + if (skipRefresh === void 0) { skipRefresh = false; } + console.warn('ag-Grid: removeItems() is deprecated, use updateRowData(transaction) instead.'); + var dataToRemove = rowNodes.map(function (rowNode) { return rowNode.data; }); + this.updateRowData({ add: null, addIndex: null, update: null, remove: dataToRemove }); + }; + GridApi.prototype.addItems = function (items, skipRefresh) { + if (skipRefresh === void 0) { skipRefresh = false; } + console.warn('ag-Grid: addItems() is deprecated, use updateRowData(transaction) instead.'); + this.updateRowData({ add: items, addIndex: null, update: null, remove: null }); + }; + GridApi.prototype.refreshVirtualPageCache = function () { + console.warn('ag-Grid: refreshVirtualPageCache() is now called refreshInfiniteCache(), please call refreshInfiniteCache() instead'); + this.refreshInfiniteCache(); + }; + GridApi.prototype.refreshInfinitePageCache = function () { + console.warn('ag-Grid: refreshInfinitePageCache() is now called refreshInfiniteCache(), please call refreshInfiniteCache() instead'); + this.refreshInfiniteCache(); + }; + GridApi.prototype.refreshInfiniteCache = function () { + if (this.infinitePageRowModel) { + this.infinitePageRowModel.refreshCache(); + } + else { + console.warn("ag-Grid: api.refreshInfiniteCache is only available when rowModelType='infinite'."); + } + }; + GridApi.prototype.purgeVirtualPageCache = function () { + console.warn('ag-Grid: purgeVirtualPageCache() is now called purgeInfiniteCache(), please call purgeInfiniteCache() instead'); + this.purgeInfinitePageCache(); + }; + GridApi.prototype.purgeInfinitePageCache = function () { + console.warn('ag-Grid: purgeInfinitePageCache() is now called purgeInfiniteCache(), please call purgeInfiniteCache() instead'); + this.purgeInfiniteCache(); + }; + GridApi.prototype.purgeInfiniteCache = function () { + if (this.infinitePageRowModel) { + this.infinitePageRowModel.purgeCache(); + } + else { + console.warn("ag-Grid: api.purgeInfiniteCache is only available when rowModelType='infinite'."); + } + }; + // DEPRECATED + GridApi.prototype.purgeEnterpriseCache = function (route) { + console.warn("ag-grid: since version 18.x, api.purgeEnterpriseCache() should be replaced with api.purgeServerSideCache()"); + this.purgeServerSideCache(route); + }; + GridApi.prototype.purgeServerSideCache = function (route) { + if (this.serverSideRowModel) { + this.serverSideRowModel.purgeCache(route); + } + else { + console.warn("ag-Grid: api.purgeServerSideCache is only available when rowModelType='enterprise'."); + } + }; + // public removeFromEnterpriseCache(route: string[], items: any[]): void { + // if (this.serverSideRowModel) { + // this.serverSideRowModel.removeFromCache(route, items); + // } else { + // console.warn(`ag-Grid: api.removeFromEnterpriseCache is only available when rowModelType='enterprise'.`); + // } + // } + // + // public addToEnterpriseCache(route: string[], items: any[], index: number): void { + // if (this.serverSideRowModel) { + // this.serverSideRowModel.addToCache(route, items, index); + // } else { + // console.warn(`ag-Grid: api.addToEnterpriseCache is only available when rowModelType='enterprise'.`); + // } + // } + GridApi.prototype.getVirtualRowCount = function () { + console.warn('ag-Grid: getVirtualRowCount() is now called getInfiniteRowCount(), please call getInfiniteRowCount() instead'); + return this.getInfiniteRowCount(); + }; + GridApi.prototype.getInfiniteRowCount = function () { + if (this.infinitePageRowModel) { + return this.infinitePageRowModel.getVirtualRowCount(); + } + else { + console.warn("ag-Grid: api.getVirtualRowCount is only available when rowModelType='virtual'."); + } + }; + GridApi.prototype.isMaxRowFound = function () { + if (this.infinitePageRowModel) { + return this.infinitePageRowModel.isMaxRowFound(); + } + else { + console.warn("ag-Grid: api.isMaxRowFound is only available when rowModelType='virtual'."); + } + }; + GridApi.prototype.setVirtualRowCount = function (rowCount, maxRowFound) { + console.warn('ag-Grid: setVirtualRowCount() is now called setInfiniteRowCount(), please call setInfiniteRowCount() instead'); + this.setInfiniteRowCount(rowCount, maxRowFound); + }; + GridApi.prototype.setInfiniteRowCount = function (rowCount, maxRowFound) { + if (this.infinitePageRowModel) { + this.infinitePageRowModel.setVirtualRowCount(rowCount, maxRowFound); + } + else { + console.warn("ag-Grid: api.setVirtualRowCount is only available when rowModelType='virtual'."); + } + }; + GridApi.prototype.getVirtualPageState = function () { + console.warn('ag-Grid: getVirtualPageState() is now called getCacheBlockState(), please call getCacheBlockState() instead'); + return this.getCacheBlockState(); + }; + GridApi.prototype.getInfinitePageState = function () { + console.warn('ag-Grid: getInfinitePageState() is now called getCacheBlockState(), please call getCacheBlockState() instead'); + return this.getCacheBlockState(); + }; + GridApi.prototype.getCacheBlockState = function () { + if (this.infinitePageRowModel) { + return this.infinitePageRowModel.getBlockState(); + } + else if (this.serverSideRowModel) { + return this.serverSideRowModel.getBlockState(); + } + else { + console.warn("ag-Grid: api.getCacheBlockState() is only available when rowModelType='infinite' or rowModelType='serverSide'."); + } + }; + GridApi.prototype.checkGridSize = function () { + this.gridPanel.setBodyAndHeaderHeights(); + }; + GridApi.prototype.getFirstRenderedRow = function () { + console.log('in ag-Grid v12, getFirstRenderedRow() was renamed to getFirstDisplayedRow()'); + return this.getFirstDisplayedRow(); + }; + GridApi.prototype.getFirstDisplayedRow = function () { + return this.rowRenderer.getFirstVirtualRenderedRow(); + }; + GridApi.prototype.getLastRenderedRow = function () { + console.log('in ag-Grid v12, getLastRenderedRow() was renamed to getLastDisplayedRow()'); + return this.getLastDisplayedRow(); + }; + GridApi.prototype.getLastDisplayedRow = function () { + return this.rowRenderer.getLastVirtualRenderedRow(); + }; + GridApi.prototype.getDisplayedRowAtIndex = function (index) { + return this.rowModel.getRow(index); + }; + GridApi.prototype.getDisplayedRowCount = function () { + return this.rowModel.getRowCount(); + }; + GridApi.prototype.paginationIsLastPageFound = function () { + return this.paginationProxy.isLastPageFound(); + }; + GridApi.prototype.paginationGetPageSize = function () { + return this.paginationProxy.getPageSize(); + }; + GridApi.prototype.paginationSetPageSize = function (size) { + this.gridOptionsWrapper.setProperty('paginationPageSize', size); + }; + GridApi.prototype.paginationGetCurrentPage = function () { + return this.paginationProxy.getCurrentPage(); + }; + GridApi.prototype.paginationGetTotalPages = function () { + return this.paginationProxy.getTotalPages(); + }; + GridApi.prototype.paginationGetRowCount = function () { + return this.paginationProxy.getTotalRowCount(); + }; + GridApi.prototype.paginationGoToNextPage = function () { + this.paginationProxy.goToNextPage(); + }; + GridApi.prototype.paginationGoToPreviousPage = function () { + this.paginationProxy.goToPreviousPage(); + }; + GridApi.prototype.paginationGoToFirstPage = function () { + this.paginationProxy.goToFirstPage(); + }; + GridApi.prototype.paginationGoToLastPage = function () { + this.paginationProxy.goToLastPage(); + }; + GridApi.prototype.paginationGoToPage = function (page) { + this.paginationProxy.goToPage(page); + }; + __decorate([ + context_1.Autowired('immutableService'), + __metadata("design:type", immutableService_1.ImmutableService) + ], GridApi.prototype, "immutableService", void 0); + __decorate([ + context_1.Autowired('csvCreator'), + __metadata("design:type", csvCreator_1.CsvCreator) + ], GridApi.prototype, "csvCreator", void 0); + __decorate([ + context_1.Optional('excelCreator'), + __metadata("design:type", Object) + ], GridApi.prototype, "excelCreator", void 0); + __decorate([ + context_1.Autowired('gridCore'), + __metadata("design:type", gridCore_1.GridCore) + ], GridApi.prototype, "gridCore", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], GridApi.prototype, "rowRenderer", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], GridApi.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], GridApi.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], GridApi.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], GridApi.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], GridApi.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('alignedGridsService'), + __metadata("design:type", alignedGridsService_1.AlignedGridsService) + ], GridApi.prototype, "alignedGridsService", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], GridApi.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('pinnedRowModel'), + __metadata("design:type", pinnedRowModel_1.PinnedRowModel) + ], GridApi.prototype, "pinnedRowModel", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], GridApi.prototype, "context", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], GridApi.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('sortController'), + __metadata("design:type", sortController_1.SortController) + ], GridApi.prototype, "sortController", void 0); + __decorate([ + context_1.Autowired('paginationProxy'), + __metadata("design:type", paginationProxy_1.PaginationProxy) + ], GridApi.prototype, "paginationProxy", void 0); + __decorate([ + context_1.Autowired('focusedCellController'), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], GridApi.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Optional('rangeController'), + __metadata("design:type", Object) + ], GridApi.prototype, "rangeController", void 0); + __decorate([ + context_1.Optional('clipboardService'), + __metadata("design:type", Object) + ], GridApi.prototype, "clipboardService", void 0); + __decorate([ + context_1.Optional('aggFuncService'), + __metadata("design:type", Object) + ], GridApi.prototype, "aggFuncService", void 0); + __decorate([ + context_1.Autowired('menuFactory'), + __metadata("design:type", Object) + ], GridApi.prototype, "menuFactory", void 0); + __decorate([ + context_1.Optional('contextMenuFactory'), + __metadata("design:type", Object) + ], GridApi.prototype, "contextMenuFactory", void 0); + __decorate([ + context_1.Autowired('cellRendererFactory'), + __metadata("design:type", cellRendererFactory_1.CellRendererFactory) + ], GridApi.prototype, "cellRendererFactory", void 0); + __decorate([ + context_1.Autowired('cellEditorFactory'), + __metadata("design:type", cellEditorFactory_1.CellEditorFactory) + ], GridApi.prototype, "cellEditorFactory", void 0); + __decorate([ + context_1.Autowired('valueCache'), + __metadata("design:type", valueCache_1.ValueCache) + ], GridApi.prototype, "valueCache", void 0); + __decorate([ + context_1.Optional('toolPanelComp'), + __metadata("design:type", Object) + ], GridApi.prototype, "toolPanelComp", void 0); + __decorate([ + context_1.Autowired('animationFrameService'), + __metadata("design:type", animationFrameService_1.AnimationFrameService) + ], GridApi.prototype, "animationFrameService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridApi.prototype, "init", null); + GridApi = __decorate([ + context_1.Bean('gridApi') + ], GridApi); + return GridApi; + }()); + exports.GridApi = GridApi; + + +/***/ }), +/* 15 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridSerializer_1 = __webpack_require__(16); + var downloader_1 = __webpack_require__(114); + var columnController_1 = __webpack_require__(17); + var valueService_1 = __webpack_require__(28); + var gridOptionsWrapper_1 = __webpack_require__(4); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var LINE_SEPARATOR = '\r\n'; + var CsvSerializingSession = (function (_super) { + __extends(CsvSerializingSession, _super); + function CsvSerializingSession(columnController, valueService, gridOptionsWrapper, processCellCallback, processHeaderCallback, suppressQuotes, columnSeparator) { + var _this = _super.call(this, columnController, valueService, gridOptionsWrapper, processCellCallback, processHeaderCallback) || this; + _this.suppressQuotes = suppressQuotes; + _this.columnSeparator = columnSeparator; + _this.result = ''; + _this.lineOpened = false; + return _this; + } + CsvSerializingSession.prototype.prepare = function (columnsToExport) { + }; + CsvSerializingSession.prototype.addCustomHeader = function (customHeader) { + if (!customHeader) + return; + this.result += customHeader + LINE_SEPARATOR; + }; + CsvSerializingSession.prototype.addCustomFooter = function (customFooter) { + if (!customFooter) + return; + this.result += customFooter + LINE_SEPARATOR; + }; + CsvSerializingSession.prototype.onNewHeaderGroupingRow = function () { + if (this.lineOpened) + this.result += LINE_SEPARATOR; + return { + onColumn: this.onNewHeaderGroupingRowColumn.bind(this) + }; + }; + CsvSerializingSession.prototype.onNewHeaderGroupingRowColumn = function (header, index, span) { + if (index != 0) { + this.result += this.columnSeparator; + } + this.result += header; + for (var i = 1; i <= span; i++) { + this.result += this.columnSeparator + this.putInQuotes("", this.suppressQuotes); + } + this.lineOpened = true; + }; + CsvSerializingSession.prototype.onNewHeaderRow = function () { + if (this.lineOpened) + this.result += LINE_SEPARATOR; + return { + onColumn: this.onNewHeaderRowColumn.bind(this) + }; + }; + CsvSerializingSession.prototype.onNewHeaderRowColumn = function (column, index, node) { + if (index != 0) { + this.result += this.columnSeparator; + } + this.result += this.putInQuotes(this.extractHeaderValue(column), this.suppressQuotes); + this.lineOpened = true; + }; + CsvSerializingSession.prototype.onNewBodyRow = function () { + if (this.lineOpened) + this.result += LINE_SEPARATOR; + return { + onColumn: this.onNewBodyRowColumn.bind(this) + }; + }; + CsvSerializingSession.prototype.onNewBodyRowColumn = function (column, index, node) { + if (index != 0) { + this.result += this.columnSeparator; + } + this.result += this.putInQuotes(this.extractRowCellValue(column, index, constants_1.Constants.EXPORT_TYPE_CSV, node), this.suppressQuotes); + this.lineOpened = true; + }; + CsvSerializingSession.prototype.putInQuotes = function (value, suppressQuotes) { + if (suppressQuotes) { + return value; + } + if (value === null || value === undefined) { + return '""'; + } + var stringValue; + if (typeof value === 'string') { + stringValue = value; + } + else if (typeof value.toString === 'function') { + stringValue = value.toString(); + } + else { + console.warn('unknown value type during csv conversion'); + stringValue = ''; + } + // replace each " with "" (ie two sets of double quotes is how to do double quotes in csv) + var valueEscaped = stringValue.replace(/"/g, "\"\""); + return '"' + valueEscaped + '"'; + }; + CsvSerializingSession.prototype.parse = function () { + return this.result; + }; + return CsvSerializingSession; + }(gridSerializer_1.BaseGridSerializingSession)); + exports.CsvSerializingSession = CsvSerializingSession; + var BaseCreator = (function () { + function BaseCreator() { + } + BaseCreator.prototype.setBeans = function (beans) { + this.beans = beans; + }; + BaseCreator.prototype.export = function (userParams) { + if (this.isExportSuppressed()) { + console.warn("ag-grid: Export canceled. Export is not allowed as per your configuration."); + return ""; + } + var _a = this.getMergedParamsAndData(userParams), mergedParams = _a.mergedParams, data = _a.data; + var fileNamePresent = mergedParams && mergedParams.fileName && mergedParams.fileName.length !== 0; + var fileName = fileNamePresent ? mergedParams.fileName : this.getDefaultFileName(); + if (fileName.indexOf(".") === -1) { + fileName = fileName + "." + this.getDefaultFileExtension(); + } + this.beans.downloader.download(fileName, data, this.getMimeType()); + return data; + }; + BaseCreator.prototype.getData = function (params) { + return this.getMergedParamsAndData(params).data; + }; + BaseCreator.prototype.getMergedParamsAndData = function (userParams) { + var mergedParams = this.mergeDefaultParams(userParams); + var data = this.beans.gridSerializer.serialize(this.createSerializingSession(mergedParams), mergedParams); + return { mergedParams: mergedParams, data: data }; + }; + BaseCreator.prototype.mergeDefaultParams = function (userParams) { + var baseParams = this.beans.gridOptionsWrapper.getDefaultExportParams(); + var params = {}; + utils_1._.assign(params, baseParams); + utils_1._.assign(params, userParams); + return params; + }; + return BaseCreator; + }()); + exports.BaseCreator = BaseCreator; + var CsvCreator = (function (_super) { + __extends(CsvCreator, _super); + function CsvCreator() { + return _super !== null && _super.apply(this, arguments) || this; + } + CsvCreator.prototype.postConstruct = function () { + this.setBeans({ + downloader: this.downloader, + gridSerializer: this.gridSerializer, + gridOptionsWrapper: this.gridOptionsWrapper + }); + }; + CsvCreator.prototype.exportDataAsCsv = function (params) { + return this.export(params); + }; + CsvCreator.prototype.getDataAsCsv = function (params) { + return this.getData(params); + }; + CsvCreator.prototype.getMimeType = function () { + return "text/csv;charset=utf-8;"; + }; + CsvCreator.prototype.getDefaultFileName = function () { + return 'export.csv'; + }; + CsvCreator.prototype.getDefaultFileExtension = function () { + return 'csv'; + }; + CsvCreator.prototype.createSerializingSession = function (params) { + return new CsvSerializingSession(this.columnController, this.valueService, this.gridOptionsWrapper, params ? params.processCellCallback : null, params ? params.processHeaderCallback : null, params && params.suppressQuotes, (params && params.columnSeparator) || ','); + }; + CsvCreator.prototype.isExportSuppressed = function () { + return this.gridOptionsWrapper.isSuppressCsvExport(); + }; + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], CsvCreator.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], CsvCreator.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('downloader'), + __metadata("design:type", downloader_1.Downloader) + ], CsvCreator.prototype, "downloader", void 0); + __decorate([ + context_1.Autowired('gridSerializer'), + __metadata("design:type", gridSerializer_1.GridSerializer) + ], CsvCreator.prototype, "gridSerializer", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], CsvCreator.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], CsvCreator.prototype, "postConstruct", null); + CsvCreator = __decorate([ + context_1.Bean('csvCreator') + ], CsvCreator); + return CsvCreator; + }(BaseCreator)); + exports.CsvCreator = CsvCreator; + + +/***/ }), +/* 16 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var columnController_1 = __webpack_require__(17); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var selectionController_1 = __webpack_require__(33); + var gridOptionsWrapper_1 = __webpack_require__(4); + var displayedGroupCreator_1 = __webpack_require__(24); + var balancedColumnTreeBuilder_1 = __webpack_require__(3); + var groupInstanceIdCreator_1 = __webpack_require__(112); + var columnGroup_1 = __webpack_require__(18); + var pinnedRowModel_1 = __webpack_require__(95); + var BaseGridSerializingSession = (function () { + function BaseGridSerializingSession(columnController, valueService, gridOptionsWrapper, processCellCallback, processHeaderCallback, cellAndHeaderEscaper) { + this.columnController = columnController; + this.valueService = valueService; + this.gridOptionsWrapper = gridOptionsWrapper; + this.processCellCallback = processCellCallback; + this.processHeaderCallback = processHeaderCallback; + this.cellAndHeaderEscaper = cellAndHeaderEscaper; + } + BaseGridSerializingSession.prototype.extractHeaderValue = function (column) { + var nameForCol = this.getHeaderName(this.processHeaderCallback, column); + if (nameForCol === null || nameForCol === undefined) { + nameForCol = ''; + } + return this.cellAndHeaderEscaper ? this.cellAndHeaderEscaper(nameForCol) : nameForCol; + }; + BaseGridSerializingSession.prototype.extractRowCellValue = function (column, index, type, node) { + var isRowGrouping = this.columnController.getRowGroupColumns().length > 0; + var valueForCell; + if (node.group && isRowGrouping && index === 0) { + valueForCell = this.createValueForGroupNode(node); + } + else { + valueForCell = this.valueService.getValue(column, node); + } + valueForCell = this.processCell(node, column, valueForCell, this.processCellCallback, type); + if (valueForCell === null || valueForCell === undefined) { + valueForCell = ''; + } + return this.cellAndHeaderEscaper ? this.cellAndHeaderEscaper(valueForCell) : valueForCell; + }; + BaseGridSerializingSession.prototype.getHeaderName = function (callback, column) { + if (callback) { + return callback({ + column: column, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext() + }); + } + else { + return this.columnController.getDisplayNameForColumn(column, 'csv', true); + } + }; + BaseGridSerializingSession.prototype.createValueForGroupNode = function (node) { + var keys = [node.key]; + while (node.parent) { + node = node.parent; + keys.push(node.key); + } + return keys.reverse().join(' -> '); + }; + BaseGridSerializingSession.prototype.processCell = function (rowNode, column, value, processCellCallback, type) { + if (processCellCallback) { + return processCellCallback({ + column: column, + node: rowNode, + value: value, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext(), + type: type + }); + } + else { + return value; + } + }; + return BaseGridSerializingSession; + }()); + exports.BaseGridSerializingSession = BaseGridSerializingSession; + var GridSerializer = (function () { + function GridSerializer() { + } + GridSerializer.prototype.serialize = function (gridSerializingSession, params) { + var dontSkipRows = function () { return false; }; + var skipGroups = params && params.skipGroups; + var skipHeader = params && params.skipHeader; + var columnGroups = params && params.columnGroups; + var skipFooters = params && params.skipFooters; + var skipPinnedTop = params && params.skipPinnedTop; + var skipPinnedBottom = params && params.skipPinnedBottom; + var includeCustomHeader = params && params.customHeader; + var includeCustomFooter = params && params.customFooter; + var allColumns = params && params.allColumns; + var onlySelected = params && params.onlySelected; + var columnKeys = params && params.columnKeys; + var onlySelectedAllPages = params && params.onlySelectedAllPages; + var rowSkipper = (params && params.shouldRowBeSkipped) || dontSkipRows; + var api = this.gridOptionsWrapper.getApi(); + var context = this.gridOptionsWrapper.getContext(); + // when in pivot mode, we always render cols on screen, never 'all columns' + var isPivotMode = this.columnController.isPivotMode(); + var rowModelNormal = this.rowModel.getType() === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE; + var onlySelectedNonStandardModel = !rowModelNormal && onlySelected; + var columnsToExport; + if (utils_1.Utils.existsAndNotEmpty(columnKeys)) { + columnsToExport = this.columnController.getGridColumns(columnKeys); + } + else if (allColumns && !isPivotMode) { + columnsToExport = this.columnController.getAllPrimaryColumns(); + } + else { + columnsToExport = this.columnController.getAllDisplayedColumns(); + } + if (!columnsToExport || columnsToExport.length === 0) { + return ''; + } + gridSerializingSession.prepare(columnsToExport); + if (includeCustomHeader) { + gridSerializingSession.addCustomHeader(params.customHeader); + } + // first pass, put in the header names of the cols + if (columnGroups) { + var groupInstanceIdCreator = new groupInstanceIdCreator_1.GroupInstanceIdCreator(); + var displayedGroups = this.displayedGroupCreator.createDisplayedGroups(columnsToExport, this.columnController.getGridBalancedTree(), groupInstanceIdCreator); + this.recursivelyAddHeaderGroups(displayedGroups, gridSerializingSession); + } + if (!skipHeader) { + var gridRowIterator_1 = gridSerializingSession.onNewHeaderRow(); + columnsToExport.forEach(function (column, index) { + gridRowIterator_1.onColumn(column, index, null); + }); + } + this.pinnedRowModel.forEachPinnedTopRow(processRow); + if (isPivotMode) { + if (this.rowModel.forEachPivotNode) { + this.rowModel.forEachPivotNode(processRow); + } + else { + //Must be enterprise, so we can just loop through all the nodes + this.rowModel.forEachNode(processRow); + } + } + else { + // onlySelectedAllPages: user doing pagination and wants selected items from + // other pages, so cannot use the standard row model as it won't have rows from + // other pages. + // onlySelectedNonStandardModel: if user wants selected in non standard row model + // (eg viewport) then again rowmodel cannot be used, so need to use selected instead. + if (onlySelectedAllPages || onlySelectedNonStandardModel) { + var selectedNodes = this.selectionController.getSelectedNodes(); + selectedNodes.forEach(function (node) { + processRow(node); + }); + } + else { + // here is everything else - including standard row model and selected. we don't use + // the selection model even when just using selected, so that the result is the order + // of the rows appearing on the screen. + if (rowModelNormal) { + this.rowModel.forEachNodeAfterFilterAndSort(processRow); + } + else { + this.rowModel.forEachNode(processRow); + } + } + } + this.pinnedRowModel.forEachPinnedBottomRow(processRow); + if (includeCustomFooter) { + gridSerializingSession.addCustomFooter(params.customFooter); + } + function processRow(node) { + if (skipGroups && node.group) { + return; + } + if (skipFooters && node.footer) { + return; + } + if (onlySelected && !node.isSelected()) { + return; + } + if (skipPinnedTop && node.rowPinned === 'top') { + return; + } + if (skipPinnedBottom && node.rowPinned === 'bottom') { + return; + } + // if we are in pivotMode, then the grid will show the root node only + // if it's not a leaf group + var nodeIsRootNode = node.level === -1; + if (nodeIsRootNode && !node.leafGroup) { + return; + } + var shouldRowBeSkipped = rowSkipper({ + node: node, + api: api, + context: context + }); + if (shouldRowBeSkipped) + return; + var rowAccumulator = gridSerializingSession.onNewBodyRow(); + columnsToExport.forEach(function (column, index) { + rowAccumulator.onColumn(column, index, node); + }); + } + return gridSerializingSession.parse(); + }; + GridSerializer.prototype.recursivelyAddHeaderGroups = function (displayedGroups, gridSerializingSession) { + var directChildrenHeaderGroups = []; + displayedGroups.forEach(function (columnGroupChild) { + var columnGroup = columnGroupChild; + if (!columnGroup.getChildren) + return; + columnGroup.getChildren().forEach(function (it) { return directChildrenHeaderGroups.push(it); }); + }); + if (displayedGroups.length > 0 && displayedGroups[0] instanceof columnGroup_1.ColumnGroup) { + this.doAddHeaderHeader(gridSerializingSession, displayedGroups); + } + if (directChildrenHeaderGroups && directChildrenHeaderGroups.length > 0) { + this.recursivelyAddHeaderGroups(directChildrenHeaderGroups, gridSerializingSession); + } + }; + GridSerializer.prototype.doAddHeaderHeader = function (gridSerializingSession, displayedGroups) { + var _this = this; + var gridRowIterator = gridSerializingSession.onNewHeaderGroupingRow(); + var columnIndex = 0; + displayedGroups.forEach(function (columnGroupChild) { + var columnGroup = columnGroupChild; + var colDef = columnGroup.getDefinition(); + var columnName = _this.columnController.getDisplayNameForColumnGroup(columnGroup, 'header'); + gridRowIterator.onColumn(columnName, columnIndex++, columnGroup.getLeafColumns().length - 1); + }); + }; + __decorate([ + context_1.Autowired('displayedGroupCreator'), + __metadata("design:type", displayedGroupCreator_1.DisplayedGroupCreator) + ], GridSerializer.prototype, "displayedGroupCreator", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], GridSerializer.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], GridSerializer.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('pinnedRowModel'), + __metadata("design:type", pinnedRowModel_1.PinnedRowModel) + ], GridSerializer.prototype, "pinnedRowModel", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], GridSerializer.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('balancedColumnTreeBuilder'), + __metadata("design:type", balancedColumnTreeBuilder_1.BalancedColumnTreeBuilder) + ], GridSerializer.prototype, "balancedColumnTreeBuilder", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], GridSerializer.prototype, "gridOptionsWrapper", void 0); + GridSerializer = __decorate([ + context_1.Bean("gridSerializer") + ], GridSerializer); + return GridSerializer; + }()); + exports.GridSerializer = GridSerializer; + var RowType; + (function (RowType) { + RowType[RowType["HEADER_GROUPING"] = 0] = "HEADER_GROUPING"; + RowType[RowType["HEADER"] = 1] = "HEADER"; + RowType[RowType["BODY"] = 2] = "BODY"; + })(RowType = exports.RowType || (exports.RowType = {})); + + +/***/ }), +/* 17 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var columnGroup_1 = __webpack_require__(18); + var column_1 = __webpack_require__(19); + var gridOptionsWrapper_1 = __webpack_require__(4); + var expressionService_1 = __webpack_require__(23); + var balancedColumnTreeBuilder_1 = __webpack_require__(3); + var displayedGroupCreator_1 = __webpack_require__(24); + var autoWidthCalculator_1 = __webpack_require__(25); + var eventService_1 = __webpack_require__(5); + var columnUtils_1 = __webpack_require__(20); + var logger_1 = __webpack_require__(6); + var events_1 = __webpack_require__(11); + var originalColumnGroup_1 = __webpack_require__(21); + var groupInstanceIdCreator_1 = __webpack_require__(112); + var context_1 = __webpack_require__(7); + var columnAnimationService_1 = __webpack_require__(57); + var autoGroupColService_1 = __webpack_require__(113); + var valueCache_1 = __webpack_require__(29); + var gridApi_1 = __webpack_require__(14); + var columnApi_1 = __webpack_require__(22); + var ColumnController = (function () { + function ColumnController() { + // header row count, based on user provided columns + this.primaryHeaderRowCount = 0; + this.secondaryHeaderRowCount = 0; + this.secondaryColumnsPresent = false; + // header row count, either above, or based on pivoting if we are pivoting + this.gridHeaderRowCount = 0; + // these are the lists used by the rowRenderer to render nodes. almost the leaf nodes of the above + // displayed trees, however it also takes into account if the groups are open or not. + this.displayedLeftColumns = []; + this.displayedRightColumns = []; + this.displayedCenterColumns = []; + // all three lists above combined + this.allDisplayedColumns = []; + // same as above, except trimmed down to only columns within the viewport + this.allDisplayedVirtualColumns = []; + this.allDisplayedCenterVirtualColumns = []; + this.rowGroupColumns = []; + this.valueColumns = []; + this.pivotColumns = []; + this.ready = false; + this.autoGroupsNeedBuilding = false; + this.pivotMode = false; + this.bodyWidth = 0; + this.leftWidth = 0; + this.rightWidth = 0; + this.bodyWidthDirty = true; + } + ColumnController.prototype.init = function () { + var pivotMode = this.gridOptionsWrapper.isPivotMode(); + this.suppressColumnVirtualisation = this.gridOptionsWrapper.isSuppressColumnVirtualisation(); + if (this.isPivotSettingAllowed(pivotMode)) { + this.pivotMode = pivotMode; + } + this.usingTreeData = this.gridOptionsWrapper.isTreeData(); + }; + ColumnController.prototype.isAutoRowHeightActive = function () { + return this.autoRowHeightColumns && this.autoRowHeightColumns.length > 0; + }; + ColumnController.prototype.getAllAutoRowHeightCols = function () { + return this.autoRowHeightColumns; + }; + ColumnController.prototype.setVirtualViewportLeftAndRight = function () { + if (this.gridOptionsWrapper.isEnableRtl()) { + this.viewportLeft = this.bodyWidth - this.scrollPosition - this.scrollWidth; + this.viewportRight = this.bodyWidth - this.scrollPosition; + } + else { + this.viewportLeft = this.scrollPosition; + this.viewportRight = this.scrollWidth + this.scrollPosition; + } + }; + // used by clipboard service, to know what columns to paste into + ColumnController.prototype.getDisplayedColumnsStartingAt = function (column) { + var currentColumn = column; + var result = []; + while (utils_1.Utils.exists(currentColumn)) { + result.push(currentColumn); + currentColumn = this.getDisplayedColAfter(currentColumn); + } + return result; + }; + // checks what columns are currently displayed due to column virtualisation. fires an event + // if the list of columns has changed. + // + setColumnWidth(), setVirtualViewportPosition(), setColumnDefs(), sizeColumnsToFit() + ColumnController.prototype.checkDisplayedVirtualColumns = function () { + // check displayCenterColumnTree exists first, as it won't exist when grid is initialising + if (utils_1.Utils.exists(this.displayedCenterColumns)) { + var hashBefore = this.allDisplayedVirtualColumns.map(function (column) { return column.getId(); }).join('#'); + this.updateVirtualSets(); + var hashAfter = this.allDisplayedVirtualColumns.map(function (column) { return column.getId(); }).join('#'); + if (hashBefore !== hashAfter) { + var event_1 = { + type: events_1.Events.EVENT_VIRTUAL_COLUMNS_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + } + }; + ColumnController.prototype.setVirtualViewportPosition = function (scrollWidth, scrollPosition) { + if (scrollWidth !== this.scrollWidth || scrollPosition !== this.scrollPosition || this.bodyWidthDirty) { + this.scrollWidth = scrollWidth; + this.scrollPosition = scrollPosition; + // we need to call setVirtualViewportLeftAndRight() at least once after the body width changes, + // as the viewport can stay the same, but in RTL, if body width changes, we need to work out the + // virtual columns again + this.bodyWidthDirty = true; + this.setVirtualViewportLeftAndRight(); + if (this.ready) { + this.checkDisplayedVirtualColumns(); + } + } + }; + ColumnController.prototype.isPivotMode = function () { + return this.pivotMode; + }; + ColumnController.prototype.isPivotSettingAllowed = function (pivot) { + if (pivot) { + if (this.gridOptionsWrapper.isTreeData()) { + console.warn("ag-Grid: Pivot mode not available in conjunction Tree Data i.e. 'gridOptions.treeData: true'"); + return false; + } + else { + return true; + } + } + else { + return true; + } + }; + ColumnController.prototype.setPivotMode = function (pivotMode, source) { + if (source === void 0) { source = "api"; } + if (pivotMode === this.pivotMode) { + return; + } + if (!this.isPivotSettingAllowed(this.pivotMode)) { + return; + } + this.pivotMode = pivotMode; + this.updateDisplayedColumns(source); + var event = { + type: events_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.getSecondaryPivotColumn = function (pivotKeys, valueColKey) { + if (!this.secondaryColumnsPresent) { + return null; + } + var valueColumnToFind = this.getPrimaryColumn(valueColKey); + var foundColumn = null; + this.secondaryColumns.forEach(function (column) { + var thisPivotKeys = column.getColDef().pivotKeys; + var pivotValueColumn = column.getColDef().pivotValueColumn; + var pivotKeyMatches = utils_1.Utils.compareArrays(thisPivotKeys, pivotKeys); + var pivotValueMatches = pivotValueColumn === valueColumnToFind; + if (pivotKeyMatches && pivotValueMatches) { + foundColumn = column; + } + }); + return foundColumn; + }; + ColumnController.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('ColumnController'); + }; + ColumnController.prototype.setFirstRightAndLastLeftPinned = function (source) { + var lastLeft; + var firstRight; + if (this.gridOptionsWrapper.isEnableRtl()) { + lastLeft = this.displayedLeftColumns ? this.displayedLeftColumns[0] : null; + firstRight = this.displayedRightColumns ? this.displayedRightColumns[this.displayedRightColumns.length - 1] : null; + } + else { + lastLeft = this.displayedLeftColumns ? this.displayedLeftColumns[this.displayedLeftColumns.length - 1] : null; + firstRight = this.displayedRightColumns ? this.displayedRightColumns[0] : null; + } + this.gridColumns.forEach(function (column) { + column.setLastLeftPinned(column === lastLeft, source); + column.setFirstRightPinned(column === firstRight, source); + }); + }; + ColumnController.prototype.autoSizeColumns = function (keys, source) { + // because of column virtualisation, we can only do this function on columns that are + // actually rendered, as non-rendered columns (outside the viewport and not rendered + // due to column virtualisation) are not present. this can result in all rendered columns + // getting narrowed, which in turn introduces more rendered columns on the RHS which + // did not get autosized in the original run, leaving the visible grid with columns on + // the LHS sized, but RHS no. so we keep looping through teh visible columns until + // no more cols are available (rendered) to be resized + var _this = this; + if (source === void 0) { source = "api"; } + // keep track of which cols we have resized in here + var columnsAutosized = []; + // initialise with anything except 0 so that while loop executs at least once + var changesThisTimeAround = -1; + while (changesThisTimeAround !== 0) { + changesThisTimeAround = 0; + this.actionOnGridColumns(keys, function (column) { + // if already autosized, skip it + if (columnsAutosized.indexOf(column) >= 0) { + return; + } + // get how wide this col should be + var preferredWidth = _this.autoWidthCalculator.getPreferredWidthForColumn(column); + // preferredWidth = -1 if this col is not on the screen + if (preferredWidth > 0) { + var newWidth = _this.normaliseColumnWidth(column, preferredWidth); + column.setActualWidth(newWidth, source); + columnsAutosized.push(column); + changesThisTimeAround++; + } + return true; + }, source); + } + if (columnsAutosized.length > 0) { + var event_2 = { + type: events_1.Events.EVENT_COLUMN_RESIZED, + columns: columnsAutosized, + column: columnsAutosized.length === 1 ? columnsAutosized[0] : null, + finished: true, + api: this.gridApi, + columnApi: this.columnApi, + source: "autosizeColumns" + }; + this.eventService.dispatchEvent(event_2); + } + }; + ColumnController.prototype.autoSizeColumn = function (key, source) { + if (source === void 0) { source = "api"; } + this.autoSizeColumns([key], source); + }; + ColumnController.prototype.autoSizeAllColumns = function (source) { + if (source === void 0) { source = "api"; } + var allDisplayedColumns = this.getAllDisplayedColumns(); + this.autoSizeColumns(allDisplayedColumns, source); + }; + ColumnController.prototype.getColumnsFromTree = function (rootColumns) { + var result = []; + recursiveFindColumns(rootColumns); + return result; + function recursiveFindColumns(childColumns) { + for (var i = 0; i < childColumns.length; i++) { + var child = childColumns[i]; + if (child instanceof column_1.Column) { + result.push(child); + } + else if (child instanceof originalColumnGroup_1.OriginalColumnGroup) { + recursiveFindColumns(child.getChildren()); + } + } + } + }; + ColumnController.prototype.getAllDisplayedColumnGroups = function () { + if (this.displayedLeftColumnTree && this.displayedRightColumnTree && this.displayedCentreColumnTree) { + return this.displayedLeftColumnTree + .concat(this.displayedCentreColumnTree) + .concat(this.displayedRightColumnTree); + } + else { + return null; + } + }; + // + columnSelectPanel + ColumnController.prototype.getPrimaryColumnTree = function () { + return this.primaryBalancedTree; + }; + // + gridPanel -> for resizing the body and setting top margin + ColumnController.prototype.getHeaderRowCount = function () { + return this.gridHeaderRowCount; + }; + // + headerRenderer -> setting pinned body width + ColumnController.prototype.getLeftDisplayedColumnGroups = function () { + return this.displayedLeftColumnTree; + }; + // + headerRenderer -> setting pinned body width + ColumnController.prototype.getRightDisplayedColumnGroups = function () { + return this.displayedRightColumnTree; + }; + // + headerRenderer -> setting pinned body width + ColumnController.prototype.getCenterDisplayedColumnGroups = function () { + return this.displayedCentreColumnTree; + }; + ColumnController.prototype.getDisplayedColumnGroups = function (type) { + switch (type) { + case column_1.Column.PINNED_LEFT: return this.getLeftDisplayedColumnGroups(); + case column_1.Column.PINNED_RIGHT: return this.getRightDisplayedColumnGroups(); + default: return this.getCenterDisplayedColumnGroups(); + } + }; + // gridPanel -> ensureColumnVisible + ColumnController.prototype.isColumnDisplayed = function (column) { + return this.getAllDisplayedColumns().indexOf(column) >= 0; + }; + // + csvCreator + ColumnController.prototype.getAllDisplayedColumns = function () { + return this.allDisplayedColumns; + }; + ColumnController.prototype.getAllDisplayedVirtualColumns = function () { + return this.allDisplayedVirtualColumns; + }; + ColumnController.prototype.getDisplayedLeftColumnsForRow = function (rowNode) { + if (!this.colSpanActive) { + return this.displayedLeftColumns; + } + else { + return this.getDisplayedColumnsForRow(rowNode, this.displayedLeftColumns); + } + }; + ColumnController.prototype.getDisplayedRightColumnsForRow = function (rowNode) { + if (!this.colSpanActive) { + return this.displayedRightColumns; + } + else { + return this.getDisplayedColumnsForRow(rowNode, this.displayedRightColumns); + } + }; + ColumnController.prototype.getDisplayedColumnsForRow = function (rowNode, displayedColumns, filterCallback, emptySpaceBeforeColumn) { + var result = []; + var lastConsideredCol = null; + var _loop_1 = function (i) { + var col = displayedColumns[i]; + var colSpan = col.getColSpan(rowNode); + var columnsToCheckFilter = [col]; + if (colSpan > 1) { + var colsToRemove = colSpan - 1; + for (var j = 1; j <= colsToRemove; j++) { + columnsToCheckFilter.push(displayedColumns[i + j]); + } + i += colsToRemove; + } + // see which cols we should take out for column virtualisation + var filterPasses; + if (filterCallback) { + // if user provided a callback, means some columns may not be in the viewport. + // the user will NOT provide a callback if we are talking about pinned areas, + // as pinned areas have no horizontal scroll and do not virtualise the columns. + // if lots of columns, that means column spanning, and we set filterPasses = true + // if one or more of the columns spanned pass the filter. + filterPasses = false; + columnsToCheckFilter.forEach(function (colForFilter) { + if (filterCallback(colForFilter)) + filterPasses = true; + }); + } + else { + filterPasses = true; + } + if (filterPasses) { + if (result.length === 0 && lastConsideredCol) { + var gapBeforeColumn = emptySpaceBeforeColumn ? emptySpaceBeforeColumn(col) : false; + if (gapBeforeColumn) { + result.push(lastConsideredCol); + } + } + result.push(col); + } + lastConsideredCol = col; + out_i_1 = i; + }; + var out_i_1; + for (var i = 0; i < displayedColumns.length; i++) { + _loop_1(i); + i = out_i_1; + } + return result; + }; + // + rowRenderer + // if we are not column spanning, this just returns back the virtual centre columns, + // however if we are column spanning, then different rows can have different virtual + // columns, so we have to work out the list for each individual row. + ColumnController.prototype.getAllDisplayedCenterVirtualColumnsForRow = function (rowNode) { + var _this = this; + if (!this.colSpanActive) { + return this.allDisplayedCenterVirtualColumns; + } + var emptySpaceBeforeColumn = function (col) { return col.getLeft() > _this.viewportLeft; }; + // if doing column virtualisation, then we filter based on the viewport. + var filterCallback = this.suppressColumnVirtualisation ? null : this.isColumnInViewport.bind(this); + return this.getDisplayedColumnsForRow(rowNode, this.displayedCenterColumns, filterCallback, emptySpaceBeforeColumn); + }; + ColumnController.prototype.isColumnInViewport = function (col) { + var columnLeft = col.getLeft(); + var columnRight = col.getLeft() + col.getActualWidth(); + var columnToMuchLeft = columnLeft < this.viewportLeft && columnRight < this.viewportLeft; + var columnToMuchRight = columnLeft > this.viewportRight && columnRight > this.viewportRight; + return !columnToMuchLeft && !columnToMuchRight; + }; + // used by: + // + angularGrid -> setting pinned body width + // note: this should be cached + ColumnController.prototype.getPinnedLeftContainerWidth = function () { + return this.getWidthOfColsInList(this.displayedLeftColumns); + }; + // note: this should be cached + ColumnController.prototype.getPinnedRightContainerWidth = function () { + return this.getWidthOfColsInList(this.displayedRightColumns); + }; + ColumnController.prototype.updatePrimaryColumnList = function (keys, masterList, actionIsAdd, columnCallback, eventType, source) { + var _this = this; + if (source === void 0) { source = "api"; } + if (utils_1.Utils.missingOrEmpty(keys)) { + return; + } + var atLeastOne = false; + keys.forEach(function (key) { + var columnToAdd = _this.getPrimaryColumn(key); + if (!columnToAdd) { + return; + } + if (actionIsAdd) { + if (masterList.indexOf(columnToAdd) >= 0) { + return; + } + masterList.push(columnToAdd); + } + else { + if (masterList.indexOf(columnToAdd) < 0) { + return; + } + utils_1.Utils.removeFromArray(masterList, columnToAdd); + } + columnCallback(columnToAdd); + atLeastOne = true; + }); + if (!atLeastOne) { + return; + } + if (this.autoGroupsNeedBuilding) { + this.updateGridColumns(); + } + this.updateDisplayedColumns(source); + var event = { + type: eventType, + columns: masterList, + column: masterList.length === 1 ? masterList[0] : null, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.setRowGroupColumns = function (colKeys, source) { + if (source === void 0) { source = "api"; } + this.autoGroupsNeedBuilding = true; + this.setPrimaryColumnList(colKeys, this.rowGroupColumns, events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.setRowGroupActive.bind(this), source); + }; + ColumnController.prototype.setRowGroupActive = function (active, column, source) { + if (active === column.isRowGroupActive()) { + return; + } + column.setRowGroupActive(active, source); + if (!active && !this.gridOptionsWrapper.isSuppressMakeColumnVisibleAfterUnGroup()) { + column.setVisible(true, source); + } + }; + ColumnController.prototype.addRowGroupColumn = function (key, source) { + if (source === void 0) { source = "api"; } + this.addRowGroupColumns([key], source); + }; + ColumnController.prototype.addRowGroupColumns = function (keys, source) { + if (source === void 0) { source = "api"; } + this.autoGroupsNeedBuilding = true; + this.updatePrimaryColumnList(keys, this.rowGroupColumns, true, this.setRowGroupActive.bind(this, true), events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, source); + }; + ColumnController.prototype.removeRowGroupColumns = function (keys, source) { + if (source === void 0) { source = "api"; } + this.autoGroupsNeedBuilding = true; + this.updatePrimaryColumnList(keys, this.rowGroupColumns, false, this.setRowGroupActive.bind(this, false), events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, source); + }; + ColumnController.prototype.removeRowGroupColumn = function (key, source) { + if (source === void 0) { source = "api"; } + this.removeRowGroupColumns([key], source); + }; + ColumnController.prototype.addPivotColumns = function (keys, source) { + if (source === void 0) { source = "api"; } + this.updatePrimaryColumnList(keys, this.pivotColumns, true, function (column) { return column.setPivotActive(true, source); }, events_1.Events.EVENT_COLUMN_PIVOT_CHANGED, source); + }; + ColumnController.prototype.setPivotColumns = function (colKeys, source) { + if (source === void 0) { source = "api"; } + this.setPrimaryColumnList(colKeys, this.pivotColumns, events_1.Events.EVENT_COLUMN_PIVOT_CHANGED, function (added, column) { + column.setPivotActive(added, source); + }, source); + }; + ColumnController.prototype.addPivotColumn = function (key, source) { + if (source === void 0) { source = "api"; } + this.addPivotColumns([key], source); + }; + ColumnController.prototype.removePivotColumns = function (keys, source) { + if (source === void 0) { source = "api"; } + this.updatePrimaryColumnList(keys, this.pivotColumns, false, function (column) { return column.setPivotActive(false, source); }, events_1.Events.EVENT_COLUMN_PIVOT_CHANGED, source); + }; + ColumnController.prototype.removePivotColumn = function (key, source) { + if (source === void 0) { source = "api"; } + this.removePivotColumns([key], source); + }; + ColumnController.prototype.setPrimaryColumnList = function (colKeys, masterList, eventName, columnCallback, source) { + var _this = this; + masterList.length = 0; + if (utils_1.Utils.exists(colKeys)) { + colKeys.forEach(function (key) { + var column = _this.getPrimaryColumn(key); + masterList.push(column); + }); + } + this.primaryColumns.forEach(function (column) { + var added = masterList.indexOf(column) >= 0; + columnCallback(added, column); + }); + if (this.autoGroupsNeedBuilding) { + this.updateGridColumns(); + } + this.updateDisplayedColumns(source); + var event = { + type: eventName, + columns: masterList, + column: masterList.length === 1 ? masterList[0] : null, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.setValueColumns = function (colKeys, source) { + if (source === void 0) { source = "api"; } + this.setPrimaryColumnList(colKeys, this.valueColumns, events_1.Events.EVENT_COLUMN_VALUE_CHANGED, this.setValueActive.bind(this), source); + }; + ColumnController.prototype.setValueActive = function (active, column, source) { + if (active === column.isValueActive()) { + return; + } + column.setValueActive(active, source); + if (active && !column.getAggFunc()) { + var defaultAggFunc = this.aggFuncService.getDefaultAggFunc(column); + column.setAggFunc(defaultAggFunc); + } + }; + ColumnController.prototype.addValueColumns = function (keys, source) { + if (source === void 0) { source = "api"; } + this.updatePrimaryColumnList(keys, this.valueColumns, true, this.setValueActive.bind(this, true), events_1.Events.EVENT_COLUMN_VALUE_CHANGED, source); + }; + ColumnController.prototype.addValueColumn = function (colKey, source) { + if (source === void 0) { source = "api"; } + this.addValueColumns([colKey], source); + }; + ColumnController.prototype.removeValueColumn = function (colKey, source) { + if (source === void 0) { source = "api"; } + this.removeValueColumns([colKey], source); + }; + ColumnController.prototype.removeValueColumns = function (keys, source) { + if (source === void 0) { source = "api"; } + this.updatePrimaryColumnList(keys, this.valueColumns, false, this.setValueActive.bind(this, false), events_1.Events.EVENT_COLUMN_VALUE_CHANGED, source); + }; + // returns the width we can set to this col, taking into consideration min and max widths + ColumnController.prototype.normaliseColumnWidth = function (column, newWidth) { + if (newWidth < column.getMinWidth()) { + newWidth = column.getMinWidth(); + } + if (column.isGreaterThanMax(newWidth)) { + newWidth = column.getMaxWidth(); + } + return newWidth; + }; + ColumnController.prototype.getPrimaryOrGridColumn = function (key) { + var column = this.getPrimaryColumn(key); + if (column) { + return column; + } + else { + return this.getGridColumn(key); + } + }; + ColumnController.prototype.setColumnWidth = function (key, // @key - the column who's size we want to change + newWidth, // @newWidth - width in pixels + takeFromAdjacent, // @takeFromAdjacent - if user has 'shift' pressed, then pixels are taken from adjacent column + finished, // @finished - ends up in the event, tells the user if more events are to come + source) { + if (source === void 0) { source = "api"; } + var col = this.getPrimaryOrGridColumn(key); + if (!col) { + return; + } + var sets = []; + sets.push({ + width: newWidth, + ratios: [1], + columns: [col] + }); + if (takeFromAdjacent) { + var otherCol = this.getDisplayedColAfter(col); + if (!otherCol) { + return; + } + var widthDiff = col.getActualWidth() - newWidth; + var otherColWidth = otherCol.getActualWidth() + widthDiff; + sets.push({ + width: otherColWidth, + ratios: [1], + columns: [otherCol] + }); + } + this.resizeColumnSets(sets, finished, source); + }; + ColumnController.prototype.checkMinAndMaxWidthsForSet = function (columnResizeSet) { + var columns = columnResizeSet.columns, width = columnResizeSet.width; + // every col has a min width, so sum them all up and see if we have enough room + // for all the min widths + var minWidthAccumulated = 0; + var maxWidthAccumulated = 0; + var maxWidthActive = true; + columns.forEach(function (col) { + minWidthAccumulated += col.getMinWidth(); + if (col.getMaxWidth() > 0) { + maxWidthAccumulated += col.getMaxWidth(); + } + else { + // if at least one columns has no max width, it means the group of columns + // then has no max width, as at least one column can take as much width as possible + maxWidthActive = false; + } + }); + var minWidthPasses = width >= minWidthAccumulated; + var maxWidthPasses = !maxWidthActive || (width <= maxWidthAccumulated); + return minWidthPasses && maxWidthPasses; + }; + // method takes sets of columns and resizes them. either all sets will be resized, or nothing + // be resized. this is used for example when user tries to resize a group and holds shift key, + // then both the current group (grows), and the adjacent group (shrinks), will get resized, + // so that's two sets for this method. + ColumnController.prototype.resizeColumnSets = function (resizeSets, finished, source) { + var passMinMaxCheck = utils_1.Utils.every(resizeSets, this.checkMinAndMaxWidthsForSet.bind(this)); + if (!passMinMaxCheck) { + return; + } + var changedCols = []; + var allCols = []; + resizeSets.forEach(function (set) { + var width = set.width, columns = set.columns, ratios = set.ratios; + // keep track of pixels used, and last column gets the remaining, + // to cater for rounding errors, and min width adjustments + var newWidths = {}; + var finishedCols = {}; + columns.forEach(function (col) { return allCols.push(col); }); + // the loop below goes through each col. if a col exceeds it's min/max width, + // it then gets set to its min/max width and the column is removed marked as 'finished' + // and the calculation is done again leaving this column out. take for example columns + // {A, width: 50, maxWidth: 100} + // {B, width: 50} + // {C, width: 50} + // and then the set is set to width 600 - on the first pass the grid tries to set each column + // to 200. it checks A and sees 200 > 100 and so sets the width to 100. col A is then marked + // as 'finished' and the calculation is done again with the remaining cols B and C, which end up + // splitting the remaining 500 pixels. + var finishedColsGrew = true; + var loopCount = 0; + var _loop_2 = function () { + loopCount++; + if (loopCount > 1000) { + // this should never happen, but in the future, someone might introduce a bug here, + // so we stop the browser from hanging and report bug properly + console.error('ag-Grid: infinite loop in resizeColumnSets'); + return "break"; + } + finishedColsGrew = false; + var subsetCols = []; + var subsetRatios = []; + var subsetRatioTotal = 0; + var pixelsToDistribute = width; + columns.forEach(function (col, index) { + var thisColFinished = finishedCols[col.getId()]; + if (thisColFinished) { + pixelsToDistribute -= newWidths[col.getId()]; + } + else { + subsetCols.push(col); + var ratioThisCol = ratios[index]; + subsetRatioTotal += ratioThisCol; + subsetRatios.push(ratioThisCol); + } + }); + // because we are not using all of the ratios (cols can be missing), + // we scale the ratio. if all columns are included, then subsetRatioTotal=1, + // and so the ratioScale will be 1. + var ratioScale = 1 / subsetRatioTotal; + subsetCols.forEach(function (col, index) { + var lastCol = index === (subsetCols.length - 1); + var colNewWidth; + if (lastCol) { + colNewWidth = pixelsToDistribute; + } + else { + colNewWidth = Math.round(ratios[index] * width * ratioScale); + pixelsToDistribute -= colNewWidth; + } + if (colNewWidth < col.getMinWidth()) { + colNewWidth = col.getMinWidth(); + finishedCols[col.getId()] = true; + finishedColsGrew = true; + } + else if (col.getMaxWidth() > 0 && colNewWidth > col.getMaxWidth()) { + colNewWidth = col.getMaxWidth(); + finishedCols[col.getId()] = true; + finishedColsGrew = true; + } + newWidths[col.getId()] = colNewWidth; + }); + }; + while (finishedColsGrew) { + var state_1 = _loop_2(); + if (state_1 === "break") + break; + } + columns.forEach(function (col) { + var newWidth = newWidths[col.getId()]; + if (col.getActualWidth() !== newWidth) { + col.setActualWidth(newWidth); + changedCols.push(col); + } + }); + }); + // if no cols changed, then no need to update more or send event. + var atLeastOneColChanged = changedCols.length > 0; + if (atLeastOneColChanged) { + this.setLeftValues(source); + this.updateBodyWidths(); + this.checkDisplayedVirtualColumns(); + } + // check for change first, to avoid unnecessary firing of events + // however we always fire 'finished' events. this is important + // when groups are resized, as if the group is changing slowly, + // eg 1 pixel at a time, then each change will fire change events + // in all the columns in the group, but only one with get the pixel. + if (atLeastOneColChanged || finished) { + var event_3 = { + type: events_1.Events.EVENT_COLUMN_RESIZED, + columns: allCols, + column: allCols.length === 1 ? allCols[0] : null, + finished: finished, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event_3); + } + }; + ColumnController.prototype.setColumnAggFunc = function (column, aggFunc, source) { + if (source === void 0) { source = "api"; } + column.setAggFunc(aggFunc); + var event = { + type: events_1.Events.EVENT_COLUMN_VALUE_CHANGED, + columns: [column], + column: column, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.moveRowGroupColumn = function (fromIndex, toIndex, source) { + if (source === void 0) { source = "api"; } + var column = this.rowGroupColumns[fromIndex]; + this.rowGroupColumns.splice(fromIndex, 1); + this.rowGroupColumns.splice(toIndex, 0, column); + var event = { + type: events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, + columns: this.rowGroupColumns, + column: this.rowGroupColumns.length === 1 ? this.rowGroupColumns[0] : null, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.moveColumns = function (columnsToMoveKeys, toIndex, source) { + if (source === void 0) { source = "api"; } + this.columnAnimationService.start(); + if (toIndex > this.gridColumns.length - columnsToMoveKeys.length) { + console.warn('ag-Grid: tried to insert columns in invalid location, toIndex = ' + toIndex); + console.warn('ag-Grid: remember that you should not count the moving columns when calculating the new index'); + return; + } + // we want to pull all the columns out first and put them into an ordered list + var columnsToMove = this.getGridColumns(columnsToMoveKeys); + var failedRules = !this.doesMovePassRules(columnsToMove, toIndex); + if (failedRules) { + return; + } + utils_1.Utils.moveInArray(this.gridColumns, columnsToMove, toIndex); + this.updateDisplayedColumns(source); + var event = { + type: events_1.Events.EVENT_COLUMN_MOVED, + columns: columnsToMove, + column: columnsToMove.length === 1 ? columnsToMove[0] : null, + toIndex: toIndex, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event); + this.columnAnimationService.finish(); + }; + ColumnController.prototype.doesMovePassRules = function (columnsToMove, toIndex) { + // make a copy of what the grid columns would look like after the move + var proposedColumnOrder = this.gridColumns.slice(); + utils_1.Utils.moveInArray(proposedColumnOrder, columnsToMove, toIndex); + // then check that the new proposed order of the columns passes all rules + if (!this.doesMovePassMarryChildren(proposedColumnOrder)) { + return false; + } + if (!this.doesMovePassLockedPositions(proposedColumnOrder)) { + return false; + } + return true; + }; + ColumnController.prototype.doesMovePassLockedPositions = function (proposedColumnOrder) { + var foundNonLocked = false; + var rulePassed = true; + // go though the cols, see if any non-locked appear before any locked + proposedColumnOrder.forEach(function (col) { + if (col.isLockPosition()) { + if (foundNonLocked) { + rulePassed = false; + } + } + else { + foundNonLocked = true; + } + }); + return rulePassed; + }; + ColumnController.prototype.doesMovePassMarryChildren = function (allColumnsCopy) { + var rulePassed = true; + this.columnUtils.depthFirstOriginalTreeSearch(this.gridBalancedTree, function (child) { + if (!(child instanceof originalColumnGroup_1.OriginalColumnGroup)) { + return; + } + var columnGroup = child; + var marryChildren = columnGroup.getColGroupDef() && columnGroup.getColGroupDef().marryChildren; + if (!marryChildren) { + return; + } + var newIndexes = []; + columnGroup.getLeafColumns().forEach(function (col) { + var newColIndex = allColumnsCopy.indexOf(col); + newIndexes.push(newColIndex); + }); + var maxIndex = Math.max.apply(Math, newIndexes); + var minIndex = Math.min.apply(Math, newIndexes); + // spread is how far the first column in this group is away from the last column + var spread = maxIndex - minIndex; + var maxSpread = columnGroup.getLeafColumns().length - 1; + // if the columns + if (spread > maxSpread) { + rulePassed = false; + } + // console.log(`maxIndex = ${maxIndex}, minIndex = ${minIndex}, spread = ${spread}, maxSpread = ${maxSpread}, fail = ${spread > (count-1)}`) + // console.log(allColumnsCopy.map( col => col.getColDef().field).join(',')); + }); + return rulePassed; + }; + ColumnController.prototype.moveColumn = function (key, toIndex, source) { + if (source === void 0) { source = "api"; } + this.moveColumns([key], toIndex, source); + }; + ColumnController.prototype.moveColumnByIndex = function (fromIndex, toIndex, source) { + if (source === void 0) { source = "api"; } + var column = this.gridColumns[fromIndex]; + this.moveColumn(column, toIndex, source); + }; + // used by: + // + angularGrid -> for setting body width + // + rowController -> setting main row widths (when inserting and resizing) + // need to cache this + ColumnController.prototype.getBodyContainerWidth = function () { + return this.bodyWidth; + }; + ColumnController.prototype.getContainerWidth = function (pinned) { + switch (pinned) { + case column_1.Column.PINNED_LEFT: return this.leftWidth; + case column_1.Column.PINNED_RIGHT: return this.rightWidth; + default: return this.bodyWidth; + } + }; + // after setColumnWidth or updateGroupsAndDisplayedColumns + ColumnController.prototype.updateBodyWidths = function () { + var newBodyWidth = this.getWidthOfColsInList(this.displayedCenterColumns); + var newLeftWidth = this.getWidthOfColsInList(this.displayedLeftColumns); + var newRightWidth = this.getWidthOfColsInList(this.displayedRightColumns); + // this is used by virtual col calculation, for RTL only, as a change to body width can impact displayed + // columns, due to RTL inverting the y coordinates + this.bodyWidthDirty = this.bodyWidth !== newBodyWidth; + var atLeastOneChanged = this.bodyWidth !== newBodyWidth || this.leftWidth !== newLeftWidth || this.rightWidth !== newRightWidth; + if (atLeastOneChanged) { + this.bodyWidth = newBodyWidth; + this.leftWidth = newLeftWidth; + this.rightWidth = newRightWidth; + // when this fires, it is picked up by the gridPanel, which ends up in + // gridPanel calling setWidthAndScrollPosition(), which in turn calls setVirtualViewportPosition() + var event_4 = { + type: events_1.Events.EVENT_DISPLAYED_COLUMNS_WIDTH_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_4); + } + }; + // + rowController + ColumnController.prototype.getValueColumns = function () { + return this.valueColumns ? this.valueColumns : []; + }; + // + rowController + ColumnController.prototype.getPivotColumns = function () { + return this.pivotColumns ? this.pivotColumns : []; + }; + // + clientSideRowModel + ColumnController.prototype.isPivotActive = function () { + return this.pivotColumns && this.pivotColumns.length > 0 && this.pivotMode; + }; + // + toolPanel + ColumnController.prototype.getRowGroupColumns = function () { + return this.rowGroupColumns ? this.rowGroupColumns : []; + }; + // + rowController -> while inserting rows + ColumnController.prototype.getDisplayedCenterColumns = function () { + return this.displayedCenterColumns; + }; + // + rowController -> while inserting rows + ColumnController.prototype.getDisplayedLeftColumns = function () { + return this.displayedLeftColumns; + }; + ColumnController.prototype.getDisplayedRightColumns = function () { + return this.displayedRightColumns; + }; + ColumnController.prototype.getDisplayedColumns = function (type) { + switch (type) { + case column_1.Column.PINNED_LEFT: return this.getDisplayedLeftColumns(); + case column_1.Column.PINNED_RIGHT: return this.getDisplayedRightColumns(); + default: return this.getDisplayedCenterColumns(); + } + }; + // used by: + // + clientSideRowController -> sorting, building quick filter text + // + headerRenderer -> sorting (clearing icon) + ColumnController.prototype.getAllPrimaryColumns = function () { + return this.primaryColumns; + }; + ColumnController.prototype.getAllColumnsForQuickFilter = function () { + return this.columnsForQuickFilter; + }; + // + moveColumnController + ColumnController.prototype.getAllGridColumns = function () { + return this.gridColumns; + }; + ColumnController.prototype.isEmpty = function () { + return utils_1.Utils.missingOrEmpty(this.gridColumns); + }; + ColumnController.prototype.isRowGroupEmpty = function () { + return utils_1.Utils.missingOrEmpty(this.rowGroupColumns); + }; + ColumnController.prototype.setColumnVisible = function (key, visible, source) { + if (source === void 0) { source = "api"; } + this.setColumnsVisible([key], visible, source); + }; + ColumnController.prototype.setColumnsVisible = function (keys, visible, source) { + var _this = this; + if (source === void 0) { source = "api"; } + this.columnAnimationService.start(); + this.actionOnGridColumns(keys, function (column) { + if (column.isVisible() !== visible) { + column.setVisible(visible, source); + return true; + } + else { + return false; + } + }, source, function () { + var event = { + type: events_1.Events.EVENT_COLUMN_VISIBLE, + visible: visible, + column: null, + columns: null, + api: _this.gridApi, + columnApi: _this.columnApi, + source: source + }; + return event; + }); + this.columnAnimationService.finish(); + }; + ColumnController.prototype.setColumnPinned = function (key, pinned, source) { + if (source === void 0) { source = "api"; } + this.setColumnsPinned([key], pinned, source); + }; + ColumnController.prototype.setColumnsPinned = function (keys, pinned, source) { + var _this = this; + if (source === void 0) { source = "api"; } + this.columnAnimationService.start(); + var actualPinned; + if (pinned === true || pinned === column_1.Column.PINNED_LEFT) { + actualPinned = column_1.Column.PINNED_LEFT; + } + else if (pinned === column_1.Column.PINNED_RIGHT) { + actualPinned = column_1.Column.PINNED_RIGHT; + } + else { + actualPinned = null; + } + this.actionOnGridColumns(keys, function (col) { + if (col.getPinned() !== actualPinned) { + col.setPinned(actualPinned); + return true; + } + else { + return false; + } + }, source, function () { + var event = { + type: events_1.Events.EVENT_COLUMN_PINNED, + pinned: actualPinned, + column: null, + columns: null, + api: _this.gridApi, + columnApi: _this.columnApi, + source: source + }; + return event; + }); + this.columnAnimationService.finish(); + }; + // does an action on a set of columns. provides common functionality for looking up the + // columns based on key, getting a list of effected columns, and then updated the event + // with either one column (if it was just one col) or a list of columns + // used by: autoResize, setVisible, setPinned + ColumnController.prototype.actionOnGridColumns = function (// the column keys this action will be on + keys, + // the action to do - if this returns false, the column was skipped + // and won't be included in the event + action, + // should return back a column event of the right type + source, createEvent) { + var _this = this; + if (utils_1.Utils.missingOrEmpty(keys)) { + return; + } + var updatedColumns = []; + keys.forEach(function (key) { + var column = _this.getGridColumn(key); + if (!column) { + return; + } + // need to check for false with type (ie !== instead of !=) + // as not returning anything (undefined) would also be false + var resultOfAction = action(column); + if (resultOfAction !== false) { + updatedColumns.push(column); + } + }); + if (updatedColumns.length === 0) { + return; + } + this.updateDisplayedColumns(source); + if (utils_1.Utils.exists(createEvent)) { + var event_5 = createEvent(); + event_5.columns = updatedColumns; + event_5.column = updatedColumns.length === 1 ? updatedColumns[0] : null; + this.eventService.dispatchEvent(event_5); + } + }; + ColumnController.prototype.getDisplayedColBefore = function (col) { + var allDisplayedColumns = this.getAllDisplayedColumns(); + var oldIndex = allDisplayedColumns.indexOf(col); + if (oldIndex > 0) { + return allDisplayedColumns[oldIndex - 1]; + } + else { + return null; + } + }; + // used by: + // + rowRenderer -> for navigation + ColumnController.prototype.getDisplayedColAfter = function (col) { + var allDisplayedColumns = this.getAllDisplayedColumns(); + var oldIndex = allDisplayedColumns.indexOf(col); + if (oldIndex < (allDisplayedColumns.length - 1)) { + return allDisplayedColumns[oldIndex + 1]; + } + else { + return null; + } + }; + ColumnController.prototype.getDisplayedGroupAfter = function (columnGroup) { + // pick one col in this group at random + var col = columnGroup.getDisplayedLeafColumns()[0]; + var requiredLevel = columnGroup.getOriginalColumnGroup().getLevel(); + while (true) { + // keep moving to the next col, until we get to another group + col = this.getDisplayedColAfter(col); + // if no col after, means no group after + if (!col) { + return null; + } + // get group at same level as the one we are looking for + var groupPointer = col.getParent(); + while (groupPointer.getOriginalColumnGroup().getLevel() !== requiredLevel) { + groupPointer = groupPointer.getParent(); + } + if (groupPointer !== columnGroup) { + return groupPointer; + } + } + }; + ColumnController.prototype.isPinningLeft = function () { + return this.displayedLeftColumns.length > 0; + }; + ColumnController.prototype.isPinningRight = function () { + return this.displayedRightColumns.length > 0; + }; + ColumnController.prototype.getPrimaryAndSecondaryAndAutoColumns = function () { + var result = this.primaryColumns ? this.primaryColumns.slice(0) : []; + if (utils_1.Utils.exists(this.groupAutoColumns)) { + this.groupAutoColumns.forEach(function (col) { return result.push(col); }); + } + if (this.secondaryColumnsPresent) { + this.secondaryColumns.forEach(function (column) { return result.push(column); }); + } + return result; + }; + ColumnController.prototype.createStateItemFromColumn = function (column) { + var rowGroupIndex = column.isRowGroupActive() ? this.rowGroupColumns.indexOf(column) : null; + var pivotIndex = column.isPivotActive() ? this.pivotColumns.indexOf(column) : null; + var aggFunc = column.isValueActive() ? column.getAggFunc() : null; + return { + colId: column.getColId(), + hide: !column.isVisible(), + aggFunc: aggFunc, + width: column.getActualWidth(), + pivotIndex: pivotIndex, + pinned: column.getPinned(), + rowGroupIndex: rowGroupIndex + }; + }; + ColumnController.prototype.getColumnState = function () { + if (utils_1.Utils.missing(this.primaryColumns)) { + return []; + } + var columnStateList = this.primaryColumns.map(this.createStateItemFromColumn.bind(this)); + if (!this.pivotMode) { + this.orderColumnStateList(columnStateList); + } + return columnStateList; + }; + ColumnController.prototype.orderColumnStateList = function (columnStateList) { + var gridColumnIds = this.gridColumns.map(function (column) { return column.getColId(); }); + columnStateList.sort(function (itemA, itemB) { + var posA = gridColumnIds.indexOf(itemA.colId); + var posB = gridColumnIds.indexOf(itemB.colId); + return posA - posB; + }); + }; + ColumnController.prototype.resetColumnState = function (source) { + if (source === void 0) { source = "api"; } + // we can't use 'allColumns' as the order might of messed up, so get the primary ordered list + var primaryColumns = this.getColumnsFromTree(this.primaryBalancedTree); + var state = []; + if (primaryColumns) { + primaryColumns.forEach(function (column) { + state.push({ + colId: column.getColId(), + aggFunc: column.getColDef().aggFunc, + hide: column.getColDef().hide, + pinned: column.getColDef().pinned, + rowGroupIndex: column.getColDef().rowGroupIndex, + pivotIndex: column.getColDef().pivotIndex, + width: column.getColDef().width + }); + }); + } + this.setColumnState(state, source); + }; + ColumnController.prototype.setColumnState = function (columnState, source) { + var _this = this; + if (source === void 0) { source = "api"; } + if (utils_1.Utils.missingOrEmpty(this.primaryColumns)) { + return false; + } + this.autoGroupsNeedBuilding = true; + // at the end below, this list will have all columns we got no state for + var columnsWithNoState = this.primaryColumns.slice(); + this.rowGroupColumns = []; + this.valueColumns = []; + this.pivotColumns = []; + var success = true; + var rowGroupIndexes = {}; + var pivotIndexes = {}; + if (columnState) { + columnState.forEach(function (stateItem) { + var column = _this.getPrimaryColumn(stateItem.colId); + if (!column) { + console.warn('ag-grid: column ' + stateItem.colId + ' not found'); + success = false; + } + else { + _this.syncColumnWithStateItem(column, stateItem, rowGroupIndexes, pivotIndexes, source); + utils_1.Utils.removeFromArray(columnsWithNoState, column); + } + }); + } + // anything left over, we got no data for, so add in the column as non-value, non-rowGroup and hidden + columnsWithNoState.forEach(this.syncColumnWithNoState.bind(this)); + // sort the lists according to the indexes that were provided + this.rowGroupColumns.sort(this.sortColumnListUsingIndexes.bind(this, rowGroupIndexes)); + this.pivotColumns.sort(this.sortColumnListUsingIndexes.bind(this, pivotIndexes)); + this.updateGridColumns(); + if (columnState) { + var orderOfColIds_1 = columnState.map(function (stateItem) { return stateItem.colId; }); + this.gridColumns.sort(function (colA, colB) { + var indexA = orderOfColIds_1.indexOf(colA.getId()); + var indexB = orderOfColIds_1.indexOf(colB.getId()); + return indexA - indexB; + }); + } + this.updateDisplayedColumns(source); + var event = { + type: events_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(event); + return success; + }; + ColumnController.prototype.sortColumnListUsingIndexes = function (indexes, colA, colB) { + var indexA = indexes[colA.getId()]; + var indexB = indexes[colB.getId()]; + return indexA - indexB; + }; + ColumnController.prototype.syncColumnWithNoState = function (column, source) { + column.setVisible(false, source); + column.setAggFunc(null); + column.setPinned(null); + column.setRowGroupActive(false, source); + column.setPivotActive(false, source); + column.setValueActive(false, source); + }; + ColumnController.prototype.syncColumnWithStateItem = function (column, stateItem, rowGroupIndexes, pivotIndexes, source) { + // following ensures we are left with boolean true or false, eg converts (null, undefined, 0) all to true + column.setVisible(!stateItem.hide, source); + // sets pinned to 'left' or 'right' + column.setPinned(stateItem.pinned); + // if width provided and valid, use it, otherwise stick with the old width + if (stateItem.width >= this.gridOptionsWrapper.getMinColWidth()) { + column.setActualWidth(stateItem.width, source); + } + if (typeof stateItem.aggFunc === 'string') { + column.setAggFunc(stateItem.aggFunc); + column.setValueActive(true, source); + this.valueColumns.push(column); + } + else { + if (utils_1.Utils.exists(stateItem.aggFunc)) { + console.warn('ag-Grid: stateItem.aggFunc must be a string. if using your own aggregation ' + + 'functions, register the functions first before using them in get/set state. This is because it is' + + 'intended for the column state to be stored and retrieved as simple JSON.'); + } + column.setAggFunc(null); + column.setValueActive(false, source); + } + if (typeof stateItem.rowGroupIndex === 'number') { + this.rowGroupColumns.push(column); + column.setRowGroupActive(true, source); + rowGroupIndexes[column.getId()] = stateItem.rowGroupIndex; + } + else { + column.setRowGroupActive(false, source); + } + if (typeof stateItem.pivotIndex === 'number') { + this.pivotColumns.push(column); + column.setPivotActive(true, source); + pivotIndexes[column.getId()] = stateItem.pivotIndex; + } + else { + column.setPivotActive(false, source); + } + }; + ColumnController.prototype.getGridColumns = function (keys) { + return this.getColumns(keys, this.getGridColumn.bind(this)); + }; + ColumnController.prototype.getColumns = function (keys, columnLookupCallback) { + var foundColumns = []; + if (keys) { + keys.forEach(function (key) { + var column = columnLookupCallback(key); + if (column) { + foundColumns.push(column); + } + }); + } + return foundColumns; + }; + // used by growGroupPanel + ColumnController.prototype.getColumnWithValidation = function (key) { + var column = this.getPrimaryColumn(key); + if (!column) { + console.warn('ag-Grid: could not find column ' + column); + } + return column; + }; + ColumnController.prototype.getPrimaryColumn = function (key) { + return this.getColumn(key, this.primaryColumns); + }; + ColumnController.prototype.getGridColumn = function (key) { + return this.getColumn(key, this.gridColumns); + }; + ColumnController.prototype.getColumn = function (key, columnList) { + if (!key) { + return null; + } + for (var i = 0; i < columnList.length; i++) { + if (this.columnsMatch(columnList[i], key)) { + return columnList[i]; + } + } + return this.getAutoColumn(key); + }; + ColumnController.prototype.getAutoColumn = function (key) { + var _this = this; + if (!utils_1.Utils.exists(this.groupAutoColumns) || utils_1.Utils.missing(this.groupAutoColumns)) { + return null; + } + return utils_1.Utils.find(this.groupAutoColumns, function (groupCol) { + return _this.columnsMatch(groupCol, key); + }); + }; + ColumnController.prototype.columnsMatch = function (column, key) { + var columnMatches = column === key; + var colDefMatches = column.getColDef() === key; + var idMatches = column.getColId() == key; + return columnMatches || colDefMatches || idMatches; + }; + ColumnController.prototype.getDisplayNameForColumn = function (column, location, includeAggFunc) { + if (includeAggFunc === void 0) { includeAggFunc = false; } + var headerName = this.getHeaderName(column.getColDef(), column, null, null, location); + if (includeAggFunc) { + return this.wrapHeaderNameWithAggFunc(column, headerName); + } + else { + return headerName; + } + }; + ColumnController.prototype.getDisplayNameForOriginalColumnGroup = function (columnGroup, originalColumnGroup, location) { + var colGroupDef = originalColumnGroup.getColGroupDef(); + if (colGroupDef) { + return this.getHeaderName(colGroupDef, null, columnGroup, originalColumnGroup, location); + } + else { + return null; + } + }; + ColumnController.prototype.getDisplayNameForColumnGroup = function (columnGroup, location) { + return this.getDisplayNameForOriginalColumnGroup(columnGroup, columnGroup.getOriginalColumnGroup(), location); + }; + // location is where the column is going to appear, ie who is calling us + ColumnController.prototype.getHeaderName = function (colDef, column, columnGroup, originalColumnGroup, location) { + var headerValueGetter = colDef.headerValueGetter; + if (headerValueGetter) { + var params = { + colDef: colDef, + column: column, + columnGroup: columnGroup, + originalColumnGroup: originalColumnGroup, + location: location, + api: this.gridOptionsWrapper.getApi(), + context: this.gridOptionsWrapper.getContext() + }; + if (typeof headerValueGetter === 'function') { + // valueGetter is a function, so just call it + return headerValueGetter(params); + } + else if (typeof headerValueGetter === 'string') { + // valueGetter is an expression, so execute the expression + return this.expressionService.evaluate(headerValueGetter, params); + } + else { + console.warn('ag-grid: headerValueGetter must be a function or a string'); + return ''; + } + } + else if (colDef.headerName != null) { + return colDef.headerName; + } + else if (colDef.field) { + return utils_1.Utils.camelCaseToHumanText(colDef.field); + } + else { + return ''; + } + }; + /* + private getHeaderGroupName(columnGroup: ColumnGroup): string { + let colGroupDef = columnGroup.getOriginalColumnGroup().getColGroupDef(); + let headerValueGetter = colGroupDef.headerValueGetter; + + if (headerValueGetter) { + let params = { + columnGroup: columnGroup, + colDef: colGroupDef, + api: this.gridOptionsWrapper.getApi(), + context: this.gridOptionsWrapper.getContext() + }; + + if (typeof headerValueGetter === 'function') { + // valueGetter is a function, so just call it + return headerValueGetter(params); + } else if (typeof headerValueGetter === 'string') { + // valueGetter is an expression, so execute the expression + return this.expressionService.evaluate(headerValueGetter, params); + } else { + console.warn('ag-grid: headerValueGetter must be a function or a string'); + return ''; + } + } else { + return colGroupDef.headerName; + } + } + */ + ColumnController.prototype.wrapHeaderNameWithAggFunc = function (column, headerName) { + if (this.gridOptionsWrapper.isSuppressAggFuncInHeader()) { + return headerName; + } + // only columns with aggregation active can have aggregations + var pivotValueColumn = column.getColDef().pivotValueColumn; + var pivotActiveOnThisColumn = utils_1.Utils.exists(pivotValueColumn); + var aggFunc = null; + var aggFuncFound; + // otherwise we have a measure that is active, and we are doing aggregation on it + if (pivotActiveOnThisColumn) { + aggFunc = pivotValueColumn.getAggFunc(); + aggFuncFound = true; + } + else { + var measureActive = column.isValueActive(); + var aggregationPresent = this.pivotMode || !this.isRowGroupEmpty(); + if (measureActive && aggregationPresent) { + aggFunc = column.getAggFunc(); + aggFuncFound = true; + } + else { + aggFuncFound = false; + } + } + if (aggFuncFound) { + var aggFuncString = (typeof aggFunc === 'string') ? aggFunc : 'func'; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var aggFuncStringTranslated = localeTextFunc(aggFuncString, aggFuncString); + return aggFuncStringTranslated + "(" + headerName + ")"; + } + else { + return headerName; + } + }; + // returns the group with matching colId and instanceId. If instanceId is missing, + // matches only on the colId. + ColumnController.prototype.getColumnGroup = function (colId, instanceId) { + if (!colId) { + return null; + } + if (colId instanceof columnGroup_1.ColumnGroup) { + return colId; + } + var allColumnGroups = this.getAllDisplayedColumnGroups(); + var checkInstanceId = typeof instanceId === 'number'; + var result = null; + this.columnUtils.depthFirstAllColumnTreeSearch(allColumnGroups, function (child) { + if (child instanceof columnGroup_1.ColumnGroup) { + var columnGroup = child; + var matched = void 0; + if (checkInstanceId) { + matched = colId === columnGroup.getGroupId() && instanceId === columnGroup.getInstanceId(); + } + else { + matched = colId === columnGroup.getGroupId(); + } + if (matched) { + result = columnGroup; + } + } + }); + return result; + }; + ColumnController.prototype.setColumnDefs = function (columnDefs, source) { + if (source === void 0) { source = "api"; } + // always invalidate cache on changing columns, as the column id's for the new columns + // could overlap with the old id's, so the cache would return old values for new columns. + this.valueCache.expire(); + // NOTE ================== + // we should be destroying the existing columns and groups if they exist, for example, the original column + // group adds a listener to the columns, it should be also removing the listeners + this.autoGroupsNeedBuilding = true; + var balancedTreeResult = this.balancedColumnTreeBuilder.createBalancedColumnGroups(columnDefs, true); + this.primaryBalancedTree = balancedTreeResult.balancedTree; + this.primaryHeaderRowCount = balancedTreeResult.treeDept + 1; + this.primaryColumns = this.getColumnsFromTree(this.primaryBalancedTree); + this.autoRowHeightColumns = this.primaryColumns.filter(function (col) { return col.getColDef().autoHeight; }); + this.extractRowGroupColumns(source); + this.extractPivotColumns(source); + this.createValueColumns(source); + this.updateGridColumns(); + this.updateDisplayedColumns(source); + this.checkDisplayedVirtualColumns(); + this.ready = true; + var eventEverythingChanged = { + type: events_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, + api: this.gridApi, + columnApi: this.columnApi, + source: source + }; + this.eventService.dispatchEvent(eventEverythingChanged); + var newColumnsLoadedEvent = { + type: events_1.Events.EVENT_NEW_COLUMNS_LOADED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(newColumnsLoadedEvent); + }; + ColumnController.prototype.isReady = function () { + return this.ready; + }; + ColumnController.prototype.extractRowGroupColumns = function (source) { + var _this = this; + this.rowGroupColumns.forEach(function (column) { return column.setRowGroupActive(false, source); }); + this.rowGroupColumns = []; + // pull out items with rowGroupIndex + this.primaryColumns.forEach(function (column) { + if (typeof column.getColDef().rowGroupIndex === 'number') { + _this.rowGroupColumns.push(column); + column.setRowGroupActive(true, source); + } + }); + // then sort them + this.rowGroupColumns.sort(function (colA, colB) { + return colA.getColDef().rowGroupIndex - colB.getColDef().rowGroupIndex; + }); + // now just pull out items rowGroup, they will be added at the end + // after the indexed ones, but in the order the columns appear + this.primaryColumns.forEach(function (column) { + if (column.getColDef().rowGroup) { + // if user already specified rowGroupIndex then we skip it as this col already included + if (_this.rowGroupColumns.indexOf(column) >= 0) { + return; + } + _this.rowGroupColumns.push(column); + column.setRowGroupActive(true, source); + } + }); + }; + ColumnController.prototype.extractPivotColumns = function (source) { + var _this = this; + this.pivotColumns.forEach(function (column) { return column.setPivotActive(false, source); }); + this.pivotColumns = []; + // pull out items with pivotIndex + this.primaryColumns.forEach(function (column) { + if (typeof column.getColDef().pivotIndex === 'number') { + _this.pivotColumns.push(column); + column.setPivotActive(true, source); + } + }); + // then sort them + this.pivotColumns.sort(function (colA, colB) { + return colA.getColDef().pivotIndex - colB.getColDef().pivotIndex; + }); + // now check the boolean equivalent + this.primaryColumns.forEach(function (column) { + if (column.getColDef().pivot) { + // if user already specified pivotIndex then we skip it as this col already included + if (_this.pivotColumns.indexOf(column) >= 0) { + return; + } + _this.pivotColumns.push(column); + column.setPivotActive(true, source); + } + }); + }; + ColumnController.prototype.resetColumnGroupState = function (source) { + if (source === void 0) { source = "api"; } + var stateItems = []; + this.columnUtils.depthFirstOriginalTreeSearch(this.primaryBalancedTree, function (child) { + if (child instanceof originalColumnGroup_1.OriginalColumnGroup) { + var groupState = { + groupId: child.getGroupId(), + open: child.getColGroupDef().openByDefault + }; + stateItems.push(groupState); + } + }); + this.setColumnGroupState(stateItems, source); + }; + ColumnController.prototype.getColumnGroupState = function () { + var columnGroupState = []; + this.columnUtils.depthFirstOriginalTreeSearch(this.gridBalancedTree, function (node) { + if (node instanceof originalColumnGroup_1.OriginalColumnGroup) { + var originalColumnGroup = node; + columnGroupState.push({ + groupId: originalColumnGroup.getGroupId(), + open: originalColumnGroup.isExpanded() + }); + } + }); + return columnGroupState; + }; + ColumnController.prototype.setColumnGroupState = function (stateItems, source) { + var _this = this; + if (source === void 0) { source = "api"; } + this.columnAnimationService.start(); + var impactedGroups = []; + stateItems.forEach(function (stateItem) { + var groupKey = stateItem.groupId; + var newValue = stateItem.open; + var originalColumnGroup = _this.getOriginalColumnGroup(groupKey); + if (!originalColumnGroup) { + return; + } + if (originalColumnGroup.isExpanded() === newValue) { + return; + } + _this.logger.log('columnGroupOpened(' + originalColumnGroup.getGroupId() + ',' + newValue + ')'); + originalColumnGroup.setExpanded(newValue); + impactedGroups.push(originalColumnGroup); + }); + this.updateGroupsAndDisplayedColumns(source); + impactedGroups.forEach(function (originalColumnGroup) { + var event = { + type: events_1.Events.EVENT_COLUMN_GROUP_OPENED, + columnGroup: originalColumnGroup, + api: _this.gridApi, + columnApi: _this.columnApi + }; + _this.eventService.dispatchEvent(event); + }); + this.columnAnimationService.finish(); + }; + // called by headerRenderer - when a header is opened or closed + ColumnController.prototype.setColumnGroupOpened = function (key, newValue, source) { + if (source === void 0) { source = "api"; } + var keyAsString; + if (key instanceof originalColumnGroup_1.OriginalColumnGroup) { + keyAsString = key.getId(); + } + else { + keyAsString = key; + } + this.setColumnGroupState([{ groupId: keyAsString, open: newValue }], source); + }; + ColumnController.prototype.getOriginalColumnGroup = function (key) { + if (key instanceof originalColumnGroup_1.OriginalColumnGroup) { + return key; + } + if (typeof key !== 'string') { + console.error('ag-Grid: group key must be a string'); + } + // otherwise, search for the column group by id + var res = null; + this.columnUtils.depthFirstOriginalTreeSearch(this.gridBalancedTree, function (node) { + if (node instanceof originalColumnGroup_1.OriginalColumnGroup) { + var originalColumnGroup = node; + if (originalColumnGroup.getId() === key) { + res = originalColumnGroup; + } + } + }); + return res; + }; + ColumnController.prototype.calculateColumnsForDisplay = function () { + var _this = this; + var columnsForDisplay; + if (this.pivotMode && !this.secondaryColumnsPresent) { + // pivot mode is on, but we are not pivoting, so we only + // show columns we are aggregating on + columnsForDisplay = utils_1.Utils.filter(this.gridColumns, function (column) { + var isAutoGroupCol = _this.groupAutoColumns && _this.groupAutoColumns.indexOf(column) >= 0; + var isValueCol = _this.valueColumns && _this.valueColumns.indexOf(column) >= 0; + return isAutoGroupCol || isValueCol; + }); + } + else { + // otherwise continue as normal. this can be working on the primary + // or secondary columns, whatever the gridColumns are set to + columnsForDisplay = utils_1.Utils.filter(this.gridColumns, function (column) { + // keep col if a) it's auto-group or b) it's visible + var isAutoGroupCol = _this.groupAutoColumns && _this.groupAutoColumns.indexOf(column) >= 0; + return isAutoGroupCol || column.isVisible(); + }); + } + return columnsForDisplay; + }; + ColumnController.prototype.checkColSpanActiveInCols = function (columns) { + var result = false; + columns.forEach(function (col) { + if (utils_1.Utils.exists(col.getColDef().colSpan)) { + result = true; + } + }); + return result; + }; + ColumnController.prototype.calculateColumnsForGroupDisplay = function () { + var _this = this; + this.groupDisplayColumns = []; + var checkFunc = function (col) { + var colDef = col.getColDef(); + if (colDef && utils_1.Utils.exists(colDef.showRowGroup)) { + _this.groupDisplayColumns.push(col); + } + }; + this.gridColumns.forEach(checkFunc); + if (this.groupAutoColumns) { + this.groupAutoColumns.forEach(checkFunc); + } + }; + ColumnController.prototype.getGroupDisplayColumns = function () { + return this.groupDisplayColumns; + }; + ColumnController.prototype.updateDisplayedColumns = function (source) { + var columnsForDisplay = this.calculateColumnsForDisplay(); + this.buildDisplayedTrees(columnsForDisplay); + this.calculateColumnsForGroupDisplay(); + // this is also called when a group is opened or closed + this.updateGroupsAndDisplayedColumns(source); + this.setFirstRightAndLastLeftPinned(source); + }; + ColumnController.prototype.isSecondaryColumnsPresent = function () { + return this.secondaryColumnsPresent; + }; + ColumnController.prototype.setSecondaryColumns = function (colDefs, source) { + if (source === void 0) { source = "api"; } + var newColsPresent = colDefs && colDefs.length > 0; + // if not cols passed, and we had to cols anyway, then do nothing + if (!newColsPresent && !this.secondaryColumnsPresent) { + return; + } + if (newColsPresent) { + this.processSecondaryColumnDefinitions(colDefs); + var balancedTreeResult = this.balancedColumnTreeBuilder.createBalancedColumnGroups(colDefs, false); + this.secondaryBalancedTree = balancedTreeResult.balancedTree; + this.secondaryHeaderRowCount = balancedTreeResult.treeDept + 1; + this.secondaryColumns = this.getColumnsFromTree(this.secondaryBalancedTree); + this.secondaryColumnsPresent = true; + } + else { + this.secondaryBalancedTree = null; + this.secondaryHeaderRowCount = -1; + this.secondaryColumns = null; + this.secondaryColumnsPresent = false; + } + this.updateGridColumns(); + this.updateDisplayedColumns(source); + }; + ColumnController.prototype.processSecondaryColumnDefinitions = function (colDefs) { + var columnCallback = this.gridOptionsWrapper.getProcessSecondaryColDefFunc(); + var groupCallback = this.gridOptionsWrapper.getProcessSecondaryColGroupDefFunc(); + if (!columnCallback && !groupCallback) { + return; + } + searchForColDefs(colDefs); + function searchForColDefs(colDefs2) { + colDefs2.forEach(function (abstractColDef) { + var isGroup = utils_1.Utils.exists(abstractColDef.children); + if (isGroup) { + var colGroupDef = abstractColDef; + if (groupCallback) { + groupCallback(colGroupDef); + } + searchForColDefs(colGroupDef.children); + } + else { + var colDef = abstractColDef; + if (columnCallback) { + columnCallback(colDef); + } + } + }); + } + }; + // called from: setColumnState, setColumnDefs, setSecondaryColumns + ColumnController.prototype.updateGridColumns = function () { + if (this.gridColsArePrimary) { + this.lastPrimaryOrder = this.gridColumns; + } + if (this.secondaryColumns) { + this.gridBalancedTree = this.secondaryBalancedTree.slice(); + this.gridHeaderRowCount = this.secondaryHeaderRowCount; + this.gridColumns = this.secondaryColumns.slice(); + this.gridColsArePrimary = false; + } + else { + this.gridBalancedTree = this.primaryBalancedTree.slice(); + this.gridHeaderRowCount = this.primaryHeaderRowCount; + this.gridColumns = this.primaryColumns.slice(); + this.gridColsArePrimary = true; + // updateGridColumns gets called after user adds a row group. we want to maintain the order of the columns + // when this happens (eg if user moved a column) rather than revert back to the original column order. + // likewise if changing in/out of pivot mode, we want to maintain the order of the primary cols + this.orderGridColsLikeLastPrimary(); + } + this.putFixedColumnsFirst(); + this.addAutoGroupToGridColumns(); + this.setupQuickFilterColumns(); + this.clearDisplayedColumns(); + this.colSpanActive = this.checkColSpanActiveInCols(this.gridColumns); + var event = { + type: events_1.Events.EVENT_GRID_COLUMNS_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.orderGridColsLikeLastPrimary = function () { + var _this = this; + if (utils_1.Utils.missing(this.lastPrimaryOrder)) { + return; + } + // only do the sort if all columns are accounted for. columns will be not accounted for + // if changing from secondary to primary columns + var oneMissing = false; + this.gridColumns.forEach(function (col) { + if (_this.lastPrimaryOrder.indexOf(col) < 0) { + oneMissing = true; + } + }); + if (oneMissing) { + return; + } + this.gridColumns.sort(function (colA, colB) { + var indexA = _this.lastPrimaryOrder.indexOf(colA); + var indexB = _this.lastPrimaryOrder.indexOf(colB); + return indexA - indexB; + }); + }; + ColumnController.prototype.isPrimaryColumnGroupsPresent = function () { + return this.primaryHeaderRowCount > 1; + }; + // if we are using autoGroupCols, then they should be included for quick filter. this covers the + // following scenarios: + // a) user provides 'field' into autoGroupCol of normal grid, so now because a valid col to filter leafs on + // b) using tree data and user depends on autoGroupCol for first col, and we also want to filter on this + // (tree data is a bit different, as parent rows can be filtered on, unlike row grouping) + ColumnController.prototype.setupQuickFilterColumns = function () { + if (this.groupAutoColumns) { + this.columnsForQuickFilter = this.primaryColumns.concat(this.groupAutoColumns); + } + else { + this.columnsForQuickFilter = this.primaryColumns; + } + }; + ColumnController.prototype.putFixedColumnsFirst = function () { + var locked = this.gridColumns.filter(function (c) { return c.isLockPosition(); }); + var unlocked = this.gridColumns.filter(function (c) { return !c.isLockPosition(); }); + this.gridColumns = locked.concat(unlocked); + }; + ColumnController.prototype.addAutoGroupToGridColumns = function () { + // add in auto-group here + this.createGroupAutoColumnsIfNeeded(); + if (utils_1.Utils.missing(this.groupAutoColumns)) { + return; + } + this.gridColumns = this.groupAutoColumns.concat(this.gridColumns); + var autoColBalancedTree = this.balancedColumnTreeBuilder.createForAutoGroups(this.groupAutoColumns, this.gridBalancedTree); + this.gridBalancedTree = autoColBalancedTree.concat(this.gridBalancedTree); + }; + // gets called after we copy down grid columns, to make sure any part of the gui + // that tries to draw, eg the header, it will get empty lists of columns rather + // than stale columns. for example, the header will received gridColumnsChanged + // event, so will try and draw, but it will draw successfully when it acts on the + // virtualColumnsChanged event + ColumnController.prototype.clearDisplayedColumns = function () { + this.displayedLeftColumnTree = []; + this.displayedRightColumnTree = []; + this.displayedCentreColumnTree = []; + this.displayedLeftHeaderRows = {}; + this.displayedRightHeaderRows = {}; + this.displayedCentreHeaderRows = {}; + this.displayedLeftColumns = []; + this.displayedRightColumns = []; + this.displayedCenterColumns = []; + this.allDisplayedColumns = []; + this.allDisplayedVirtualColumns = []; + }; + ColumnController.prototype.updateGroupsAndDisplayedColumns = function (source) { + this.updateOpenClosedVisibilityInColumnGroups(); + this.updateDisplayedColumnsFromTrees(source); + this.updateVirtualSets(); + this.updateBodyWidths(); + // this event is picked up by the gui, headerRenderer and rowRenderer, to recalculate what columns to display + var event = { + type: events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + ColumnController.prototype.updateDisplayedColumnsFromTrees = function (source) { + this.addToDisplayedColumns(this.displayedLeftColumnTree, this.displayedLeftColumns); + this.addToDisplayedColumns(this.displayedCentreColumnTree, this.displayedCenterColumns); + this.addToDisplayedColumns(this.displayedRightColumnTree, this.displayedRightColumns); + this.setupAllDisplayedColumns(); + this.setLeftValues(source); + }; + ColumnController.prototype.setupAllDisplayedColumns = function () { + if (this.gridOptionsWrapper.isEnableRtl()) { + this.allDisplayedColumns = this.displayedRightColumns + .concat(this.displayedCenterColumns) + .concat(this.displayedLeftColumns); + } + else { + this.allDisplayedColumns = this.displayedLeftColumns + .concat(this.displayedCenterColumns) + .concat(this.displayedRightColumns); + } + }; + // sets the left pixel position of each column + ColumnController.prototype.setLeftValues = function (source) { + this.setLeftValuesOfColumns(source); + this.setLeftValuesOfGroups(); + }; + ColumnController.prototype.setLeftValuesOfColumns = function (source) { + var _this = this; + // go through each list of displayed columns + var allColumns = this.primaryColumns.slice(0); + // let totalColumnWidth = this.getWidthOfColsInList() + var doingRtl = this.gridOptionsWrapper.isEnableRtl(); + [this.displayedLeftColumns, this.displayedRightColumns, this.displayedCenterColumns].forEach(function (columns) { + if (doingRtl) { + // when doing RTL, we start at the top most pixel (ie RHS) and work backwards + var left_1 = _this.getWidthOfColsInList(columns); + columns.forEach(function (column) { + left_1 -= column.getActualWidth(); + column.setLeft(left_1, source); + }); + } + else { + // otherwise normal LTR, we start at zero + var left_2 = 0; + columns.forEach(function (column) { + column.setLeft(left_2, source); + left_2 += column.getActualWidth(); + }); + } + utils_1.Utils.removeAllFromArray(allColumns, columns); + }); + // items left in allColumns are columns not displayed, so remove the left position. this is + // important for the rows, as if a col is made visible, then taken out, then made visible again, + // we don't want the animation of the cell floating in from the old position, whatever that was. + allColumns.forEach(function (column) { + column.setLeft(null, source); + }); + }; + ColumnController.prototype.setLeftValuesOfGroups = function () { + // a groups left value is the lest left value of it's children + [this.displayedLeftColumnTree, this.displayedRightColumnTree, this.displayedCentreColumnTree].forEach(function (columns) { + columns.forEach(function (column) { + if (column instanceof columnGroup_1.ColumnGroup) { + var columnGroup = column; + columnGroup.checkLeft(); + } + }); + }); + }; + ColumnController.prototype.addToDisplayedColumns = function (displayedColumnTree, displayedColumns) { + displayedColumns.length = 0; + this.columnUtils.depthFirstDisplayedColumnTreeSearch(displayedColumnTree, function (child) { + if (child instanceof column_1.Column) { + displayedColumns.push(child); + } + }); + }; + ColumnController.prototype.updateDisplayedCenterVirtualColumns = function () { + if (this.suppressColumnVirtualisation) { + // no virtualisation, so don't filter + this.allDisplayedCenterVirtualColumns = this.displayedCenterColumns; + } + else { + // filter out what should be visible + this.allDisplayedCenterVirtualColumns = this.filterOutColumnsWithinViewport(); + } + this.allDisplayedVirtualColumns = this.allDisplayedCenterVirtualColumns + .concat(this.displayedLeftColumns) + .concat(this.displayedRightColumns); + // return map of virtual col id's, for easy lookup when building the groups. + // the map will be colId=>true, ie col id's mapping to 'true'. + var result = {}; + this.allDisplayedVirtualColumns.forEach(function (col) { + result[col.getId()] = true; + }); + return result; + }; + ColumnController.prototype.getVirtualHeaderGroupRow = function (type, dept) { + var result; + switch (type) { + case column_1.Column.PINNED_LEFT: + result = this.displayedLeftHeaderRows[dept]; + break; + case column_1.Column.PINNED_RIGHT: + result = this.displayedRightHeaderRows[dept]; + break; + default: + result = this.displayedCentreHeaderRows[dept]; + break; + } + if (utils_1.Utils.missing(result)) { + result = []; + } + return result; + }; + ColumnController.prototype.updateDisplayedVirtualGroups = function (virtualColIds) { + // go through each group, see if any of it's cols are displayed, and if yes, + // then this group is included + this.displayedLeftHeaderRows = {}; + this.displayedRightHeaderRows = {}; + this.displayedCentreHeaderRows = {}; + testGroup(this.displayedLeftColumnTree, this.displayedLeftHeaderRows, 0); + testGroup(this.displayedRightColumnTree, this.displayedRightHeaderRows, 0); + testGroup(this.displayedCentreColumnTree, this.displayedCentreHeaderRows, 0); + function testGroup(children, result, dept) { + var returnValue = false; + for (var i = 0; i < children.length; i++) { + // see if this item is within viewport + var child = children[i]; + var addThisItem = void 0; + if (child instanceof column_1.Column) { + // for column, test if column is included + addThisItem = virtualColIds[child.getId()] === true; + } + else { + // if group, base decision on children + var columnGroup = child; + addThisItem = testGroup(columnGroup.getDisplayedChildren(), result, dept + 1); + } + if (addThisItem) { + returnValue = true; + if (!result[dept]) { + result[dept] = []; + } + result[dept].push(child); + } + } + return returnValue; + } + }; + ColumnController.prototype.updateVirtualSets = function () { + var virtualColIds = this.updateDisplayedCenterVirtualColumns(); + this.updateDisplayedVirtualGroups(virtualColIds); + }; + ColumnController.prototype.filterOutColumnsWithinViewport = function () { + return utils_1.Utils.filter(this.displayedCenterColumns, this.isColumnInViewport.bind(this)); + }; + // called from api + ColumnController.prototype.sizeColumnsToFit = function (gridWidth, source) { + var _this = this; + if (source === void 0) { source = "api"; } + // avoid divide by zero + var allDisplayedColumns = this.getAllDisplayedColumns(); + if (gridWidth <= 0 || allDisplayedColumns.length === 0) { + return; + } + var colsToNotSpread = utils_1.Utils.filter(allDisplayedColumns, function (column) { + return column.getColDef().suppressSizeToFit === true; + }); + var colsToSpread = utils_1.Utils.filter(allDisplayedColumns, function (column) { + return column.getColDef().suppressSizeToFit !== true; + }); + // make a copy of the cols that are going to be resized + var colsToFireEventFor = colsToSpread.slice(0); + var finishedResizing = false; + while (!finishedResizing) { + finishedResizing = true; + var availablePixels = gridWidth - this.getWidthOfColsInList(colsToNotSpread); + if (availablePixels <= 0) { + // no width, set everything to minimum + colsToSpread.forEach(function (column) { + column.setMinimum(source); + }); + } + else { + var scale = availablePixels / this.getWidthOfColsInList(colsToSpread); + // we set the pixels for the last col based on what's left, as otherwise + // we could be a pixel or two short or extra because of rounding errors. + var pixelsForLastCol = availablePixels; + // backwards through loop, as we are removing items as we go + for (var i = colsToSpread.length - 1; i >= 0; i--) { + var column = colsToSpread[i]; + var newWidth = Math.round(column.getActualWidth() * scale); + if (newWidth < column.getMinWidth()) { + column.setMinimum(source); + moveToNotSpread(column); + finishedResizing = false; + } + else if (column.isGreaterThanMax(newWidth)) { + column.setActualWidth(column.getMaxWidth(), source); + moveToNotSpread(column); + finishedResizing = false; + } + else { + var onLastCol = i === 0; + if (onLastCol) { + column.setActualWidth(pixelsForLastCol, source); + } + else { + column.setActualWidth(newWidth, source); + } + } + pixelsForLastCol -= newWidth; + } + } + } + this.setLeftValues(source); + this.updateBodyWidths(); + colsToFireEventFor.forEach(function (column) { + var event = { + type: events_1.Events.EVENT_COLUMN_RESIZED, + column: column, + columns: [column], + finished: true, + api: _this.gridApi, + columnApi: _this.columnApi, + source: "sizeColumnsToFit" + }; + _this.eventService.dispatchEvent(event); + }); + function moveToNotSpread(column) { + utils_1.Utils.removeFromArray(colsToSpread, column); + colsToNotSpread.push(column); + } + }; + ColumnController.prototype.buildDisplayedTrees = function (visibleColumns) { + var leftVisibleColumns = utils_1.Utils.filter(visibleColumns, function (column) { + return column.getPinned() === 'left'; + }); + var rightVisibleColumns = utils_1.Utils.filter(visibleColumns, function (column) { + return column.getPinned() === 'right'; + }); + var centerVisibleColumns = utils_1.Utils.filter(visibleColumns, function (column) { + return column.getPinned() !== 'left' && column.getPinned() !== 'right'; + }); + var groupInstanceIdCreator = new groupInstanceIdCreator_1.GroupInstanceIdCreator(); + this.displayedLeftColumnTree = this.displayedGroupCreator.createDisplayedGroups(leftVisibleColumns, this.gridBalancedTree, groupInstanceIdCreator, this.displayedLeftColumnTree); + this.displayedRightColumnTree = this.displayedGroupCreator.createDisplayedGroups(rightVisibleColumns, this.gridBalancedTree, groupInstanceIdCreator, this.displayedRightColumnTree); + this.displayedCentreColumnTree = this.displayedGroupCreator.createDisplayedGroups(centerVisibleColumns, this.gridBalancedTree, groupInstanceIdCreator, this.displayedCentreColumnTree); + }; + ColumnController.prototype.updateOpenClosedVisibilityInColumnGroups = function () { + var allColumnGroups = this.getAllDisplayedColumnGroups(); + this.columnUtils.depthFirstAllColumnTreeSearch(allColumnGroups, function (child) { + if (child instanceof columnGroup_1.ColumnGroup) { + var columnGroup = child; + columnGroup.calculateDisplayedColumns(); + } + }); + }; + ColumnController.prototype.getGroupAutoColumns = function () { + return this.groupAutoColumns; + }; + ColumnController.prototype.createGroupAutoColumnsIfNeeded = function () { + if (!this.autoGroupsNeedBuilding) { + return; + } + this.autoGroupsNeedBuilding = false; + // see if we need to insert the default grouping column + var needAutoColumns = (this.rowGroupColumns.length > 0 || this.usingTreeData) + && !this.gridOptionsWrapper.isGroupSuppressAutoColumn() + && !this.gridOptionsWrapper.isGroupUseEntireRow() + && !this.gridOptionsWrapper.isGroupSuppressRow(); + if (needAutoColumns) { + this.groupAutoColumns = this.autoGroupColService.createAutoGroupColumns(this.rowGroupColumns); + } + else { + this.groupAutoColumns = null; + } + }; + ColumnController.prototype.createValueColumns = function (source) { + this.valueColumns.forEach(function (column) { return column.setValueActive(false, source); }); + this.valueColumns = []; + // override with columns that have the aggFunc specified explicitly + for (var i = 0; i < this.primaryColumns.length; i++) { + var column = this.primaryColumns[i]; + if (column.getColDef().aggFunc) { + column.setAggFunc(column.getColDef().aggFunc); + this.valueColumns.push(column); + column.setValueActive(true, source); + } + } + }; + ColumnController.prototype.getWidthOfColsInList = function (columnList) { + var result = 0; + for (var i = 0; i < columnList.length; i++) { + result += columnList[i].getActualWidth(); + } + return result; + }; + ColumnController.prototype.getGridBalancedTree = function () { + return this.gridBalancedTree; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ColumnController.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], ColumnController.prototype, "expressionService", void 0); + __decorate([ + context_1.Autowired('balancedColumnTreeBuilder'), + __metadata("design:type", balancedColumnTreeBuilder_1.BalancedColumnTreeBuilder) + ], ColumnController.prototype, "balancedColumnTreeBuilder", void 0); + __decorate([ + context_1.Autowired('displayedGroupCreator'), + __metadata("design:type", displayedGroupCreator_1.DisplayedGroupCreator) + ], ColumnController.prototype, "displayedGroupCreator", void 0); + __decorate([ + context_1.Autowired('autoWidthCalculator'), + __metadata("design:type", autoWidthCalculator_1.AutoWidthCalculator) + ], ColumnController.prototype, "autoWidthCalculator", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], ColumnController.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('columnUtils'), + __metadata("design:type", columnUtils_1.ColumnUtils) + ], ColumnController.prototype, "columnUtils", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], ColumnController.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnAnimationService'), + __metadata("design:type", columnAnimationService_1.ColumnAnimationService) + ], ColumnController.prototype, "columnAnimationService", void 0); + __decorate([ + context_1.Autowired('autoGroupColService'), + __metadata("design:type", autoGroupColService_1.AutoGroupColService) + ], ColumnController.prototype, "autoGroupColService", void 0); + __decorate([ + context_1.Optional('aggFuncService'), + __metadata("design:type", Object) + ], ColumnController.prototype, "aggFuncService", void 0); + __decorate([ + context_1.Optional('valueCache'), + __metadata("design:type", valueCache_1.ValueCache) + ], ColumnController.prototype, "valueCache", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], ColumnController.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], ColumnController.prototype, "gridApi", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ColumnController.prototype, "init", null); + __decorate([ + __param(0, context_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], ColumnController.prototype, "setBeans", null); + ColumnController = __decorate([ + context_1.Bean('columnController') + ], ColumnController); + return ColumnController; + }()); + exports.ColumnController = ColumnController; + + +/***/ }), +/* 18 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var column_1 = __webpack_require__(19); + var eventService_1 = __webpack_require__(5); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var ColumnGroup = (function () { + function ColumnGroup(originalColumnGroup, groupId, instanceId) { + // depends on the open/closed state of the group, only displaying columns are stored here + this.displayedChildren = []; + this.localEventService = new eventService_1.EventService(); + this.groupId = groupId; + this.instanceId = instanceId; + this.originalColumnGroup = originalColumnGroup; + } + // this is static, a it is used outside of this class + ColumnGroup.createUniqueId = function (groupId, instanceId) { + return groupId + '_' + instanceId; + }; + // as the user is adding and removing columns, the groups are recalculated. + // this reset clears out all children, ready for children to be added again + ColumnGroup.prototype.reset = function () { + this.parent = null; + this.children = null; + this.displayedChildren = null; + }; + ColumnGroup.prototype.getParent = function () { + return this.parent; + }; + ColumnGroup.prototype.setParent = function (parent) { + this.parent = parent; + }; + ColumnGroup.prototype.getUniqueId = function () { + return ColumnGroup.createUniqueId(this.groupId, this.instanceId); + }; + ColumnGroup.prototype.isEmptyGroup = function () { + return this.displayedChildren.length === 0; + }; + ColumnGroup.prototype.isMoving = function () { + var allLeafColumns = this.getOriginalColumnGroup().getLeafColumns(); + if (!allLeafColumns || allLeafColumns.length === 0) { + return false; + } + var allMoving = true; + allLeafColumns.forEach(function (col) { + if (!col.isMoving()) { + allMoving = false; + } + }); + return allMoving; + }; + ColumnGroup.prototype.checkLeft = function () { + // first get all children to setLeft, as it impacts our decision below + this.displayedChildren.forEach(function (child) { + if (child instanceof ColumnGroup) { + child.checkLeft(); + } + }); + // set our left based on first displayed column + if (this.displayedChildren.length > 0) { + if (this.gridOptionsWrapper.isEnableRtl()) { + var lastChild = this.displayedChildren[this.displayedChildren.length - 1]; + var lastChildLeft = lastChild.getLeft(); + this.setLeft(lastChildLeft); + } + else { + var firstChildLeft = this.displayedChildren[0].getLeft(); + this.setLeft(firstChildLeft); + } + } + else { + // this should never happen, as if we have no displayed columns, then + // this groups should not even exist. + this.setLeft(null); + } + }; + ColumnGroup.prototype.getLeft = function () { + return this.left; + }; + ColumnGroup.prototype.getOldLeft = function () { + return this.oldLeft; + }; + ColumnGroup.prototype.setLeft = function (left) { + this.oldLeft = left; + if (this.left !== left) { + this.left = left; + this.localEventService.dispatchEvent(this.createAgEvent(ColumnGroup.EVENT_LEFT_CHANGED)); + } + }; + ColumnGroup.prototype.createAgEvent = function (type) { + return { + type: type, + }; + }; + ColumnGroup.prototype.addEventListener = function (eventType, listener) { + this.localEventService.addEventListener(eventType, listener); + }; + ColumnGroup.prototype.removeEventListener = function (eventType, listener) { + this.localEventService.removeEventListener(eventType, listener); + }; + ColumnGroup.prototype.getGroupId = function () { + return this.groupId; + }; + ColumnGroup.prototype.getInstanceId = function () { + return this.instanceId; + }; + ColumnGroup.prototype.isChildInThisGroupDeepSearch = function (wantedChild) { + var result = false; + this.children.forEach(function (foundChild) { + if (wantedChild === foundChild) { + result = true; + } + if (foundChild instanceof ColumnGroup) { + if (foundChild.isChildInThisGroupDeepSearch(wantedChild)) { + result = true; + } + } + }); + return result; + }; + ColumnGroup.prototype.getActualWidth = function () { + var groupActualWidth = 0; + if (this.displayedChildren) { + this.displayedChildren.forEach(function (child) { + groupActualWidth += child.getActualWidth(); + }); + } + return groupActualWidth; + }; + ColumnGroup.prototype.isResizable = function () { + if (!this.displayedChildren) { + return false; + } + // if at least one child is resizable, then the group is resizable + var result = false; + this.displayedChildren.forEach(function (child) { + if (child.isResizable()) { + result = true; + } + }); + return result; + }; + ColumnGroup.prototype.getMinWidth = function () { + var result = 0; + this.displayedChildren.forEach(function (groupChild) { + result += groupChild.getMinWidth(); + }); + return result; + }; + ColumnGroup.prototype.addChild = function (child) { + if (!this.children) { + this.children = []; + } + this.children.push(child); + }; + ColumnGroup.prototype.getDisplayedChildren = function () { + return this.displayedChildren; + }; + ColumnGroup.prototype.getLeafColumns = function () { + var result = []; + this.addLeafColumns(result); + return result; + }; + ColumnGroup.prototype.getDisplayedLeafColumns = function () { + var result = []; + this.addDisplayedLeafColumns(result); + return result; + }; + // why two methods here doing the same thing? + ColumnGroup.prototype.getDefinition = function () { + return this.originalColumnGroup.getColGroupDef(); + }; + ColumnGroup.prototype.getColGroupDef = function () { + return this.originalColumnGroup.getColGroupDef(); + }; + ColumnGroup.prototype.isPadding = function () { + return this.originalColumnGroup.isPadding(); + }; + ColumnGroup.prototype.isExpandable = function () { + return this.originalColumnGroup.isExpandable(); + }; + ColumnGroup.prototype.isExpanded = function () { + return this.originalColumnGroup.isExpanded(); + }; + ColumnGroup.prototype.setExpanded = function (expanded) { + this.originalColumnGroup.setExpanded(expanded); + }; + ColumnGroup.prototype.addDisplayedLeafColumns = function (leafColumns) { + this.displayedChildren.forEach(function (child) { + if (child instanceof column_1.Column) { + leafColumns.push(child); + } + else if (child instanceof ColumnGroup) { + child.addDisplayedLeafColumns(leafColumns); + } + }); + }; + ColumnGroup.prototype.addLeafColumns = function (leafColumns) { + this.children.forEach(function (child) { + if (child instanceof column_1.Column) { + leafColumns.push(child); + } + else if (child instanceof ColumnGroup) { + child.addLeafColumns(leafColumns); + } + }); + }; + ColumnGroup.prototype.getChildren = function () { + return this.children; + }; + ColumnGroup.prototype.getColumnGroupShow = function () { + return this.originalColumnGroup.getColumnGroupShow(); + }; + ColumnGroup.prototype.getOriginalColumnGroup = function () { + return this.originalColumnGroup; + }; + ColumnGroup.prototype.calculateDisplayedColumns = function () { + var _this = this; + // clear out last time we calculated + this.displayedChildren = []; + // it not expandable, everything is visible + if (!this.originalColumnGroup.isExpandable()) { + this.displayedChildren = this.children; + } + else { + // and calculate again + this.children.forEach(function (abstractColumn) { + var headerGroupShow = abstractColumn.getColumnGroupShow(); + switch (headerGroupShow) { + case ColumnGroup.HEADER_GROUP_SHOW_OPEN: + // when set to open, only show col if group is open + if (_this.originalColumnGroup.isExpanded()) { + _this.displayedChildren.push(abstractColumn); + } + break; + case ColumnGroup.HEADER_GROUP_SHOW_CLOSED: + // when set to open, only show col if group is open + if (!_this.originalColumnGroup.isExpanded()) { + _this.displayedChildren.push(abstractColumn); + } + break; + default: + // default is always show the column + _this.displayedChildren.push(abstractColumn); + break; + } + }); + } + this.localEventService.dispatchEvent(this.createAgEvent(ColumnGroup.EVENT_DISPLAYED_CHILDREN_CHANGED)); + }; + ColumnGroup.HEADER_GROUP_SHOW_OPEN = 'open'; + ColumnGroup.HEADER_GROUP_SHOW_CLOSED = 'closed'; + ColumnGroup.EVENT_LEFT_CHANGED = 'leftChanged'; + ColumnGroup.EVENT_DISPLAYED_CHILDREN_CHANGED = 'displayedChildrenChanged'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ColumnGroup.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], ColumnGroup.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], ColumnGroup.prototype, "gridApi", void 0); + return ColumnGroup; + }()); + exports.ColumnGroup = ColumnGroup; + + +/***/ }), +/* 19 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventService_1 = __webpack_require__(5); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnUtils_1 = __webpack_require__(20); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + // Wrapper around a user provide column definition. The grid treats the column definition as ready only. + // This class contains all the runtime information about a column, plus some logic (the definition has no logic). + // This class implements both interfaces ColumnGroupChild and OriginalColumnGroupChild as the class can + // appear as a child of either the original tree or the displayed tree. However the relevant group classes + // for each type only implements one, as each group can only appear in it's associated tree (eg OriginalColumnGroup + // can only appear in OriginalColumn tree). + var Column = (function () { + function Column(colDef, colId, primary) { + this.moving = false; + this.menuVisible = false; + this.filterActive = false; + this.eventService = new eventService_1.EventService(); + this.rowGroupActive = false; + this.pivotActive = false; + this.aggregationActive = false; + this.colDef = colDef; + this.visible = !colDef.hide; + this.sort = colDef.sort; + this.sortedAt = colDef.sortedAt; + this.colId = colId; + this.primary = primary; + this.lockPosition = colDef.lockPosition === true; + this.lockPinned = colDef.lockPinned === true; + this.lockVisible = colDef.lockVisible === true; + } + Column.prototype.isLockPosition = function () { + return this.lockPosition; + }; + Column.prototype.isLockVisible = function () { + return this.lockVisible; + }; + Column.prototype.isLockPinned = function () { + return this.lockPinned; + }; + Column.prototype.setParent = function (parent) { + this.parent = parent; + }; + Column.prototype.getParent = function () { + return this.parent; + }; + // this is done after constructor as it uses gridOptionsWrapper + Column.prototype.initialise = function () { + this.setPinned(this.colDef.pinned); + var minColWidth = this.gridOptionsWrapper.getMinColWidth(); + var maxColWidth = this.gridOptionsWrapper.getMaxColWidth(); + if (this.colDef.minWidth) { + this.minWidth = this.colDef.minWidth; + } + else { + this.minWidth = minColWidth; + } + if (this.colDef.maxWidth) { + this.maxWidth = this.colDef.maxWidth; + } + else { + this.maxWidth = maxColWidth; + } + this.actualWidth = this.columnUtils.calculateColInitialWidth(this.colDef); + var suppressDotNotation = this.gridOptionsWrapper.isSuppressFieldDotNotation(); + this.fieldContainsDots = utils_1.Utils.exists(this.colDef.field) && this.colDef.field.indexOf('.') >= 0 && !suppressDotNotation; + this.tooltipFieldContainsDots = utils_1.Utils.exists(this.colDef.tooltipField) && this.colDef.tooltipField.indexOf('.') >= 0 && !suppressDotNotation; + this.validate(); + }; + Column.prototype.isEmptyGroup = function () { + return false; + }; + Column.prototype.isRowGroupDisplayed = function (colId) { + if (utils_1.Utils.missing(this.colDef) || utils_1.Utils.missing(this.colDef.showRowGroup)) { + return false; + } + var showingAllGroups = this.colDef.showRowGroup === true; + var showingThisGroup = this.colDef.showRowGroup === colId; + return showingAllGroups || showingThisGroup; + }; + Column.prototype.getUniqueId = function () { + return this.getId(); + }; + Column.prototype.isPrimary = function () { + return this.primary; + }; + Column.prototype.isFilterAllowed = function () { + return this.primary && !this.colDef.suppressFilter; + }; + Column.prototype.isFieldContainsDots = function () { + return this.fieldContainsDots; + }; + Column.prototype.isTooltipFieldContainsDots = function () { + return this.tooltipFieldContainsDots; + }; + Column.prototype.validate = function () { + var colDefAny = this.colDef; + if (!this.gridOptionsWrapper.isEnterprise()) { + var itemsNotAllowedWithoutEnterprise = ['enableRowGroup', 'rowGroup', 'rowGroupIndex', 'enablePivot', 'pivot', 'pivotIndex', 'aggFunc']; + itemsNotAllowedWithoutEnterprise.forEach(function (item) { + if (utils_1.Utils.exists(colDefAny[item])) { + console.warn("ag-Grid: " + item + " is only valid in ag-Grid-Enterprise, your column definition should not have " + item); + } + }); + } + if (this.gridOptionsWrapper.isTreeData()) { + var itemsNotAllowedWithTreeData = ['enableRowGroup', 'rowGroup', 'rowGroupIndex', 'enablePivot', 'pivot', 'pivotIndex']; + itemsNotAllowedWithTreeData.forEach(function (item) { + if (utils_1.Utils.exists(colDefAny[item])) { + console.warn("ag-Grid: " + item + " is not possible when doing tree data, your column definition should not have " + item); + } + }); + } + if (utils_1.Utils.exists(this.colDef.width) && typeof this.colDef.width !== 'number') { + console.warn('ag-Grid: colDef.width should be a number, not ' + typeof this.colDef.width); + } + if (utils_1.Utils.get(this, 'colDef.cellRendererParams.restrictToOneGroup', null)) { + console.warn('ag-Grid: Since ag-grid 11.0.0 cellRendererParams.restrictToOneGroup is deprecated. You should use showRowGroup'); + } + if (utils_1.Utils.get(this, 'colDef.cellRendererParams.keyMap', null)) { + console.warn('ag-Grid: Since ag-grid 11.0.0 cellRendererParams.keyMap is deprecated. You should use colDef.keyCreator'); + } + if (utils_1.Utils.get(this, 'colDef.cellRendererParams.keyMap', null)) { + console.warn('ag-Grid: Since ag-grid 11.0.0 cellRendererParams.keyMap is deprecated. You should use colDef.keyCreator'); + } + if (colDefAny.floatingCellRenderer) { + console.warn('ag-Grid: since v11, floatingCellRenderer is now pinnedRowCellRenderer'); + this.colDef.pinnedRowCellRenderer = colDefAny.floatingCellRenderer; + } + if (colDefAny.floatingRendererFramework) { + console.warn('ag-Grid: since v11, floatingRendererFramework is now pinnedRowCellRendererFramework'); + this.colDef.pinnedRowCellRendererFramework = colDefAny.floatingRendererFramework; + } + if (colDefAny.floatingRendererParams) { + console.warn('ag-Grid: since v11, floatingRendererParams is now pinnedRowCellRendererParams'); + this.colDef.pinnedRowCellRendererParams = colDefAny.floatingRendererParams; + } + if (colDefAny.floatingValueFormatter) { + console.warn('ag-Grid: since v11, floatingValueFormatter is now pinnedRowValueFormatter'); + this.colDef.pinnedRowValueFormatter = colDefAny.floatingValueFormatter; + } + if (colDefAny.cellFormatter) { + console.warn('ag-Grid: since v12, cellFormatter is now valueFormatter'); + if (utils_1.Utils.missing(this.colDef.valueFormatter)) { + this.colDef.valueFormatter = colDefAny.cellFormatter; + } + } + if (colDefAny.headerCellTemplate) { + console.warn('ag-Grid: since v15, headerCellTemplate is gone, use header component instead.'); + } + if (colDefAny.headerCellRenderer) { + console.warn('ag-Grid: since v15, headerCellRenderer is gone, use header component instead.'); + } + if (colDefAny.volatile) { + console.warn('ag-Grid: since v16, colDef.volatile is gone, please check refresh docs on how to refresh specific cells.'); + } + }; + Column.prototype.addEventListener = function (eventType, listener) { + this.eventService.addEventListener(eventType, listener); + }; + Column.prototype.removeEventListener = function (eventType, listener) { + this.eventService.removeEventListener(eventType, listener); + }; + Column.prototype.createIsColumnFuncParams = function (rowNode) { + return { + node: rowNode, + data: rowNode.data, + column: this, + colDef: this.colDef, + context: this.gridOptionsWrapper.getContext(), + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi() + }; + }; + Column.prototype.isSuppressNavigable = function (rowNode) { + // if boolean set, then just use it + if (typeof this.colDef.suppressNavigable === 'boolean') { + return this.colDef.suppressNavigable; + } + // if function, then call the function to find out + if (typeof this.colDef.suppressNavigable === 'function') { + var params = this.createIsColumnFuncParams(rowNode); + var userFunc = this.colDef.suppressNavigable; + return userFunc(params); + } + return false; + }; + Column.prototype.isCellEditable = function (rowNode) { + // only allow editing of groups if the user has this option enabled + if (rowNode.group && !this.gridOptionsWrapper.isEnableGroupEdit()) { + return false; + } + return this.isColumnFunc(rowNode, this.colDef.editable); + }; + Column.prototype.isRowDrag = function (rowNode) { + return this.isColumnFunc(rowNode, this.colDef.rowDrag); + }; + Column.prototype.isCellCheckboxSelection = function (rowNode) { + return this.isColumnFunc(rowNode, this.colDef.checkboxSelection); + }; + Column.prototype.isSuppressPaste = function (rowNode) { + return this.isColumnFunc(rowNode, this.colDef ? this.colDef.suppressPaste : null); + }; + Column.prototype.isResizable = function () { + var enableColResize = this.gridOptionsWrapper.isEnableColResize(); + var suppressResize = this.colDef && this.colDef.suppressResize; + return enableColResize && !suppressResize; + }; + Column.prototype.isColumnFunc = function (rowNode, value) { + // if boolean set, then just use it + if (typeof value === 'boolean') { + return value; + } + // if function, then call the function to find out + if (typeof value === 'function') { + var params = this.createIsColumnFuncParams(rowNode); + var editableFunc = value; + return editableFunc(params); + } + return false; + }; + Column.prototype.setMoving = function (moving, source) { + if (source === void 0) { source = "api"; } + this.moving = moving; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_MOVING_CHANGED, source)); + }; + Column.prototype.createColumnEvent = function (type, source) { + return { + api: this.gridApi, + columnApi: this.columnApi, + type: type, + column: this, + columns: [this], + source: source + }; + }; + Column.prototype.isMoving = function () { + return this.moving; + }; + Column.prototype.getSort = function () { + return this.sort; + }; + Column.prototype.setSort = function (sort, source) { + if (source === void 0) { source = "api"; } + if (this.sort !== sort) { + this.sort = sort; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_SORT_CHANGED, source)); + } + }; + Column.prototype.setMenuVisible = function (visible, source) { + if (source === void 0) { source = "api"; } + if (this.menuVisible !== visible) { + this.menuVisible = visible; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_MENU_VISIBLE_CHANGED, source)); + } + }; + Column.prototype.isMenuVisible = function () { + return this.menuVisible; + }; + Column.prototype.isSortAscending = function () { + return this.sort === Column.SORT_ASC; + }; + Column.prototype.isSortDescending = function () { + return this.sort === Column.SORT_DESC; + }; + Column.prototype.isSortNone = function () { + return utils_1.Utils.missing(this.sort); + }; + Column.prototype.isSorting = function () { + return utils_1.Utils.exists(this.sort); + }; + Column.prototype.getSortedAt = function () { + return this.sortedAt; + }; + Column.prototype.setSortedAt = function (sortedAt) { + this.sortedAt = sortedAt; + }; + Column.prototype.setAggFunc = function (aggFunc) { + this.aggFunc = aggFunc; + }; + Column.prototype.getAggFunc = function () { + return this.aggFunc; + }; + Column.prototype.getLeft = function () { + return this.left; + }; + Column.prototype.getOldLeft = function () { + return this.oldLeft; + }; + Column.prototype.getRight = function () { + return this.left + this.actualWidth; + }; + Column.prototype.setLeft = function (left, source) { + if (source === void 0) { source = "api"; } + this.oldLeft = this.left; + if (this.left !== left) { + this.left = left; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_LEFT_CHANGED, source)); + } + }; + Column.prototype.isFilterActive = function () { + return this.filterActive; + }; + Column.prototype.setFilterActive = function (active, source) { + if (source === void 0) { source = "api"; } + if (this.filterActive !== active) { + this.filterActive = active; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_FILTER_ACTIVE_CHANGED, source)); + } + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_FILTER_CHANGED, source)); + }; + Column.prototype.setPinned = function (pinned) { + if (pinned === true || pinned === Column.PINNED_LEFT) { + this.pinned = Column.PINNED_LEFT; + } + else if (pinned === Column.PINNED_RIGHT) { + this.pinned = Column.PINNED_RIGHT; + } + else { + this.pinned = null; + } + }; + Column.prototype.setFirstRightPinned = function (firstRightPinned, source) { + if (source === void 0) { source = "api"; } + if (this.firstRightPinned !== firstRightPinned) { + this.firstRightPinned = firstRightPinned; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_FIRST_RIGHT_PINNED_CHANGED, source)); + } + }; + Column.prototype.setLastLeftPinned = function (lastLeftPinned, source) { + if (source === void 0) { source = "api"; } + if (this.lastLeftPinned !== lastLeftPinned) { + this.lastLeftPinned = lastLeftPinned; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_LAST_LEFT_PINNED_CHANGED, source)); + } + }; + Column.prototype.isFirstRightPinned = function () { + return this.firstRightPinned; + }; + Column.prototype.isLastLeftPinned = function () { + return this.lastLeftPinned; + }; + Column.prototype.isPinned = function () { + return this.pinned === Column.PINNED_LEFT || this.pinned === Column.PINNED_RIGHT; + }; + Column.prototype.isPinnedLeft = function () { + return this.pinned === Column.PINNED_LEFT; + }; + Column.prototype.isPinnedRight = function () { + return this.pinned === Column.PINNED_RIGHT; + }; + Column.prototype.getPinned = function () { + return this.pinned; + }; + Column.prototype.setVisible = function (visible, source) { + if (source === void 0) { source = "api"; } + var newValue = visible === true; + if (this.visible !== newValue) { + this.visible = newValue; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_VISIBLE_CHANGED, source)); + } + }; + Column.prototype.isVisible = function () { + return this.visible; + }; + Column.prototype.getColDef = function () { + return this.colDef; + }; + Column.prototype.getColumnGroupShow = function () { + return this.colDef.columnGroupShow; + }; + Column.prototype.getColId = function () { + return this.colId; + }; + Column.prototype.getId = function () { + return this.getColId(); + }; + Column.prototype.getDefinition = function () { + return this.colDef; + }; + Column.prototype.getActualWidth = function () { + return this.actualWidth; + }; + Column.prototype.createBaseColDefParams = function (rowNode) { + var params = { + node: rowNode, + data: rowNode.data, + colDef: this.colDef, + column: this, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext() + }; + return params; + }; + Column.prototype.getColSpan = function (rowNode) { + if (utils_1.Utils.missing(this.colDef.colSpan)) { + return 1; + } + else { + var params = this.createBaseColDefParams(rowNode); + var colSpan = this.colDef.colSpan(params); + // colSpan must be number equal to or greater than 1 + if (colSpan > 1) { + return colSpan; + } + else { + return 1; + } + } + }; + Column.prototype.getRowSpan = function (rowNode) { + if (utils_1.Utils.missing(this.colDef.rowSpan)) { + return 1; + } + else { + var params = this.createBaseColDefParams(rowNode); + var rowSpan = this.colDef.rowSpan(params); + // rowSpan must be number equal to or greater than 1 + if (rowSpan > 1) { + return rowSpan; + } + else { + return 1; + } + } + }; + Column.prototype.setActualWidth = function (actualWidth, source) { + if (source === void 0) { source = "api"; } + if (this.actualWidth !== actualWidth) { + this.actualWidth = actualWidth; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_WIDTH_CHANGED, source)); + } + }; + Column.prototype.isGreaterThanMax = function (width) { + if (this.maxWidth) { + return width > this.maxWidth; + } + else { + return false; + } + }; + Column.prototype.getMinWidth = function () { + return this.minWidth; + }; + Column.prototype.getMaxWidth = function () { + return this.maxWidth; + }; + Column.prototype.setMinimum = function (source) { + if (source === void 0) { source = "api"; } + this.setActualWidth(this.minWidth, source); + }; + Column.prototype.setRowGroupActive = function (rowGroup, source) { + if (source === void 0) { source = "api"; } + if (this.rowGroupActive !== rowGroup) { + this.rowGroupActive = rowGroup; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_ROW_GROUP_CHANGED, source)); + } + }; + Column.prototype.isRowGroupActive = function () { + return this.rowGroupActive; + }; + Column.prototype.setPivotActive = function (pivot, source) { + if (source === void 0) { source = "api"; } + if (this.pivotActive !== pivot) { + this.pivotActive = pivot; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_PIVOT_CHANGED, source)); + } + }; + Column.prototype.isPivotActive = function () { + return this.pivotActive; + }; + Column.prototype.isAnyFunctionActive = function () { + return this.isPivotActive() || this.isRowGroupActive() || this.isValueActive(); + }; + Column.prototype.isAnyFunctionAllowed = function () { + return this.isAllowPivot() || this.isAllowRowGroup() || this.isAllowValue(); + }; + Column.prototype.setValueActive = function (value, source) { + if (source === void 0) { source = "api"; } + if (this.aggregationActive !== value) { + this.aggregationActive = value; + this.eventService.dispatchEvent(this.createColumnEvent(Column.EVENT_VALUE_CHANGED, source)); + } + }; + Column.prototype.isValueActive = function () { + return this.aggregationActive; + }; + Column.prototype.isAllowPivot = function () { + return this.colDef.enablePivot === true; + }; + Column.prototype.isAllowValue = function () { + return this.colDef.enableValue === true; + }; + Column.prototype.isAllowRowGroup = function () { + return this.colDef.enableRowGroup === true; + }; + Column.prototype.getMenuTabs = function (defaultValues) { + var menuTabs = this.getColDef().menuTabs; + if (menuTabs == null) { + menuTabs = defaultValues; + } + return menuTabs; + }; + // + renderedHeaderCell - for making header cell transparent when moving + Column.EVENT_MOVING_CHANGED = 'movingChanged'; + // + renderedCell - changing left position + Column.EVENT_LEFT_CHANGED = 'leftChanged'; + // + renderedCell - changing width + Column.EVENT_WIDTH_CHANGED = 'widthChanged'; + // + renderedCell - for changing pinned classes + Column.EVENT_LAST_LEFT_PINNED_CHANGED = 'lastLeftPinnedChanged'; + Column.EVENT_FIRST_RIGHT_PINNED_CHANGED = 'firstRightPinnedChanged'; + // + renderedColumn - for changing visibility icon + Column.EVENT_VISIBLE_CHANGED = 'visibleChanged'; + // + every time the filter changes, used in the floating filters + Column.EVENT_FILTER_CHANGED = 'filterChanged'; + // + renderedHeaderCell - marks the header with filter icon + Column.EVENT_FILTER_ACTIVE_CHANGED = 'filterActiveChanged'; + // + renderedHeaderCell - marks the header with sort icon + Column.EVENT_SORT_CHANGED = 'sortChanged'; + Column.EVENT_MENU_VISIBLE_CHANGED = 'menuVisibleChanged'; + // + toolpanel, for gui updates + Column.EVENT_ROW_GROUP_CHANGED = 'columnRowGroupChanged'; + // + toolpanel, for gui updates + Column.EVENT_PIVOT_CHANGED = 'columnPivotChanged'; + // + toolpanel, for gui updates + Column.EVENT_VALUE_CHANGED = 'columnValueChanged'; + Column.PINNED_RIGHT = 'right'; + Column.PINNED_LEFT = 'left'; + Column.SORT_ASC = 'asc'; + Column.SORT_DESC = 'desc'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], Column.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnUtils'), + __metadata("design:type", columnUtils_1.ColumnUtils) + ], Column.prototype, "columnUtils", void 0); + __decorate([ + context_1.Autowired('frameworkFactory'), + __metadata("design:type", Object) + ], Column.prototype, "frameworkFactory", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], Column.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], Column.prototype, "gridApi", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], Column.prototype, "initialise", null); + return Column; + }()); + exports.Column = Column; + + +/***/ }), +/* 20 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnGroup_1 = __webpack_require__(18); + var originalColumnGroup_1 = __webpack_require__(21); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + // takes in a list of columns, as specified by the column definitions, and returns column groups + var ColumnUtils = (function () { + function ColumnUtils() { + } + ColumnUtils.prototype.calculateColInitialWidth = function (colDef) { + if (!colDef.width) { + // if no width defined in colDef, use default + return this.gridOptionsWrapper.getColWidth(); + } + else if (colDef.width < this.gridOptionsWrapper.getMinColWidth()) { + // if width in col def to small, set to min width + return this.gridOptionsWrapper.getMinColWidth(); + } + else { + // otherwise use the provided width + return colDef.width; + } + }; + ColumnUtils.prototype.getOriginalPathForColumn = function (column, originalBalancedTree) { + var result = []; + var found = false; + recursePath(originalBalancedTree, 0); + // we should always find the path, but in case there is a bug somewhere, returning null + // will make it fail rather than provide a 'hard to track down' bug + if (found) { + return result; + } + else { + return null; + } + function recursePath(balancedColumnTree, dept) { + for (var i = 0; i < balancedColumnTree.length; i++) { + if (found) { + // quit the search, so 'result' is kept with the found result + return; + } + var node = balancedColumnTree[i]; + if (node instanceof originalColumnGroup_1.OriginalColumnGroup) { + var nextNode = node; + recursePath(nextNode.getChildren(), dept + 1); + result[dept] = node; + } + else { + if (node === column) { + found = true; + } + } + } + } + }; + /* public getPathForColumn(column: Column, allDisplayedColumnGroups: ColumnGroupChild[]): ColumnGroup[] { + let result: ColumnGroup[] = []; + let found = false; + + recursePath(allDisplayedColumnGroups, 0); + + // we should always find the path, but in case there is a bug somewhere, returning null + // will make it fail rather than provide a 'hard to track down' bug + if (found) { + return result; + } else { + return null; + } + + function recursePath(balancedColumnTree: ColumnGroupChild[], dept: number): void { + + for (let i = 0; i node; + recursePath(nextNode.getChildren(), dept+1); + result[dept] = node; + } else { + if (node === column) { + found = true; + } + } + } + } + }*/ + ColumnUtils.prototype.depthFirstOriginalTreeSearch = function (tree, callback) { + var _this = this; + if (!tree) { + return; + } + tree.forEach(function (child) { + if (child instanceof originalColumnGroup_1.OriginalColumnGroup) { + _this.depthFirstOriginalTreeSearch(child.getChildren(), callback); + } + callback(child); + }); + }; + ColumnUtils.prototype.depthFirstAllColumnTreeSearch = function (tree, callback) { + var _this = this; + if (!tree) { + return; + } + tree.forEach(function (child) { + if (child instanceof columnGroup_1.ColumnGroup) { + _this.depthFirstAllColumnTreeSearch(child.getChildren(), callback); + } + callback(child); + }); + }; + ColumnUtils.prototype.depthFirstDisplayedColumnTreeSearch = function (tree, callback) { + var _this = this; + if (!tree) { + return; + } + tree.forEach(function (child) { + if (child instanceof columnGroup_1.ColumnGroup) { + _this.depthFirstDisplayedColumnTreeSearch(child.getDisplayedChildren(), callback); + } + callback(child); + }); + }; + __decorate([ + context_2.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ColumnUtils.prototype, "gridOptionsWrapper", void 0); + ColumnUtils = __decorate([ + context_1.Bean('columnUtils') + ], ColumnUtils); + return ColumnUtils; + }()); + exports.ColumnUtils = ColumnUtils; + + +/***/ }), +/* 21 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var columnGroup_1 = __webpack_require__(18); + var column_1 = __webpack_require__(19); + var eventService_1 = __webpack_require__(5); + var context_1 = __webpack_require__(7); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var OriginalColumnGroup = (function () { + function OriginalColumnGroup(colGroupDef, groupId, padding, level) { + this.localEventService = new eventService_1.EventService(); + this.expandable = false; + this.colGroupDef = colGroupDef; + this.groupId = groupId; + this.expanded = colGroupDef && !!colGroupDef.openByDefault; + this.padding = padding; + this.level = level; + } + OriginalColumnGroup.prototype.getLevel = function () { + return this.level; + }; + OriginalColumnGroup.prototype.isVisible = function () { + // return true if at least one child is visible + if (this.children) { + return this.children.some(function (child) { return child.isVisible(); }); + } + else { + return false; + } + }; + OriginalColumnGroup.prototype.isPadding = function () { + return this.padding; + }; + OriginalColumnGroup.prototype.setExpanded = function (expanded) { + this.expanded = expanded; + var event = { + type: OriginalColumnGroup.EVENT_EXPANDED_CHANGED + }; + this.localEventService.dispatchEvent(event); + }; + OriginalColumnGroup.prototype.isExpandable = function () { + return this.expandable; + }; + OriginalColumnGroup.prototype.isExpanded = function () { + return this.expanded; + }; + OriginalColumnGroup.prototype.getGroupId = function () { + return this.groupId; + }; + OriginalColumnGroup.prototype.getId = function () { + return this.getGroupId(); + }; + OriginalColumnGroup.prototype.setChildren = function (children) { + this.children = children; + }; + OriginalColumnGroup.prototype.getChildren = function () { + return this.children; + }; + OriginalColumnGroup.prototype.getColGroupDef = function () { + return this.colGroupDef; + }; + OriginalColumnGroup.prototype.getLeafColumns = function () { + var result = []; + this.addLeafColumns(result); + return result; + }; + OriginalColumnGroup.prototype.addLeafColumns = function (leafColumns) { + if (!this.children) { + return; + } + this.children.forEach(function (child) { + if (child instanceof column_1.Column) { + leafColumns.push(child); + } + else if (child instanceof OriginalColumnGroup) { + child.addLeafColumns(leafColumns); + } + }); + }; + OriginalColumnGroup.prototype.getColumnGroupShow = function () { + if (!this.padding) { + return this.colGroupDef.columnGroupShow; + } + else { + // if this is padding we have exactly only child. we then + // take the value from the child and push it up, making + // this group 'invisible'. + return this.children[0].getColumnGroupShow(); + } + }; + // need to check that this group has at least one col showing when both expanded and contracted. + // if not, then we don't allow expanding and contracting on this group + OriginalColumnGroup.prototype.setupExpandable = function () { + var _this = this; + this.setExpandable(); + // note - we should be removing this event listener + this.getLeafColumns().forEach(function (col) { return col.addEventListener(column_1.Column.EVENT_VISIBLE_CHANGED, _this.onColumnVisibilityChanged.bind(_this)); }); + }; + OriginalColumnGroup.prototype.setExpandable = function () { + // want to make sure the group doesn't disappear when it's open + var atLeastOneShowingWhenOpen = false; + // want to make sure the group doesn't disappear when it's closed + var atLeastOneShowingWhenClosed = false; + // want to make sure the group has something to show / hide + var atLeastOneChangeable = false; + for (var i = 0, j = this.children.length; i < j; i++) { + var abstractColumn = this.children[i]; + if (!abstractColumn.isVisible()) { + continue; + } + // if the abstractColumn is a grid generated group, there will be no colDef + var headerGroupShow = abstractColumn.getColumnGroupShow(); + if (headerGroupShow === columnGroup_1.ColumnGroup.HEADER_GROUP_SHOW_OPEN) { + atLeastOneShowingWhenOpen = true; + atLeastOneChangeable = true; + } + else if (headerGroupShow === columnGroup_1.ColumnGroup.HEADER_GROUP_SHOW_CLOSED) { + atLeastOneShowingWhenClosed = true; + atLeastOneChangeable = true; + } + else { + atLeastOneShowingWhenOpen = true; + atLeastOneShowingWhenClosed = true; + } + } + var expandable = atLeastOneShowingWhenOpen && atLeastOneShowingWhenClosed && atLeastOneChangeable; + if (this.expandable !== expandable) { + this.expandable = expandable; + var event_1 = { + type: OriginalColumnGroup.EVENT_EXPANDABLE_CHANGED + }; + this.localEventService.dispatchEvent(event_1); + } + }; + OriginalColumnGroup.prototype.onColumnVisibilityChanged = function () { + this.setExpandable(); + }; + OriginalColumnGroup.prototype.addEventListener = function (eventType, listener) { + this.localEventService.addEventListener(eventType, listener); + }; + OriginalColumnGroup.prototype.removeEventListener = function (eventType, listener) { + this.localEventService.removeEventListener(eventType, listener); + }; + OriginalColumnGroup.EVENT_EXPANDED_CHANGED = 'expandedChanged'; + OriginalColumnGroup.EVENT_EXPANDABLE_CHANGED = 'expandableChanged'; + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], OriginalColumnGroup.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], OriginalColumnGroup.prototype, "gridApi", void 0); + return OriginalColumnGroup; + }()); + exports.OriginalColumnGroup = OriginalColumnGroup; + + +/***/ }), +/* 22 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var columnController_1 = __webpack_require__(17); + var context_1 = __webpack_require__(7); + var ColumnApi = (function () { + function ColumnApi() { + } + ColumnApi.prototype.sizeColumnsToFit = function (gridWidth) { this.columnController.sizeColumnsToFit(gridWidth, 'api'); }; + ColumnApi.prototype.setColumnGroupOpened = function (group, newValue) { this.columnController.setColumnGroupOpened(group, newValue, 'api'); }; + ColumnApi.prototype.getColumnGroup = function (name, instanceId) { return this.columnController.getColumnGroup(name, instanceId); }; + ColumnApi.prototype.getOriginalColumnGroup = function (name) { return this.columnController.getOriginalColumnGroup(name); }; + ColumnApi.prototype.getDisplayNameForColumn = function (column, location) { return this.columnController.getDisplayNameForColumn(column, location); }; + ColumnApi.prototype.getDisplayNameForColumnGroup = function (columnGroup, location) { return this.columnController.getDisplayNameForColumnGroup(columnGroup, location); }; + ColumnApi.prototype.getColumn = function (key) { return this.columnController.getPrimaryColumn(key); }; + ColumnApi.prototype.setColumnState = function (columnState) { return this.columnController.setColumnState(columnState, 'api'); }; + ColumnApi.prototype.getColumnState = function () { return this.columnController.getColumnState(); }; + ColumnApi.prototype.resetColumnState = function () { this.columnController.resetColumnState('api'); }; + ColumnApi.prototype.getColumnGroupState = function () { return this.columnController.getColumnGroupState(); }; + ColumnApi.prototype.setColumnGroupState = function (stateItems) { this.columnController.setColumnGroupState(stateItems, 'api'); }; + ColumnApi.prototype.resetColumnGroupState = function () { this.columnController.resetColumnGroupState('api'); }; + ColumnApi.prototype.isPinning = function () { return this.columnController.isPinningLeft() || this.columnController.isPinningRight(); }; + ColumnApi.prototype.isPinningLeft = function () { return this.columnController.isPinningLeft(); }; + ColumnApi.prototype.isPinningRight = function () { return this.columnController.isPinningRight(); }; + ColumnApi.prototype.getDisplayedColAfter = function (col) { return this.columnController.getDisplayedColAfter(col); }; + ColumnApi.prototype.getDisplayedColBefore = function (col) { return this.columnController.getDisplayedColBefore(col); }; + ColumnApi.prototype.setColumnVisible = function (key, visible) { this.columnController.setColumnVisible(key, visible, 'api'); }; + ColumnApi.prototype.setColumnsVisible = function (keys, visible) { this.columnController.setColumnsVisible(keys, visible, 'api'); }; + ColumnApi.prototype.setColumnPinned = function (key, pinned) { this.columnController.setColumnPinned(key, pinned, 'api'); }; + ColumnApi.prototype.setColumnsPinned = function (keys, pinned) { this.columnController.setColumnsPinned(keys, pinned, 'api'); }; + ColumnApi.prototype.getAllColumns = function () { return this.columnController.getAllPrimaryColumns(); }; + ColumnApi.prototype.getAllGridColumns = function () { return this.columnController.getAllGridColumns(); }; + ColumnApi.prototype.getDisplayedLeftColumns = function () { return this.columnController.getDisplayedLeftColumns(); }; + ColumnApi.prototype.getDisplayedCenterColumns = function () { return this.columnController.getDisplayedCenterColumns(); }; + ColumnApi.prototype.getDisplayedRightColumns = function () { return this.columnController.getDisplayedRightColumns(); }; + ColumnApi.prototype.getAllDisplayedColumns = function () { return this.columnController.getAllDisplayedColumns(); }; + ColumnApi.prototype.getAllDisplayedVirtualColumns = function () { return this.columnController.getAllDisplayedVirtualColumns(); }; + ColumnApi.prototype.moveColumn = function (key, toIndex) { + if (typeof key === 'number') { + // moveColumn used to take indexes, so this is advising user who hasn't moved to new method name + console.log('ag-Grid: you are using moveColumn(fromIndex, toIndex) - moveColumn takes a column key and a destination index, not two indexes, to move with indexes use moveColumnByIndex(from,to) instead'); + this.columnController.moveColumnByIndex(key, toIndex, 'api'); + } + else { + this.columnController.moveColumn(key, toIndex, 'api'); + } + }; + ColumnApi.prototype.moveColumnByIndex = function (fromIndex, toIndex) { this.columnController.moveColumnByIndex(fromIndex, toIndex, 'api'); }; + ColumnApi.prototype.moveColumns = function (columnsToMoveKeys, toIndex) { this.columnController.moveColumns(columnsToMoveKeys, toIndex, 'api'); }; + ColumnApi.prototype.moveRowGroupColumn = function (fromIndex, toIndex) { this.columnController.moveRowGroupColumn(fromIndex, toIndex); }; + ColumnApi.prototype.setColumnAggFunc = function (column, aggFunc) { this.columnController.setColumnAggFunc(column, aggFunc); }; + ColumnApi.prototype.setColumnWidth = function (key, newWidth, finished) { + if (finished === void 0) { finished = true; } + this.columnController.setColumnWidth(key, newWidth, false, finished); + }; + ColumnApi.prototype.setPivotMode = function (pivotMode) { this.columnController.setPivotMode(pivotMode); }; + ColumnApi.prototype.isPivotMode = function () { return this.columnController.isPivotMode(); }; + ColumnApi.prototype.getSecondaryPivotColumn = function (pivotKeys, valueColKey) { return this.columnController.getSecondaryPivotColumn(pivotKeys, valueColKey); }; + ColumnApi.prototype.setValueColumns = function (colKeys) { this.columnController.setValueColumns(colKeys, 'api'); }; + ColumnApi.prototype.getValueColumns = function () { return this.columnController.getValueColumns(); }; + ColumnApi.prototype.removeValueColumn = function (colKey) { this.columnController.removeValueColumn(colKey, 'api'); }; + ColumnApi.prototype.removeValueColumns = function (colKeys) { this.columnController.removeValueColumns(colKeys, 'api'); }; + ColumnApi.prototype.addValueColumn = function (colKey) { this.columnController.addValueColumn(colKey, 'api'); }; + ColumnApi.prototype.addValueColumns = function (colKeys) { this.columnController.addValueColumns(colKeys, 'api'); }; + ColumnApi.prototype.setRowGroupColumns = function (colKeys) { this.columnController.setRowGroupColumns(colKeys, 'api'); }; + ColumnApi.prototype.removeRowGroupColumn = function (colKey) { this.columnController.removeRowGroupColumn(colKey, 'api'); }; + ColumnApi.prototype.removeRowGroupColumns = function (colKeys) { this.columnController.removeRowGroupColumns(colKeys, 'api'); }; + ColumnApi.prototype.addRowGroupColumn = function (colKey) { this.columnController.addRowGroupColumn(colKey, 'api'); }; + ColumnApi.prototype.addRowGroupColumns = function (colKeys) { this.columnController.addRowGroupColumns(colKeys, 'api'); }; + ColumnApi.prototype.getRowGroupColumns = function () { return this.columnController.getRowGroupColumns(); }; + ColumnApi.prototype.setPivotColumns = function (colKeys) { this.columnController.setPivotColumns(colKeys, 'api'); }; + ColumnApi.prototype.removePivotColumn = function (colKey) { this.columnController.removePivotColumn(colKey, 'api'); }; + ColumnApi.prototype.removePivotColumns = function (colKeys) { this.columnController.removePivotColumns(colKeys, 'api'); }; + ColumnApi.prototype.addPivotColumn = function (colKey) { this.columnController.addPivotColumn(colKey, 'api'); }; + ColumnApi.prototype.addPivotColumns = function (colKeys) { this.columnController.addPivotColumns(colKeys, 'api'); }; + ColumnApi.prototype.getPivotColumns = function () { return this.columnController.getPivotColumns(); }; + ColumnApi.prototype.getLeftDisplayedColumnGroups = function () { return this.columnController.getLeftDisplayedColumnGroups(); }; + ColumnApi.prototype.getCenterDisplayedColumnGroups = function () { return this.columnController.getCenterDisplayedColumnGroups(); }; + ColumnApi.prototype.getRightDisplayedColumnGroups = function () { return this.columnController.getRightDisplayedColumnGroups(); }; + ColumnApi.prototype.getAllDisplayedColumnGroups = function () { return this.columnController.getAllDisplayedColumnGroups(); }; + ColumnApi.prototype.autoSizeColumn = function (key) { return this.columnController.autoSizeColumn(key, 'api'); }; + ColumnApi.prototype.autoSizeColumns = function (keys) { return this.columnController.autoSizeColumns(keys, 'api'); }; + ColumnApi.prototype.autoSizeAllColumns = function () { this.columnController.autoSizeAllColumns('api'); }; + ColumnApi.prototype.setSecondaryColumns = function (colDefs) { this.columnController.setSecondaryColumns(colDefs, 'api'); }; + // below goes through deprecated items, prints message to user, then calls the new version of the same method + ColumnApi.prototype.columnGroupOpened = function (group, newValue) { + console.error('ag-Grid: columnGroupOpened no longer exists, use setColumnGroupOpened'); + this.setColumnGroupOpened(group, newValue); + }; + ColumnApi.prototype.hideColumns = function (colIds, hide) { + console.error('ag-Grid: hideColumns is deprecated, use setColumnsVisible'); + this.columnController.setColumnsVisible(colIds, !hide, 'api'); + }; + ColumnApi.prototype.hideColumn = function (colId, hide) { + console.error('ag-Grid: hideColumn is deprecated, use setColumnVisible'); + this.columnController.setColumnVisible(colId, !hide, 'api'); + }; + ColumnApi.prototype.setState = function (columnState) { + console.error('ag-Grid: setState is deprecated, use setColumnState'); + return this.setColumnState(columnState); + }; + ColumnApi.prototype.getState = function () { + console.error('ag-Grid: getState is deprecated, use getColumnState'); + return this.getColumnState(); + }; + ColumnApi.prototype.resetState = function () { + console.error('ag-Grid: resetState is deprecated, use resetColumnState'); + this.resetColumnState(); + }; + ColumnApi.prototype.getAggregationColumns = function () { + console.error('ag-Grid: getAggregationColumns is deprecated, use getValueColumns'); + return this.columnController.getValueColumns(); + }; + ColumnApi.prototype.removeAggregationColumn = function (colKey) { + console.error('ag-Grid: removeAggregationColumn is deprecated, use removeValueColumn'); + this.columnController.removeValueColumn(colKey, 'api'); + }; + ColumnApi.prototype.removeAggregationColumns = function (colKeys) { + console.error('ag-Grid: removeAggregationColumns is deprecated, use removeValueColumns'); + this.columnController.removeValueColumns(colKeys, 'api'); + }; + ColumnApi.prototype.addAggregationColumn = function (colKey) { + console.error('ag-Grid: addAggregationColumn is deprecated, use addValueColumn'); + this.columnController.addValueColumn(colKey, 'api'); + }; + ColumnApi.prototype.addAggregationColumns = function (colKeys) { + console.error('ag-Grid: addAggregationColumns is deprecated, use addValueColumns'); + this.columnController.addValueColumns(colKeys, 'api'); + }; + ColumnApi.prototype.setColumnAggFunction = function (column, aggFunc) { + console.error('ag-Grid: setColumnAggFunction is deprecated, use setColumnAggFunc'); + this.columnController.setColumnAggFunc(column, aggFunc, 'api'); + }; + ColumnApi.prototype.getDisplayNameForCol = function (column) { + console.error('ag-Grid: getDisplayNameForCol is deprecated, use getDisplayNameForColumn'); + return this.getDisplayNameForColumn(column, null); + }; + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], ColumnApi.prototype, "columnController", void 0); + ColumnApi = __decorate([ + context_1.Bean('columnApi') + ], ColumnApi); + return ColumnApi; + }()); + exports.ColumnApi = ColumnApi; + + +/***/ }), +/* 23 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var logger_1 = __webpack_require__(6); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var ExpressionService = (function () { + function ExpressionService() { + this.expressionToFunctionCache = {}; + } + ExpressionService.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('ExpressionService'); + }; + ExpressionService.prototype.evaluate = function (expressionOrFunc, params) { + if (typeof expressionOrFunc === 'function') { + // valueGetter is a function, so just call it + var func = expressionOrFunc; + return func(params); + } + else if (typeof expressionOrFunc === 'string') { + // valueGetter is an expression, so execute the expression + var expression = expressionOrFunc; + return this.evaluateExpression(expression, params); + } + else { + console.error('ag-Grid: value should be either a string or a function', expressionOrFunc); + } + }; + ExpressionService.prototype.evaluateExpression = function (expression, params) { + try { + var javaScriptFunction = this.createExpressionFunction(expression); + // the params don't have all these values, rather we add every possible + // value a params can have, which makes whatever is in the params available. + var result = javaScriptFunction(params.value, params.context, params.oldValue, params.newValue, params.value, params.node, params.data, params.colDef, params.rowIndex, params.api, params.columnApi, params.getValue, params.column, params.columnGroup); + return result; + } + catch (e) { + // the expression failed, which can happen, as it's the client that + // provides the expression. so print a nice message + console.log('Processing of the expression failed'); + console.log('Expression = ' + expression); + console.log('Exception = ' + e); + return null; + } + }; + ExpressionService.prototype.createExpressionFunction = function (expression) { + // check cache first + if (this.expressionToFunctionCache[expression]) { + return this.expressionToFunctionCache[expression]; + } + // if not found in cache, return the function + var functionBody = this.createFunctionBody(expression); + var theFunction = new Function('x, ctx, oldValue, newValue, value, node, data, colDef, rowIndex, api, columnApi, getValue, column, columnGroup', functionBody); + // store in cache + this.expressionToFunctionCache[expression] = theFunction; + return theFunction; + }; + ExpressionService.prototype.createFunctionBody = function (expression) { + // if the expression has the 'return' word in it, then use as is, + // if not, then wrap it with return and ';' to make a function + if (expression.indexOf('return') >= 0) { + return expression; + } + else { + return 'return ' + expression + ';'; + } + }; + __decorate([ + __param(0, context_2.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], ExpressionService.prototype, "setBeans", null); + ExpressionService = __decorate([ + context_1.Bean('expressionService') + ], ExpressionService); + return ExpressionService; + }()); + exports.ExpressionService = ExpressionService; + + +/***/ }), +/* 24 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var columnUtils_1 = __webpack_require__(20); + var columnGroup_1 = __webpack_require__(18); + var originalColumnGroup_1 = __webpack_require__(21); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var context_2 = __webpack_require__(7); + // takes in a list of columns, as specified by the column definitions, and returns column groups + var DisplayedGroupCreator = (function () { + function DisplayedGroupCreator() { + } + DisplayedGroupCreator.prototype.createDisplayedGroups = function ( + // all displayed columns sorted - this is the columns the grid should show + sortedVisibleColumns, + // the tree of columns, as provided by the users, used to know what groups columns roll up into + balancedColumnTree, + // create's unique id's for the group + groupInstanceIdCreator, + // we try to reuse old groups if we can, to allow gui to do animation + oldDisplayedGroups) { + var _this = this; + var result = []; + var previousRealPath; + var previousOriginalPath; + var oldColumnsMapped = this.mapOldGroupsById(oldDisplayedGroups); + // go through each column, then do a bottom up comparison to the previous column, and start + // to share groups if they converge at any point. + sortedVisibleColumns.forEach(function (currentColumn) { + var currentOriginalPath = _this.getOriginalPathForColumn(balancedColumnTree, currentColumn); + var currentRealPath = []; + var firstColumn = !previousOriginalPath; + for (var i = 0; i < currentOriginalPath.length; i++) { + if (firstColumn || currentOriginalPath[i] !== previousOriginalPath[i]) { + // new group needed + var newGroup = _this.createColumnGroup(currentOriginalPath[i], groupInstanceIdCreator, oldColumnsMapped); + currentRealPath[i] = newGroup; + // if top level, add to result, otherwise add to parent + if (i == 0) { + result.push(newGroup); + } + else { + currentRealPath[i - 1].addChild(newGroup); + } + } + else { + // reuse old group + currentRealPath[i] = previousRealPath[i]; + } + } + var noColumnGroups = currentRealPath.length === 0; + if (noColumnGroups) { + // if we are not grouping, then the result of the above is an empty + // path (no groups), and we just add the column to the root list. + result.push(currentColumn); + } + else { + var leafGroup = currentRealPath[currentRealPath.length - 1]; + leafGroup.addChild(currentColumn); + } + previousRealPath = currentRealPath; + previousOriginalPath = currentOriginalPath; + }); + this.setupParentsIntoColumns(result, null); + return result; + }; + DisplayedGroupCreator.prototype.createColumnGroup = function (originalGroup, groupInstanceIdCreator, oldColumnsMapped) { + var groupId = originalGroup.getGroupId(); + var instanceId = groupInstanceIdCreator.getInstanceIdForKey(groupId); + var uniqueId = columnGroup_1.ColumnGroup.createUniqueId(groupId, instanceId); + var columnGroup = oldColumnsMapped[uniqueId]; + // if the user is setting new colDefs, it is possible that the id's overlap, and we + // would have a false match from above. so we double check we are talking about the + // same original column group. + if (columnGroup && columnGroup.getOriginalColumnGroup() !== originalGroup) { + columnGroup = null; + } + if (utils_1.Utils.exists(columnGroup)) { + // clean out the old column group here, as we will be adding children into it again + columnGroup.reset(); + } + else { + columnGroup = new columnGroup_1.ColumnGroup(originalGroup, groupId, instanceId); + this.context.wireBean(columnGroup); + } + return columnGroup; + }; + // returns back a 2d map of ColumnGroup as follows: groupId -> instanceId -> ColumnGroup + DisplayedGroupCreator.prototype.mapOldGroupsById = function (displayedGroups) { + var result = {}; + var recursive = function (columnsOrGroups) { + columnsOrGroups.forEach(function (columnOrGroup) { + if (columnOrGroup instanceof columnGroup_1.ColumnGroup) { + var columnGroup = columnOrGroup; + result[columnOrGroup.getUniqueId()] = columnGroup; + recursive(columnGroup.getChildren()); + } + }); + }; + if (displayedGroups) { + recursive(displayedGroups); + } + return result; + }; + DisplayedGroupCreator.prototype.setupParentsIntoColumns = function (columnsOrGroups, parent) { + var _this = this; + columnsOrGroups.forEach(function (columnsOrGroup) { + columnsOrGroup.setParent(parent); + if (columnsOrGroup instanceof columnGroup_1.ColumnGroup) { + var columnGroup = columnsOrGroup; + _this.setupParentsIntoColumns(columnGroup.getChildren(), columnGroup); + } + }); + }; + // private createFakePath(balancedColumnTree: OriginalColumnGroupChild[], column: Column): OriginalColumnGroup[] { + // let fakePath: OriginalColumnGroup[] = []; + // let currentChildren = balancedColumnTree; + // // this while loop does search on the balanced tree, so our result is the right length + // let index = 0; + // while (currentChildren && currentChildren[0] && currentChildren[0] instanceof OriginalColumnGroup) { + // // putting in a deterministic fake id, in case the API in the future needs to reference the col + // let fakeGroup = new OriginalColumnGroup(null, 'FAKE_PATH_' + index, true); + // this.context.wireBean(fakeGroup); + // + // // fakePath.setChildren(children); + // + // fakePath.push(fakeGroup); + // currentChildren = (currentChildren[0]).getChildren(); + // index++; + // } + // + // fakePath.forEach( (fakePathGroup: OriginalColumnGroup, i: number) => { + // let lastItemInList = i === fakePath.length-1; + // let child = lastItemInList ? column : fakePath[i+1]; + // fakePathGroup.setChildren([child]); + // }); + // + // return fakePath; + // } + DisplayedGroupCreator.prototype.getOriginalPathForColumn = function (balancedColumnTree, column) { + var result = []; + var found = false; + recursePath(balancedColumnTree, 0); + // it's possible we didn't find a path. this happens if the column is generated + // by the grid (auto-group), in that the definition didn't come from the client. in this case, + // we create a fake original path. + if (found) { + return result; + } + else { + console.log('could not get path'); + return null; + // return this.createFakePath(balancedColumnTree, column); + } + function recursePath(balancedColumnTree, dept) { + for (var i = 0; i < balancedColumnTree.length; i++) { + if (found) { + // quit the search, so 'result' is kept with the found result + return; + } + var node = balancedColumnTree[i]; + if (node instanceof originalColumnGroup_1.OriginalColumnGroup) { + var nextNode = node; + recursePath(nextNode.getChildren(), dept + 1); + result[dept] = node; + } + else { + if (node === column) { + found = true; + } + } + } + } + }; + __decorate([ + context_2.Autowired('columnUtils'), + __metadata("design:type", columnUtils_1.ColumnUtils) + ], DisplayedGroupCreator.prototype, "columnUtils", void 0); + __decorate([ + context_2.Autowired('context'), + __metadata("design:type", context_1.Context) + ], DisplayedGroupCreator.prototype, "context", void 0); + DisplayedGroupCreator = __decorate([ + context_1.Bean('displayedGroupCreator') + ], DisplayedGroupCreator); + return DisplayedGroupCreator; + }()); + exports.DisplayedGroupCreator = DisplayedGroupCreator; + + +/***/ }), +/* 25 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var rowRenderer_1 = __webpack_require__(26); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var headerWrapperComp_1 = __webpack_require__(102); + var AutoWidthCalculator = (function () { + function AutoWidthCalculator() { + } + AutoWidthCalculator.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + AutoWidthCalculator.prototype.registerHeaderRootComp = function (headerRootComp) { + this.headerRootComp = headerRootComp; + }; + // this is the trick: we create a dummy container and clone all the cells + // into the dummy, then check the dummy's width. then destroy the dummy + // as we don't need it any more. + // drawback: only the cells visible on the screen are considered + AutoWidthCalculator.prototype.getPreferredWidthForColumn = function (column) { + var eHeaderCell = this.getHeaderCellForColumn(column); + // cell isn't visible + if (!eHeaderCell) { + return -1; + } + var eDummyContainer = document.createElement('span'); + // position fixed, so it isn't restricted to the boundaries of the parent + eDummyContainer.style.position = 'fixed'; + // we put the dummy into the body container, so it will inherit all the + // css styles that the real cells are inheriting + var eBodyContainer = this.gridPanel.getBodyContainer(); + eBodyContainer.appendChild(eDummyContainer); + // get all the cells that are currently displayed (this only brings back + // rendered cells, rows not rendered due to row visualisation will not be here) + this.putRowCellsIntoDummyContainer(column, eDummyContainer); + // also put header cell in + // we only consider the lowest level cell, not the group cell. in 99% of the time, this + // will be enough. if we consider groups, then it gets to complicated for what it's worth, + // as the groups can span columns and this class only considers one column at a time. + this.cloneItemIntoDummy(eHeaderCell, eDummyContainer); + // at this point, all the clones are lined up vertically with natural widths. the dummy + // container will have a width wide enough just to fit the largest. + var dummyContainerWidth = eDummyContainer.offsetWidth; + // we are finished with the dummy container, so get rid of it + eBodyContainer.removeChild(eDummyContainer); + // we add padding as I found sometimes the gui still put '...' after some of the texts. so the + // user can configure the grid to add a few more pixels after the calculated width + var autoSizePadding = this.gridOptionsWrapper.getAutoSizePadding(); + return dummyContainerWidth + autoSizePadding; + }; + AutoWidthCalculator.prototype.getHeaderCellForColumn = function (column) { + var comp = null; + // find the rendered header cell + this.headerRootComp.forEachHeaderElement(function (headerElement) { + if (headerElement instanceof headerWrapperComp_1.HeaderWrapperComp) { + var headerWrapperComp = headerElement; + if (headerWrapperComp.getColumn() === column) { + comp = headerWrapperComp; + } + } + }); + return comp ? comp.getGui() : null; + }; + AutoWidthCalculator.prototype.putRowCellsIntoDummyContainer = function (column, eDummyContainer) { + var _this = this; + var eCells = this.rowRenderer.getAllCellsForColumn(column); + eCells.forEach(function (eCell) { return _this.cloneItemIntoDummy(eCell, eDummyContainer); }); + }; + AutoWidthCalculator.prototype.cloneItemIntoDummy = function (eCell, eDummyContainer) { + // make a deep clone of the cell + var eCellClone = eCell.cloneNode(true); + // the original has a fixed width, we remove this to allow the natural width based on content + eCellClone.style.width = ''; + // the original has position = absolute, we need to remove this so it's positioned normally + eCellClone.style.position = 'static'; + eCellClone.style.left = ''; + // we put the cell into a containing div, as otherwise the cells would just line up + // on the same line, standard flow layout, by putting them into divs, they are laid + // out one per line + var eCloneParent = document.createElement('div'); + // table-row, so that each cell is on a row. i also tried display='block', but this + // didn't work in IE + eCloneParent.style.display = 'table-row'; + // the twig on the branch, the branch on the tree, the tree in the hole, + // the hole in the bog, the bog in the clone, the clone in the parent, + // the parent in the dummy, and the dummy down in the vall-e-ooo, OOOOOOOOO! Oh row the rattling bog.... + eCloneParent.appendChild(eCellClone); + eDummyContainer.appendChild(eCloneParent); + }; + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], AutoWidthCalculator.prototype, "rowRenderer", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], AutoWidthCalculator.prototype, "gridOptionsWrapper", void 0); + AutoWidthCalculator = __decorate([ + context_1.Bean('autoWidthCalculator') + ], AutoWidthCalculator); + return AutoWidthCalculator; + }()); + exports.AutoWidthCalculator = AutoWidthCalculator; + + +/***/ }), +/* 26 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var expressionService_1 = __webpack_require__(23); + var templateService_1 = __webpack_require__(27); + var valueService_1 = __webpack_require__(28); + var eventService_1 = __webpack_require__(5); + var rowComp_1 = __webpack_require__(30); + var events_1 = __webpack_require__(11); + var constants_1 = __webpack_require__(9); + var cellComp_1 = __webpack_require__(31); + var context_1 = __webpack_require__(7); + var gridCore_1 = __webpack_require__(44); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var logger_1 = __webpack_require__(6); + var focusedCellController_1 = __webpack_require__(58); + var cellNavigationService_1 = __webpack_require__(111); + var gridCell_1 = __webpack_require__(34); + var beanStub_1 = __webpack_require__(37); + var paginationProxy_1 = __webpack_require__(70); + var gridApi_1 = __webpack_require__(14); + var pinnedRowModel_1 = __webpack_require__(95); + var beans_1 = __webpack_require__(56); + var animationFrameService_1 = __webpack_require__(72); + var heightScaler_1 = __webpack_require__(75); + var RowRenderer = (function (_super) { + __extends(RowRenderer, _super); + function RowRenderer() { + var _this = _super !== null && _super.apply(this, arguments) || this; + // map of row ids to row objects. keeps track of which elements + // are rendered for which rows in the dom. + _this.rowCompsByIndex = {}; + _this.floatingTopRowComps = []; + _this.floatingBottomRowComps = []; + // we only allow one refresh at a time, otherwise the internal memory structure here + // will get messed up. this can happen if the user has a cellRenderer, and inside the + // renderer they call an API method that results in another pass of the refresh, + // then it will be trying to draw rows in the middle of a refresh. + _this.refreshInProgress = false; + return _this; + } + RowRenderer.prototype.agWire = function (loggerFactory) { + this.logger = loggerFactory.create("RowRenderer"); + }; + RowRenderer.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + this.rowContainers = this.gridPanel.getRowContainers(); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_PAGINATION_CHANGED, this.onPageLoaded.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_PINNED_ROW_DATA_CHANGED, this.onPinnedRowDataChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.onDisplayedColumnsChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_BODY_SCROLL, this.redrawAfterScroll.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_BODY_HEIGHT_CHANGED, this.redrawAfterScroll.bind(this)); + this.redrawAfterModelUpdate(); + }; + RowRenderer.prototype.onPageLoaded = function (refreshEvent) { + if (utils_1.Utils.missing(refreshEvent)) { + refreshEvent = { + type: events_1.Events.EVENT_MODEL_UPDATED, + api: this.gridApi, + columnApi: this.columnApi, + animate: false, + keepRenderedRows: false, + newData: false, + newPage: false + }; + } + this.onModelUpdated(refreshEvent); + }; + RowRenderer.prototype.getAllCellsForColumn = function (column) { + var eCells = []; + utils_1.Utils.iterateObject(this.rowCompsByIndex, callback); + utils_1.Utils.iterateObject(this.floatingBottomRowComps, callback); + utils_1.Utils.iterateObject(this.floatingTopRowComps, callback); + function callback(key, rowComp) { + var eCell = rowComp.getCellForCol(column); + if (eCell) { + eCells.push(eCell); + } + } + return eCells; + }; + RowRenderer.prototype.refreshFloatingRowComps = function () { + this.refreshFloatingRows(this.floatingTopRowComps, this.pinnedRowModel.getPinnedTopRowData(), this.rowContainers.floatingTopPinnedLeft, this.rowContainers.floatingTopPinnedRight, this.rowContainers.floatingTop, this.rowContainers.floatingTopFullWidth); + this.refreshFloatingRows(this.floatingBottomRowComps, this.pinnedRowModel.getPinnedBottomRowData(), this.rowContainers.floatingBottomPinnedLeft, this.rowContainers.floatingBottomPinnedRight, this.rowContainers.floatingBottom, this.rowContainers.floatingBottomFullWith); + }; + RowRenderer.prototype.refreshFloatingRows = function (rowComps, rowNodes, pinnedLeftContainerComp, pinnedRightContainerComp, bodyContainerComp, fullWidthContainerComp) { + var _this = this; + rowComps.forEach(function (row) { + row.destroy(); + }); + rowComps.length = 0; + if (rowNodes) { + rowNodes.forEach(function (node) { + var rowComp = new rowComp_1.RowComp(_this.$scope, bodyContainerComp, pinnedLeftContainerComp, pinnedRightContainerComp, fullWidthContainerComp, node, _this.beans, false, false); + rowComp.init(); + rowComps.push(rowComp); + }); + } + this.flushContainers(rowComps); + }; + RowRenderer.prototype.onPinnedRowDataChanged = function () { + this.redrawAfterModelUpdate(); + }; + RowRenderer.prototype.onModelUpdated = function (refreshEvent) { + var params = { + recycleRows: refreshEvent.keepRenderedRows, + animate: refreshEvent.animate, + newData: refreshEvent.newData, + newPage: refreshEvent.newPage, + // because this is a model updated event (not pinned rows), we + // can skip updating the pinned rows. this is needed so that if user + // is doing transaction updates, the pinned rows are not getting constantly + // trashed - or editing cells in pinned rows are not refreshed and put into read mode + onlyBody: true + }; + this.redrawAfterModelUpdate(params); + }; + // if the row nodes are not rendered, no index is returned + RowRenderer.prototype.getRenderedIndexesForRowNodes = function (rowNodes) { + var result = []; + if (utils_1.Utils.missing(rowNodes)) { + return result; + } + utils_1.Utils.iterateObject(this.rowCompsByIndex, function (index, renderedRow) { + var rowNode = renderedRow.getRowNode(); + if (rowNodes.indexOf(rowNode) >= 0) { + result.push(index); + } + }); + return result; + }; + RowRenderer.prototype.redrawRows = function (rowNodes) { + if (!rowNodes || rowNodes.length == 0) { + return; + } + // we only need to be worried about rendered rows, as this method is + // called to whats rendered. if the row isn't rendered, we don't care + var indexesToRemove = this.getRenderedIndexesForRowNodes(rowNodes); + // remove the rows + this.removeRowComps(indexesToRemove); + // add draw them again + this.redrawAfterModelUpdate({ + recycleRows: true + }); + }; + RowRenderer.prototype.getCellToRestoreFocusToAfterRefresh = function (params) { + var focusedCell = params.suppressKeepFocus ? null : this.focusedCellController.getFocusCellToUseAfterRefresh(); + if (utils_1.Utils.missing(focusedCell)) { + return null; + } + // if the dom is not actually focused on a cell, then we don't try to refocus. the problem this + // solves is with editing - if the user is editing, eg focus is on a text field, and not on the + // cell itself, then the cell can be registered as having focus, however it's the text field that + // has the focus and not the cell div. therefore, when the refresh is finished, the grid will focus + // the cell, and not the textfield. that means if the user is in a text field, and the grid refreshes, + // the focus is lost from the text field. we do not want this. + var activeElement = document.activeElement; + var domData = this.gridOptionsWrapper.getDomData(activeElement, cellComp_1.CellComp.DOM_DATA_KEY_CELL_COMP); + var elementIsNotACellDev = utils_1.Utils.missing(domData); + if (elementIsNotACellDev) { + return null; + } + return focusedCell; + }; + // gets called after changes to the model. + RowRenderer.prototype.redrawAfterModelUpdate = function (params) { + if (params === void 0) { params = {}; } + this.getLockOnRefresh(); + var focusedCell = this.getCellToRestoreFocusToAfterRefresh(params); + this.sizeContainerToPageHeight(); + this.scrollToTopIfNewData(params); + var recycleRows = params.recycleRows; + var animate = params.animate && this.gridOptionsWrapper.isAnimateRows(); + var rowsToRecycle = this.binRowComps(recycleRows); + this.redraw(rowsToRecycle, animate); + if (!params.onlyBody) { + this.refreshFloatingRowComps(); + } + this.restoreFocusedCell(focusedCell); + this.releaseLockOnRefresh(); + }; + RowRenderer.prototype.scrollToTopIfNewData = function (params) { + var scrollToTop = params.newData || params.newPage; + var suppressScrollToTop = this.gridOptionsWrapper.isSuppressScrollOnNewData(); + if (scrollToTop && !suppressScrollToTop) { + this.gridPanel.scrollToTop(); + } + }; + RowRenderer.prototype.sizeContainerToPageHeight = function () { + var containerHeight = this.paginationProxy.getCurrentPageHeight(); + // we need at least 1 pixel for the horizontal scroll to work. so if there are now rows, + // we still want the scroll to be present, otherwise there would be no way to access the columns + // on the RHS - and if that was where the filter was that cause no rows to be presented, there + // is no way to remove the filter. + if (containerHeight === 0) { + containerHeight = 1; + } + this.heightScaler.setModelHeight(containerHeight); + var realHeight = this.heightScaler.getUiContainerHeight(); + this.rowContainers.body.setHeight(realHeight); + this.rowContainers.fullWidth.setHeight(realHeight); + this.rowContainers.pinnedLeft.setHeight(realHeight); + this.rowContainers.pinnedRight.setHeight(realHeight); + }; + RowRenderer.prototype.getLockOnRefresh = function () { + if (this.refreshInProgress) { + throw new Error("ag-Grid: cannot get grid to draw rows when it is in the middle of drawing rows. " + + "Your code probably called a grid API method while the grid was in the render stage. To overcome " + + "this, put the API call into a timeout, eg instead of api.refreshView(), " + + "call setTimeout(function(){api.refreshView(),0}). To see what part of your code " + + "that caused the refresh check this stacktrace."); + } + this.refreshInProgress = true; + }; + RowRenderer.prototype.releaseLockOnRefresh = function () { + this.refreshInProgress = false; + }; + // sets the focus to the provided cell, if the cell is provided. this way, the user can call refresh without + // worry about the focus been lost. this is important when the user is using keyboard navigation to do edits + // and the cellEditor is calling 'refresh' to get other cells to update (as other cells might depend on the + // edited cell). + RowRenderer.prototype.restoreFocusedCell = function (gridCell) { + if (gridCell) { + this.focusedCellController.setFocusedCell(gridCell.rowIndex, gridCell.column, gridCell.floating, true); + } + }; + RowRenderer.prototype.stopEditing = function (cancel) { + if (cancel === void 0) { cancel = false; } + this.forEachRowComp(function (key, rowComp) { + rowComp.stopEditing(cancel); + }); + }; + RowRenderer.prototype.forEachCellComp = function (callback) { + this.forEachRowComp(function (key, rowComp) { return rowComp.forEachCellComp(callback); }); + }; + RowRenderer.prototype.forEachRowComp = function (callback) { + utils_1.Utils.iterateObject(this.rowCompsByIndex, callback); + utils_1.Utils.iterateObject(this.floatingTopRowComps, callback); + utils_1.Utils.iterateObject(this.floatingBottomRowComps, callback); + }; + RowRenderer.prototype.addRenderedRowListener = function (eventName, rowIndex, callback) { + var rowComp = this.rowCompsByIndex[rowIndex]; + if (rowComp) { + rowComp.addEventListener(eventName, callback); + } + }; + RowRenderer.prototype.flashCells = function (params) { + if (params === void 0) { params = {}; } + this.forEachCellCompFiltered(params.rowNodes, params.columns, function (cellComp) { return cellComp.flashCell(); }); + }; + RowRenderer.prototype.refreshCells = function (params) { + if (params === void 0) { params = {}; } + var refreshCellParams = { + forceRefresh: params.force, + newData: false + }; + this.forEachCellCompFiltered(params.rowNodes, params.columns, function (cellComp) { return cellComp.refreshCell(refreshCellParams); }); + }; + RowRenderer.prototype.getCellRendererInstances = function (params) { + var res = []; + this.forEachCellCompFiltered(params.rowNodes, params.columns, function (cellComp) { + var cellRenderer = cellComp.getCellRenderer(); + if (cellRenderer) { + res.push(cellRenderer); + } + }); + return res; + }; + RowRenderer.prototype.getCellEditorInstances = function (params) { + var res = []; + this.forEachCellCompFiltered(params.rowNodes, params.columns, function (cellComp) { + var cellEditor = cellComp.getCellEditor(); + if (cellEditor) { + res.push(cellEditor); + } + }); + return res; + }; + RowRenderer.prototype.getEditingCells = function () { + var res = []; + this.forEachCellComp(function (cellComp) { + if (cellComp.isEditing()) { + var gridCellDef = cellComp.getGridCell().getGridCellDef(); + res.push(gridCellDef); + } + }); + return res; + }; + // calls the callback for each cellComp that match the provided rowNodes and columns. eg if one row node + // and two columns provided, that identifies 4 cells, so callback gets called 4 times, once for each cell. + RowRenderer.prototype.forEachCellCompFiltered = function (rowNodes, columns, callback) { + var _this = this; + var rowIdsMap; + if (utils_1.Utils.exists(rowNodes)) { + rowIdsMap = { + top: {}, + bottom: {}, + normal: {} + }; + rowNodes.forEach(function (rowNode) { + if (rowNode.rowPinned === constants_1.Constants.PINNED_TOP) { + rowIdsMap.top[rowNode.id] = true; + } + else if (rowNode.rowPinned === constants_1.Constants.PINNED_BOTTOM) { + rowIdsMap.bottom[rowNode.id] = true; + } + else { + rowIdsMap.normal[rowNode.id] = true; + } + }); + } + var colIdsMap; + if (utils_1.Utils.exists(columns)) { + colIdsMap = {}; + columns.forEach(function (colKey) { + var column = _this.columnController.getGridColumn(colKey); + if (utils_1.Utils.exists(column)) { + colIdsMap[column.getId()] = true; + } + }); + } + var processRow = function (rowComp) { + var rowNode = rowComp.getRowNode(); + var id = rowNode.id; + var floating = rowNode.rowPinned; + // skip this row if it is missing from the provided list + if (utils_1.Utils.exists(rowIdsMap)) { + if (floating === constants_1.Constants.PINNED_BOTTOM) { + if (!rowIdsMap.bottom[id]) { + return; + } + } + else if (floating === constants_1.Constants.PINNED_TOP) { + if (!rowIdsMap.top[id]) { + return; + } + } + else { + if (!rowIdsMap.normal[id]) { + return; + } + } + } + rowComp.forEachCellComp(function (cellComp) { + var colId = cellComp.getColumn().getId(); + var excludeColFromRefresh = colIdsMap && !colIdsMap[colId]; + if (excludeColFromRefresh) { + return; + } + callback(cellComp); + }); + }; + utils_1.Utils.iterateObject(this.rowCompsByIndex, function (index, rowComp) { + processRow(rowComp); + }); + if (this.floatingTopRowComps) { + this.floatingTopRowComps.forEach(processRow); + } + if (this.floatingBottomRowComps) { + this.floatingBottomRowComps.forEach(processRow); + } + }; + RowRenderer.prototype.destroy = function () { + _super.prototype.destroy.call(this); + var rowIndexesToRemove = Object.keys(this.rowCompsByIndex); + this.removeRowComps(rowIndexesToRemove); + }; + RowRenderer.prototype.binRowComps = function (recycleRows) { + var _this = this; + var indexesToRemove; + var rowsToRecycle = {}; + if (recycleRows) { + indexesToRemove = []; + utils_1.Utils.iterateObject(this.rowCompsByIndex, function (index, rowComp) { + var rowNode = rowComp.getRowNode(); + if (utils_1.Utils.exists(rowNode.id)) { + rowsToRecycle[rowNode.id] = rowComp; + delete _this.rowCompsByIndex[index]; + } + else { + indexesToRemove.push(index); + } + }); + } + else { + indexesToRemove = Object.keys(this.rowCompsByIndex); + } + this.removeRowComps(indexesToRemove); + return rowsToRecycle; + }; + // takes array of row indexes + RowRenderer.prototype.removeRowComps = function (rowsToRemove) { + var _this = this; + // if no fromIndex then set to -1, which will refresh everything + // let realFromIndex = -1; + rowsToRemove.forEach(function (indexToRemove) { + var renderedRow = _this.rowCompsByIndex[indexToRemove]; + renderedRow.destroy(); + delete _this.rowCompsByIndex[indexToRemove]; + }); + }; + // gets called when rows don't change, but viewport does, so after: + // 1) height of grid body changes, ie number of displayed rows has changed + // 2) grid scrolled to new position + // 3) ensure index visible (which is a scroll) + RowRenderer.prototype.redrawAfterScroll = function () { + this.getLockOnRefresh(); + this.redraw(null, false, true); + this.releaseLockOnRefresh(); + }; + RowRenderer.prototype.removeRowCompsNotToDraw = function (indexesToDraw) { + // for speedy lookup, dump into map + var indexesToDrawMap = {}; + indexesToDraw.forEach(function (index) { return (indexesToDrawMap[index] = true); }); + var existingIndexes = Object.keys(this.rowCompsByIndex); + var indexesNotToDraw = utils_1.Utils.filter(existingIndexes, function (index) { return !indexesToDrawMap[index]; }); + this.removeRowComps(indexesNotToDraw); + }; + RowRenderer.prototype.calculateIndexesToDraw = function () { + var _this = this; + // all in all indexes in the viewport + var indexesToDraw = utils_1.Utils.createArrayOfNumbers(this.firstRenderedRow, this.lastRenderedRow); + // add in indexes of rows we want to keep, because they are currently editing + utils_1.Utils.iterateObject(this.rowCompsByIndex, function (indexStr, rowComp) { + var index = Number(indexStr); + if (index < _this.firstRenderedRow || index > _this.lastRenderedRow) { + if (_this.keepRowBecauseEditing(rowComp)) { + indexesToDraw.push(index); + } + } + }); + indexesToDraw.sort(function (a, b) { return a - b; }); + return indexesToDraw; + }; + RowRenderer.prototype.redraw = function (rowsToRecycle, animate, afterScroll) { + var _this = this; + if (animate === void 0) { animate = false; } + if (afterScroll === void 0) { afterScroll = false; } + this.heightScaler.update(); + this.workOutFirstAndLastRowsToRender(); + // the row can already exist and be in the following: + // rowsToRecycle -> if model change, then the index may be different, however row may + // exist here from previous time (mapped by id). + // this.rowCompsByIndex -> if just a scroll, then this will contain what is currently in the viewport + // this is all the indexes we want, including those that already exist, so this method + // will end up going through each index and drawing only if the row doesn't already exist + var indexesToDraw = this.calculateIndexesToDraw(); + this.removeRowCompsNotToDraw(indexesToDraw); + // add in new rows + var nextVmTurnFunctions = []; + var rowComps = []; + indexesToDraw.forEach(function (rowIndex) { + var rowComp = _this.createOrUpdateRowComp(rowIndex, rowsToRecycle, animate, afterScroll); + if (utils_1.Utils.exists(rowComp)) { + rowComps.push(rowComp); + utils_1.Utils.pushAll(nextVmTurnFunctions, rowComp.getAndClearNextVMTurnFunctions()); + } + }); + this.flushContainers(rowComps); + utils_1.Utils.executeNextVMTurn(nextVmTurnFunctions); + if (afterScroll && !this.gridOptionsWrapper.isSuppressAnimationFrame()) { + this.beans.taskQueue.addP2Task(this.destroyRowComps.bind(this, rowsToRecycle, animate)); + } + else { + this.destroyRowComps(rowsToRecycle, animate); + } + this.checkAngularCompile(); + }; + RowRenderer.prototype.flushContainers = function (rowComps) { + utils_1.Utils.iterateObject(this.rowContainers, function (key, rowContainerComp) { + if (rowContainerComp) { + rowContainerComp.flushRowTemplates(); + } + }); + rowComps.forEach(function (rowComp) { return rowComp.afterFlush(); }); + }; + RowRenderer.prototype.onDisplayedColumnsChanged = function () { + var pinningLeft = this.columnController.isPinningLeft(); + var pinningRight = this.columnController.isPinningRight(); + var atLeastOneChanged = this.pinningLeft !== pinningLeft || pinningRight !== this.pinningRight; + if (atLeastOneChanged) { + this.pinningLeft = pinningLeft; + this.pinningRight = pinningRight; + if (this.gridOptionsWrapper.isEmbedFullWidthRows()) { + this.redrawFullWidthEmbeddedRows(); + } + } + }; + // when embedding, what gets showed in each section depends on what is pinned. eg if embedding group expand / collapse, + // then it should go into the pinned left area if pinning left, or the center area if not pinning. + RowRenderer.prototype.redrawFullWidthEmbeddedRows = function () { + // if either of the pinned panels has shown / hidden, then need to redraw the fullWidth bits when + // embedded, as what appears in each section depends on whether we are pinned or not + var rowsToRemove = []; + utils_1.Utils.iterateObject(this.rowCompsByIndex, function (id, rowComp) { + if (rowComp.isFullWidth()) { + var rowIndex = rowComp.getRowNode().rowIndex; + rowsToRemove.push(rowIndex.toString()); + } + }); + this.refreshFloatingRowComps(); + this.removeRowComps(rowsToRemove); + this.redrawAfterScroll(); + }; + RowRenderer.prototype.createOrUpdateRowComp = function (rowIndex, rowsToRecycle, animate, afterScroll) { + var rowNode; + var rowComp = this.rowCompsByIndex[rowIndex]; + // if no row comp, see if we can get it from the previous rowComps + if (!rowComp) { + rowNode = this.paginationProxy.getRow(rowIndex); + if (utils_1.Utils.exists(rowNode) && utils_1.Utils.exists(rowsToRecycle) && rowsToRecycle[rowNode.id]) { + rowComp = rowsToRecycle[rowNode.id]; + rowsToRecycle[rowNode.id] = null; + } + } + var creatingNewRowComp = !rowComp; + if (creatingNewRowComp) { + // create a new one + if (!rowNode) { + rowNode = this.paginationProxy.getRow(rowIndex); + } + if (utils_1.Utils.exists(rowNode)) { + rowComp = this.createRowComp(rowNode, animate, afterScroll); + } + else { + // this should never happen - if somehow we are trying to create + // a row for a rowNode that does not exist. + return; + } + } + else { + // ensure row comp is in right position in DOM + rowComp.ensureDomOrder(); + } + this.rowCompsByIndex[rowIndex] = rowComp; + return rowComp; + }; + RowRenderer.prototype.destroyRowComps = function (rowCompsMap, animate) { + var delayedFuncs = []; + utils_1.Utils.iterateObject(rowCompsMap, function (nodeId, rowComp) { + // if row was used, then it's null + if (!rowComp) { + return; + } + rowComp.destroy(animate); + utils_1.Utils.pushAll(delayedFuncs, rowComp.getAndClearDelayedDestroyFunctions()); + }); + utils_1.Utils.executeInAWhile(delayedFuncs); + }; + RowRenderer.prototype.checkAngularCompile = function () { + var _this = this; + // if we are doing angular compiling, then do digest the scope here + if (this.gridOptionsWrapper.isAngularCompileRows()) { + // we do it in a timeout, in case we are already in an apply + setTimeout(function () { + _this.$scope.$apply(); + }, 0); + } + }; + RowRenderer.prototype.workOutFirstAndLastRowsToRender = function () { + var newFirst; + var newLast; + if (!this.paginationProxy.isRowsToRender()) { + newFirst = 0; + newLast = -1; // setting to -1 means nothing in range + } + else { + var pageFirstRow = this.paginationProxy.getPageFirstRow(); + var pageLastRow = this.paginationProxy.getPageLastRow(); + var pixelOffset = this.paginationProxy ? this.paginationProxy.getPixelOffset() : 0; + var heightOffset = this.heightScaler.getOffset(); + var bodyVRange = this.gridPanel.getVScrollPosition(); + var topPixel = bodyVRange.top; + var bottomPixel = bodyVRange.bottom; + var realPixelTop = topPixel + pixelOffset + heightOffset; + var realPixelBottom = bottomPixel + pixelOffset + heightOffset; + var first = this.paginationProxy.getRowIndexAtPixel(realPixelTop); + var last = this.paginationProxy.getRowIndexAtPixel(realPixelBottom); + //add in buffer + var buffer = this.gridOptionsWrapper.getRowBuffer(); + first = first - buffer; + last = last + buffer; + // adjust, in case buffer extended actual size + if (first < pageFirstRow) { + first = pageFirstRow; + } + if (last > pageLastRow) { + last = pageLastRow; + } + newFirst = first; + newLast = last; + } + var firstDiffers = newFirst !== this.firstRenderedRow; + var lastDiffers = newLast !== this.lastRenderedRow; + if (firstDiffers || lastDiffers) { + this.firstRenderedRow = newFirst; + this.lastRenderedRow = newLast; + var event_1 = { + type: events_1.Events.EVENT_VIEWPORT_CHANGED, + firstRow: newFirst, + lastRow: newLast, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + }; + RowRenderer.prototype.getFirstVirtualRenderedRow = function () { + return this.firstRenderedRow; + }; + RowRenderer.prototype.getLastVirtualRenderedRow = function () { + return this.lastRenderedRow; + }; + // check that none of the rows to remove are editing or focused as: + // a) if editing, we want to keep them, otherwise the user will loose the context of the edit, + // eg user starts editing, enters some text, then scrolls down and then up, next time row rendered + // the edit is reset - so we want to keep it rendered. + // b) if focused, we want ot keep keyboard focus, so if user ctrl+c, it goes to clipboard, + // otherwise the user can range select and drag (with focus cell going out of the viewport) + // and then ctrl+c, nothing will happen if cell is removed from dom. + RowRenderer.prototype.keepRowBecauseEditing = function (rowComp) { + var REMOVE_ROW = false; + var KEEP_ROW = true; + var rowNode = rowComp.getRowNode(); + var rowHasFocus = this.focusedCellController.isRowNodeFocused(rowNode); + var rowIsEditing = rowComp.isEditing(); + var mightWantToKeepRow = rowHasFocus || rowIsEditing; + // if we deffo don't want to keep it, + if (!mightWantToKeepRow) { + return REMOVE_ROW; + } + // editing row, only remove if it is no longer rendered, eg filtered out or new data set. + // the reason we want to keep is if user is scrolling up and down, we don't want to loose + // the context of the editing in process. + var rowNodePresent = this.paginationProxy.isRowPresent(rowNode); + return rowNodePresent ? KEEP_ROW : REMOVE_ROW; + }; + RowRenderer.prototype.createRowComp = function (rowNode, animate, afterScroll) { + var useAnimationFrameForCreate = afterScroll && !this.gridOptionsWrapper.isSuppressAnimationFrame(); + var rowComp = new rowComp_1.RowComp(this.$scope, this.rowContainers.body, this.rowContainers.pinnedLeft, this.rowContainers.pinnedRight, this.rowContainers.fullWidth, rowNode, this.beans, animate, useAnimationFrameForCreate); + rowComp.init(); + return rowComp; + }; + RowRenderer.prototype.getRenderedNodes = function () { + var renderedRows = this.rowCompsByIndex; + return Object.keys(renderedRows).map(function (key) { + return renderedRows[key].getRowNode(); + }); + }; + // we use index for rows, but column object for columns, as the next column (by index) might not + // be visible (header grouping) so it's not reliable, so using the column object instead. + RowRenderer.prototype.navigateToNextCell = function (event, key, previousCell, allowUserOverride) { + var nextCell = previousCell; + // we keep searching for a next cell until we find one. this is how the group rows get skipped + while (true) { + nextCell = this.cellNavigationService.getNextCellToFocus(key, nextCell); + if (utils_1.Utils.missing(nextCell)) { + break; + } + var skipGroupRows = this.gridOptionsWrapper.isGroupUseEntireRow(); + if (skipGroupRows) { + var rowNode = this.paginationProxy.getRow(nextCell.rowIndex); + if (!rowNode.group) { + break; + } + } + else { + break; + } + } + // allow user to override what cell to go to next. when doing normal cell navigation (with keys) + // we allow this, however if processing 'enter after edit' we don't allow override + if (allowUserOverride) { + var userFunc = this.gridOptionsWrapper.getNavigateToNextCellFunc(); + if (utils_1.Utils.exists(userFunc)) { + var params = { + key: key, + previousCellDef: previousCell, + nextCellDef: nextCell ? nextCell.getGridCellDef() : null, + event: event + }; + var nextCellDef = userFunc(params); + if (utils_1.Utils.exists(nextCellDef)) { + nextCell = new gridCell_1.GridCell(nextCellDef); + } + else { + nextCell = null; + } + } + } + // no next cell means we have reached a grid boundary, eg left, right, top or bottom of grid + if (!nextCell) { + return; + } + this.ensureCellVisible(nextCell); + this.focusedCellController.setFocusedCell(nextCell.rowIndex, nextCell.column, nextCell.floating, true); + if (this.rangeController) { + var gridCell = new gridCell_1.GridCell({ rowIndex: nextCell.rowIndex, floating: nextCell.floating, column: nextCell.column }); + this.rangeController.setRangeToCell(gridCell); + } + }; + RowRenderer.prototype.ensureCellVisible = function (gridCell) { + // this scrolls the row into view + if (utils_1.Utils.missing(gridCell.floating)) { + this.gridPanel.ensureIndexVisible(gridCell.rowIndex); + } + if (!gridCell.column.isPinned()) { + this.gridPanel.ensureColumnVisible(gridCell.column); + } + // need to nudge the scrolls for the floating items. otherwise when we set focus on a non-visible + // floating cell, the scrolls get out of sync + this.gridPanel.horizontallyScrollHeaderCenterAndFloatingCenter(); + // need to flush frames, to make sure the correct cells are rendered + this.animationFrameService.flushAllFrames(); + }; + RowRenderer.prototype.startEditingCell = function (gridCell, keyPress, charPress) { + var cell = this.getComponentForCell(gridCell); + if (cell) { + cell.startRowOrCellEdit(keyPress, charPress); + } + }; + RowRenderer.prototype.getComponentForCell = function (gridCell) { + var rowComponent; + switch (gridCell.floating) { + case constants_1.Constants.PINNED_TOP: + rowComponent = this.floatingTopRowComps[gridCell.rowIndex]; + break; + case constants_1.Constants.PINNED_BOTTOM: + rowComponent = this.floatingBottomRowComps[gridCell.rowIndex]; + break; + default: + rowComponent = this.rowCompsByIndex[gridCell.rowIndex]; + break; + } + if (!rowComponent) { + return null; + } + var cellComponent = rowComponent.getRenderedCellForColumn(gridCell.column); + return cellComponent; + }; + RowRenderer.prototype.onTabKeyDown = function (previousRenderedCell, keyboardEvent) { + var backwards = keyboardEvent.shiftKey; + var success = this.moveToCellAfter(previousRenderedCell, backwards); + if (success) { + keyboardEvent.preventDefault(); + } + }; + RowRenderer.prototype.tabToNextCell = function (backwards) { + var focusedCell = this.focusedCellController.getFocusedCell(); + // if no focus, then cannot navigate + if (utils_1.Utils.missing(focusedCell)) { + return false; + } + var renderedCell = this.getComponentForCell(focusedCell); + // if cell is not rendered, means user has scrolled away from the cell + if (utils_1.Utils.missing(renderedCell)) { + return false; + } + var result = this.moveToCellAfter(renderedCell, backwards); + return result; + }; + RowRenderer.prototype.moveToCellAfter = function (previousRenderedCell, backwards) { + var editing = previousRenderedCell.isEditing(); + var res; + if (editing) { + if (this.gridOptionsWrapper.isFullRowEdit()) { + res = this.moveToNextEditingRow(previousRenderedCell, backwards); + } + else { + res = this.moveToNextEditingCell(previousRenderedCell, backwards); + } + } + else { + res = this.moveToNextCellNotEditing(previousRenderedCell, backwards); + } + return res; + }; + RowRenderer.prototype.moveToNextEditingCell = function (previousRenderedCell, backwards) { + var gridCell = previousRenderedCell.getGridCell(); + // need to do this before getting next cell to edit, in case the next cell + // has editable function (eg colDef.editable=func() ) and it depends on the + // result of this cell, so need to save updates from the first edit, in case + // the value is referenced in the function. + previousRenderedCell.stopEditing(); + // find the next cell to start editing + var nextRenderedCell = this.findNextCellToFocusOn(gridCell, backwards, true); + var foundCell = utils_1.Utils.exists(nextRenderedCell); + // only prevent default if we found a cell. so if user is on last cell and hits tab, then we default + // to the normal tabbing so user can exit the grid. + if (foundCell) { + nextRenderedCell.startEditingIfEnabled(null, null, true); + nextRenderedCell.focusCell(false); + } + return foundCell; + }; + RowRenderer.prototype.moveToNextEditingRow = function (previousRenderedCell, backwards) { + var gridCell = previousRenderedCell.getGridCell(); + // find the next cell to start editing + var nextRenderedCell = this.findNextCellToFocusOn(gridCell, backwards, true); + var foundCell = utils_1.Utils.exists(nextRenderedCell); + // only prevent default if we found a cell. so if user is on last cell and hits tab, then we default + // to the normal tabbing so user can exit the grid. + if (foundCell) { + this.moveEditToNextCellOrRow(previousRenderedCell, nextRenderedCell); + } + return foundCell; + }; + RowRenderer.prototype.moveToNextCellNotEditing = function (previousRenderedCell, backwards) { + var gridCell = previousRenderedCell.getGridCell(); + // find the next cell to start editing + var nextRenderedCell = this.findNextCellToFocusOn(gridCell, backwards, false); + var foundCell = utils_1.Utils.exists(nextRenderedCell); + // only prevent default if we found a cell. so if user is on last cell and hits tab, then we default + // to the normal tabbing so user can exit the grid. + if (foundCell) { + nextRenderedCell.focusCell(true); + } + return foundCell; + }; + RowRenderer.prototype.moveEditToNextCellOrRow = function (previousRenderedCell, nextRenderedCell) { + var pGridCell = previousRenderedCell.getGridCell(); + var nGridCell = nextRenderedCell.getGridCell(); + var rowsMatch = pGridCell.rowIndex === nGridCell.rowIndex && pGridCell.floating === nGridCell.floating; + if (rowsMatch) { + // same row, so we don't start / stop editing, we just move the focus along + previousRenderedCell.setFocusOutOnEditor(); + nextRenderedCell.setFocusInOnEditor(); + } + else { + var pRow = previousRenderedCell.getRenderedRow(); + var nRow = nextRenderedCell.getRenderedRow(); + previousRenderedCell.setFocusOutOnEditor(); + pRow.stopEditing(); + nRow.startRowEditing(); + nextRenderedCell.setFocusInOnEditor(); + } + nextRenderedCell.focusCell(); + }; + // called by the cell, when tab is pressed while editing. + // @return: RenderedCell when navigation successful, otherwise null + RowRenderer.prototype.findNextCellToFocusOn = function (gridCell, backwards, startEditing) { + var nextCell = gridCell; + while (true) { + nextCell = this.cellNavigationService.getNextTabbedCell(nextCell, backwards); + // allow user to override what cell to go to next + var userFunc = this.gridOptionsWrapper.getTabToNextCellFunc(); + if (utils_1.Utils.exists(userFunc)) { + var params = { + backwards: backwards, + editing: startEditing, + previousCellDef: gridCell.getGridCellDef(), + nextCellDef: nextCell ? nextCell.getGridCellDef() : null + }; + var nextCellDef = userFunc(params); + if (utils_1.Utils.exists(nextCellDef)) { + nextCell = new gridCell_1.GridCell(nextCellDef); + } + else { + nextCell = null; + } + } + // if no 'next cell', means we have got to last cell of grid, so nothing to move to, + // so bottom right cell going forwards, or top left going backwards + if (!nextCell) { + return null; + } + // if editing, but cell not editable, skip cell. we do this before we do all of + // the 'ensure index visible' and 'flush all frames', otherwise if we are skipping + // a bunch of cells (eg 10 rows) then all the work on ensuring cell visible is useless + // (except for the last one) which causes grid to stall for a while. + if (startEditing) { + var rowNode = this.paginationProxy.getRow(nextCell.rowIndex); + var cellIsEditable = nextCell.column.isCellEditable(rowNode); + if (!cellIsEditable) { + continue; + } + } + // this scrolls the row into view + var cellIsNotFloating = utils_1.Utils.missing(nextCell.floating); + if (cellIsNotFloating) { + this.gridPanel.ensureIndexVisible(nextCell.rowIndex); + } + // pinned columns don't scroll, so no need to ensure index visible + if (!nextCell.column.isPinned()) { + this.gridPanel.ensureColumnVisible(nextCell.column); + } + // need to nudge the scrolls for the floating items. otherwise when we set focus on a non-visible + // floating cell, the scrolls get out of sync + this.gridPanel.horizontallyScrollHeaderCenterAndFloatingCenter(); + // get the grid panel to flush all animation frames - otherwise the call below to get the cellComp + // could fail, if we just scrolled the grid (to make a cell visible) and the rendering hasn't finished. + this.animationFrameService.flushAllFrames(); + // we have to call this after ensureColumnVisible - otherwise it could be a virtual column + // or row that is not currently in view, hence the renderedCell would not exist + var nextCellComp = this.getComponentForCell(nextCell); + // if next cell is fullWidth row, then no rendered cell, + // as fullWidth rows have no cells, so we skip it + if (utils_1.Utils.missing(nextCellComp)) { + continue; + } + if (nextCellComp.isSuppressNavigable()) { + continue; + } + // by default, when we click a cell, it gets selected into a range, so to keep keyboard navigation + // consistent, we set into range here also. + if (this.rangeController) { + var gridCell_2 = new gridCell_1.GridCell({ rowIndex: nextCell.rowIndex, floating: nextCell.floating, column: nextCell.column }); + this.rangeController.setRangeToCell(gridCell_2); + } + // we successfully tabbed onto a grid cell, so return true + return nextCellComp; + } + }; + __decorate([ + context_1.Autowired("paginationProxy"), + __metadata("design:type", paginationProxy_1.PaginationProxy) + ], RowRenderer.prototype, "paginationProxy", void 0); + __decorate([ + context_1.Autowired("columnController"), + __metadata("design:type", columnController_1.ColumnController) + ], RowRenderer.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], RowRenderer.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired("gridCore"), + __metadata("design:type", gridCore_1.GridCore) + ], RowRenderer.prototype, "gridCore", void 0); + __decorate([ + context_1.Autowired("$scope"), + __metadata("design:type", Object) + ], RowRenderer.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired("expressionService"), + __metadata("design:type", expressionService_1.ExpressionService) + ], RowRenderer.prototype, "expressionService", void 0); + __decorate([ + context_1.Autowired("templateService"), + __metadata("design:type", templateService_1.TemplateService) + ], RowRenderer.prototype, "templateService", void 0); + __decorate([ + context_1.Autowired("valueService"), + __metadata("design:type", valueService_1.ValueService) + ], RowRenderer.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired("eventService"), + __metadata("design:type", eventService_1.EventService) + ], RowRenderer.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired("pinnedRowModel"), + __metadata("design:type", pinnedRowModel_1.PinnedRowModel) + ], RowRenderer.prototype, "pinnedRowModel", void 0); + __decorate([ + context_1.Autowired("context"), + __metadata("design:type", context_1.Context) + ], RowRenderer.prototype, "context", void 0); + __decorate([ + context_1.Autowired("loggerFactory"), + __metadata("design:type", logger_1.LoggerFactory) + ], RowRenderer.prototype, "loggerFactory", void 0); + __decorate([ + context_1.Autowired("focusedCellController"), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], RowRenderer.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Autowired("cellNavigationService"), + __metadata("design:type", cellNavigationService_1.CellNavigationService) + ], RowRenderer.prototype, "cellNavigationService", void 0); + __decorate([ + context_1.Autowired("columnApi"), + __metadata("design:type", columnApi_1.ColumnApi) + ], RowRenderer.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired("gridApi"), + __metadata("design:type", gridApi_1.GridApi) + ], RowRenderer.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired("beans"), + __metadata("design:type", beans_1.Beans) + ], RowRenderer.prototype, "beans", void 0); + __decorate([ + context_1.Autowired("heightScaler"), + __metadata("design:type", heightScaler_1.HeightScaler) + ], RowRenderer.prototype, "heightScaler", void 0); + __decorate([ + context_1.Autowired("animationFrameService"), + __metadata("design:type", animationFrameService_1.AnimationFrameService) + ], RowRenderer.prototype, "animationFrameService", void 0); + __decorate([ + context_1.Optional("rangeController"), + __metadata("design:type", Object) + ], RowRenderer.prototype, "rangeController", void 0); + __decorate([ + __param(0, context_1.Qualifier("loggerFactory")), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], RowRenderer.prototype, "agWire", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], RowRenderer.prototype, "destroy", null); + RowRenderer = __decorate([ + context_1.Bean("rowRenderer") + ], RowRenderer); + return RowRenderer; + }(beanStub_1.BeanStub)); + exports.RowRenderer = RowRenderer; + + +/***/ }), +/* 27 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var TemplateService = (function () { + function TemplateService() { + this.templateCache = {}; + this.waitingCallbacks = {}; + } + // returns the template if it is loaded, or null if it is not loaded + // but will call the callback when it is loaded + TemplateService.prototype.getTemplate = function (url, callback) { + var templateFromCache = this.templateCache[url]; + if (templateFromCache) { + return templateFromCache; + } + var callbackList = this.waitingCallbacks[url]; + var that = this; + if (!callbackList) { + // first time this was called, so need a new list for callbacks + callbackList = []; + this.waitingCallbacks[url] = callbackList; + // and also need to do the http request + var client = new XMLHttpRequest(); + client.onload = function () { + that.handleHttpResult(this, url); + }; + client.open("GET", url); + client.send(); + } + // add this callback + if (callback) { + callbackList.push(callback); + } + // caller needs to wait for template to load, so return null + return null; + }; + TemplateService.prototype.handleHttpResult = function (httpResult, url) { + if (httpResult.status !== 200 || httpResult.response === null) { + console.warn('Unable to get template error ' + httpResult.status + ' - ' + url); + return; + } + // response success, so process it + // in IE9 the response is in - responseText + this.templateCache[url] = httpResult.response || httpResult.responseText; + // inform all listeners that this is now in the cache + var callbacks = this.waitingCallbacks[url]; + for (var i = 0; i < callbacks.length; i++) { + var callback = callbacks[i]; + // we could pass the callback the response, however we know the client of this code + // is the cell renderer, and it passes the 'cellRefresh' method in as the callback + // which doesn't take any parameters. + callback(); + } + if (this.$scope) { + var that_1 = this; + setTimeout(function () { + that_1.$scope.$apply(); + }, 0); + } + }; + __decorate([ + context_2.Autowired('$scope'), + __metadata("design:type", Object) + ], TemplateService.prototype, "$scope", void 0); + TemplateService = __decorate([ + context_1.Bean('templateService') + ], TemplateService); + return TemplateService; + }()); + exports.TemplateService = TemplateService; + + +/***/ }), +/* 28 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var expressionService_1 = __webpack_require__(23); + var columnController_1 = __webpack_require__(17); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var events_1 = __webpack_require__(11); + var eventService_1 = __webpack_require__(5); + var valueCache_1 = __webpack_require__(29); + var ValueService = (function () { + function ValueService() { + this.initialised = false; + } + ValueService.prototype.init = function () { + this.cellExpressions = this.gridOptionsWrapper.isEnableCellExpressions(); + this.initialised = true; + }; + ValueService.prototype.getValue = function (column, rowNode, forFilter, ignoreAggData) { + // console.log(`turnActive = ${this.turnActive}`); + if (forFilter === void 0) { forFilter = false; } + if (ignoreAggData === void 0) { ignoreAggData = false; } + // hack - the grid is getting refreshed before this bean gets initialised, race condition. + // really should have a way so they get initialised in the right order??? + if (!this.initialised) { + this.init(); + } + // pull these out to make code below easier to read + var colDef = column.getColDef(); + var field = colDef.field; + var colId = column.getId(); + var data = rowNode.data; + var result; + // if there is a value getter, this gets precedence over a field + var groupDataExists = rowNode.groupData && rowNode.groupData[colId] !== undefined; + var aggDataExists = !ignoreAggData && rowNode.aggData && rowNode.aggData[colId] !== undefined; + if (forFilter && colDef.filterValueGetter) { + result = this.executeValueGetter(colDef.filterValueGetter, data, column, rowNode); + } + else if (groupDataExists) { + result = rowNode.groupData[colId]; + } + else if (aggDataExists) { + result = rowNode.aggData[colId]; + } + else if (colDef.valueGetter) { + result = this.executeValueGetter(colDef.valueGetter, data, column, rowNode); + } + else if (field && data) { + result = utils_1._.getValueUsingField(data, field, column.isFieldContainsDots()); + } + else { + result = undefined; + } + // the result could be an expression itself, if we are allowing cell values to be expressions + if (this.cellExpressions && (typeof result === 'string') && result.indexOf('=') === 0) { + var cellValueGetter = result.substring(1); + result = this.executeValueGetter(cellValueGetter, data, column, rowNode); + } + return result; + }; + ValueService.prototype.setValue = function (rowNode, colKey, newValue) { + var column = this.columnController.getPrimaryColumn(colKey); + if (!rowNode || !column) { + return; + } + // this will only happen if user is trying to paste into a group row, which doesn't make sense + // the user should not be trying to paste into group rows + var data = rowNode.data; + if (utils_1._.missing(data)) { + rowNode.data = {}; + } + // for backwards compatibility we are also retrieving the newValueHandler as well as the valueSetter + var _a = column.getColDef(), field = _a.field, newValueHandler = _a.newValueHandler, valueSetter = _a.valueSetter; + // need either a field or a newValueHandler for this to work + if (utils_1._.missing(field) && utils_1._.missing(newValueHandler) && utils_1._.missing(valueSetter)) { + // we don't tell user about newValueHandler, as that is deprecated + console.warn("ag-Grid: you need either field or valueSetter set on colDef for editing to work"); + return; + } + var params = { + node: rowNode, + data: rowNode.data, + oldValue: this.getValue(column, rowNode), + newValue: newValue, + colDef: column.getColDef(), + column: column, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext() + }; + params.newValue = newValue; + var valueWasDifferent; + if (utils_1._.exists(newValueHandler)) { + valueWasDifferent = newValueHandler(params); + } + else if (utils_1._.exists(valueSetter)) { + valueWasDifferent = this.expressionService.evaluate(valueSetter, params); + } + else { + valueWasDifferent = this.setValueUsingField(data, field, newValue, column.isFieldContainsDots()); + } + // in case user forgot to return something (possible if they are not using TypeScript + // and just forgot, or using an old newValueHandler we didn't always expect a return + // value here), we default the return value to true, so we always refresh. + if (valueWasDifferent === undefined) { + valueWasDifferent = true; + } + // if no change to the value, then no need to do the updating, or notifying via events. + // otherwise the user could be tabbing around the grid, and cellValueChange would get called + // all the time. + if (!valueWasDifferent) { + return; + } + // reset quick filter on this row + rowNode.resetQuickFilterAggregateText(); + this.valueCache.onDataChanged(); + params.newValue = this.getValue(column, rowNode); + if (typeof column.getColDef().onCellValueChanged === 'function') { + // to make callback async, do in a timeout + setTimeout(function () { return column.getColDef().onCellValueChanged(params); }, 0); + } + var event = { + type: events_1.Events.EVENT_CELL_VALUE_CHANGED, + event: null, + rowIndex: rowNode.rowIndex, + rowPinned: rowNode.rowPinned, + column: params.column, + api: params.api, + colDef: params.colDef, + columnApi: params.columnApi, + context: params.context, + data: rowNode.data, + node: rowNode, + oldValue: params.oldValue, + newValue: params.newValue, + value: params.newValue + }; + this.eventService.dispatchEvent(event); + }; + ValueService.prototype.setValueUsingField = function (data, field, newValue, isFieldContainsDots) { + // if no '.', then it's not a deep value + var valuesAreSame; + if (!isFieldContainsDots) { + data[field] = newValue; + } + else { + // otherwise it is a deep value, so need to dig for it + var fieldPieces = field.split('.'); + var currentObject = data; + while (fieldPieces.length > 0 && currentObject) { + var fieldPiece = fieldPieces.shift(); + if (fieldPieces.length === 0) { + currentObject[fieldPiece] = newValue; + } + else { + currentObject = currentObject[fieldPiece]; + } + } + } + return !valuesAreSame; + }; + ValueService.prototype.executeValueGetter = function (filterValueGetter, data, column, rowNode) { + var colId = column.getId(); + // if inside the same turn, just return back the value we got last time + var valueFromCache = this.valueCache.getValue(rowNode, colId); + if (valueFromCache !== undefined) { + return valueFromCache; + } + var params = { + data: data, + node: rowNode, + column: column, + colDef: column.getColDef(), + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext(), + getValue: this.getValueCallback.bind(this, rowNode) + }; + var result = this.expressionService.evaluate(filterValueGetter, params); + // if a turn is active, store the value in case the grid asks for it again + this.valueCache.setValue(rowNode, colId, result); + return result; + }; + ValueService.prototype.getValueCallback = function (node, field) { + var otherColumn = this.columnController.getPrimaryColumn(field); + if (otherColumn) { + return this.getValue(otherColumn, node); + } + else { + return null; + } + }; + // used by row grouping and pivot, to get key for a row. col can be a pivot col or a row grouping col + ValueService.prototype.getKeyForNode = function (col, rowNode) { + var value = this.getValue(col, rowNode); + var result; + var keyCreator = col.getColDef().keyCreator; + if (keyCreator) { + result = keyCreator({ value: value }); + } + else { + result = value; + } + // if already a string, or missing, just return it + if (typeof result === 'string' || result === null || result === undefined) { + return result; + } + result = String(result); + if (result === '[object Object]') { + utils_1._.doOnce(function () { + console.warn('ag-Grid: a column you are grouping or pivoting by has objects as values. If you want to group by complex objects then either a) use a colDef.keyCreator (se ag-Grid docs) or b) to toString() on the object to return a key'); + }, 'getKeyForNode - warn about [object,object]'); + } + return result; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ValueService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], ValueService.prototype, "expressionService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], ValueService.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], ValueService.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('valueCache'), + __metadata("design:type", valueCache_1.ValueCache) + ], ValueService.prototype, "valueCache", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ValueService.prototype, "init", null); + ValueService = __decorate([ + context_1.Bean('valueService') + ], ValueService); + return ValueService; + }()); + exports.ValueService = ValueService; + + +/***/ }), +/* 29 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var ValueCache = (function () { + function ValueCache() { + this.cacheVersion = 0; + } + ValueCache.prototype.init = function () { + this.active = this.gridOptionsWrapper.isValueCache(); + this.neverExpires = this.gridOptionsWrapper.isValueCacheNeverExpires(); + }; + ValueCache.prototype.onDataChanged = function () { + if (this.neverExpires) { + return; + } + this.expire(); + }; + ValueCache.prototype.expire = function () { + this.cacheVersion++; + }; + ValueCache.prototype.setValue = function (rowNode, colId, value) { + if (this.active) { + if (rowNode.__cacheVersion !== this.cacheVersion) { + rowNode.__cacheVersion = this.cacheVersion; + rowNode.__cacheData = {}; + } + rowNode.__cacheData[colId] = value; + } + }; + ValueCache.prototype.getValue = function (rowNode, colId) { + var valueInCache = this.active + && rowNode.__cacheVersion === this.cacheVersion + && rowNode.__cacheData[colId] !== undefined; + if (valueInCache) { + return rowNode.__cacheData[colId]; + } + else { + return undefined; + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ValueCache.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ValueCache.prototype, "init", null); + ValueCache = __decorate([ + context_1.Bean('valueCache') + ], ValueCache); + return ValueCache; + }()); + exports.ValueCache = ValueCache; + + +/***/ }), +/* 30 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var cellComp_1 = __webpack_require__(31); + var rowNode_1 = __webpack_require__(32); + var gridOptionsWrapper_1 = __webpack_require__(4); + var column_1 = __webpack_require__(19); + var events_1 = __webpack_require__(11); + var context_1 = __webpack_require__(7); + var component_1 = __webpack_require__(36); + var componentAnnotations_1 = __webpack_require__(43); + var LoadingCellRenderer = (function (_super) { + __extends(LoadingCellRenderer, _super); + function LoadingCellRenderer() { + return _super.call(this, LoadingCellRenderer.TEMPLATE) || this; + } + LoadingCellRenderer.prototype.init = function (params) { + var eLoadingIcon = utils_1._.createIconNoSpan('groupLoading', this.gridOptionsWrapper, null); + this.eLoadingIcon.appendChild(eLoadingIcon); + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + this.eLoadingText.innerText = localeTextFunc('loadingOoo', 'Loading'); + }; + LoadingCellRenderer.prototype.refresh = function (params) { + return false; + }; + LoadingCellRenderer.TEMPLATE = "
\n \n \n
"; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], LoadingCellRenderer.prototype, "gridOptionsWrapper", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLoadingIcon'), + __metadata("design:type", HTMLElement) + ], LoadingCellRenderer.prototype, "eLoadingIcon", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLoadingText'), + __metadata("design:type", HTMLElement) + ], LoadingCellRenderer.prototype, "eLoadingText", void 0); + return LoadingCellRenderer; + }(component_1.Component)); + exports.LoadingCellRenderer = LoadingCellRenderer; + var RowComp = (function (_super) { + __extends(RowComp, _super); + function RowComp(parentScope, bodyContainerComp, pinnedLeftContainerComp, pinnedRightContainerComp, fullWidthContainerComp, rowNode, beans, animateIn, useAnimationFrameForCreate) { + var _this = _super.call(this) || this; + _this.eAllRowContainers = []; + _this.active = true; + _this.columnRefreshPending = false; + _this.cellComps = {}; + // for animations, there are bits we want done in the next VM turn, to all DOM to update first. + // instead of each row doing a setTimeout(func,0), we put the functions here and the rowRenderer + // executes them all in one timeout + _this.createSecondPassFuncs = []; + // these get called before the row is destroyed - they set up the DOM for the remove animation (ie they + // set the DOM up for the animation), then the delayedDestroyFunctions get called when the animation is + // complete (ie removes from the dom). + _this.removeFirstPassFuncs = []; + // for animations, these functions get called 400ms after the row is cleared, called by the rowRenderer + // so each row isn't setting up it's own timeout + _this.removeSecondPassFuncs = []; + _this.initialised = false; + _this.parentScope = parentScope; + _this.beans = beans; + _this.bodyContainerComp = bodyContainerComp; + _this.pinnedLeftContainerComp = pinnedLeftContainerComp; + _this.pinnedRightContainerComp = pinnedRightContainerComp; + _this.fullWidthContainerComp = fullWidthContainerComp; + _this.rowNode = rowNode; + _this.rowIsEven = _this.rowNode.rowIndex % 2 === 0; + _this.paginationPage = _this.beans.paginationProxy.getCurrentPage(); + _this.useAnimationFrameForCreate = useAnimationFrameForCreate; + _this.setAnimateFlags(animateIn); + return _this; + } + RowComp.prototype.init = function () { + var _this = this; + this.rowFocused = this.beans.focusedCellController.isRowFocused(this.rowNode.rowIndex, this.rowNode.rowPinned); + this.scope = this.createChildScopeOrNull(this.rowNode.data); + this.setupRowContainers(); + this.addListeners(); + if (this.slideRowIn) { + this.createSecondPassFuncs.push(function () { + _this.onTopChanged(); + }); + } + if (this.fadeRowIn) { + this.createSecondPassFuncs.push(function () { + _this.eAllRowContainers.forEach(function (eRow) { return utils_1._.removeCssClass(eRow, 'ag-opacity-zero'); }); + }); + } + }; + RowComp.prototype.createTemplate = function (contents, extraCssClass) { + if (extraCssClass === void 0) { extraCssClass = null; } + var templateParts = []; + var rowHeight = this.rowNode.rowHeight; + var rowClasses = this.getInitialRowClasses(extraCssClass).join(' '); + var rowIdSanitised = utils_1._.escape(this.rowNode.id); + var userRowStyles = this.preProcessStylesFromGridOptions(); + var businessKey = this.getRowBusinessKey(); + var businessKeySanitised = utils_1._.escape(businessKey); + var rowTopStyle = this.getInitialRowTopStyle(); + templateParts.push(""); + // add in the template for the cells + templateParts.push(contents); + templateParts.push("
"); + return templateParts.join(''); + }; + RowComp.prototype.getCellForCol = function (column) { + var cellComp = this.cellComps[column.getColId()]; + if (cellComp) { + return cellComp.getGui(); + } + else { + return null; + } + }; + RowComp.prototype.afterFlush = function () { + if (!this.initialised) { + this.initialised = true; + this.executeProcessRowPostCreateFunc(); + } + }; + RowComp.prototype.executeProcessRowPostCreateFunc = function () { + var func = this.beans.gridOptionsWrapper.getProcessRowPostCreateFunc(); + if (func) { + var params = { + eRow: this.eBodyRow, + ePinnedLeftRow: this.ePinnedLeftRow, + ePinnedRightRow: this.ePinnedRightRow, + node: this.rowNode, + api: this.beans.gridOptionsWrapper.getApi(), + rowIndex: this.rowNode.rowIndex, + addRenderedRowListener: this.addEventListener.bind(this), + columnApi: this.beans.gridOptionsWrapper.getColumnApi(), + context: this.beans.gridOptionsWrapper.getContext() + }; + func(params); + } + }; + RowComp.prototype.getInitialRowTopStyle = function () { + // if sliding in, we take the old row top. otherwise we just set the current row top. + var pixels = this.slideRowIn ? this.roundRowTopToBounds(this.rowNode.oldRowTop) : this.rowNode.rowTop; + var afterPaginationPixels = this.applyPaginationOffset(pixels); + var afterScalingPixels = this.beans.heightScaler.getRealPixelPosition(afterPaginationPixels); + if (this.beans.gridOptionsWrapper.isSuppressRowTransform()) { + return "top: " + afterScalingPixels + "px; "; + } + else { + return "transform: translateY(" + afterScalingPixels + "px); "; + } + }; + RowComp.prototype.getRowBusinessKey = function () { + if (typeof this.beans.gridOptionsWrapper.getBusinessKeyForNodeFunc() === 'function') { + var businessKey = this.beans.gridOptionsWrapper.getBusinessKeyForNodeFunc()(this.rowNode); + return businessKey; + } + }; + RowComp.prototype.lazyCreateCells = function (cols, eRow) { + if (this.active) { + var cellTemplatesAndComps = this.createCells(cols); + eRow.innerHTML = cellTemplatesAndComps.template; + this.callAfterRowAttachedOnCells(cellTemplatesAndComps.cellComps, eRow); + } + }; + RowComp.prototype.createRowContainer = function (rowContainerComp, cols, callback) { + var _this = this; + var cellTemplatesAndComps; + if (this.useAnimationFrameForCreate) { + cellTemplatesAndComps = { cellComps: [], template: '' }; + } + else { + cellTemplatesAndComps = this.createCells(cols); + } + var rowTemplate = this.createTemplate(cellTemplatesAndComps.template); + rowContainerComp.appendRowTemplate(rowTemplate, function () { + var eRow = rowContainerComp.getRowElement(_this.getCompId()); + _this.afterRowAttached(rowContainerComp, eRow); + callback(eRow); + if (_this.useAnimationFrameForCreate) { + _this.beans.taskQueue.addP1Task(_this.lazyCreateCells.bind(_this, cols, eRow)); + } + else { + _this.callAfterRowAttachedOnCells(cellTemplatesAndComps.cellComps, eRow); + } + }); + }; + RowComp.prototype.createChildScopeOrNull = function (data) { + if (this.beans.gridOptionsWrapper.isAngularCompileRows()) { + var newChildScope_1 = this.parentScope.$new(); + newChildScope_1.data = data; + newChildScope_1.rowNode = this.rowNode; + newChildScope_1.context = this.beans.gridOptionsWrapper.getContext(); + this.addDestroyFunc(function () { + newChildScope_1.$destroy(); + newChildScope_1.data = null; + newChildScope_1.rowNode = null; + newChildScope_1.context = null; + }); + return newChildScope_1; + } + else { + return null; + } + }; + RowComp.prototype.setupRowContainers = function () { + var isFullWidthCellFunc = this.beans.gridOptionsWrapper.getIsFullWidthCellFunc(); + var isFullWidthCell = isFullWidthCellFunc ? isFullWidthCellFunc(this.rowNode) : false; + var isDetailCell = this.beans.doingMasterDetail && this.rowNode.detail; + var isGroupSpanningRow = this.rowNode.group && this.beans.gridOptionsWrapper.isGroupUseEntireRow(); + if (this.rowNode.stub) { + this.createFullWidthRows(RowComp.LOADING_CELL_RENDERER, RowComp.LOADING_CELL_RENDERER_COMP_NAME); + } + else if (isDetailCell) { + this.createFullWidthRows(RowComp.DETAIL_CELL_RENDERER, RowComp.DETAIL_CELL_RENDERER_COMP_NAME); + } + else if (isFullWidthCell) { + this.createFullWidthRows(RowComp.FULL_WIDTH_CELL_RENDERER, null); + } + else if (isGroupSpanningRow) { + this.createFullWidthRows(RowComp.GROUP_ROW_RENDERER, RowComp.GROUP_ROW_RENDERER_COMP_NAME); + } + else { + this.setupNormalRowContainers(); + } + }; + RowComp.prototype.setupNormalRowContainers = function () { + var _this = this; + var centerCols = this.beans.columnController.getAllDisplayedCenterVirtualColumnsForRow(this.rowNode); + this.createRowContainer(this.bodyContainerComp, centerCols, function (eRow) { return _this.eBodyRow = eRow; }); + var leftCols = this.beans.columnController.getDisplayedLeftColumnsForRow(this.rowNode); + var rightCols = this.beans.columnController.getDisplayedRightColumnsForRow(this.rowNode); + this.createRowContainer(this.pinnedRightContainerComp, rightCols, function (eRow) { return _this.ePinnedRightRow = eRow; }); + this.createRowContainer(this.pinnedLeftContainerComp, leftCols, function (eRow) { return _this.ePinnedLeftRow = eRow; }); + }; + RowComp.prototype.createFullWidthRows = function (type, name) { + var _this = this; + this.fullWidthRow = true; + this.fullWidthRowEmbedded = this.beans.gridOptionsWrapper.isEmbedFullWidthRows(); + if (this.fullWidthRowEmbedded) { + this.createFullWidthRowContainer(this.bodyContainerComp, null, null, type, name, function (eRow) { + _this.eFullWidthRowBody = eRow; + }, function (cellRenderer) { + _this.fullWidthRowComponentBody = cellRenderer; + }); + this.createFullWidthRowContainer(this.pinnedLeftContainerComp, column_1.Column.PINNED_LEFT, 'ag-cell-last-left-pinned', type, name, function (eRow) { + _this.eFullWidthRowLeft = eRow; + }, function (cellRenderer) { + _this.fullWidthRowComponentLeft = cellRenderer; + }); + this.createFullWidthRowContainer(this.pinnedRightContainerComp, column_1.Column.PINNED_RIGHT, 'ag-cell-first-right-pinned', type, name, function (eRow) { + _this.eFullWidthRowRight = eRow; + }, function (cellRenderer) { + _this.fullWidthRowComponentRight = cellRenderer; + }); + } + else { + // otherwise we add to the fullWidth container as normal + // let previousFullWidth = ensureDomOrder ? this.lastPlacedElements.eFullWidth : null; + this.createFullWidthRowContainer(this.fullWidthContainerComp, null, null, type, name, function (eRow) { + _this.eFullWidthRow = eRow; + }, function (cellRenderer) { + _this.fullWidthRowComponent = cellRenderer; + }); + } + }; + RowComp.prototype.setAnimateFlags = function (animateIn) { + if (animateIn) { + var oldRowTopExists = utils_1._.exists(this.rowNode.oldRowTop); + // if the row had a previous position, we slide it in (animate row top) + this.slideRowIn = oldRowTopExists; + // if the row had no previous position, we fade it in (animate + this.fadeRowIn = !oldRowTopExists; + } + else { + this.slideRowIn = false; + this.fadeRowIn = false; + } + }; + RowComp.prototype.isEditing = function () { + return this.editingRow; + }; + RowComp.prototype.stopRowEditing = function (cancel) { + this.stopEditing(cancel); + }; + RowComp.prototype.isFullWidth = function () { + return this.fullWidthRow; + }; + RowComp.prototype.addListeners = function () { + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_HEIGHT_CHANGED, this.onRowHeightChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_ROW_SELECTED, this.onRowSelected.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_ROW_INDEX_CHANGED, this.onRowIndexChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_TOP_CHANGED, this.onTopChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_EXPANDED_CHANGED, this.onExpandedChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_DATA_CHANGED, this.onRowNodeDataChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_CELL_CHANGED, this.onRowNodeCellChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_DRAGGING_CHANGED, this.onRowNodeDraggingChanged.bind(this)); + var eventService = this.beans.eventService; + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_HEIGHT_SCALE_CHANGED, this.onTopChanged.bind(this)); + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.onDisplayedColumnsChanged.bind(this)); + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_VIRTUAL_COLUMNS_CHANGED, this.onVirtualColumnsChanged.bind(this)); + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_COLUMN_RESIZED, this.onColumnResized.bind(this)); + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_CELL_FOCUSED, this.onCellFocusChanged.bind(this)); + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_PAGINATION_CHANGED, this.onPaginationChanged.bind(this)); + this.addDestroyableEventListener(eventService, events_1.Events.EVENT_GRID_COLUMNS_CHANGED, this.onGridColumnsChanged.bind(this)); + }; + // when grid columns change, then all cells should be cleaned out, + // as the new columns could have same id as the previous columns and may conflict + RowComp.prototype.onGridColumnsChanged = function () { + var allRenderedCellIds = Object.keys(this.cellComps); + this.removeRenderedCells(allRenderedCellIds); + }; + RowComp.prototype.onRowNodeDataChanged = function (event) { + // if this is an update, we want to refresh, as this will allow the user to put in a transition + // into the cellRenderer refresh method. otherwise this might be completely new data, in which case + // we will want to completely replace the cells + this.forEachCellComp(function (cellComp) { + return cellComp.refreshCell({ + suppressFlash: !event.update, + newData: !event.update + }); + }); + // check for selected also, as this could be after lazy loading of the row data, in which case + // the id might of just gotten set inside the row and the row selected state may of changed + // as a result. this is what happens when selected rows are loaded in virtual pagination. + // - niall note - since moving to the stub component, this may no longer be true, as replacing + // the stub component now replaces the entire row + this.onRowSelected(); + // as data has changed, then the style and class needs to be recomputed + this.postProcessCss(); + }; + RowComp.prototype.onRowNodeCellChanged = function (event) { + // as data has changed, then the style and class needs to be recomputed + this.postProcessCss(); + }; + RowComp.prototype.postProcessCss = function () { + this.postProcessStylesFromGridOptions(); + this.postProcessClassesFromGridOptions(); + this.postProcessRowClassRules(); + this.postProcessRowDragging(); + }; + RowComp.prototype.onRowNodeDraggingChanged = function () { + this.postProcessRowDragging(); + }; + RowComp.prototype.postProcessRowDragging = function () { + var dragging = this.rowNode.dragging; + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-dragging', dragging); }); + }; + RowComp.prototype.onExpandedChanged = function () { + if (this.rowNode.group && !this.rowNode.footer) { + var expanded_1 = this.rowNode.expanded; + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-group-expanded', expanded_1); }); + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-group-contracted', !expanded_1); }); + } + }; + RowComp.prototype.onDisplayedColumnsChanged = function () { + if (!this.fullWidthRow) { + this.refreshCells(); + } + }; + RowComp.prototype.destroyFullWidthComponents = function () { + if (this.fullWidthRowComponent) { + if (this.fullWidthRowComponent.destroy) { + this.fullWidthRowComponent.destroy(); + } + this.fullWidthRowComponent = null; + } + if (this.fullWidthRowComponentBody) { + if (this.fullWidthRowComponentBody.destroy) { + this.fullWidthRowComponentBody.destroy(); + } + this.fullWidthRowComponent = null; + } + if (this.fullWidthRowComponentLeft) { + if (this.fullWidthRowComponentLeft.destroy) { + this.fullWidthRowComponentLeft.destroy(); + } + this.fullWidthRowComponentLeft = null; + } + if (this.fullWidthRowComponentRight) { + if (this.fullWidthRowComponentRight.destroy) { + this.fullWidthRowComponentRight.destroy(); + } + this.fullWidthRowComponent = null; + } + }; + RowComp.prototype.getContainerForCell = function (pinnedType) { + switch (pinnedType) { + case column_1.Column.PINNED_LEFT: return this.ePinnedLeftRow; + case column_1.Column.PINNED_RIGHT: return this.ePinnedRightRow; + default: return this.eBodyRow; + } + }; + RowComp.prototype.onVirtualColumnsChanged = function () { + if (!this.fullWidthRow) { + this.refreshCells(); + } + }; + RowComp.prototype.onColumnResized = function () { + if (!this.fullWidthRow) { + this.refreshCells(); + } + }; + RowComp.prototype.refreshCells = function () { + if (this.beans.gridOptionsWrapper.isSuppressAnimationFrame()) { + this.refreshCellsInAnimationFrame(); + } + else { + if (this.columnRefreshPending) { + return; + } + this.beans.taskQueue.addP1Task(this.refreshCellsInAnimationFrame.bind(this)); + } + }; + RowComp.prototype.refreshCellsInAnimationFrame = function () { + if (!this.active) { + return; + } + this.columnRefreshPending = false; + var centerCols = this.beans.columnController.getAllDisplayedCenterVirtualColumnsForRow(this.rowNode); + var leftCols = this.beans.columnController.getDisplayedLeftColumnsForRow(this.rowNode); + var rightCols = this.beans.columnController.getDisplayedRightColumnsForRow(this.rowNode); + this.insertCellsIntoContainer(this.eBodyRow, centerCols); + this.insertCellsIntoContainer(this.ePinnedLeftRow, leftCols); + this.insertCellsIntoContainer(this.ePinnedRightRow, rightCols); + var colIdsToRemove = Object.keys(this.cellComps); + centerCols.forEach(function (col) { return utils_1._.removeFromArray(colIdsToRemove, col.getId()); }); + leftCols.forEach(function (col) { return utils_1._.removeFromArray(colIdsToRemove, col.getId()); }); + rightCols.forEach(function (col) { return utils_1._.removeFromArray(colIdsToRemove, col.getId()); }); + // we never remove editing cells, as this would cause the cells to loose their values while editing + // as the grid is scrolling horizontally. + colIdsToRemove = utils_1._.filter(colIdsToRemove, this.isCellEligibleToBeRemoved.bind(this)); + // remove old cells from gui, but we don't destroy them, we might use them again + this.removeRenderedCells(colIdsToRemove); + }; + RowComp.prototype.removeRenderedCells = function (colIds) { + var _this = this; + colIds.forEach(function (key) { + var cellComp = _this.cellComps[key]; + // could be old reference, ie removed cell + if (utils_1._.missing(cellComp)) { + return; + } + cellComp.detach(); + cellComp.destroy(); + _this.cellComps[key] = null; + }); + }; + RowComp.prototype.isCellEligibleToBeRemoved = function (indexStr) { + var displayedColumns = this.beans.columnController.getAllDisplayedColumns(); + var REMOVE_CELL = true; + var KEEP_CELL = false; + var renderedCell = this.cellComps[indexStr]; + if (!renderedCell) { + return REMOVE_CELL; + } + // always remove the cell if it's in the wrong pinned location + if (this.isCellInWrongRow(renderedCell)) { + return REMOVE_CELL; + } + // we want to try and keep editing and focused cells + var editing = renderedCell.isEditing(); + var focused = this.beans.focusedCellController.isCellFocused(renderedCell.getGridCell()); + var mightWantToKeepCell = editing || focused; + if (mightWantToKeepCell) { + var column = renderedCell.getColumn(); + var cellStillDisplayed = displayedColumns.indexOf(column) >= 0; + return cellStillDisplayed ? KEEP_CELL : REMOVE_CELL; + } + else { + return REMOVE_CELL; + } + }; + RowComp.prototype.ensureCellInCorrectContainer = function (cellComp) { + var element = cellComp.getGui(); + var column = cellComp.getColumn(); + var pinnedType = column.getPinned(); + var eContainer = this.getContainerForCell(pinnedType); + // if in wrong container, remove it + var eOldContainer = cellComp.getParentRow(); + var inWrongRow = eOldContainer !== eContainer; + if (inWrongRow) { + // take out from old row + if (eOldContainer) { + eOldContainer.removeChild(element); + } + eContainer.appendChild(element); + cellComp.setParentRow(eContainer); + } + }; + RowComp.prototype.isCellInWrongRow = function (cellComp) { + var column = cellComp.getColumn(); + var rowWeWant = this.getContainerForCell(column.getPinned()); + // if in wrong container, remove it + var oldRow = cellComp.getParentRow(); + return oldRow !== rowWeWant; + }; + RowComp.prototype.insertCellsIntoContainer = function (eRow, cols) { + var _this = this; + if (!eRow) { + return; + } + var cellTemplates = []; + var newCellComps = []; + cols.forEach(function (col) { + var colId = col.getId(); + var oldCell = _this.cellComps[colId]; + if (oldCell) { + _this.ensureCellInCorrectContainer(oldCell); + } + else { + _this.createNewCell(col, eRow, cellTemplates, newCellComps); + } + }); + if (cellTemplates.length > 0) { + utils_1._.appendHtml(eRow, cellTemplates.join('')); + this.callAfterRowAttachedOnCells(newCellComps, eRow); + } + }; + RowComp.prototype.addDomData = function (eRowContainer) { + var gow = this.beans.gridOptionsWrapper; + gow.setDomData(eRowContainer, RowComp.DOM_DATA_KEY_RENDERED_ROW, this); + this.addDestroyFunc(function () { + gow.setDomData(eRowContainer, RowComp.DOM_DATA_KEY_RENDERED_ROW, null); + }); + }; + RowComp.prototype.createNewCell = function (col, eContainer, cellTemplates, newCellComps) { + var newCellComp = new cellComp_1.CellComp(this.scope, this.beans, col, this.rowNode, this, false); + var cellTemplate = newCellComp.getCreateTemplate(); + cellTemplates.push(cellTemplate); + newCellComps.push(newCellComp); + this.cellComps[col.getId()] = newCellComp; + newCellComp.setParentRow(eContainer); + }; + RowComp.prototype.onMouseEvent = function (eventName, mouseEvent) { + switch (eventName) { + case 'dblclick': + this.onRowDblClick(mouseEvent); + break; + case 'click': + this.onRowClick(mouseEvent); + break; + } + }; + RowComp.prototype.createRowEvent = function (type, domEvent) { + return { + type: type, + node: this.rowNode, + data: this.rowNode.data, + rowIndex: this.rowNode.rowIndex, + rowPinned: this.rowNode.rowPinned, + context: this.beans.gridOptionsWrapper.getContext(), + api: this.beans.gridOptionsWrapper.getApi(), + columnApi: this.beans.gridOptionsWrapper.getColumnApi(), + event: domEvent + }; + }; + RowComp.prototype.createRowEventWithSource = function (type, domEvent) { + var event = this.createRowEvent(type, domEvent); + // when first developing this, we included the rowComp in the event. + // this seems very weird. so when introducing the event types, i left the 'source' + // out of the type, and just include the source in the two places where this event + // was fired (rowClicked and rowDoubleClicked). it doesn't make sense for any + // users to be using this, as the rowComp isn't an object we expose, so would be + // very surprising if a user was using it. + event.source = this; + return event; + }; + RowComp.prototype.onRowDblClick = function (mouseEvent) { + if (utils_1._.isStopPropagationForAgGrid(mouseEvent)) { + return; + } + var agEvent = this.createRowEventWithSource(events_1.Events.EVENT_ROW_DOUBLE_CLICKED, mouseEvent); + this.beans.eventService.dispatchEvent(agEvent); + }; + RowComp.prototype.onRowClick = function (mouseEvent) { + var stop = utils_1._.isStopPropagationForAgGrid(mouseEvent); + if (stop) { + return; + } + var agEvent = this.createRowEventWithSource(events_1.Events.EVENT_ROW_CLICKED, mouseEvent); + this.beans.eventService.dispatchEvent(agEvent); + // ctrlKey for windows, metaKey for Apple + var multiSelectKeyPressed = mouseEvent.ctrlKey || mouseEvent.metaKey; + var shiftKeyPressed = mouseEvent.shiftKey; + // we do not allow selecting groups by clicking (as the click here expands the group) + // so return if it's a group row + if (this.rowNode.group) { + return; + } + // we also don't allow selection of pinned rows + if (this.rowNode.rowPinned) { + return; + } + // if no selection method enabled, do nothing + if (!this.beans.gridOptionsWrapper.isRowSelection()) { + return; + } + // if click selection suppressed, do nothing + if (this.beans.gridOptionsWrapper.isSuppressRowClickSelection()) { + return; + } + var multiSelectOnClick = this.beans.gridOptionsWrapper.isRowMultiSelectWithClick(); + var rowDeselectionWithCtrl = this.beans.gridOptionsWrapper.isRowDeselection(); + if (this.rowNode.isSelected()) { + if (multiSelectOnClick) { + this.rowNode.setSelectedParams({ newValue: false }); + } + else if (multiSelectKeyPressed) { + if (rowDeselectionWithCtrl) { + this.rowNode.setSelectedParams({ newValue: false }); + } + } + else { + // selected with no multi key, must make sure anything else is unselected + this.rowNode.setSelectedParams({ newValue: true, clearSelection: true }); + } + } + else { + var clearSelection = multiSelectOnClick ? false : !multiSelectKeyPressed; + this.rowNode.setSelectedParams({ newValue: true, clearSelection: clearSelection, rangeSelect: shiftKeyPressed }); + } + }; + RowComp.prototype.createFullWidthRowContainer = function (rowContainerComp, pinned, extraCssClass, cellRendererType, cellRendererName, eRowCallback, cellRendererCallback) { + var _this = this; + var rowTemplate = this.createTemplate('', extraCssClass); + rowContainerComp.appendRowTemplate(rowTemplate, function () { + var eRow = rowContainerComp.getRowElement(_this.getCompId()); + var params = _this.createFullWidthParams(eRow, pinned); + var callback = function (cellRenderer) { + if (_this.isAlive()) { + var gui = cellRenderer.getGui(); + eRow.appendChild(gui); + cellRendererCallback(cellRenderer); + } + else { + if (cellRenderer.destroy) { + cellRenderer.destroy(); + } + } + }; + _this.beans.componentResolver.createAgGridComponent(null, params, cellRendererType, params, cellRendererName).then(callback); + _this.afterRowAttached(rowContainerComp, eRow); + eRowCallback(eRow); + _this.angular1Compile(eRow); + }); + }; + RowComp.prototype.angular1Compile = function (element) { + if (this.scope) { + this.beans.$compile(element)(this.scope); + } + }; + RowComp.prototype.createFullWidthParams = function (eRow, pinned) { + var params = { + fullWidth: true, + data: this.rowNode.data, + node: this.rowNode, + value: this.rowNode.key, + $scope: this.scope, + rowIndex: this.rowNode.rowIndex, + api: this.beans.gridOptionsWrapper.getApi(), + columnApi: this.beans.gridOptionsWrapper.getColumnApi(), + context: this.beans.gridOptionsWrapper.getContext(), + // these need to be taken out, as part of 'afterAttached' now + eGridCell: eRow, + eParentOfValue: eRow, + pinned: pinned, + addRenderedRowListener: this.addEventListener.bind(this) + }; + return params; + }; + RowComp.prototype.getInitialRowClasses = function (extraCssClass) { + var classes = []; + if (utils_1._.exists(extraCssClass)) { + classes.push(extraCssClass); + } + classes.push('ag-row'); + classes.push(this.rowFocused ? 'ag-row-focus' : 'ag-row-no-focus'); + if (this.fadeRowIn) { + classes.push('ag-opacity-zero'); + } + if (this.rowIsEven) { + classes.push('ag-row-even'); + } + else { + classes.push('ag-row-odd'); + } + if (this.rowNode.isSelected()) { + classes.push('ag-row-selected'); + } + if (this.rowNode.group) { + classes.push('ag-row-group'); + // if a group, put the level of the group in + classes.push('ag-row-level-' + this.rowNode.level); + if (this.rowNode.footer) { + classes.push('ag-row-footer'); + } + } + else { + // if a leaf, and a parent exists, put a level of the parent, else put level of 0 for top level item + if (this.rowNode.parent) { + classes.push('ag-row-level-' + (this.rowNode.parent.level + 1)); + } + else { + classes.push('ag-row-level-0'); + } + } + if (this.rowNode.stub) { + classes.push('ag-row-stub'); + } + if (this.fullWidthRow) { + classes.push('ag-full-width-row'); + } + if (this.rowNode.group && !this.rowNode.footer) { + classes.push(this.rowNode.expanded ? 'ag-row-group-expanded' : 'ag-row-group-contracted'); + } + if (this.rowNode.dragging) { + classes.push('ag-row-dragging'); + } + utils_1._.pushAll(classes, this.processClassesFromGridOptions()); + utils_1._.pushAll(classes, this.preProcessRowClassRules()); + return classes; + }; + RowComp.prototype.preProcessRowClassRules = function () { + var res = []; + this.processRowClassRules(function (className) { + res.push(className); + }, function (className) { + // not catered for, if creating, no need + // to remove class as it was never there + }); + return res; + }; + RowComp.prototype.processRowClassRules = function (onApplicableClass, onNotApplicableClass) { + this.beans.stylingService.processClassRules(this.beans.gridOptionsWrapper.rowClassRules(), { + value: undefined, + colDef: undefined, + data: this.rowNode.data, + node: this.rowNode, + rowIndex: this.rowNode.rowIndex, + api: this.beans.gridOptionsWrapper.getApi(), + $scope: this.scope, + context: this.beans.gridOptionsWrapper.getContext() + }, onApplicableClass, onNotApplicableClass); + }; + RowComp.prototype.stopEditing = function (cancel) { + if (cancel === void 0) { cancel = false; } + this.forEachCellComp(function (renderedCell) { + renderedCell.stopEditing(cancel); + }); + if (this.editingRow) { + if (!cancel) { + var event_1 = this.createRowEvent(events_1.Events.EVENT_ROW_VALUE_CHANGED); + this.beans.eventService.dispatchEvent(event_1); + } + this.setEditingRow(false); + } + }; + RowComp.prototype.setEditingRow = function (value) { + this.editingRow = value; + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-editing', value); }); + var event = value ? + this.createRowEvent(events_1.Events.EVENT_ROW_EDITING_STARTED) + : this.createRowEvent(events_1.Events.EVENT_ROW_EDITING_STOPPED); + this.beans.eventService.dispatchEvent(event); + }; + RowComp.prototype.startRowEditing = function (keyPress, charPress, sourceRenderedCell) { + if (keyPress === void 0) { keyPress = null; } + if (charPress === void 0) { charPress = null; } + if (sourceRenderedCell === void 0) { sourceRenderedCell = null; } + // don't do it if already editing + if (this.editingRow) { + return; + } + this.forEachCellComp(function (renderedCell) { + var cellStartedEdit = renderedCell === sourceRenderedCell; + if (cellStartedEdit) { + renderedCell.startEditingIfEnabled(keyPress, charPress, cellStartedEdit); + } + else { + renderedCell.startEditingIfEnabled(null, null, cellStartedEdit); + } + }); + this.setEditingRow(true); + }; + RowComp.prototype.forEachCellComp = function (callback) { + utils_1._.iterateObject(this.cellComps, function (key, cellComp) { + if (cellComp) { + callback(cellComp); + } + }); + }; + RowComp.prototype.postProcessClassesFromGridOptions = function () { + var _this = this; + var cssClasses = this.processClassesFromGridOptions(); + if (cssClasses) { + cssClasses.forEach(function (classStr) { + _this.eAllRowContainers.forEach(function (row) { return utils_1._.addCssClass(row, classStr); }); + }); + } + }; + RowComp.prototype.postProcessRowClassRules = function () { + var _this = this; + this.processRowClassRules(function (className) { + _this.eAllRowContainers.forEach(function (row) { return utils_1._.addCssClass(row, className); }); + }, function (className) { + _this.eAllRowContainers.forEach(function (row) { return utils_1._.removeCssClass(row, className); }); + }); + }; + RowComp.prototype.processClassesFromGridOptions = function () { + var res = []; + var process = function (rowClass) { + if (typeof rowClass === 'string') { + res.push(rowClass); + } + else if (Array.isArray(rowClass)) { + rowClass.forEach(function (e) { return res.push(e); }); + } + }; + // part 1 - rowClass + var rowClass = this.beans.gridOptionsWrapper.getRowClass(); + if (rowClass) { + if (typeof rowClass === 'function') { + console.warn('ag-Grid: rowClass should not be a function, please use getRowClass instead'); + return; + } + process(rowClass); + } + // part 2 - rowClassFunc + var rowClassFunc = this.beans.gridOptionsWrapper.getRowClassFunc(); + if (rowClassFunc) { + var params = { + node: this.rowNode, + data: this.rowNode.data, + rowIndex: this.rowNode.rowIndex, + context: this.beans.gridOptionsWrapper.getContext(), + api: this.beans.gridOptionsWrapper.getApi() + }; + var rowClassFuncResult = rowClassFunc(params); + process(rowClassFuncResult); + } + return res; + }; + RowComp.prototype.preProcessStylesFromGridOptions = function () { + var rowStyles = this.processStylesFromGridOptions(); + return utils_1._.cssStyleObjectToMarkup(rowStyles); + }; + RowComp.prototype.postProcessStylesFromGridOptions = function () { + var rowStyles = this.processStylesFromGridOptions(); + this.eAllRowContainers.forEach(function (row) { return utils_1._.addStylesToElement(row, rowStyles); }); + }; + RowComp.prototype.processStylesFromGridOptions = function () { + // part 1 - rowStyle + var rowStyle = this.beans.gridOptionsWrapper.getRowStyle(); + if (rowStyle && typeof rowStyle === 'function') { + console.log('ag-Grid: rowStyle should be an object of key/value styles, not be a function, use getRowStyle() instead'); + return; + } + // part 1 - rowStyleFunc + var rowStyleFunc = this.beans.gridOptionsWrapper.getRowStyleFunc(); + var rowStyleFuncResult; + if (rowStyleFunc) { + var params = { + data: this.rowNode.data, + node: this.rowNode, + api: this.beans.gridOptionsWrapper.getApi(), + context: this.beans.gridOptionsWrapper.getContext(), + $scope: this.scope + }; + rowStyleFuncResult = rowStyleFunc(params); + } + return utils_1._.assign({}, rowStyle, rowStyleFuncResult); + }; + RowComp.prototype.createCells = function (cols) { + var _this = this; + var templateParts = []; + var newCellComps = []; + cols.forEach(function (col) { + var newCellComp = new cellComp_1.CellComp(_this.scope, _this.beans, col, _this.rowNode, _this, false); + var cellTemplate = newCellComp.getCreateTemplate(); + templateParts.push(cellTemplate); + newCellComps.push(newCellComp); + _this.cellComps[col.getId()] = newCellComp; + }); + var templateAndComps = { + template: templateParts.join(''), + cellComps: newCellComps + }; + return templateAndComps; + }; + RowComp.prototype.onRowSelected = function () { + var selected = this.rowNode.isSelected(); + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-selected', selected); }); + }; + // called: + // + after row created for first time + // + after horizontal scroll, so new cells due to column virtualisation + RowComp.prototype.callAfterRowAttachedOnCells = function (newCellComps, eRow) { + var _this = this; + newCellComps.forEach(function (cellComp) { + cellComp.setParentRow(eRow); + cellComp.afterAttached(); + // if we are editing the row, then the cell needs to turn + // into edit mode + if (_this.editingRow) { + cellComp.startEditingIfEnabled(); + } + }); + }; + RowComp.prototype.afterRowAttached = function (rowContainerComp, eRow) { + var _this = this; + this.addDomData(eRow); + this.removeSecondPassFuncs.push(function () { + // console.log(eRow); + rowContainerComp.removeRowElement(eRow); + }); + this.removeFirstPassFuncs.push(function () { + if (utils_1._.exists(_this.rowNode.rowTop)) { + // the row top is updated anyway, however we set it here again + // to something more reasonable for the animation - ie if the + // row top is 10000px away, the row will flash out, so this + // gives it a rounded value, so row animates out more slowly + var rowTop = _this.roundRowTopToBounds(_this.rowNode.rowTop); + _this.setRowTop(rowTop); + } + else { + utils_1._.addCssClass(eRow, 'ag-opacity-zero'); + } + }); + this.eAllRowContainers.push(eRow); + // adding hover functionality adds listener to this row, so we + // do it lazily in an animation frame + if (this.useAnimationFrameForCreate) { + this.beans.taskQueue.addP1Task(this.addHoverFunctionality.bind(this, eRow)); + } + else { + this.addHoverFunctionality(eRow); + } + }; + RowComp.prototype.addHoverFunctionality = function (eRow) { + var _this = this; + // because we use animation frames to do this, it's possible the row no longer exists + // by the time we get to add it + if (!this.active) { + return; + } + // because mouseenter and mouseleave do not propagate, we cannot listen on the gridPanel + // like we do for all the other mouse events. + // because of the pinning, we cannot simply add / remove the class based on the eRow. we + // have to check all eRow's (body & pinned). so the trick is if any of the rows gets a + // mouse hover, it sets such in the rowNode, and then all three reflect the change as + // all are listening for event on the row node. + // step 1 - add listener, to set flag on row node + this.addDestroyableEventListener(eRow, 'mouseenter', function () { return _this.rowNode.onMouseEnter(); }); + this.addDestroyableEventListener(eRow, 'mouseleave', function () { return _this.rowNode.onMouseLeave(); }); + // step 2 - listen for changes on row node (which any eRow can trigger) + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_MOUSE_ENTER, function () { + // if hover turned off, we don't add the class. we do this here so that if the application + // toggles this property mid way, we remove the hover form the last row, but we stop + // adding hovers from that point onwards. + if (!_this.beans.gridOptionsWrapper.isSuppressRowHoverHighlight()) { + utils_1._.addCssClass(eRow, 'ag-row-hover'); + } + }); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_MOUSE_LEAVE, function () { + utils_1._.removeCssClass(eRow, 'ag-row-hover'); + }); + }; + // for animation, we don't want to animate entry or exit to a very far away pixel, + // otherwise the row would move so fast, it would appear to disappear. so this method + // moves the row closer to the viewport if it is far away, so the row slide in / out + // at a speed the user can see. + RowComp.prototype.roundRowTopToBounds = function (rowTop) { + var range = this.beans.gridPanel.getVScrollPosition(); + var minPixel = this.applyPaginationOffset(range.top, true) - 100; + var maxPixel = this.applyPaginationOffset(range.bottom, true) + 100; + if (rowTop < minPixel) { + return minPixel; + } + else if (rowTop > maxPixel) { + return maxPixel; + } + else { + return rowTop; + } + }; + RowComp.prototype.onRowHeightChanged = function () { + // check for exists first - if the user is resetting the row height, then + // it will be null (or undefined) momentarily until the next time the flatten + // stage is called where the row will then update again with a new height + if (utils_1._.exists(this.rowNode.rowHeight)) { + var heightPx_1 = this.rowNode.rowHeight + 'px'; + this.eAllRowContainers.forEach(function (row) { return row.style.height = heightPx_1; }); + } + }; + RowComp.prototype.addEventListener = function (eventType, listener) { + if (eventType === 'renderedRowRemoved' || eventType === 'rowRemoved') { + eventType = events_1.Events.EVENT_VIRTUAL_ROW_REMOVED; + console.warn('ag-Grid: Since version 11, event renderedRowRemoved is now called ' + events_1.Events.EVENT_VIRTUAL_ROW_REMOVED); + } + _super.prototype.addEventListener.call(this, eventType, listener); + }; + RowComp.prototype.removeEventListener = function (eventType, listener) { + if (eventType === 'renderedRowRemoved' || eventType === 'rowRemoved') { + eventType = events_1.Events.EVENT_VIRTUAL_ROW_REMOVED; + console.warn('ag-Grid: Since version 11, event renderedRowRemoved and rowRemoved is now called ' + events_1.Events.EVENT_VIRTUAL_ROW_REMOVED); + } + _super.prototype.removeEventListener.call(this, eventType, listener); + }; + RowComp.prototype.destroy = function (animate) { + if (animate === void 0) { animate = false; } + _super.prototype.destroy.call(this); + this.active = false; + // why do we have this method? shouldn't everything below be added as a destroy func beside + // the corresponding create logic? + this.destroyFullWidthComponents(); + if (animate) { + this.removeFirstPassFuncs.forEach(function (func) { return func(); }); + this.removeSecondPassFuncs.push(this.destroyContainingCells.bind(this)); + } + else { + this.destroyContainingCells(); + // we are not animating, so execute the second stage of removal now. + // we call getAndClear, so that they are only called once + var delayedDestroyFunctions = this.getAndClearDelayedDestroyFunctions(); + delayedDestroyFunctions.forEach(function (func) { return func(); }); + } + var event = this.createRowEvent(events_1.Events.EVENT_VIRTUAL_ROW_REMOVED); + this.dispatchEvent(event); + this.beans.eventService.dispatchEvent(event); + }; + RowComp.prototype.destroyContainingCells = function () { + this.forEachCellComp(function (renderedCell) { return renderedCell.destroy(); }); + this.destroyFullWidthComponents(); + }; + // we clear so that the functions are never executed twice + RowComp.prototype.getAndClearDelayedDestroyFunctions = function () { + var result = this.removeSecondPassFuncs; + this.removeSecondPassFuncs = []; + return result; + }; + RowComp.prototype.onCellFocusChanged = function () { + var rowFocused = this.beans.focusedCellController.isRowFocused(this.rowNode.rowIndex, this.rowNode.rowPinned); + if (rowFocused !== this.rowFocused) { + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-focus', rowFocused); }); + this.eAllRowContainers.forEach(function (row) { return utils_1._.addOrRemoveCssClass(row, 'ag-row-no-focus', !rowFocused); }); + this.rowFocused = rowFocused; + } + // if we are editing, then moving the focus out of a row will stop editing + if (!rowFocused && this.editingRow) { + this.stopEditing(false); + } + }; + RowComp.prototype.onPaginationChanged = function () { + var currentPage = this.beans.paginationProxy.getCurrentPage(); + // it is possible this row is in the new page, but the page number has changed, which means + // it needs to reposition itself relative to the new page + if (this.paginationPage !== currentPage) { + this.paginationPage = currentPage; + this.onTopChanged(); + } + }; + RowComp.prototype.onTopChanged = function () { + this.setRowTop(this.rowNode.rowTop); + }; + // applies pagination offset, eg if on second page, and page height is 500px, then removes + // 500px from the top position, so a row with rowTop 600px is displayed at location 100px. + // reverse will take the offset away rather than add. + RowComp.prototype.applyPaginationOffset = function (topPx, reverse) { + if (reverse === void 0) { reverse = false; } + if (this.rowNode.isRowPinned()) { + return topPx; + } + else { + var pixelOffset = this.beans.paginationProxy.getPixelOffset(); + if (reverse) { + return topPx + pixelOffset; + } + else { + return topPx - pixelOffset; + } + } + }; + RowComp.prototype.setRowTop = function (pixels) { + // need to make sure rowTop is not null, as this can happen if the node was once + // visible (ie parent group was expanded) but is now not visible + if (utils_1._.exists(pixels)) { + var afterPaginationPixels = this.applyPaginationOffset(pixels); + var afterScalingPixels = this.beans.heightScaler.getRealPixelPosition(afterPaginationPixels); + var topPx_1 = afterScalingPixels + "px"; + if (this.beans.gridOptionsWrapper.isSuppressRowTransform()) { + this.eAllRowContainers.forEach(function (row) { return row.style.top = "" + topPx_1; }); + } + else { + this.eAllRowContainers.forEach(function (row) { return row.style.transform = "translateY(" + topPx_1 + ")"; }); + } + } + }; + // we clear so that the functions are never executed twice + RowComp.prototype.getAndClearNextVMTurnFunctions = function () { + var result = this.createSecondPassFuncs; + this.createSecondPassFuncs = []; + return result; + }; + RowComp.prototype.getRowNode = function () { + return this.rowNode; + }; + RowComp.prototype.getRenderedCellForColumn = function (column) { + return this.cellComps[column.getColId()]; + }; + RowComp.prototype.onRowIndexChanged = function () { + this.onCellFocusChanged(); + this.updateRowIndexes(); + }; + RowComp.prototype.updateRowIndexes = function () { + var rowIndexStr = this.rowNode.getRowIndexString(); + var rowIsEven = this.rowNode.rowIndex % 2 === 0; + var rowIsEvenChanged = this.rowIsEven !== rowIsEven; + if (rowIsEvenChanged) { + this.rowIsEven = rowIsEven; + } + this.eAllRowContainers.forEach(function (eRow) { + eRow.setAttribute('row-index', rowIndexStr); + if (rowIsEvenChanged) { + utils_1._.addOrRemoveCssClass(eRow, 'ag-row-even', rowIsEven); + utils_1._.addOrRemoveCssClass(eRow, 'ag-row-odd', !rowIsEven); + } + }); + }; + RowComp.prototype.ensureDomOrder = function () { + var body = this.getBodyRowElement(); + if (body) { + this.bodyContainerComp.ensureDomOrder(body); + } + var left = this.getPinnedLeftRowElement(); + if (left) { + this.pinnedLeftContainerComp.ensureDomOrder(left); + } + var right = this.getPinnedRightRowElement(); + if (right) { + this.pinnedRightContainerComp.ensureDomOrder(right); + } + var fullWidth = this.getFullWidthRowElement(); + if (fullWidth) { + this.fullWidthContainerComp.ensureDomOrder(fullWidth); + } + }; + // returns the pinned left container, either the normal one, or the embedded full with one if exists + RowComp.prototype.getPinnedLeftRowElement = function () { + return this.ePinnedLeftRow ? this.ePinnedLeftRow : this.eFullWidthRowLeft; + }; + // returns the pinned right container, either the normal one, or the embedded full with one if exists + RowComp.prototype.getPinnedRightRowElement = function () { + return this.ePinnedRightRow ? this.ePinnedRightRow : this.eFullWidthRowRight; + }; + // returns the body container, either the normal one, or the embedded full with one if exists + RowComp.prototype.getBodyRowElement = function () { + return this.eBodyRow ? this.eBodyRow : this.eFullWidthRowBody; + }; + // returns the full width container + RowComp.prototype.getFullWidthRowElement = function () { + return this.eFullWidthRow; + }; + RowComp.DOM_DATA_KEY_RENDERED_ROW = 'renderedRow'; + RowComp.FULL_WIDTH_CELL_RENDERER = 'fullWidthCellRenderer'; + RowComp.GROUP_ROW_RENDERER = 'groupRowRenderer'; + RowComp.GROUP_ROW_RENDERER_COMP_NAME = 'agGroupRowRenderer'; + RowComp.LOADING_CELL_RENDERER = 'loadingCellRenderer'; + RowComp.LOADING_CELL_RENDERER_COMP_NAME = 'agLoadingCellRenderer'; + RowComp.DETAIL_CELL_RENDERER = 'detailCellRenderer'; + RowComp.DETAIL_CELL_RENDERER_COMP_NAME = 'agDetailCellRenderer'; + return RowComp; + }(component_1.Component)); + exports.RowComp = RowComp; + + +/***/ }), +/* 31 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var column_1 = __webpack_require__(19); + var rowNode_1 = __webpack_require__(32); + var constants_1 = __webpack_require__(9); + var events_1 = __webpack_require__(11); + var gridCell_1 = __webpack_require__(34); + var component_1 = __webpack_require__(36); + var checkboxSelectionComponent_1 = __webpack_require__(38); + var rowDragComp_1 = __webpack_require__(39); + var CellComp = (function (_super) { + __extends(CellComp, _super); + function CellComp(scope, beans, column, rowNode, rowComp, autoHeightCell) { + var _this = _super.call(this) || this; + _this.editingCell = false; + // every time we go into edit mode, or back again, this gets incremented. + // it's the components way of dealing with the async nature of framework components, + // so if a framework component takes a while to be created, we know if the object + // is still relevant when creating is finished. eg we could click edit / unedit 20 + // times before the first React edit component comes back - we should discard + // the first 19. + _this.cellEditorVersion = 0; + _this.cellRendererVersion = 0; + _this.scope = scope; + _this.beans = beans; + _this.column = column; + _this.rowNode = rowNode; + _this.rowComp = rowComp; + _this.autoHeightCell = autoHeightCell; + _this.createGridCellVo(); + _this.rangeSelectionEnabled = beans.enterprise && beans.gridOptionsWrapper.isEnableRangeSelection(); + _this.cellFocused = _this.beans.focusedCellController.isCellFocused(_this.gridCell); + _this.firstRightPinned = _this.column.isFirstRightPinned(); + _this.lastLeftPinned = _this.column.isLastLeftPinned(); + if (_this.rangeSelectionEnabled) { + _this.rangeCount = _this.beans.rangeController.getCellRangeCount(_this.gridCell); + } + _this.getValueAndFormat(); + _this.setUsingWrapper(); + _this.chooseCellRenderer(); + _this.setupColSpan(); + _this.rowSpan = _this.column.getRowSpan(_this.rowNode); + return _this; + } + CellComp.prototype.getCreateTemplate = function () { + var templateParts = []; + var col = this.column; + var width = this.getCellWidth(); + var left = col.getLeft(); + var valueToRender = this.getInitialValueToRender(); + var valueSanitised = utils_1._.get(this.column, 'colDef.template', null) ? valueToRender : utils_1._.escape(valueToRender); + this.tooltip = this.getToolTip(); + var tooltipSanitised = utils_1._.escape(this.tooltip); + var colIdSanitised = utils_1._.escape(col.getId()); + var wrapperStartTemplate; + var wrapperEndTemplate; + var stylesFromColDef = this.preProcessStylesFromColDef(); + var cssClasses = this.getInitialCssClasses(); + var stylesForRowSpanning = this.getStylesForRowSpanning(); + if (this.usingWrapper) { + wrapperStartTemplate = ''; + wrapperEndTemplate = ''; + } + // hey, this looks like React!!! + templateParts.push(""); + templateParts.push(wrapperStartTemplate); + templateParts.push(valueSanitised); + templateParts.push(wrapperEndTemplate); + templateParts.push(""); + return templateParts.join(''); + }; + CellComp.prototype.getStylesForRowSpanning = function () { + if (this.rowSpan === 1) { + return ''; + } + var singleRowHeight = this.beans.gridOptionsWrapper.getRowHeightAsNumber(); + var totalRowHeight = singleRowHeight * this.rowSpan; + return "height: " + totalRowHeight + "px; z-index: 1;"; + }; + CellComp.prototype.afterAttached = function () { + var querySelector = "[comp-id=\"" + this.getCompId() + "\"]"; + var eGui = this.eParentRow.querySelector(querySelector); + this.setGui(eGui); + // all of these have dependencies on the eGui, so only do them after eGui is set + this.addDomData(); + this.populateTemplate(); + this.attachCellRenderer(); + this.angular1Compile(); + this.addDestroyableEventListener(this.beans.eventService, events_1.Events.EVENT_CELL_FOCUSED, this.onCellFocused.bind(this)); + this.addDestroyableEventListener(this.beans.eventService, events_1.Events.EVENT_FLASH_CELLS, this.onFlashCells.bind(this)); + this.addDestroyableEventListener(this.beans.eventService, events_1.Events.EVENT_COLUMN_HOVER_CHANGED, this.onColumnHover.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_ROW_INDEX_CHANGED, this.onRowIndexChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_CELL_CHANGED, this.onCellChanged.bind(this)); + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_LEFT_CHANGED, this.onLeftChanged.bind(this)); + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_WIDTH_CHANGED, this.onWidthChanged.bind(this)); + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_FIRST_RIGHT_PINNED_CHANGED, this.onFirstRightPinnedChanged.bind(this)); + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_LAST_LEFT_PINNED_CHANGED, this.onLastLeftPinnedChanged.bind(this)); + // if not doing enterprise, then range selection service would be missing + // so need to check before trying to use it + if (this.rangeSelectionEnabled) { + this.addDestroyableEventListener(this.beans.eventService, events_1.Events.EVENT_RANGE_SELECTION_CHANGED, this.onRangeSelectionChanged.bind(this)); + } + }; + CellComp.prototype.onColumnHover = function () { + var isHovered = this.beans.columnHoverService.isHovered(this.column); + utils_1._.addOrRemoveCssClass(this.getGui(), 'ag-column-hover', isHovered); + }; + CellComp.prototype.onCellChanged = function (event) { + var eventImpactsThisCell = event.column === this.column; + if (eventImpactsThisCell) { + this.refreshCell({}); + } + }; + CellComp.prototype.getCellLeft = function () { + var mostLeftCol; + if (this.beans.gridOptionsWrapper.isEnableRtl() && this.colsSpanning) { + mostLeftCol = this.colsSpanning[this.colsSpanning.length - 1]; + } + else { + mostLeftCol = this.column; + } + return mostLeftCol.getLeft(); + }; + CellComp.prototype.getCellWidth = function () { + if (this.colsSpanning) { + var result_1 = 0; + this.colsSpanning.forEach(function (col) { return result_1 += col.getActualWidth(); }); + return result_1; + } + else { + return this.column.getActualWidth(); + } + }; + CellComp.prototype.onFlashCells = function (event) { + var cellId = this.gridCell.createId(); + var shouldFlash = event.cells[cellId]; + if (shouldFlash) { + this.animateCell('highlight'); + } + }; + CellComp.prototype.setupColSpan = function () { + // if no col span is active, then we don't set it up, as it would be wasteful of CPU + if (utils_1._.missing(this.column.getColDef().colSpan)) { + return; + } + // because we are col spanning, a reorder of the cols can change what cols we are spanning over + this.addDestroyableEventListener(this.beans.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.onDisplayColumnsChanged.bind(this)); + // because we are spanning over multiple cols, we check for width any time any cols width changes. + // this is expensive - really we should be explicitly checking only the cols we are spanning over + // instead of every col, however it would be tricky code to track the cols we are spanning over, so + // because hardly anyone will be using colSpan, am favoring this easier way for more maintainable code. + this.addDestroyableEventListener(this.beans.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_WIDTH_CHANGED, this.onWidthChanged.bind(this)); + this.colsSpanning = this.getColSpanningList(); + }; + CellComp.prototype.getColSpanningList = function () { + var colSpan = this.column.getColSpan(this.rowNode); + var colsSpanning = []; + // if just one col, the col span is just the column we are in + if (colSpan === 1) { + colsSpanning.push(this.column); + } + else { + var pointer = this.column; + var pinned = this.column.getPinned(); + for (var i = 0; i < colSpan; i++) { + colsSpanning.push(pointer); + pointer = this.beans.columnController.getDisplayedColAfter(pointer); + if (utils_1._.missing(pointer)) { + break; + } + // we do not allow col spanning to span outside of pinned areas + if (pinned !== pointer.getPinned()) { + break; + } + } + } + return colsSpanning; + }; + CellComp.prototype.onDisplayColumnsChanged = function () { + var colsSpanning = this.getColSpanningList(); + if (!utils_1._.compareArrays(this.colsSpanning, colsSpanning)) { + this.colsSpanning = colsSpanning; + this.onWidthChanged(); + this.onLeftChanged(); // left changes when doing RTL + } + }; + CellComp.prototype.getInitialCssClasses = function () { + var cssClasses = ["ag-cell", "ag-cell-not-inline-editing"]; + // if we are putting the cell into a dummy container, to work out it's height, + // then we don't put the height css in, as we want cell to fit height in that case. + if (!this.autoHeightCell) { + cssClasses.push('ag-cell-with-height'); + } + var doingFocusCss = !this.beans.gridOptionsWrapper.isSuppressCellSelection(); + if (doingFocusCss) { + // otherwise the class depends on the focus state + cssClasses.push(this.cellFocused ? 'ag-cell-focus' : 'ag-cell-no-focus'); + } + else { + // if we are not doing cell selection, then ag-cell-no-focus gets put onto every cell + cssClasses.push('ag-cell-no-focus'); + } + if (this.firstRightPinned) { + cssClasses.push('ag-cell-first-right-pinned'); + } + if (this.lastLeftPinned) { + cssClasses.push('ag-cell-last-left-pinned'); + } + if (this.beans.columnHoverService.isHovered(this.column)) { + cssClasses.push('ag-column-hover'); + } + utils_1._.pushAll(cssClasses, this.preProcessClassesFromColDef()); + utils_1._.pushAll(cssClasses, this.preProcessCellClassRules()); + utils_1._.pushAll(cssClasses, this.getRangeClasses()); + // if using the wrapper, this class goes on the wrapper instead + if (!this.usingWrapper) { + cssClasses.push('ag-cell-value'); + } + return cssClasses; + }; + CellComp.prototype.getInitialValueToRender = function () { + // if using a cellRenderer, then render the html from the cell renderer if it exists + if (this.usingCellRenderer) { + if (typeof this.cellRendererGui === 'string') { + return this.cellRendererGui; + } + else { + return ''; + } + } + var colDef = this.column.getColDef(); + if (colDef.template) { + // template is really only used for angular 1 - as people using ng1 are used to providing templates with + // bindings in it. in ng2, people will hopefully want to provide components, not templates. + return colDef.template; + } + else if (colDef.templateUrl) { + // likewise for templateUrl - it's for ng1 really - when we move away from ng1, we can take these out. + // niall was pro angular 1 when writing template and templateUrl, if writing from scratch now, would + // not do these, but would follow a pattern that was friendly towards components, not templates. + var template = this.beans.templateService.getTemplate(colDef.templateUrl, this.refreshCell.bind(this, true)); + if (template) { + return template; + } + else { + return ''; + } + } + else { + return this.getValueToUse(); + } + }; + CellComp.prototype.getRenderedRow = function () { + return this.rowComp; + }; + CellComp.prototype.isSuppressNavigable = function () { + return this.column.isSuppressNavigable(this.rowNode); + }; + CellComp.prototype.getCellRenderer = function () { + return this.cellRenderer; + }; + CellComp.prototype.getCellEditor = function () { + return this.cellEditor; + }; + // + stop editing {forceRefresh: true, suppressFlash: true} + // + event cellChanged {} + // + cellRenderer.params.refresh() {} -> method passes 'as is' to the cellRenderer, so params could be anything + // + rowComp: event dataChanged {animate: update, newData: !update} + // + rowComp: api refreshCells() {animate: true/false} + // + rowRenderer: api softRefreshView() {} + CellComp.prototype.refreshCell = function (params) { + if (this.editingCell) { + return; + } + var newData = params && params.newData; + var suppressFlash = (params && params.suppressFlash) || this.column.getColDef().suppressCellFlash; + var forceRefresh = params && params.forceRefresh; + var oldValue = this.value; + this.getValueAndFormat(); + // for simple values only (not pojo's), see if the value is the same, and if it is, skip the refresh. + // when never allow skipping after an edit, as after editing, we need to put the GUI back to the way + // if was before the edit. + var valuesDifferent = !this.valuesAreEqual(oldValue, this.value); + var dataNeedsUpdating = forceRefresh || valuesDifferent; + if (dataNeedsUpdating) { + var cellRendererRefreshed = void 0; + // if it's 'new data', then we don't refresh the cellRenderer, even if refresh method is available. + // this is because if the whole data is new (ie we are showing stock price 'BBA' now and not 'SSD') + // then we are not showing a movement in the stock price, rather we are showing different stock. + if (newData || suppressFlash) { + cellRendererRefreshed = false; + } + else { + cellRendererRefreshed = this.attemptCellRendererRefresh(); + } + // we do the replace if not doing refresh, or if refresh was unsuccessful. + // the refresh can be unsuccessful if we are using a framework (eg ng2 or react) and the framework + // wrapper has the refresh method, but the underlying component doesn't + if (!cellRendererRefreshed) { + this.replaceContentsAfterRefresh(); + } + if (!suppressFlash) { + var flashCell = this.beans.gridOptionsWrapper.isEnableCellChangeFlash() + || this.column.getColDef().enableCellChangeFlash; + if (flashCell) { + this.flashCell(); + } + } + // need to check rules. note, we ignore colDef classes and styles, these are assumed to be static + this.postProcessStylesFromColDef(); + this.postProcessClassesFromColDef(); + } + this.refreshToolTip(); + // we do cellClassRules even if the value has not changed, so that users who have rules that + // look at other parts of the row (where the other part of the row might of changed) will work. + this.postProcessCellClassRules(); + }; + // user can also call this via API + CellComp.prototype.flashCell = function () { + this.animateCell('data-changed'); + }; + CellComp.prototype.animateCell = function (cssName) { + var fullName = 'ag-cell-' + cssName; + var animationFullName = 'ag-cell-' + cssName + '-animation'; + var element = this.getGui(); + // we want to highlight the cells, without any animation + utils_1._.addCssClass(element, fullName); + utils_1._.removeCssClass(element, animationFullName); + // then once that is applied, we remove the highlight with animation + setTimeout(function () { + utils_1._.removeCssClass(element, fullName); + utils_1._.addCssClass(element, animationFullName); + setTimeout(function () { + // and then to leave things as we got them, we remove the animation + utils_1._.removeCssClass(element, animationFullName); + }, 1000); + }, 500); + }; + CellComp.prototype.replaceContentsAfterRefresh = function () { + // otherwise we rip out the cell and replace it + utils_1._.removeAllChildren(this.eParentOfValue); + // remove old renderer component if it exists + if (this.cellRenderer && this.cellRenderer.destroy) { + this.cellRenderer.destroy(); + } + this.cellRenderer = null; + this.cellRendererGui = null; + // populate + this.putDataIntoCellAfterRefresh(); + this.angular1Compile(); + }; + CellComp.prototype.angular1Compile = function () { + // if angular compiling, then need to also compile the cell again (angular compiling sucks, please wait...) + if (this.beans.gridOptionsWrapper.isAngularCompileRows()) { + var eGui = this.getGui(); + var compiledElement_1 = this.beans.$compile(eGui)(this.scope); + this.addDestroyFunc(function () { + compiledElement_1.remove(); + }); + } + }; + CellComp.prototype.postProcessStylesFromColDef = function () { + var stylesToUse = this.processStylesFromColDef(); + if (stylesToUse) { + utils_1._.addStylesToElement(this.getGui(), stylesToUse); + } + }; + CellComp.prototype.preProcessStylesFromColDef = function () { + var stylesToUse = this.processStylesFromColDef(); + return utils_1._.cssStyleObjectToMarkup(stylesToUse); + }; + CellComp.prototype.processStylesFromColDef = function () { + var colDef = this.column.getColDef(); + if (colDef.cellStyle) { + var cssToUse = void 0; + if (typeof colDef.cellStyle === 'function') { + var cellStyleParams = { + value: this.value, + data: this.rowNode.data, + node: this.rowNode, + colDef: colDef, + column: this.column, + $scope: this.scope, + context: this.beans.gridOptionsWrapper.getContext(), + api: this.beans.gridOptionsWrapper.getApi() + }; + var cellStyleFunc = colDef.cellStyle; + cssToUse = cellStyleFunc(cellStyleParams); + } + else { + cssToUse = colDef.cellStyle; + } + return cssToUse; + } + }; + CellComp.prototype.postProcessClassesFromColDef = function () { + var _this = this; + this.processClassesFromColDef(function (className) { return utils_1._.addCssClass(_this.getGui(), className); }); + }; + CellComp.prototype.preProcessClassesFromColDef = function () { + var res = []; + this.processClassesFromColDef(function (className) { return res.push(className); }); + return res; + }; + CellComp.prototype.processClassesFromColDef = function (onApplicableClass) { + this.beans.stylingService.processStaticCellClasses(this.column.getColDef(), { + value: this.value, + data: this.rowNode.data, + node: this.rowNode, + colDef: this.column.getColDef(), + rowIndex: this.rowNode.rowIndex, + $scope: this.scope, + api: this.beans.gridOptionsWrapper.getApi(), + context: this.beans.gridOptionsWrapper.getContext() + }, onApplicableClass); + }; + CellComp.prototype.putDataIntoCellAfterRefresh = function () { + // template gets preference, then cellRenderer, then do it ourselves + var colDef = this.column.getColDef(); + if (colDef.template) { + // template is really only used for angular 1 - as people using ng1 are used to providing templates with + // bindings in it. in ng2, people will hopefully want to provide components, not templates. + this.eParentOfValue.innerHTML = colDef.template; + } + else if (colDef.templateUrl) { + // likewise for templateUrl - it's for ng1 really - when we move away from ng1, we can take these out. + // niall was pro angular 1 when writing template and templateUrl, if writing from scratch now, would + // not do these, but would follow a pattern that was friendly towards components, not templates. + var template = this.beans.templateService.getTemplate(colDef.templateUrl, this.refreshCell.bind(this, true)); + if (template) { + this.eParentOfValue.innerHTML = template; + } + // use cell renderer if it exists + } + else if (this.usingCellRenderer) { + this.attachCellRenderer(); + } + else { + var valueToUse = this.getValueToUse(); + if (valueToUse !== null && valueToUse !== undefined) { + this.eParentOfValue.innerText = valueToUse; + } + } + }; + CellComp.prototype.attemptCellRendererRefresh = function () { + if (utils_1._.missing(this.cellRenderer) || utils_1._.missing(this.cellRenderer.refresh)) { + return false; + } + // if the cell renderer has a refresh method, we call this instead of doing a refresh + // note: should pass in params here instead of value?? so that client has formattedValue + var params = this.createCellRendererParams(); + var result = this.cellRenderer.refresh(params); + // NOTE on undefined: previous version of the cellRenderer.refresh() interface + // returned nothing, if the method existed, we assumed it refreshed. so for + // backwards compatibility, we assume if method exists and returns nothing, + // that it was successful. + return result === true || result === undefined; + }; + CellComp.prototype.refreshToolTip = function () { + var newTooltip = this.getToolTip(); + if (this.tooltip !== newTooltip) { + this.tooltip = newTooltip; + if (utils_1._.exists(newTooltip)) { + var tooltipSanitised = utils_1._.escape(this.tooltip); + this.eParentOfValue.setAttribute('title', tooltipSanitised); + } + else { + this.eParentOfValue.removeAttribute('title'); + } + } + }; + CellComp.prototype.valuesAreEqual = function (val1, val2) { + // if the user provided an equals method, use that, otherwise do simple comparison + var colDef = this.column.getColDef(); + var equalsMethod = colDef ? colDef.equals : null; + if (equalsMethod) { + return equalsMethod(val1, val2); + } + else { + return val1 === val2; + } + }; + CellComp.prototype.getToolTip = function () { + var colDef = this.column.getColDef(); + var data = this.rowNode.data; + if (colDef.tooltipField && utils_1._.exists(data)) { + return utils_1._.getValueUsingField(data, colDef.tooltipField, this.column.isTooltipFieldContainsDots()); + } + else if (colDef.tooltip) { + return colDef.tooltip({ + value: this.value, + valueFormatted: this.valueFormatted, + data: this.rowNode.data, + node: this.rowNode, + colDef: this.column.getColDef(), + api: this.beans.gridOptionsWrapper.getApi(), + $scope: this.scope, + context: this.beans.gridOptionsWrapper.getContext(), + rowIndex: this.gridCell.rowIndex + }); + } + else { + return null; + } + }; + CellComp.prototype.processCellClassRules = function (onApplicableClass, onNotApplicableClass) { + this.beans.stylingService.processClassRules(this.column.getColDef().cellClassRules, { + value: this.value, + data: this.rowNode.data, + node: this.rowNode, + colDef: this.column.getColDef(), + rowIndex: this.gridCell.rowIndex, + api: this.beans.gridOptionsWrapper.getApi(), + $scope: this.scope, + context: this.beans.gridOptionsWrapper.getContext() + }, onApplicableClass, onNotApplicableClass); + }; + CellComp.prototype.postProcessCellClassRules = function () { + var _this = this; + this.processCellClassRules(function (className) { + utils_1._.addCssClass(_this.getGui(), className); + }, function (className) { + utils_1._.removeCssClass(_this.getGui(), className); + }); + }; + CellComp.prototype.preProcessCellClassRules = function () { + var res = []; + this.processCellClassRules(function (className) { + res.push(className); + }, function (className) { + // not catered for, if creating, no need + // to remove class as it was never there + }); + return res; + }; + // a wrapper is used when we are putting a selection checkbox in the cell with the value + CellComp.prototype.setUsingWrapper = function () { + var colDef = this.column.getColDef(); + // never allow selection or dragging on pinned rows + if (this.rowNode.rowPinned) { + this.usingWrapper = false; + this.includeSelectionComponent = false; + this.includeRowDraggingComponent = false; + return; + } + var cbSelectionIsFunc = typeof colDef.checkboxSelection === 'function'; + var rowDraggableIsFunc = typeof colDef.rowDrag === 'function'; + this.includeSelectionComponent = cbSelectionIsFunc || colDef.checkboxSelection === true; + this.includeRowDraggingComponent = rowDraggableIsFunc || colDef.rowDrag === true; + this.usingWrapper = this.includeRowDraggingComponent || this.includeSelectionComponent; + }; + CellComp.prototype.chooseCellRenderer = function () { + // template gets preference, then cellRenderer, then do it ourselves + var colDef = this.column.getColDef(); + // templates are for ng1, ideally we wouldn't have these, they are ng1 support + // inside the core which is bad + if (colDef.template || colDef.templateUrl) { + this.usingCellRenderer = false; + return; + } + var params = this.createCellRendererParams(); + var cellRenderer = this.beans.componentResolver.getComponentToUse(colDef, 'cellRenderer', params, null); + var pinnedRowCellRenderer = this.beans.componentResolver.getComponentToUse(colDef, 'pinnedRowCellRenderer', params, null); + if (pinnedRowCellRenderer && this.rowNode.rowPinned) { + this.cellRendererType = 'pinnedRowCellRenderer'; + this.usingCellRenderer = true; + } + else if (cellRenderer) { + this.cellRendererType = 'cellRenderer'; + this.usingCellRenderer = true; + } + else { + this.usingCellRenderer = false; + } + }; + CellComp.prototype.createCellRendererInstance = function () { + var params = this.createCellRendererParams(); + this.cellRendererVersion++; + var callback = this.afterCellRendererCreated.bind(this, this.cellRendererVersion); + this.beans.componentResolver.createAgGridComponent(this.column.getColDef(), params, this.cellRendererType, params, null).then(callback); + }; + CellComp.prototype.afterCellRendererCreated = function (cellRendererVersion, cellRenderer) { + // see if daemon + if (cellRendererVersion !== this.cellRendererVersion) { + if (cellRenderer.destroy) { + cellRenderer.destroy(); + } + return; + } + this.cellRenderer = cellRenderer; + this.cellRendererGui = this.cellRenderer.getGui(); + if (utils_1._.missing(this.cellRendererGui)) { + return; + } + // if async components, then it's possible the user started editing since + // this call was made + if (!this.editingCell) { + this.eParentOfValue.appendChild(this.cellRendererGui); + } + }; + CellComp.prototype.attachCellRenderer = function () { + if (!this.usingCellRenderer) { + return; + } + this.createCellRendererInstance(); + }; + CellComp.prototype.createCellRendererParams = function () { + var _this = this; + var params = { + value: this.value, + valueFormatted: this.valueFormatted, + getValue: this.getValue.bind(this), + setValue: function (value) { + _this.beans.valueService.setValue(_this.rowNode, _this.column, value); + }, + formatValue: this.formatValue.bind(this), + data: this.rowNode.data, + node: this.rowNode, + colDef: this.column.getColDef(), + column: this.column, + $scope: this.scope, + rowIndex: this.gridCell.rowIndex, + api: this.beans.gridOptionsWrapper.getApi(), + columnApi: this.beans.gridOptionsWrapper.getColumnApi(), + context: this.beans.gridOptionsWrapper.getContext(), + refreshCell: this.refreshCell.bind(this), + eGridCell: this.getGui(), + eParentOfValue: this.eParentOfValue, + // these bits are not documented anywhere, so we could drop them? + // it was in the olden days to allow user to register for when rendered + // row was removed (the row comp was removed), however now that the user + // can provide components for cells, the destroy method gets call when this + // happens so no longer need to fire event. + addRowCompListener: this.rowComp ? this.rowComp.addEventListener.bind(this.rowComp) : null, + addRenderedRowListener: function (eventType, listener) { + console.warn('ag-Grid: since ag-Grid .v11, params.addRenderedRowListener() is now params.addRowCompListener()'); + if (_this.rowComp) { + _this.rowComp.addEventListener(eventType, listener); + } + } + }; + return params; + }; + CellComp.prototype.formatValue = function (value) { + var valueFormatted = this.beans.valueFormatterService.formatValue(this.column, this.rowNode, this.scope, value); + var valueFormattedExists = valueFormatted !== null && valueFormatted !== undefined; + return valueFormattedExists ? valueFormatted : value; + }; + CellComp.prototype.getValueToUse = function () { + var valueFormattedExists = this.valueFormatted !== null && this.valueFormatted !== undefined; + return valueFormattedExists ? this.valueFormatted : this.value; + }; + CellComp.prototype.getValueAndFormat = function () { + this.value = this.getValue(); + this.valueFormatted = this.beans.valueFormatterService.formatValue(this.column, this.rowNode, this.scope, this.value); + }; + CellComp.prototype.getValue = function () { + // if we don't check this, then the grid will render leaf groups as open even if we are not + // allowing the user to open leaf groups. confused? remember for pivot mode we don't allow + // opening leaf groups, so we have to force leafGroups to be closed in case the user expanded + // them via the API, or user user expanded them in the UI before turning on pivot mode + var lockedClosedGroup = this.rowNode.leafGroup && this.beans.columnController.isPivotMode(); + var isOpenGroup = this.rowNode.group && this.rowNode.expanded && !this.rowNode.footer && !lockedClosedGroup; + if (isOpenGroup && this.beans.gridOptionsWrapper.isGroupIncludeFooter()) { + // if doing grouping and footers, we don't want to include the agg value + // in the header when the group is open + return this.beans.valueService.getValue(this.column, this.rowNode, false, true); + } + else { + return this.beans.valueService.getValue(this.column, this.rowNode); + } + }; + CellComp.prototype.onMouseEvent = function (eventName, mouseEvent) { + if (utils_1._.isStopPropagationForAgGrid(mouseEvent)) { + return; + } + switch (eventName) { + case 'click': + this.onCellClicked(mouseEvent); + break; + case 'mousedown': + this.onMouseDown(mouseEvent); + break; + case 'dblclick': + this.onCellDoubleClicked(mouseEvent); + break; + case 'mouseout': + this.onMouseOut(mouseEvent); + break; + case 'mouseover': + this.onMouseOver(mouseEvent); + break; + } + }; + CellComp.prototype.dispatchCellContextMenuEvent = function (event) { + var colDef = this.column.getColDef(); + var cellContextMenuEvent = this.createEvent(event, events_1.Events.EVENT_CELL_CONTEXT_MENU); + this.beans.eventService.dispatchEvent(cellContextMenuEvent); + if (colDef.onCellContextMenu) { + // to make the callback async, do in a timeout + setTimeout(function () { return colDef.onCellContextMenu(cellContextMenuEvent); }, 0); + } + }; + CellComp.prototype.createEvent = function (domEvent, eventType) { + var event = { + node: this.rowNode, + data: this.rowNode.data, + value: this.value, + column: this.column, + colDef: this.column.getColDef(), + context: this.beans.gridOptionsWrapper.getContext(), + api: this.beans.gridApi, + columnApi: this.beans.columnApi, + rowPinned: this.rowNode.rowPinned, + event: domEvent, + type: eventType, + rowIndex: this.rowNode.rowIndex + }; + // because we are hacking in $scope for angular 1, we have to de-reference + if (this.scope) { + event.$scope = this.scope; + } + return event; + }; + CellComp.prototype.onMouseOut = function (mouseEvent) { + var cellMouseOutEvent = this.createEvent(mouseEvent, events_1.Events.EVENT_CELL_MOUSE_OUT); + this.beans.eventService.dispatchEvent(cellMouseOutEvent); + this.beans.columnHoverService.clearMouseOver(); + }; + CellComp.prototype.onMouseOver = function (mouseEvent) { + var cellMouseOverEvent = this.createEvent(mouseEvent, events_1.Events.EVENT_CELL_MOUSE_OVER); + this.beans.eventService.dispatchEvent(cellMouseOverEvent); + this.beans.columnHoverService.setMouseOver([this.column]); + }; + CellComp.prototype.onCellDoubleClicked = function (mouseEvent) { + var colDef = this.column.getColDef(); + // always dispatch event to eventService + var cellDoubleClickedEvent = this.createEvent(mouseEvent, events_1.Events.EVENT_CELL_DOUBLE_CLICKED); + this.beans.eventService.dispatchEvent(cellDoubleClickedEvent); + // check if colDef also wants to handle event + if (typeof colDef.onCellDoubleClicked === 'function') { + // to make the callback async, do in a timeout + setTimeout(function () { return colDef.onCellDoubleClicked(cellDoubleClickedEvent); }, 0); + } + var editOnDoubleClick = !this.beans.gridOptionsWrapper.isSingleClickEdit() + && !this.beans.gridOptionsWrapper.isSuppressClickEdit(); + if (editOnDoubleClick) { + this.startRowOrCellEdit(); + } + }; + // called by rowRenderer when user navigates via tab key + CellComp.prototype.startRowOrCellEdit = function (keyPress, charPress) { + if (this.beans.gridOptionsWrapper.isFullRowEdit()) { + this.rowComp.startRowEditing(keyPress, charPress, this); + } + else { + this.startEditingIfEnabled(keyPress, charPress, true); + } + }; + CellComp.prototype.isCellEditable = function () { + return this.column.isCellEditable(this.rowNode); + }; + // either called internally if single cell editing, or called by rowRenderer if row editing + CellComp.prototype.startEditingIfEnabled = function (keyPress, charPress, cellStartedEdit) { + if (keyPress === void 0) { keyPress = null; } + if (charPress === void 0) { charPress = null; } + if (cellStartedEdit === void 0) { cellStartedEdit = false; } + // don't do it if not editable + if (!this.isCellEditable()) { + return; + } + // don't do it if already editing + if (this.editingCell) { + return; + } + this.editingCell = true; + this.cellEditorVersion++; + var callback = this.afterCellEditorCreated.bind(this, this.cellEditorVersion); + var params = this.createCellEditorParams(keyPress, charPress, cellStartedEdit); + this.beans.cellEditorFactory.createCellEditor(this.column.getColDef(), params).then(callback); + // if we don't do this, and editor component is async, then there will be a period + // when the component isn't present and keyboard navigation won't work - so example + // of user hitting tab quickly (more quickly than renderers getting created) won't work + var cellEditorAsync = utils_1._.missing(this.cellEditor); + if (cellEditorAsync && cellStartedEdit) { + this.focusCell(true); + } + }; + CellComp.prototype.afterCellEditorCreated = function (cellEditorVersion, cellEditor) { + // if editingCell=false, means user cancelled the editor before component was ready. + // if versionMismatch, then user cancelled the edit, then started the edit again, and this + // is the first editor which is now stale. + var versionMismatch = cellEditorVersion !== this.cellEditorVersion; + if (versionMismatch || !this.editingCell) { + if (cellEditor.destroy) { + cellEditor.destroy(); + } + return; + } + if (cellEditor.isCancelBeforeStart && cellEditor.isCancelBeforeStart()) { + if (cellEditor.destroy) { + cellEditor.destroy(); + } + this.editingCell = false; + return; + } + if (!cellEditor.getGui) { + console.warn("ag-Grid: cellEditor for column " + this.column.getId() + " is missing getGui() method"); + // no getGui, for React guys, see if they attached a react component directly + if (cellEditor.render) { + console.warn("ag-Grid: we found 'render' on the component, are you trying to set a React renderer but added it as colDef.cellEditor instead of colDef.cellEditorFmk?"); + } + if (cellEditor.destroy) { + cellEditor.destroy(); + } + this.editingCell = false; + return; + } + this.cellEditor = cellEditor; + this.cellEditorInPopup = cellEditor.isPopup && cellEditor.isPopup(); + this.setInlineEditingClass(); + if (this.cellEditorInPopup) { + this.addPopupCellEditor(); + } + else { + this.addInCellEditor(); + } + if (cellEditor.afterGuiAttached) { + cellEditor.afterGuiAttached(); + } + var event = this.createEvent(null, events_1.Events.EVENT_CELL_EDITING_STARTED); + this.beans.eventService.dispatchEvent(event); + }; + CellComp.prototype.addInCellEditor = function () { + utils_1._.removeAllChildren(this.getGui()); + this.getGui().appendChild(this.cellEditor.getGui()); + this.angular1Compile(); + }; + CellComp.prototype.addPopupCellEditor = function () { + var _this = this; + var ePopupGui = this.cellEditor.getGui(); + this.hideEditorPopup = this.beans.popupService.addAsModalPopup(ePopupGui, true, + // callback for when popup disappears + function () { + _this.onPopupEditorClosed(); + }); + this.beans.popupService.positionPopupOverComponent({ + column: this.column, + rowNode: this.rowNode, + type: 'popupCellEditor', + eventSource: this.getGui(), + ePopup: ePopupGui, + keepWithinBounds: true + }); + this.angular1Compile(); + }; + CellComp.prototype.onPopupEditorClosed = function () { + // we only call stopEditing if we are editing, as + // it's possible the popup called 'stop editing' + // before this, eg if 'enter key' was pressed on + // the editor. + if (this.editingCell) { + // note: this only happens when use clicks outside of the grid. if use clicks on another + // cell, then the editing will have already stopped on this cell + this.stopRowOrCellEdit(); + // we only focus cell again if this cell is still focused. it is possible + // it is not focused if the user cancelled the edit by clicking on another + // cell outside of this one + if (this.beans.focusedCellController.isCellFocused(this.gridCell)) { + this.focusCell(true); + } + } + }; + // if we are editing inline, then we don't have the padding in the cell (set in the themes) + // to allow the text editor full access to the entire cell + CellComp.prototype.setInlineEditingClass = function () { + // ag-cell-inline-editing - appears when user is inline editing + // ag-cell-not-inline-editing - appears when user is no inline editing + // ag-cell-popup-editing - appears when user is editing cell in popup (appears on the cell, not on the popup) + // note: one of {ag-cell-inline-editing, ag-cell-not-inline-editing} is always present, they toggle. + // however {ag-cell-popup-editing} shows when popup, so you have both {ag-cell-popup-editing} + // and {ag-cell-not-inline-editing} showing at the same time. + var editingInline = this.editingCell && !this.cellEditorInPopup; + var popupEditorShowing = this.editingCell && this.cellEditorInPopup; + utils_1._.addOrRemoveCssClass(this.getGui(), "ag-cell-inline-editing", editingInline); + utils_1._.addOrRemoveCssClass(this.getGui(), "ag-cell-not-inline-editing", !editingInline); + utils_1._.addOrRemoveCssClass(this.getGui(), "ag-cell-popup-editing", popupEditorShowing); + utils_1._.addOrRemoveCssClass(this.getGui().parentNode, "ag-row-inline-editing", editingInline); + utils_1._.addOrRemoveCssClass(this.getGui().parentNode, "ag-row-not-inline-editing", !editingInline); + }; + CellComp.prototype.createCellEditorParams = function (keyPress, charPress, cellStartedEdit) { + var params = { + value: this.getValue(), + keyPress: keyPress, + charPress: charPress, + column: this.column, + rowIndex: this.gridCell.rowIndex, + node: this.rowNode, + api: this.beans.gridOptionsWrapper.getApi(), + cellStartedEdit: cellStartedEdit, + columnApi: this.beans.gridOptionsWrapper.getColumnApi(), + context: this.beans.gridOptionsWrapper.getContext(), + $scope: this.scope, + onKeyDown: this.onKeyDown.bind(this), + stopEditing: this.stopEditingAndFocus.bind(this), + eGridCell: this.getGui(), + parseValue: this.parseValue.bind(this), + formatValue: this.formatValue.bind(this) + }; + return params; + }; + // cell editors call this, when they want to stop for reasons other + // than what we pick up on. eg selecting from a dropdown ends editing. + CellComp.prototype.stopEditingAndFocus = function (suppressNavigateAfterEdit) { + if (suppressNavigateAfterEdit === void 0) { suppressNavigateAfterEdit = false; } + this.stopRowOrCellEdit(); + this.focusCell(true); + if (!suppressNavigateAfterEdit) { + this.navigateAfterEdit(); + } + }; + CellComp.prototype.parseValue = function (newValue) { + var params = { + node: this.rowNode, + data: this.rowNode.data, + oldValue: this.value, + newValue: newValue, + colDef: this.column.getColDef(), + column: this.column, + api: this.beans.gridOptionsWrapper.getApi(), + columnApi: this.beans.gridOptionsWrapper.getColumnApi(), + context: this.beans.gridOptionsWrapper.getContext() + }; + var valueParser = this.column.getColDef().valueParser; + return utils_1._.exists(valueParser) ? this.beans.expressionService.evaluate(valueParser, params) : newValue; + }; + CellComp.prototype.focusCell = function (forceBrowserFocus) { + if (forceBrowserFocus === void 0) { forceBrowserFocus = false; } + this.beans.focusedCellController.setFocusedCell(this.gridCell.rowIndex, this.column, this.rowNode.rowPinned, forceBrowserFocus); + }; + CellComp.prototype.setFocusInOnEditor = function () { + if (this.editingCell) { + if (this.cellEditor && this.cellEditor.focusIn) { + // if the editor is present, then we just focus it + this.cellEditor.focusIn(); + } + else { + // if the editor is not present, it means async cell editor (eg React fibre) + // and we are trying to set focus before the cell editor is present, so we + // focus the cell instead + this.focusCell(true); + } + } + }; + CellComp.prototype.isEditing = function () { + return this.editingCell; + }; + CellComp.prototype.onKeyDown = function (event) { + var key = event.which || event.keyCode; + // give user a chance to cancel event processing + if (this.doesUserWantToCancelKeyboardEvent(event)) { + return; + } + switch (key) { + case constants_1.Constants.KEY_ENTER: + this.onEnterKeyDown(); + break; + case constants_1.Constants.KEY_F2: + this.onF2KeyDown(); + break; + case constants_1.Constants.KEY_ESCAPE: + this.onEscapeKeyDown(); + break; + case constants_1.Constants.KEY_TAB: + this.onTabKeyDown(event); + break; + case constants_1.Constants.KEY_BACKSPACE: + case constants_1.Constants.KEY_DELETE: + this.onBackspaceOrDeleteKeyPressed(key); + break; + case constants_1.Constants.KEY_DOWN: + case constants_1.Constants.KEY_UP: + case constants_1.Constants.KEY_RIGHT: + case constants_1.Constants.KEY_LEFT: + this.onNavigationKeyPressed(event, key); + break; + } + }; + CellComp.prototype.doesUserWantToCancelKeyboardEvent = function (event) { + var callback = this.column.getColDef().suppressKeyboardEvent; + if (utils_1._.missing(callback)) { + return false; + } + else { + // if editing is null or undefined, this sets it to false + var params = { + event: event, + editing: this.editingCell, + column: this.column, + api: this.beans.gridOptionsWrapper.getApi(), + node: this.rowNode, + data: this.rowNode.data, + colDef: this.column.getColDef(), + context: this.beans.gridOptionsWrapper.getContext(), + columnApi: this.beans.gridOptionsWrapper.getColumnApi() + }; + return callback(params); + } + }; + CellComp.prototype.setFocusOutOnEditor = function () { + if (this.editingCell && this.cellEditor && this.cellEditor.focusOut) { + this.cellEditor.focusOut(); + } + }; + CellComp.prototype.onNavigationKeyPressed = function (event, key) { + if (this.editingCell) { + this.stopRowOrCellEdit(); + } + if (event.shiftKey && this.rangeSelectionEnabled) { + this.onShiftRangeSelect(key); + } + else { + this.beans.rowRenderer.navigateToNextCell(event, key, this.gridCell, true); + } + // if we don't prevent default, the grid will scroll with the navigation keys + event.preventDefault(); + }; + CellComp.prototype.onShiftRangeSelect = function (key) { + var success = this.beans.rangeController.extendRangeInDirection(this.gridCell, key); + if (!success) { + return; + } + var ranges = this.beans.rangeController.getCellRanges(); + // this should never happen, as extendRangeFromCell should always have one range after getting called + if (utils_1._.missing(ranges) || ranges.length !== 1) { + return; + } + var endCell = ranges[0].end; + this.beans.rowRenderer.ensureCellVisible(endCell); + }; + CellComp.prototype.onTabKeyDown = function (event) { + if (this.beans.gridOptionsWrapper.isSuppressTabbing()) { + return; + } + this.beans.rowRenderer.onTabKeyDown(this, event); + }; + CellComp.prototype.onBackspaceOrDeleteKeyPressed = function (key) { + if (!this.editingCell) { + this.startRowOrCellEdit(key); + } + }; + CellComp.prototype.onEnterKeyDown = function () { + if (this.editingCell || this.rowComp.isEditing()) { + this.stopEditingAndFocus(); + } + else { + if (this.beans.gridOptionsWrapper.isEnterMovesDown()) { + this.beans.rowRenderer.navigateToNextCell(null, constants_1.Constants.KEY_DOWN, this.gridCell, false); + } + else { + this.startRowOrCellEdit(constants_1.Constants.KEY_ENTER); + } + } + }; + CellComp.prototype.navigateAfterEdit = function () { + var fullRowEdit = this.beans.gridOptionsWrapper.isFullRowEdit(); + if (fullRowEdit) { + return; + } + var enterMovesDownAfterEdit = this.beans.gridOptionsWrapper.isEnterMovesDownAfterEdit(); + if (enterMovesDownAfterEdit) { + this.beans.rowRenderer.navigateToNextCell(null, constants_1.Constants.KEY_DOWN, this.gridCell, false); + } + }; + CellComp.prototype.onF2KeyDown = function () { + if (!this.editingCell) { + this.startRowOrCellEdit(constants_1.Constants.KEY_F2); + } + }; + CellComp.prototype.onEscapeKeyDown = function () { + if (this.editingCell) { + this.stopRowOrCellEdit(true); + this.focusCell(true); + } + }; + CellComp.prototype.onKeyPress = function (event) { + // check this, in case focus is on a (for example) a text field inside the cell, + // in which cse we should not be listening for these key pressed + var eventTarget = utils_1._.getTarget(event); + var eventOnChildComponent = eventTarget !== this.getGui(); + if (eventOnChildComponent) { + return; + } + if (!this.editingCell) { + var pressedChar = String.fromCharCode(event.charCode); + if (pressedChar === ' ') { + this.onSpaceKeyPressed(event); + } + else { + if (utils_1._.isEventFromPrintableCharacter(event)) { + this.startRowOrCellEdit(null, pressedChar); + // if we don't prevent default, then the keypress also gets applied to the text field + // (at least when doing the default editor), but we need to allow the editor to decide + // what it wants to do. we only do this IF editing was started - otherwise it messes + // up when the use is not doing editing, but using rendering with text fields in cellRenderer + // (as it would block the the user from typing into text fields). + event.preventDefault(); + } + } + } + }; + CellComp.prototype.onSpaceKeyPressed = function (event) { + if (!this.editingCell && this.beans.gridOptionsWrapper.isRowSelection()) { + var selected = this.rowNode.isSelected(); + this.rowNode.setSelected(!selected); + } + // prevent default as space key, by default, moves browser scroll down + event.preventDefault(); + }; + CellComp.prototype.onMouseDown = function (mouseEvent) { + // we pass false to focusCell, as we don't want the cell to focus + // also get the browser focus. if we did, then the cellRenderer could + // have a text field in it, for example, and as the user clicks on the + // text field, the text field, the focus doesn't get to the text + // field, instead to goes to the div behind, making it impossible to + // select the text field. + this.focusCell(false); + // if it's a right click, then if the cell is already in range, + // don't change the range, however if the cell is not in a range, + // we set a new range + if (this.beans.rangeController) { + var thisCell = this.gridCell; + if (mouseEvent.shiftKey) { + this.beans.rangeController.extendRangeToCell(thisCell); + } + else { + var cellAlreadyInRange = this.beans.rangeController.isCellInAnyRange(thisCell); + if (!cellAlreadyInRange) { + var ctrlKeyPressed = mouseEvent.ctrlKey || mouseEvent.metaKey; + this.beans.rangeController.setRangeToCell(thisCell, ctrlKeyPressed); + } + } + } + var cellMouseDownEvent = this.createEvent(mouseEvent, events_1.Events.EVENT_CELL_MOUSE_DOWN); + this.beans.eventService.dispatchEvent(cellMouseDownEvent); + }; + // returns true if on iPad and this is second 'click' event in 200ms + CellComp.prototype.isDoubleClickOnIPad = function () { + if (!utils_1._.isUserAgentIPad()) { + return false; + } + var nowMillis = new Date().getTime(); + var res = nowMillis - this.lastIPadMouseClickEvent < 200; + this.lastIPadMouseClickEvent = nowMillis; + return res; + }; + CellComp.prototype.onCellClicked = function (mouseEvent) { + // iPad doesn't have double click - so we need to mimic it do enable editing for + // iPad. + if (this.isDoubleClickOnIPad()) { + this.onCellDoubleClicked(mouseEvent); + mouseEvent.preventDefault(); // if we don't do this, then ipad zooms in + return; + } + var cellClickedEvent = this.createEvent(mouseEvent, events_1.Events.EVENT_CELL_CLICKED); + this.beans.eventService.dispatchEvent(cellClickedEvent); + var colDef = this.column.getColDef(); + if (colDef.onCellClicked) { + // to make callback async, do in a timeout + setTimeout(function () { return colDef.onCellClicked(cellClickedEvent); }, 0); + } + var editOnSingleClick = this.beans.gridOptionsWrapper.isSingleClickEdit() + && !this.beans.gridOptionsWrapper.isSuppressClickEdit(); + if (editOnSingleClick) { + this.startRowOrCellEdit(); + } + this.doIeFocusHack(); + }; + // https://ag-grid.com/forum/showthread.php?tid=4362 + // when in IE or Edge, when you are editing a cell, then click on another cell, + // the other cell doesn't keep focus, so navigation keys, type to start edit etc + // don't work. appears that when you update the dom in IE it looses focus + CellComp.prototype.doIeFocusHack = function () { + if (utils_1._.isBrowserIE() || utils_1._.isBrowserEdge()) { + if (utils_1._.missing(document.activeElement) || document.activeElement === document.body) { + // console.log('missing focus'); + this.getGui().focus(); + } + } + }; + CellComp.prototype.createGridCellVo = function () { + var gridCellDef = { + rowIndex: this.rowNode.rowIndex, + floating: this.rowNode.rowPinned, + column: this.column + }; + this.gridCell = new gridCell_1.GridCell(gridCellDef); + }; + CellComp.prototype.getGridCell = function () { + return this.gridCell; + }; + CellComp.prototype.getParentRow = function () { + return this.eParentRow; + }; + CellComp.prototype.setParentRow = function (eParentRow) { + this.eParentRow = eParentRow; + }; + CellComp.prototype.getColumn = function () { + return this.column; + }; + CellComp.prototype.detach = function () { + this.eParentRow.removeChild(this.getGui()); + }; + // if the row is also getting destroyed, then we don't need to remove from dom, + // as the row will also get removed, so no need to take out the cells from the row + // if the row is going (removing is an expensive operation, so only need to remove + // the top part) + CellComp.prototype.destroy = function () { + _super.prototype.destroy.call(this); + if (this.cellEditor && this.cellEditor.destroy) { + this.cellEditor.destroy(); + this.cellEditor = null; + } + if (this.cellRenderer && this.cellRenderer.destroy) { + this.cellRenderer.destroy(); + this.cellRenderer = null; + } + }; + CellComp.prototype.onLeftChanged = function () { + var left = this.getCellLeft(); + this.getGui().style.left = left + 'px'; + }; + CellComp.prototype.onWidthChanged = function () { + var width = this.getCellWidth(); + this.getGui().style.width = width + 'px'; + }; + CellComp.prototype.getRangeClasses = function () { + var res = []; + if (!this.rangeSelectionEnabled) { + return res; + } + if (this.rangeCount !== 0) { + res.push('ag-cell-range-selected'); + } + if (this.rangeCount === 1) { + res.push('ag-cell-range-selected-1'); + } + if (this.rangeCount === 2) { + res.push('ag-cell-range-selected-2'); + } + if (this.rangeCount === 3) { + res.push('ag-cell-range-selected-3'); + } + if (this.rangeCount >= 4) { + res.push('ag-cell-range-selected-4'); + } + return res; + }; + CellComp.prototype.onRowIndexChanged = function () { + // when index changes, this influences items that need the index, so we update the + // grid cell so they are working off the new index. + this.createGridCellVo(); + // when the index of the row changes, ie means the cell may have lost or gained focus + this.onCellFocused(); + // check range selection + this.onRangeSelectionChanged(); + }; + CellComp.prototype.onRangeSelectionChanged = function () { + if (!this.beans.enterprise) { + return; + } + var newRangeCount = this.beans.rangeController.getCellRangeCount(this.gridCell); + var element = this.getGui(); + if (this.rangeCount !== newRangeCount) { + utils_1._.addOrRemoveCssClass(element, 'ag-cell-range-selected', newRangeCount !== 0); + utils_1._.addOrRemoveCssClass(element, 'ag-cell-range-selected-1', newRangeCount === 1); + utils_1._.addOrRemoveCssClass(element, 'ag-cell-range-selected-2', newRangeCount === 2); + utils_1._.addOrRemoveCssClass(element, 'ag-cell-range-selected-3', newRangeCount === 3); + utils_1._.addOrRemoveCssClass(element, 'ag-cell-range-selected-4', newRangeCount >= 4); + this.rangeCount = newRangeCount; + } + }; + CellComp.prototype.onFirstRightPinnedChanged = function () { + var firstRightPinned = this.column.isFirstRightPinned(); + if (this.firstRightPinned !== firstRightPinned) { + this.firstRightPinned = firstRightPinned; + utils_1._.addOrRemoveCssClass(this.getGui(), 'ag-cell-first-right-pinned', firstRightPinned); + } + }; + CellComp.prototype.onLastLeftPinnedChanged = function () { + var lastLeftPinned = this.column.isLastLeftPinned(); + if (this.lastLeftPinned !== lastLeftPinned) { + this.lastLeftPinned = lastLeftPinned; + utils_1._.addOrRemoveCssClass(this.getGui(), 'ag-cell-last-left-pinned', lastLeftPinned); + } + }; + CellComp.prototype.populateTemplate = function () { + if (this.usingWrapper) { + this.eParentOfValue = this.getRefElement('eCellValue'); + this.eCellWrapper = this.getRefElement('eCellWrapper'); + if (this.includeRowDraggingComponent) { + this.addRowDragging(); + } + if (this.includeSelectionComponent) { + this.addSelectionCheckbox(); + } + } + else { + this.eParentOfValue = this.getGui(); + } + }; + CellComp.prototype.addRowDragging = function () { + // row dragging only available in default row model + if (!this.beans.gridOptionsWrapper.isRowModelDefault()) { + utils_1._.doOnce(function () { return console.warn('ag-Grid: row dragging is only allowed in the In Memory Row Model'); }, 'CellComp.addRowDragging'); + return; + } + if (this.beans.gridOptionsWrapper.isPagination()) { + utils_1._.doOnce(function () { return console.warn('ag-Grid: row dragging is not possible when doing pagination'); }, 'CellComp.addRowDragging'); + return; + } + var rowDraggingComp = new rowDragComp_1.RowDragComp(this.rowNode, this.column, this.getValueToUse(), this.beans); + this.addFeature(this.beans.context, rowDraggingComp); + // let visibleFunc = this.column.getColDef().checkboxSelection; + // visibleFunc = typeof visibleFunc === 'function' ? visibleFunc : null; + // cbSelectionComponent.init({rowNode: this.rowNode, column: this.column, visibleFunc: visibleFunc}); + // put the checkbox in before the value + this.eCellWrapper.insertBefore(rowDraggingComp.getGui(), this.eParentOfValue); + }; + CellComp.prototype.addSelectionCheckbox = function () { + var cbSelectionComponent = new checkboxSelectionComponent_1.CheckboxSelectionComponent(); + this.beans.context.wireBean(cbSelectionComponent); + var visibleFunc = this.column.getColDef().checkboxSelection; + visibleFunc = typeof visibleFunc === 'function' ? visibleFunc : null; + cbSelectionComponent.init({ rowNode: this.rowNode, column: this.column, visibleFunc: visibleFunc }); + this.addDestroyFunc(function () { return cbSelectionComponent.destroy(); }); + // put the checkbox in before the value + this.eCellWrapper.insertBefore(cbSelectionComponent.getGui(), this.eParentOfValue); + }; + CellComp.prototype.addDomData = function () { + var _this = this; + var element = this.getGui(); + this.beans.gridOptionsWrapper.setDomData(element, CellComp.DOM_DATA_KEY_CELL_COMP, this); + this.addDestroyFunc(function () { + return _this.beans.gridOptionsWrapper.setDomData(element, CellComp.DOM_DATA_KEY_CELL_COMP, null); + }); + }; + CellComp.prototype.onCellFocused = function (event) { + var cellFocused = this.beans.focusedCellController.isCellFocused(this.gridCell); + // see if we need to change the classes on this cell + if (cellFocused !== this.cellFocused) { + // if we are not doing cell selection, then the focus class does not change, all cells will + // stay with ag-cell-no-focus class + var doingFocusCss = !this.beans.gridOptionsWrapper.isSuppressCellSelection(); + if (doingFocusCss) { + utils_1._.addOrRemoveCssClass(this.getGui(), 'ag-cell-focus', cellFocused); + utils_1._.addOrRemoveCssClass(this.getGui(), 'ag-cell-no-focus', !cellFocused); + } + this.cellFocused = cellFocused; + } + // if this cell was just focused, see if we need to force browser focus, his can + // happen if focus is programmatically set. + if (cellFocused && event && event.forceBrowserFocus) { + this.getGui().focus(); + } + // if another cell was focused, and we are editing, then stop editing + var fullRowEdit = this.beans.gridOptionsWrapper.isFullRowEdit(); + if (!cellFocused && !fullRowEdit && this.editingCell) { + this.stopRowOrCellEdit(); + } + }; + // pass in 'true' to cancel the editing. + CellComp.prototype.stopRowOrCellEdit = function (cancel) { + if (cancel === void 0) { cancel = false; } + if (this.beans.gridOptionsWrapper.isFullRowEdit()) { + this.rowComp.stopRowEditing(cancel); + } + else { + this.stopEditing(cancel); + } + }; + CellComp.prototype.stopEditing = function (cancel) { + if (cancel === void 0) { cancel = false; } + if (!this.editingCell) { + return; + } + // if no cell editor, this means due to async, that the cell editor never got initialised, + // so we just carry on regardless as if the editing was never started. + if (!this.cellEditor) { + this.editingCell = false; + return; + } + var newValueExists = false; + var newValue; + if (!cancel) { + // also have another option here to cancel after editing, so for example user could have a popup editor and + // it is closed by user clicking outside the editor. then the editor will close automatically (with false + // passed above) and we need to see if the editor wants to accept the new value. + var userWantsToCancel = this.cellEditor.isCancelAfterEnd && this.cellEditor.isCancelAfterEnd(); + if (!userWantsToCancel) { + newValue = this.cellEditor.getValue(); + newValueExists = true; + } + } + // it is important we set this after setValue() above, as otherwise the cell will flash + // when editing stops. the 'refresh' method checks editing, and doesn't refresh editing cells. + // thus it will skip the refresh on this cell until the end of this method where we call + // refresh directly and we suppress the flash. + this.editingCell = false; + if (this.cellEditor.destroy) { + this.cellEditor.destroy(); + } + // important to clear this out - as parts of the code will check for + // this to see if an async cellEditor has yet to be created + this.cellEditor = null; + if (this.cellEditorInPopup) { + this.hideEditorPopup(); + this.hideEditorPopup = null; + } + else { + utils_1._.removeAllChildren(this.getGui()); + // put the cell back the way it was before editing + if (this.usingWrapper) { + // if wrapper, then put the wrapper back + this.getGui().appendChild(this.eCellWrapper); + } + else { + // if cellRenderer, then put the gui back in. if the renderer has + // a refresh, it will be called. however if it doesn't, then later + // the renderer will be destroyed and a new one will be created. + if (this.cellRenderer) { + // we know it's a dom element (not a string) because we converted + // it after the gui was attached if it was a string. + var eCell = this.cellRendererGui; + // can be null if cell was previously null / contained empty string, + // this will result in new value not being rendered. + if (eCell) { + this.getGui().appendChild(eCell); + } + } + } + } + this.setInlineEditingClass(); + if (newValueExists) { + this.rowNode.setDataValue(this.column, newValue); + this.getValueAndFormat(); + } + // we suppress the flash, as it is not correct to flash the cell the user has finished editing, + // the user doesn't need to flash as they were the one who did the edit, the flash is pointless + // (as the flash is meant to draw the user to a change that they didn't manually do themselves). + this.refreshCell({ forceRefresh: true, suppressFlash: true }); + var event = this.createEvent(null, events_1.Events.EVENT_CELL_EDITING_STOPPED); + this.beans.eventService.dispatchEvent(event); + }; + CellComp.DOM_DATA_KEY_CELL_COMP = 'cellComp'; + return CellComp; + }(component_1.Component)); + exports.CellComp = CellComp; + + +/***/ }), +/* 32 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var gridOptionsWrapper_1 = __webpack_require__(4); + var selectionController_1 = __webpack_require__(33); + var valueService_1 = __webpack_require__(28); + var columnController_1 = __webpack_require__(17); + var columnApi_1 = __webpack_require__(22); + var context_1 = __webpack_require__(7); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var valueCache_1 = __webpack_require__(29); + var gridApi_1 = __webpack_require__(14); + var RowNode = (function () { + function RowNode() { + /** Children mapped by the pivot columns */ + this.childrenMapped = {}; + /** True by default - can be overridden via gridOptions.isRowSelectable(rowNode) */ + this.selectable = true; + this.selected = false; + } + RowNode.prototype.setData = function (data) { + var oldData = this.data; + this.data = data; + this.valueCache.onDataChanged(); + this.updateDataOnDetailNode(); + this.checkRowSelectable(); + var event = this.createDataChangedEvent(data, oldData, false); + this.dispatchLocalEvent(event); + }; + // when we are doing master / detail, the detail node is lazy created, but then kept around. + // so if we show / hide the detail, the same detail rowNode is used. so we need to keep the data + // in sync, otherwise expand/collapse of the detail would still show the old values. + RowNode.prototype.updateDataOnDetailNode = function () { + if (this.detailNode) { + this.detailNode.data = this.data; + } + }; + RowNode.prototype.createDataChangedEvent = function (newData, oldData, update) { + return { + type: RowNode.EVENT_DATA_CHANGED, + node: this, + oldData: oldData, + newData: newData, + update: update + }; + }; + RowNode.prototype.createLocalRowEvent = function (type) { + return { + type: type, + node: this + }; + }; + // similar to setRowData, however it is expected that the data is the same data item. this + // is intended to be used with Redux type stores, where the whole data can be changed. we are + // guaranteed that the data is the same entity (so grid doesn't need to worry about the id of the + // underlying data changing, hence doesn't need to worry about selection). the grid, upon receiving + // dataChanged event, will refresh the cells rather than rip them all out (so user can show transitions). + RowNode.prototype.updateData = function (data) { + var oldData = this.data; + this.data = data; + this.updateDataOnDetailNode(); + this.checkRowSelectable(); + this.updateDataOnDetailNode(); + var event = this.createDataChangedEvent(data, oldData, true); + this.dispatchLocalEvent(event); + }; + RowNode.prototype.getRowIndexString = function () { + if (this.rowPinned === constants_1.Constants.PINNED_TOP) { + return 't-' + this.rowIndex; + } + else if (this.rowPinned === constants_1.Constants.PINNED_BOTTOM) { + return 'b-' + this.rowIndex; + } + else { + return this.rowIndex.toString(); + } + }; + RowNode.prototype.createDaemonNode = function () { + var oldNode = new RowNode(); + this.context.wireBean(oldNode); + // just copy the id and data, this is enough for the node to be used + // in the selection controller (the selection controller is the only + // place where daemon nodes can live). + oldNode.id = this.id; + oldNode.data = this.data; + oldNode.daemon = true; + oldNode.selected = this.selected; + oldNode.level = this.level; + return oldNode; + }; + RowNode.prototype.setDataAndId = function (data, id) { + var oldNode = utils_1.Utils.exists(this.id) ? this.createDaemonNode() : null; + var oldData = this.data; + this.data = data; + this.updateDataOnDetailNode(); + this.setId(id); + this.selectionController.syncInRowNode(this, oldNode); + this.checkRowSelectable(); + var event = this.createDataChangedEvent(data, oldData, false); + this.dispatchLocalEvent(event); + }; + RowNode.prototype.checkRowSelectable = function () { + var isRowSelectableFunc = this.gridOptionsWrapper.getIsRowSelectableFunc(); + var shouldInvokeIsRowSelectable = isRowSelectableFunc && utils_1.Utils.exists(this); + this.setRowSelectable(shouldInvokeIsRowSelectable ? isRowSelectableFunc(this) : true); + }; + RowNode.prototype.setRowSelectable = function (newVal) { + if (this.selectable !== newVal) { + this.selectable = newVal; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_SELECTABLE_CHANGED)); + } + } + }; + RowNode.prototype.setId = function (id) { + // see if user is providing the id's + var getRowNodeId = this.gridOptionsWrapper.getRowNodeIdFunc(); + if (getRowNodeId) { + // if user is providing the id's, then we set the id only after the data has been set. + // this is important for virtual pagination and viewport, where empty rows exist. + if (this.data) { + this.id = getRowNodeId(this.data); + } + else { + // this can happen if user has set blank into the rowNode after the row previously + // having data. this happens in virtual page row model, when data is delete and + // the page is refreshed. + this.id = undefined; + } + } + else { + this.id = id; + } + }; + RowNode.prototype.isPixelInRange = function (pixel) { + return pixel >= this.rowTop && pixel < (this.rowTop + this.rowHeight); + }; + RowNode.prototype.clearRowTop = function () { + this.oldRowTop = this.rowTop; + this.setRowTop(null); + }; + RowNode.prototype.setFirstChild = function (firstChild) { + if (this.firstChild === firstChild) { + return; + } + this.firstChild = firstChild; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_FIRST_CHILD_CHANGED)); + } + }; + RowNode.prototype.setLastChild = function (lastChild) { + if (this.lastChild === lastChild) { + return; + } + this.lastChild = lastChild; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_LAST_CHILD_CHANGED)); + } + }; + RowNode.prototype.setChildIndex = function (childIndex) { + if (this.childIndex === childIndex) { + return; + } + this.childIndex = childIndex; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_CHILD_INDEX_CHANGED)); + } + }; + RowNode.prototype.setRowTop = function (rowTop) { + if (this.rowTop === rowTop) { + return; + } + this.rowTop = rowTop; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_TOP_CHANGED)); + } + }; + RowNode.prototype.setDragging = function (dragging) { + if (this.dragging === dragging) { + return; + } + this.dragging = dragging; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_DRAGGING_CHANGED)); + } + }; + RowNode.prototype.setAllChildrenCount = function (allChildrenCount) { + if (this.allChildrenCount === allChildrenCount) { + return; + } + this.allChildrenCount = allChildrenCount; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_ALL_CHILDREN_COUNT_CHANGED)); + } + }; + RowNode.prototype.setRowHeight = function (rowHeight) { + this.rowHeight = rowHeight; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_HEIGHT_CHANGED)); + } + }; + RowNode.prototype.setRowIndex = function (rowIndex) { + this.rowIndex = rowIndex; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_ROW_INDEX_CHANGED)); + } + }; + RowNode.prototype.setUiLevel = function (uiLevel) { + if (this.uiLevel === uiLevel) { + return; + } + this.uiLevel = uiLevel; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_UI_LEVEL_CHANGED)); + } + }; + RowNode.prototype.setExpanded = function (expanded) { + if (this.expanded === expanded) { + return; + } + this.expanded = expanded; + if (this.eventService) { + this.eventService.dispatchEvent(this.createLocalRowEvent(RowNode.EVENT_EXPANDED_CHANGED)); + } + var event = this.createGlobalRowEvent(events_1.Events.EVENT_ROW_GROUP_OPENED); + this.mainEventService.dispatchEvent(event); + }; + RowNode.prototype.createGlobalRowEvent = function (type) { + var event = { + type: type, + node: this, + data: this.data, + rowIndex: this.rowIndex, + rowPinned: this.rowPinned, + context: this.gridOptionsWrapper.getContext(), + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi() + }; + return event; + }; + RowNode.prototype.dispatchLocalEvent = function (event) { + if (this.eventService) { + this.eventService.dispatchEvent(event); + } + }; + // we also allow editing the value via the editors. when it is done via + // the editors, no 'cell changed' event gets fired, as it's assumed that + // the cell knows about the change given it's in charge of the editing. + // this method is for the client to call, so the cell listens for the change + // event, and also flashes the cell when the change occurs. + RowNode.prototype.setDataValue = function (colKey, newValue) { + var column = this.columnController.getPrimaryColumn(colKey); + this.valueService.setValue(this, column, newValue); + this.dispatchCellChangedEvent(column, newValue); + }; + RowNode.prototype.setGroupValue = function (colKey, newValue) { + var column = this.columnController.getGridColumn(colKey); + if (utils_1.Utils.missing(this.groupData)) { + this.groupData = {}; + } + this.groupData[column.getColId()] = newValue; + this.dispatchCellChangedEvent(column, newValue); + }; + // sets the data for an aggregation + RowNode.prototype.setAggData = function (newAggData) { + var _this = this; + // find out all keys that could potentially change + var colIds = utils_1.Utils.getAllKeysInObjects([this.aggData, newAggData]); + this.aggData = newAggData; + // if no event service, nobody has registered for events, so no need fire event + if (this.eventService) { + colIds.forEach(function (colId) { + var column = _this.columnController.getGridColumn(colId); + var value = _this.aggData ? _this.aggData[colId] : undefined; + _this.dispatchCellChangedEvent(column, value); + }); + } + }; + RowNode.prototype.hasChildren = function () { + // we need to return true when this.group=true, as this is used by server side row model + // (as children are lazy loaded and stored in a cache anyway). otherwise we return true + // if children exist. + return this.group || (this.childrenAfterGroup && this.childrenAfterGroup.length > 0); + }; + RowNode.prototype.isEmptyFillerNode = function () { + return this.group && utils_1.Utils.missingOrEmpty(this.childrenAfterGroup); + }; + RowNode.prototype.dispatchCellChangedEvent = function (column, newValue) { + var cellChangedEvent = { + type: RowNode.EVENT_CELL_CHANGED, + node: this, + column: column, + newValue: newValue + }; + this.dispatchLocalEvent(cellChangedEvent); + }; + RowNode.prototype.resetQuickFilterAggregateText = function () { + this.quickFilterAggregateText = null; + }; + RowNode.prototype.isExpandable = function () { + return this.hasChildren() || this.master; + }; + RowNode.prototype.isSelected = function () { + // for footers, we just return what our sibling selected state is, as cannot select a footer + if (this.footer) { + return this.sibling.isSelected(); + } + return this.selected; + }; + RowNode.prototype.depthFirstSearch = function (callback) { + if (this.childrenAfterGroup) { + this.childrenAfterGroup.forEach(function (child) { return child.depthFirstSearch(callback); }); + } + callback(this); + }; + // + rowController.updateGroupsInSelection() + RowNode.prototype.calculateSelectedFromChildren = function () { + var atLeastOneSelected = false; + var atLeastOneDeSelected = false; + var atLeastOneMixed = false; + var newSelectedValue; + if (this.childrenAfterGroup) { + for (var i = 0; i < this.childrenAfterGroup.length; i++) { + var child = this.childrenAfterGroup[i]; + // skip non-selectable nodes to prevent inconsistent selection values + if (!child.selectable) + continue; + var childState = child.isSelected(); + switch (childState) { + case true: + atLeastOneSelected = true; + break; + case false: + atLeastOneDeSelected = true; + break; + default: + atLeastOneMixed = true; + break; + } + } + } + if (atLeastOneMixed) { + newSelectedValue = undefined; + } + else if (atLeastOneSelected && !atLeastOneDeSelected) { + newSelectedValue = true; + } + else if (!atLeastOneSelected && atLeastOneDeSelected) { + newSelectedValue = false; + } + else { + newSelectedValue = undefined; + } + this.selectThisNode(newSelectedValue); + }; + RowNode.prototype.calculateSelectedFromChildrenBubbleUp = function () { + this.calculateSelectedFromChildren(); + if (this.parent) { + this.parent.calculateSelectedFromChildrenBubbleUp(); + } + }; + RowNode.prototype.setSelectedInitialValue = function (selected) { + this.selected = selected; + }; + RowNode.prototype.setSelected = function (newValue, clearSelection, tailingNodeInSequence) { + if (clearSelection === void 0) { clearSelection = false; } + if (tailingNodeInSequence === void 0) { tailingNodeInSequence = false; } + this.setSelectedParams({ + newValue: newValue, + clearSelection: clearSelection, + tailingNodeInSequence: tailingNodeInSequence, + rangeSelect: false + }); + }; + RowNode.prototype.isRowPinned = function () { + return this.rowPinned === constants_1.Constants.PINNED_TOP || this.rowPinned === constants_1.Constants.PINNED_BOTTOM; + }; + // to make calling code more readable, this is the same method as setSelected except it takes names parameters + RowNode.prototype.setSelectedParams = function (params) { + var groupSelectsChildren = this.gridOptionsWrapper.isGroupSelectsChildren(); + var newValue = params.newValue === true; + var clearSelection = params.clearSelection === true; + var tailingNodeInSequence = params.tailingNodeInSequence === true; + var rangeSelect = params.rangeSelect === true; + // groupSelectsFiltered only makes sense when group selects children + var groupSelectsFiltered = groupSelectsChildren && (params.groupSelectsFiltered === true); + if (this.id === undefined) { + console.warn('ag-Grid: cannot select node until id for node is known'); + return 0; + } + if (this.rowPinned) { + console.log('ag-Grid: cannot select pinned rows'); + return 0; + } + // if we are a footer, we don't do selection, just pass the info + // to the sibling (the parent of the group) + if (this.footer) { + var count = this.sibling.setSelectedParams(params); + return count; + } + if (rangeSelect) { + var newRowClicked = this.selectionController.getLastSelectedNode() !== this; + var allowMultiSelect = this.gridOptionsWrapper.isRowSelectionMulti(); + if (newRowClicked && allowMultiSelect) { + return this.doRowRangeSelection(); + } + } + var updatedCount = 0; + // when groupSelectsFiltered, then this node may end up intermediate despite + // trying to set it to true / false. this group will be calculated further on + // down when we call calculatedSelectedForAllGroupNodes(). we need to skip it + // here, otherwise the updatedCount would include it. + var skipThisNode = groupSelectsFiltered && this.group; + if (!skipThisNode) { + var thisNodeWasSelected = this.selectThisNode(newValue); + if (thisNodeWasSelected) { + updatedCount++; + } + } + if (groupSelectsChildren && this.group) { + updatedCount += this.selectChildNodes(newValue, groupSelectsFiltered); + } + // clear other nodes if not doing multi select + var actionWasOnThisNode = !tailingNodeInSequence; + if (actionWasOnThisNode) { + if (newValue && (clearSelection || !this.gridOptionsWrapper.isRowSelectionMulti())) { + updatedCount += this.selectionController.clearOtherNodes(this); + } + // only if we selected something, then update groups and fire events + if (updatedCount > 0) { + // update groups + if (groupSelectsFiltered) { + // if the group was selecting filtered, then all nodes above and or below + // this node could have check, unchecked or intermediate, so easiest is to + // recalculate selected state for all group nodes + this.calculatedSelectedForAllGroupNodes(); + } + else { + // if no selecting filtered, then everything below the group node was either + // selected or not selected, no intermediate, so no need to check items below + // this one, just the parents all the way up to the root + if (groupSelectsChildren && this.parent) { + this.parent.calculateSelectedFromChildrenBubbleUp(); + } + } + // fire events + // this is the very end of the 'action node', so we are finished all the updates, + // include any parent / child changes that this method caused + var event_1 = { + type: events_1.Events.EVENT_SELECTION_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.mainEventService.dispatchEvent(event_1); + } + // so if user next does shift-select, we know where to start the selection from + if (newValue) { + this.selectionController.setLastSelectedNode(this); + } + } + return updatedCount; + }; + // selects all rows between this node and the last selected node (or the top if this is the first selection). + // not to be mixed up with 'cell range selection' where you drag the mouse, this is row range selection, by + // holding down 'shift'. + RowNode.prototype.doRowRangeSelection = function () { + var updatedCount = 0; + var groupsSelectChildren = this.gridOptionsWrapper.isGroupSelectsChildren(); + var lastSelectedNode = this.selectionController.getLastSelectedNode(); + var nodesToSelect = this.rowModel.getNodesInRangeForSelection(lastSelectedNode, this); + nodesToSelect.forEach(function (rowNode) { + if (rowNode.group && groupsSelectChildren) { + return; + } + var nodeWasSelected = rowNode.selectThisNode(true); + if (nodeWasSelected) { + updatedCount++; + } + }); + if (groupsSelectChildren) { + this.calculatedSelectedForAllGroupNodes(); + } + var event = { + type: events_1.Events.EVENT_SELECTION_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.mainEventService.dispatchEvent(event); + return updatedCount; + }; + RowNode.prototype.isParentOfNode = function (potentialParent) { + var parentNode = this.parent; + while (parentNode) { + if (parentNode === potentialParent) { + return true; + } + parentNode = parentNode.parent; + } + return false; + }; + RowNode.prototype.calculatedSelectedForAllGroupNodes = function () { + // we have to make sure we do this dept first, as parent nodes + // will have dependencies on the children having correct values + var clientSideRowModel = this.rowModel; + clientSideRowModel.getTopLevelNodes().forEach(function (topLevelNode) { + if (topLevelNode.group) { + topLevelNode.depthFirstSearch(function (childNode) { + if (childNode.group) { + childNode.calculateSelectedFromChildren(); + } + }); + topLevelNode.calculateSelectedFromChildren(); + } + }); + }; + RowNode.prototype.selectThisNode = function (newValue) { + if (!this.selectable || this.selected === newValue) + return false; + this.selected = newValue; + if (this.eventService) { + this.dispatchLocalEvent(this.createLocalRowEvent(RowNode.EVENT_ROW_SELECTED)); + } + var event = this.createGlobalRowEvent(events_1.Events.EVENT_ROW_SELECTED); + this.mainEventService.dispatchEvent(event); + return true; + }; + RowNode.prototype.selectChildNodes = function (newValue, groupSelectsFiltered) { + var children = groupSelectsFiltered ? this.childrenAfterFilter : this.childrenAfterGroup; + var updatedCount = 0; + if (utils_1.Utils.missing(children)) { + return; + } + for (var i = 0; i < children.length; i++) { + updatedCount += children[i].setSelectedParams({ + newValue: newValue, + clearSelection: false, + tailingNodeInSequence: true, + groupSelectsFiltered: groupSelectsFiltered + }); + } + return updatedCount; + }; + RowNode.prototype.addEventListener = function (eventType, listener) { + if (!this.eventService) { + this.eventService = new eventService_1.EventService(); + } + this.eventService.addEventListener(eventType, listener); + }; + RowNode.prototype.removeEventListener = function (eventType, listener) { + this.eventService.removeEventListener(eventType, listener); + }; + RowNode.prototype.onMouseEnter = function () { + this.dispatchLocalEvent(this.createLocalRowEvent(RowNode.EVENT_MOUSE_ENTER)); + }; + RowNode.prototype.onMouseLeave = function () { + this.dispatchLocalEvent(this.createLocalRowEvent(RowNode.EVENT_MOUSE_LEAVE)); + }; + RowNode.prototype.getFirstChildOfFirstChild = function (rowGroupColumn) { + var currentRowNode = this; + // if we are hiding groups, then if we are the first child, of the first child, + // all the way up to the column we are interested in, then we show the group cell. + var isCandidate = true; + var foundFirstChildPath = false; + var nodeToSwapIn; + while (isCandidate && !foundFirstChildPath) { + var parentRowNode = currentRowNode.parent; + var firstChild = utils_1.Utils.exists(parentRowNode) && currentRowNode.firstChild; + if (firstChild) { + if (parentRowNode.rowGroupColumn === rowGroupColumn) { + foundFirstChildPath = true; + nodeToSwapIn = parentRowNode; + } + } + else { + isCandidate = false; + } + currentRowNode = parentRowNode; + } + return foundFirstChildPath ? nodeToSwapIn : null; + }; + RowNode.EVENT_ROW_SELECTED = 'rowSelected'; + RowNode.EVENT_DATA_CHANGED = 'dataChanged'; + RowNode.EVENT_CELL_CHANGED = 'cellChanged'; + RowNode.EVENT_ALL_CHILDREN_COUNT_CHANGED = 'allChildrenCountChanged'; + RowNode.EVENT_MOUSE_ENTER = 'mouseEnter'; + RowNode.EVENT_MOUSE_LEAVE = 'mouseLeave'; + RowNode.EVENT_HEIGHT_CHANGED = 'heightChanged'; + RowNode.EVENT_TOP_CHANGED = 'topChanged'; + RowNode.EVENT_FIRST_CHILD_CHANGED = 'firstChildChanged'; + RowNode.EVENT_LAST_CHILD_CHANGED = 'lastChildChanged'; + RowNode.EVENT_CHILD_INDEX_CHANGED = 'childIndexChanged'; + RowNode.EVENT_ROW_INDEX_CHANGED = 'rowIndexChanged'; + RowNode.EVENT_EXPANDED_CHANGED = 'expandedChanged'; + RowNode.EVENT_SELECTABLE_CHANGED = 'selectableChanged'; + RowNode.EVENT_UI_LEVEL_CHANGED = 'uiLevelChanged'; + RowNode.EVENT_DRAGGING_CHANGED = 'draggingChanged'; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], RowNode.prototype, "mainEventService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], RowNode.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], RowNode.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], RowNode.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], RowNode.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], RowNode.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], RowNode.prototype, "context", void 0); + __decorate([ + context_1.Autowired('valueCache'), + __metadata("design:type", valueCache_1.ValueCache) + ], RowNode.prototype, "valueCache", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], RowNode.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], RowNode.prototype, "gridApi", void 0); + return RowNode; + }()); + exports.RowNode = RowNode; + + +/***/ }), +/* 33 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var logger_1 = __webpack_require__(6); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var context_3 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_4 = __webpack_require__(7); + var constants_1 = __webpack_require__(9); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var SelectionController = (function () { + function SelectionController() { + } + SelectionController.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('SelectionController'); + this.reset(); + if (this.gridOptionsWrapper.isRowModelDefault()) { + this.eventService.addEventListener(events_1.Events.EVENT_ROW_DATA_CHANGED, this.reset.bind(this)); + } + else { + this.logger.log('dont know what to do here'); + } + }; + SelectionController.prototype.init = function () { + this.groupSelectsChildren = this.gridOptionsWrapper.isGroupSelectsChildren(); + this.eventService.addEventListener(events_1.Events.EVENT_ROW_SELECTED, this.onRowSelected.bind(this)); + }; + SelectionController.prototype.setLastSelectedNode = function (rowNode) { + this.lastSelectedNode = rowNode; + }; + SelectionController.prototype.getLastSelectedNode = function () { + return this.lastSelectedNode; + }; + SelectionController.prototype.getSelectedNodes = function () { + var selectedNodes = []; + utils_1.Utils.iterateObject(this.selectedNodes, function (key, rowNode) { + if (rowNode) { + selectedNodes.push(rowNode); + } + }); + return selectedNodes; + }; + SelectionController.prototype.getSelectedRows = function () { + var selectedRows = []; + utils_1.Utils.iterateObject(this.selectedNodes, function (key, rowNode) { + if (rowNode && rowNode.data) { + selectedRows.push(rowNode.data); + } + }); + return selectedRows; + }; + SelectionController.prototype.removeGroupsFromSelection = function () { + var _this = this; + utils_1.Utils.iterateObject(this.selectedNodes, function (key, rowNode) { + if (rowNode && rowNode.group) { + _this.selectedNodes[rowNode.id] = undefined; + } + }); + }; + // should only be called if groupSelectsChildren=true + SelectionController.prototype.updateGroupsFromChildrenSelections = function () { + if (this.rowModel.getType() !== constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + console.warn('updateGroupsFromChildrenSelections not available when rowModel is not normal'); + } + var clientSideRowModel = this.rowModel; + clientSideRowModel.getTopLevelNodes().forEach(function (rowNode) { + rowNode.depthFirstSearch(function (rowNode) { + if (rowNode.group) { + rowNode.calculateSelectedFromChildren(); + } + }); + }); + }; + SelectionController.prototype.getNodeForIdIfSelected = function (id) { + return this.selectedNodes[id]; + }; + SelectionController.prototype.clearOtherNodes = function (rowNodeToKeepSelected) { + var _this = this; + var groupsToRefresh = {}; + var updatedCount = 0; + utils_1.Utils.iterateObject(this.selectedNodes, function (key, otherRowNode) { + if (otherRowNode && otherRowNode.id !== rowNodeToKeepSelected.id) { + var rowNode = _this.selectedNodes[otherRowNode.id]; + updatedCount += rowNode.setSelectedParams({ newValue: false, clearSelection: false, tailingNodeInSequence: true }); + if (_this.groupSelectsChildren && otherRowNode.parent) { + groupsToRefresh[otherRowNode.parent.id] = otherRowNode.parent; + } + } + }); + utils_1.Utils.iterateObject(groupsToRefresh, function (key, group) { + group.calculateSelectedFromChildren(); + }); + return updatedCount; + }; + SelectionController.prototype.onRowSelected = function (event) { + var rowNode = event.node; + // we do not store the group rows when the groups select children + if (this.groupSelectsChildren && rowNode.group) { + return; + } + if (rowNode.isSelected()) { + this.selectedNodes[rowNode.id] = rowNode; + } + else { + this.selectedNodes[rowNode.id] = undefined; + } + }; + SelectionController.prototype.syncInRowNode = function (rowNode, oldNode) { + this.syncInOldRowNode(rowNode, oldNode); + this.syncInNewRowNode(rowNode); + }; + // if the id has changed for the node, then this means the rowNode + // is getting used for a different data item, which breaks + // our selectedNodes, as the node now is mapped by the old id + // which is inconsistent. so to keep the old node as selected, + // we swap in the clone (with the old id and old data). this means + // the oldNode is effectively a daemon we keep a reference to, + // so if client calls api.getSelectedNodes(), it gets the daemon + // in the result. when the client un-selects, the reference to the + // daemon is removed. the daemon, because it's an oldNode, is not + // used by the grid for rendering, it's a copy of what the node used + // to be like before the id was changed. + SelectionController.prototype.syncInOldRowNode = function (rowNode, oldNode) { + var oldNodeHasDifferentId = utils_1.Utils.exists(oldNode) && (rowNode.id !== oldNode.id); + if (oldNodeHasDifferentId) { + var oldNodeSelected = utils_1.Utils.exists(this.selectedNodes[oldNode.id]); + if (oldNodeSelected) { + this.selectedNodes[oldNode.id] = oldNode; + } + } + }; + SelectionController.prototype.syncInNewRowNode = function (rowNode) { + if (utils_1.Utils.exists(this.selectedNodes[rowNode.id])) { + rowNode.setSelectedInitialValue(true); + this.selectedNodes[rowNode.id] = rowNode; + } + else { + rowNode.setSelectedInitialValue(false); + } + }; + SelectionController.prototype.reset = function () { + this.logger.log('reset'); + this.selectedNodes = {}; + this.lastSelectedNode = null; + }; + // returns a list of all nodes at 'best cost' - a feature to be used + // with groups / trees. if a group has all it's children selected, + // then the group appears in the result, but not the children. + // Designed for use with 'children' as the group selection type, + // where groups don't actually appear in the selection normally. + SelectionController.prototype.getBestCostNodeSelection = function () { + if (this.rowModel.getType() !== constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + console.warn('getBestCostNodeSelection is only avilable when using normal row model'); + } + var clientSideRowModel = this.rowModel; + var topLevelNodes = clientSideRowModel.getTopLevelNodes(); + if (topLevelNodes === null) { + console.warn('selectAll not available doing rowModel=virtual'); + return; + } + var result = []; + // recursive function, to find the selected nodes + function traverse(nodes) { + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (node.isSelected()) { + result.push(node); + } + else { + // if not selected, then if it's a group, and the group + // has children, continue to search for selections + if (node.group && node.children) { + traverse(node.children); + } + } + } + } + traverse(topLevelNodes); + return result; + }; + SelectionController.prototype.setRowModel = function (rowModel) { + this.rowModel = rowModel; + }; + SelectionController.prototype.isEmpty = function () { + var count = 0; + utils_1.Utils.iterateObject(this.selectedNodes, function (nodeId, rowNode) { + if (rowNode) { + count++; + } + }); + return count === 0; + }; + SelectionController.prototype.deselectAllRowNodes = function (justFiltered) { + if (justFiltered === void 0) { justFiltered = false; } + var callback = function (rowNode) { return rowNode.selectThisNode(false); }; + var rowModelClientSide = this.rowModel.getType() === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE; + if (justFiltered) { + if (!rowModelClientSide) { + console.error('ag-Grid: selecting just filtered only works with In Memory Row Model'); + return; + } + var clientSideRowModel = this.rowModel; + clientSideRowModel.forEachNodeAfterFilter(callback); + } + else { + utils_1.Utils.iterateObject(this.selectedNodes, function (id, rowNode) { + // remember the reference can be to null, as we never 'delete' from the map + if (rowNode) { + callback(rowNode); + } + }); + // this clears down the map (whereas above only sets the items in map to 'undefined') + this.reset(); + } + // the above does not clean up the parent rows if they are selected + if (rowModelClientSide && this.groupSelectsChildren) { + this.updateGroupsFromChildrenSelections(); + } + var event = { + type: events_1.Events.EVENT_SELECTION_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + SelectionController.prototype.selectAllRowNodes = function (justFiltered) { + if (justFiltered === void 0) { justFiltered = false; } + if (this.rowModel.getType() !== constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + throw "selectAll only available with normal row model, ie not " + this.rowModel.getType(); + } + var clientSideRowModel = this.rowModel; + var callback = function (rowNode) { return rowNode.selectThisNode(true); }; + if (justFiltered) { + clientSideRowModel.forEachNodeAfterFilter(callback); + } + else { + clientSideRowModel.forEachNode(callback); + } + // the above does not clean up the parent rows if they are selected + if (this.rowModel.getType() === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE && this.groupSelectsChildren) { + this.updateGroupsFromChildrenSelections(); + } + var event = { + type: events_1.Events.EVENT_SELECTION_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + // Deprecated method + SelectionController.prototype.selectNode = function (rowNode, tryMulti) { + rowNode.setSelectedParams({ newValue: true, clearSelection: !tryMulti }); + }; + // Deprecated method + SelectionController.prototype.deselectIndex = function (rowIndex) { + var node = this.rowModel.getRow(rowIndex); + this.deselectNode(node); + }; + // Deprecated method + SelectionController.prototype.deselectNode = function (rowNode) { + rowNode.setSelectedParams({ newValue: false, clearSelection: false }); + }; + // Deprecated method + SelectionController.prototype.selectIndex = function (index, tryMulti) { + var node = this.rowModel.getRow(index); + this.selectNode(node, tryMulti); + }; + __decorate([ + context_3.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], SelectionController.prototype, "eventService", void 0); + __decorate([ + context_3.Autowired('rowModel'), + __metadata("design:type", Object) + ], SelectionController.prototype, "rowModel", void 0); + __decorate([ + context_3.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], SelectionController.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_3.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], SelectionController.prototype, "columnApi", void 0); + __decorate([ + context_3.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], SelectionController.prototype, "gridApi", void 0); + __decorate([ + __param(0, context_2.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], SelectionController.prototype, "setBeans", null); + __decorate([ + context_4.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], SelectionController.prototype, "init", null); + SelectionController = __decorate([ + context_1.Bean('selectionController') + ], SelectionController); + return SelectionController; + }()); + exports.SelectionController = SelectionController; + + +/***/ }), +/* 34 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridRow_1 = __webpack_require__(35); + var GridCell = (function () { + function GridCell(gridCellDef) { + this.rowIndex = gridCellDef.rowIndex; + this.column = gridCellDef.column; + this.floating = utils_1.Utils.makeNull(gridCellDef.floating); + } + GridCell.prototype.getGridCellDef = function () { + return { + rowIndex: this.rowIndex, + column: this.column, + floating: this.floating + }; + }; + GridCell.prototype.getGridRow = function () { + return new gridRow_1.GridRow(this.rowIndex, this.floating); + }; + GridCell.prototype.toString = function () { + return "rowIndex = " + this.rowIndex + ", floating = " + this.floating + ", column = " + (this.column ? this.column.getId() : null); + }; + GridCell.prototype.createId = function () { + return this.rowIndex + "." + this.floating + "." + this.column.getId(); + }; + GridCell.prototype.equals = function (other) { + var colsMatch = this.column === other.column; + var floatingMatch = this.floating === other.floating; + var indexMatch = this.rowIndex === other.rowIndex; + return colsMatch && floatingMatch && indexMatch; + }; + return GridCell; + }()); + exports.GridCell = GridCell; + + +/***/ }), +/* 35 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var gridCell_1 = __webpack_require__(34); + var GridRow = (function () { + function GridRow(rowIndex, floating) { + this.rowIndex = rowIndex; + this.floating = utils_1.Utils.makeNull(floating); + } + GridRow.prototype.isFloatingTop = function () { + return this.floating === constants_1.Constants.PINNED_TOP; + }; + GridRow.prototype.isFloatingBottom = function () { + return this.floating === constants_1.Constants.PINNED_BOTTOM; + }; + GridRow.prototype.isNotFloating = function () { + return !this.isFloatingBottom() && !this.isFloatingTop(); + }; + GridRow.prototype.equals = function (otherSelection) { + return this.rowIndex === otherSelection.rowIndex + && this.floating === otherSelection.floating; + }; + GridRow.prototype.toString = function () { + return "rowIndex = " + this.rowIndex + ", floating = " + this.floating; + }; + GridRow.prototype.getGridCell = function (column) { + var gridCellDef = { rowIndex: this.rowIndex, floating: this.floating, column: column }; + return new gridCell_1.GridCell(gridCellDef); + }; + // tests if this row selection is before the other row selection + GridRow.prototype.before = function (otherSelection) { + var otherFloating = otherSelection.floating; + switch (this.floating) { + case constants_1.Constants.PINNED_TOP: + // we we are floating top, and other isn't, then we are always before + if (otherFloating !== constants_1.Constants.PINNED_TOP) { + return true; + } + break; + case constants_1.Constants.PINNED_BOTTOM: + // if we are floating bottom, and the other isn't, then we are never before + if (otherFloating !== constants_1.Constants.PINNED_BOTTOM) { + return false; + } + break; + default: + // if we are not floating, but the other one is floating... + if (utils_1.Utils.exists(otherFloating)) { + if (otherFloating === constants_1.Constants.PINNED_TOP) { + // we are not floating, other is floating top, we are first + return false; + } + else { + // we are not floating, other is floating bottom, we are always first + return true; + } + } + break; + } + return this.rowIndex < otherSelection.rowIndex; + }; + return GridRow; + }()); + exports.GridRow = GridRow; + + +/***/ }), +/* 36 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var beanStub_1 = __webpack_require__(37); + var compIdSequence = new utils_1.NumberSequence(); + var Component = (function (_super) { + __extends(Component, _super); + function Component(template) { + var _this = _super.call(this) || this; + _this.childComponents = []; + _this.annotatedEventListeners = []; + _this.visible = true; + // unique id for this row component. this is used for getting a reference to the HTML dom. + // we cannot use the RowNode id as this is not unique (due to animation, old rows can be lying + // around as we create a new rowComp instance for the same row node). + _this.compId = compIdSequence.next(); + if (template) { + _this.setTemplate(template); + } + return _this; + } + Component.prototype.getCompId = function () { + return this.compId; + }; + Component.prototype.instantiate = function (context) { + this.instantiateRecurse(this.getGui(), context); + }; + Component.prototype.instantiateRecurse = function (parentNode, context) { + var _this = this; + // we MUST take a copy of the list first, as the 'swapComponentForNode' adds comments into the DOM + // which messes up the traversal order of the children. + var childNodeList = utils_1.Utils.copyNodeList(parentNode.childNodes); + childNodeList.forEach(function (childNode) { + var childComp = context.createComponent(childNode, function (childComp) { + var attrList = _this.getAttrLists(childNode); + _this.copyAttributesFromNode(attrList, childComp.getGui()); + _this.createChildAttributes(attrList, childComp); + _this.addEventListenersToComponent(attrList, childComp); + }); + if (childComp) { + _this.swapComponentForNode(childComp, parentNode, childNode); + } + else { + if (childNode.childNodes) { + _this.instantiateRecurse(childNode, context); + } + if (childNode instanceof HTMLElement) { + var attrList = _this.getAttrLists(childNode); + _this.addEventListenersToElement(attrList, childNode); + } + } + }); + }; + Component.prototype.getAttrLists = function (child) { + var res = { + bindings: [], + events: [], + normal: [] + }; + utils_1.Utils.iterateNamedNodeMap(child.attributes, function (name, value) { + var firstCharacter = name.substr(0, 1); + if (firstCharacter === '(') { + var eventName = name.replace('(', '').replace(')', ''); + res.events.push({ + name: eventName, + value: value + }); + } + else if (firstCharacter === '[') { + var bindingName = name.replace('[', '').replace(']', ''); + res.bindings.push({ + name: bindingName, + value: value + }); + } + else { + res.normal.push({ + name: name, + value: value + }); + } + }); + return res; + }; + Component.prototype.addEventListenersToElement = function (attrLists, element) { + var _this = this; + this.addEventListenerCommon(attrLists, function (eventName, listener) { + _this.addDestroyableEventListener(element, eventName, listener); + }); + }; + Component.prototype.addEventListenersToComponent = function (attrLists, component) { + var _this = this; + this.addEventListenerCommon(attrLists, function (eventName, listener) { + _this.addDestroyableEventListener(component, eventName, listener); + }); + }; + Component.prototype.addEventListenerCommon = function (attrLists, callback) { + var _this = this; + var methodAliases = this.getAgComponentMetaData('methods'); + attrLists.events.forEach(function (nameValue) { + var methodName = nameValue.value; + var methodAlias = utils_1.Utils.find(methodAliases, 'alias', methodName); + var methodNameToUse = utils_1.Utils.exists(methodAlias) ? methodAlias.methodName : methodName; + var listener = _this[methodNameToUse]; + if (typeof listener !== 'function') { + console.warn('ag-Grid: count not find callback ' + methodName); + return; + } + var eventCamelCase = utils_1.Utils.hyphenToCamelCase(nameValue.name); + callback(eventCamelCase, listener.bind(_this)); + }); + }; + Component.prototype.createChildAttributes = function (attrLists, child) { + var _this = this; + var childAttributes = {}; + attrLists.normal.forEach(function (nameValue) { + var nameCamelCase = utils_1.Utils.hyphenToCamelCase(nameValue.name); + childAttributes[nameCamelCase] = nameValue.value; + }); + attrLists.bindings.forEach(function (nameValue) { + var nameCamelCase = utils_1.Utils.hyphenToCamelCase(nameValue.name); + childAttributes[nameCamelCase] = _this[nameValue.value]; + }); + child.props = childAttributes; + }; + Component.prototype.copyAttributesFromNode = function (attrLists, childNode) { + attrLists.normal.forEach(function (nameValue) { + childNode.setAttribute(nameValue.name, nameValue.value); + }); + }; + Component.prototype.swapComponentForNode = function (newComponent, parentNode, childNode) { + var eComponent = newComponent.getGui(); + parentNode.replaceChild(eComponent, childNode); + parentNode.insertBefore(document.createComment(childNode.nodeName), eComponent); + this.childComponents.push(newComponent); + this.swapInComponentForQuerySelectors(newComponent, childNode); + }; + Component.prototype.swapInComponentForQuerySelectors = function (newComponent, childNode) { + var thisProto = Object.getPrototypeOf(this); + var thisNoType = this; + while (thisProto != null) { + var metaData = thisProto.__agComponentMetaData; + var currentProtoName = (thisProto.constructor).name; + if (metaData && metaData[currentProtoName] && metaData[currentProtoName].querySelectors) { + metaData[currentProtoName].querySelectors.forEach(function (querySelector) { + if (thisNoType[querySelector.attributeName] === childNode) { + thisNoType[querySelector.attributeName] = newComponent; + } + }); + } + thisProto = Object.getPrototypeOf(thisProto); + } + }; + Component.prototype.setTemplate = function (template) { + var eGui = utils_1.Utils.loadTemplate(template); + this.setTemplateFromElement(eGui); + }; + Component.prototype.setTemplateFromElement = function (element) { + this.eGui = element; + this.eGui.__agComponent = this; + this.addAnnotatedEventListeners(); + this.wireQuerySelectors(); + }; + Component.prototype.wireQuerySelectors = function () { + var _this = this; + if (!this.eGui) { + return; + } + var thisProto = Object.getPrototypeOf(this); + var _loop_1 = function () { + var metaData = thisProto.__agComponentMetaData; + var currentProtoName = (thisProto.constructor).name; + if (metaData && metaData[currentProtoName] && metaData[currentProtoName].querySelectors) { + var thisNoType_1 = this_1; + metaData[currentProtoName].querySelectors.forEach(function (querySelector) { + var resultOfQuery = _this.eGui.querySelector(querySelector.querySelector); + if (resultOfQuery) { + var backingComponent = resultOfQuery.__agComponent; + if (backingComponent) { + thisNoType_1[querySelector.attributeName] = backingComponent; + } + else { + thisNoType_1[querySelector.attributeName] = resultOfQuery; + } + } + else { + // put debug msg in here if query selector fails??? + } + }); + } + thisProto = Object.getPrototypeOf(thisProto); + }; + var this_1 = this; + while (thisProto != null) { + _loop_1(); + } + }; + Component.prototype.addAnnotatedEventListeners = function () { + var _this = this; + this.removeAnnotatedEventListeners(); + if (!this.eGui) { + return; + } + var listenerMethods = this.getAgComponentMetaData('listenerMethods'); + if (utils_1.Utils.missingOrEmpty(listenerMethods)) { + return; + } + if (!this.annotatedEventListeners) { + this.annotatedEventListeners = []; + } + listenerMethods.forEach(function (eventListener) { + var listener = _this[eventListener.methodName].bind(_this); + _this.eGui.addEventListener(eventListener.eventName, listener); + _this.annotatedEventListeners.push({ eventName: eventListener.eventName, listener: listener }); + }); + }; + Component.prototype.getAgComponentMetaData = function (key) { + var res = []; + var thisProto = Object.getPrototypeOf(this); + while (thisProto != null) { + var metaData = thisProto.__agComponentMetaData; + var currentProtoName = (thisProto.constructor).name; + if (metaData && metaData[currentProtoName] && metaData[currentProtoName][key]) { + res = res.concat(metaData[currentProtoName][key]); + } + thisProto = Object.getPrototypeOf(thisProto); + } + return res; + }; + Component.prototype.removeAnnotatedEventListeners = function () { + var _this = this; + if (!this.annotatedEventListeners) { + return; + } + if (!this.eGui) { + return; + } + this.annotatedEventListeners.forEach(function (eventListener) { + _this.eGui.removeEventListener(eventListener.eventName, eventListener.listener); + }); + this.annotatedEventListeners = null; + }; + Component.prototype.getGui = function () { + return this.eGui; + }; + // this method is for older code, that wants to provide the gui element, + // it is not intended for this to be in ag-Stack + Component.prototype.setGui = function (eGui) { + this.eGui = eGui; + }; + Component.prototype.queryForHtmlElement = function (cssSelector) { + return this.eGui.querySelector(cssSelector); + }; + Component.prototype.queryForHtmlInputElement = function (cssSelector) { + return this.eGui.querySelector(cssSelector); + }; + Component.prototype.appendChild = function (newChild) { + if (utils_1.Utils.isNodeOrElement(newChild)) { + this.eGui.appendChild(newChild); + } + else { + var childComponent = newChild; + this.eGui.appendChild(childComponent.getGui()); + this.childComponents.push(childComponent); + } + }; + Component.prototype.addFeature = function (context, feature) { + context.wireBean(feature); + if (feature.destroy) { + this.addDestroyFunc(feature.destroy.bind(feature)); + } + }; + Component.prototype.isVisible = function () { + return this.visible; + }; + Component.prototype.setVisible = function (visible) { + if (visible !== this.visible) { + this.visible = visible; + utils_1.Utils.addOrRemoveCssClass(this.eGui, 'ag-hidden', !visible); + var event_1 = { + type: Component.EVENT_VISIBLE_CHANGED, + visible: this.visible + }; + this.dispatchEvent(event_1); + } + }; + Component.prototype.addOrRemoveCssClass = function (className, addOrRemove) { + utils_1.Utils.addOrRemoveCssClass(this.eGui, className, addOrRemove); + }; + Component.prototype.destroy = function () { + _super.prototype.destroy.call(this); + this.childComponents.forEach(function (childComponent) { return childComponent.destroy(); }); + this.childComponents.length = 0; + this.removeAnnotatedEventListeners(); + }; + Component.prototype.addGuiEventListener = function (event, listener) { + var _this = this; + this.getGui().addEventListener(event, listener); + this.addDestroyFunc(function () { return _this.getGui().removeEventListener(event, listener); }); + }; + Component.prototype.addCssClass = function (className) { + utils_1.Utils.addCssClass(this.getGui(), className); + }; + Component.prototype.removeCssClass = function (className) { + utils_1.Utils.removeCssClass(this.getGui(), className); + }; + Component.prototype.getAttribute = function (key) { + var eGui = this.getGui(); + if (eGui) { + return eGui.getAttribute(key); + } + else { + return null; + } + }; + Component.prototype.getRefElement = function (refName) { + return this.queryForHtmlElement('[ref="' + refName + '"]'); + }; + Component.EVENT_VISIBLE_CHANGED = 'visibleChanged'; + return Component; + }(beanStub_1.BeanStub)); + exports.Component = Component; + + +/***/ }), +/* 37 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventService_1 = __webpack_require__(5); + var gridOptionsWrapper_1 = __webpack_require__(4); + var utils_1 = __webpack_require__(8); + var BeanStub = (function () { + function BeanStub() { + this.destroyFunctions = []; + this.destroyed = false; + } + BeanStub.prototype.destroy = function () { + this.destroyFunctions.forEach(function (func) { return func(); }); + this.destroyFunctions.length = 0; + this.destroyed = true; + this.dispatchEvent({ type: BeanStub.EVENT_DESTROYED }); + }; + BeanStub.prototype.addEventListener = function (eventType, listener) { + if (!this.localEventService) { + this.localEventService = new eventService_1.EventService(); + } + this.localEventService.addEventListener(eventType, listener); + }; + BeanStub.prototype.removeEventListener = function (eventType, listener) { + if (this.localEventService) { + this.localEventService.removeEventListener(eventType, listener); + } + }; + BeanStub.prototype.dispatchEventAsync = function (event) { + var _this = this; + setTimeout(function () { return _this.dispatchEvent(event); }, 0); + }; + BeanStub.prototype.dispatchEvent = function (event) { + if (this.localEventService) { + this.localEventService.dispatchEvent(event); + } + }; + BeanStub.prototype.addDestroyableEventListener = function (eElement, event, listener) { + if (this.destroyed) { + return; + } + if (eElement instanceof HTMLElement) { + utils_1._.addSafePassiveEventListener(eElement, event, listener); + } + else if (eElement instanceof Window) { + eElement.addEventListener(event, listener); + } + else if (eElement instanceof gridOptionsWrapper_1.GridOptionsWrapper) { + eElement.addEventListener(event, listener); + } + else { + eElement.addEventListener(event, listener); + } + this.destroyFunctions.push(function () { + if (eElement instanceof HTMLElement) { + eElement.removeEventListener(event, listener); + } + else if (eElement instanceof Window) { + eElement.removeEventListener(event, listener); + } + else if (eElement instanceof gridOptionsWrapper_1.GridOptionsWrapper) { + eElement.removeEventListener(event, listener); + } + else { + eElement.removeEventListener(event, listener); + } + }); + }; + BeanStub.prototype.isAlive = function () { + return !this.destroyed; + }; + BeanStub.prototype.addDestroyFunc = function (func) { + // if we are already destroyed, we execute the func now + if (this.isAlive()) { + this.destroyFunctions.push(func); + } + else { + func(); + } + }; + BeanStub.EVENT_DESTROYED = 'destroyed'; + return BeanStub; + }()); + exports.BeanStub = BeanStub; + + +/***/ }), +/* 38 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var rowNode_1 = __webpack_require__(32); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var events_1 = __webpack_require__(11); + var eventService_1 = __webpack_require__(5); + var gridApi_1 = __webpack_require__(14); + var columnApi_1 = __webpack_require__(22); + var CheckboxSelectionComponent = (function (_super) { + __extends(CheckboxSelectionComponent, _super); + function CheckboxSelectionComponent() { + return _super.call(this, "") || this; + } + CheckboxSelectionComponent.prototype.createAndAddIcons = function () { + this.eCheckedIcon = utils_1.Utils.createIconNoSpan('checkboxChecked', this.gridOptionsWrapper, this.column); + this.eUncheckedIcon = utils_1.Utils.createIconNoSpan('checkboxUnchecked', this.gridOptionsWrapper, this.column); + this.eIndeterminateIcon = utils_1.Utils.createIconNoSpan('checkboxIndeterminate', this.gridOptionsWrapper, this.column); + var element = this.getGui(); + element.appendChild(this.eCheckedIcon); + element.appendChild(this.eUncheckedIcon); + element.appendChild(this.eIndeterminateIcon); + }; + CheckboxSelectionComponent.prototype.onDataChanged = function () { + // when rows are loaded for the second time, this can impact the selection, as a row + // could be loaded as already selected (if user scrolls down, and then up again). + this.onSelectionChanged(); + }; + CheckboxSelectionComponent.prototype.onSelectableChanged = function () { + this.showOrHideSelect(); + }; + CheckboxSelectionComponent.prototype.onSelectionChanged = function () { + var state = this.rowNode.isSelected(); + utils_1.Utils.setVisible(this.eCheckedIcon, state === true); + utils_1.Utils.setVisible(this.eUncheckedIcon, state === false); + utils_1.Utils.setVisible(this.eIndeterminateIcon, typeof state !== 'boolean'); + }; + CheckboxSelectionComponent.prototype.onCheckedClicked = function () { + var groupSelectsFiltered = this.gridOptionsWrapper.isGroupSelectsFiltered(); + var updatedCount = this.rowNode.setSelectedParams({ newValue: false, groupSelectsFiltered: groupSelectsFiltered }); + return updatedCount; + }; + CheckboxSelectionComponent.prototype.onUncheckedClicked = function (event) { + var groupSelectsFiltered = this.gridOptionsWrapper.isGroupSelectsFiltered(); + var updatedCount = this.rowNode.setSelectedParams({ newValue: true, rangeSelect: event.shiftKey, groupSelectsFiltered: groupSelectsFiltered }); + return updatedCount; + }; + CheckboxSelectionComponent.prototype.onIndeterminateClicked = function (event) { + var result = this.onUncheckedClicked(event); + if (result === 0) { + this.onCheckedClicked(); + } + }; + CheckboxSelectionComponent.prototype.init = function (params) { + this.rowNode = params.rowNode; + this.column = params.column; + this.createAndAddIcons(); + this.onSelectionChanged(); + // we don't want the row clicked event to fire when selecting the checkbox, otherwise the row + // would possibly get selected twice + this.addGuiEventListener('click', function (event) { return utils_1.Utils.stopPropagationForAgGrid(event); }); + // likewise we don't want double click on this icon to open a group + this.addGuiEventListener('dblclick', function (event) { return utils_1.Utils.stopPropagationForAgGrid(event); }); + this.addDestroyableEventListener(this.eCheckedIcon, 'click', this.onCheckedClicked.bind(this)); + this.addDestroyableEventListener(this.eUncheckedIcon, 'click', this.onUncheckedClicked.bind(this)); + this.addDestroyableEventListener(this.eIndeterminateIcon, 'click', this.onIndeterminateClicked.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_ROW_SELECTED, this.onSelectionChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_DATA_CHANGED, this.onDataChanged.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_SELECTABLE_CHANGED, this.onSelectableChanged.bind(this)); + this.isRowSelectableFunc = this.gridOptionsWrapper.getIsRowSelectableFunc(); + var checkboxVisibleIsDynamic = this.isRowSelectableFunc || this.checkboxCallbackExists(); + if (checkboxVisibleIsDynamic) { + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.showOrHideSelect.bind(this)); + this.showOrHideSelect(); + } + }; + CheckboxSelectionComponent.prototype.showOrHideSelect = function () { + // if the isRowSelectable() is not provided the row node is selectable by default + var selectable = this.rowNode.selectable; + // checkboxSelection callback is deemed a legacy solution however we will still consider it's result. + // If selectable, then also check the colDef callback. if not selectable, this it short circuits - no need + // to call the colDef callback. + if (selectable && this.checkboxCallbackExists()) { + selectable = this.column.isCellCheckboxSelection(this.rowNode); + } + // show checkbox if both conditions are true + this.setVisible(selectable); + }; + CheckboxSelectionComponent.prototype.checkboxCallbackExists = function () { + // column will be missing if groupUseEntireRow=true + var colDef = this.column ? this.column.getColDef() : null; + return colDef && typeof colDef.checkboxSelection === 'function'; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], CheckboxSelectionComponent.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], CheckboxSelectionComponent.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], CheckboxSelectionComponent.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], CheckboxSelectionComponent.prototype, "columnApi", void 0); + return CheckboxSelectionComponent; + }(component_1.Component)); + exports.CheckboxSelectionComponent = CheckboxSelectionComponent; + + +/***/ }), +/* 39 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var context_1 = __webpack_require__(7); + var rowNode_1 = __webpack_require__(32); + var dragAndDropService_1 = __webpack_require__(40); + var eventKeys_1 = __webpack_require__(12); + var utils_1 = __webpack_require__(8); + var beanStub_1 = __webpack_require__(37); + var RowDragComp = (function (_super) { + __extends(RowDragComp, _super); + function RowDragComp(rowNode, column, cellValue, beans) { + var _this = _super.call(this, "") || this; + _this.rowNode = rowNode; + _this.column = column; + _this.cellValue = cellValue; + _this.beans = beans; + return _this; + } + RowDragComp.prototype.postConstruct = function () { + this.addDragSource(); + this.checkCompatibility(); + if (this.beans.gridOptionsWrapper.isRowDragManaged()) { + this.addFeature(this.beans.context, new ManagedVisibilityStrategy(this, this.beans, this.rowNode, this.column)); + } + else { + this.addFeature(this.beans.context, new NonManagedVisibilityStrategy(this, this.beans, this.rowNode, this.column)); + } + }; + // returns true if all compatibility items work out + RowDragComp.prototype.checkCompatibility = function () { + var managed = this.beans.gridOptionsWrapper.isRowDragManaged(); + var treeData = this.beans.gridOptionsWrapper.isTreeData(); + if (treeData && managed) { + utils_1._.doOnce(function () { + return console.warn('ag-Grid: If using row drag with tree data, you cannot have rowDragManaged=true'); + }, 'RowDragComp.managedAndTreeData'); + } + }; + RowDragComp.prototype.addDragSource = function () { + var _this = this; + var dragItem = { + rowNode: this.rowNode + }; + var dragSource = { + type: dragAndDropService_1.DragSourceType.RowDrag, + eElement: this.getGui(), + dragItemName: this.cellValue, + dragItemCallback: function () { return dragItem; }, + dragStartPixels: 0 + }; + this.beans.dragAndDropService.addDragSource(dragSource, true); + this.addDestroyFunc(function () { return _this.beans.dragAndDropService.removeDragSource(dragSource); }); + }; + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], RowDragComp.prototype, "postConstruct", null); + return RowDragComp; + }(component_1.Component)); + exports.RowDragComp = RowDragComp; + // when non managed, the visibility depends on suppressRowDrag property only + var NonManagedVisibilityStrategy = (function (_super) { + __extends(NonManagedVisibilityStrategy, _super); + function NonManagedVisibilityStrategy(parent, beans, rowNode, column) { + var _this = _super.call(this) || this; + _this.parent = parent; + _this.beans = beans; + _this.column = column; + _this.rowNode = rowNode; + return _this; + } + NonManagedVisibilityStrategy.prototype.postConstruct = function () { + this.addDestroyableEventListener(this.beans.gridOptionsWrapper, 'suppressRowDrag', this.onSuppressRowDrag.bind(this)); + // in case data changes, then we need to update visibility of drag item + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_DATA_CHANGED, this.workOutVisibility.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_CELL_CHANGED, this.workOutVisibility.bind(this)); + this.workOutVisibility(); + }; + NonManagedVisibilityStrategy.prototype.onSuppressRowDrag = function () { + this.workOutVisibility(); + }; + NonManagedVisibilityStrategy.prototype.workOutVisibility = function () { + // only show the drag if both sort and filter are not present + var suppressRowDrag = this.beans.gridOptionsWrapper.isSuppressRowDrag(); + if (suppressRowDrag) { + this.parent.setVisible(false); + } + else { + var visible = this.column.isRowDrag(this.rowNode); + this.parent.setVisible(visible); + } + }; + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], NonManagedVisibilityStrategy.prototype, "postConstruct", null); + return NonManagedVisibilityStrategy; + }(beanStub_1.BeanStub)); + // when managed, the visibility depends on sort, filter and row group, as well as suppressRowDrag property + var ManagedVisibilityStrategy = (function (_super) { + __extends(ManagedVisibilityStrategy, _super); + function ManagedVisibilityStrategy(parent, beans, rowNode, column) { + var _this = _super.call(this) || this; + _this.parent = parent; + _this.beans = beans; + _this.column = column; + _this.rowNode = rowNode; + return _this; + } + ManagedVisibilityStrategy.prototype.postConstruct = function () { + // we do not show the component if sort, filter or grouping is active + this.addDestroyableEventListener(this.beans.eventService, eventKeys_1.Events.EVENT_SORT_CHANGED, this.onSortChanged.bind(this)); + this.addDestroyableEventListener(this.beans.eventService, eventKeys_1.Events.EVENT_FILTER_CHANGED, this.onFilterChanged.bind(this)); + this.addDestroyableEventListener(this.beans.eventService, eventKeys_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.onRowGroupChanged.bind(this)); + // in case data changes, then we need to update visibility of drag item + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_DATA_CHANGED, this.workOutVisibility.bind(this)); + this.addDestroyableEventListener(this.rowNode, rowNode_1.RowNode.EVENT_CELL_CHANGED, this.workOutVisibility.bind(this)); + this.addDestroyableEventListener(this.beans.gridOptionsWrapper, 'suppressRowDrag', this.onSuppressRowDrag.bind(this)); + this.updateSortActive(); + this.updateFilterActive(); + this.updateRowGroupActive(); + this.workOutVisibility(); + }; + ManagedVisibilityStrategy.prototype.updateRowGroupActive = function () { + var rowGroups = this.beans.columnController.getRowGroupColumns(); + this.rowGroupActive = !utils_1._.missingOrEmpty(rowGroups); + }; + ManagedVisibilityStrategy.prototype.onRowGroupChanged = function () { + this.updateRowGroupActive(); + this.workOutVisibility(); + }; + ManagedVisibilityStrategy.prototype.updateSortActive = function () { + var sortModel = this.beans.sortController.getSortModel(); + this.sortActive = !utils_1._.missingOrEmpty(sortModel); + }; + ManagedVisibilityStrategy.prototype.onSortChanged = function () { + this.updateSortActive(); + this.workOutVisibility(); + }; + ManagedVisibilityStrategy.prototype.updateFilterActive = function () { + this.filterActive = this.beans.filterManager.isAnyFilterPresent(); + }; + ManagedVisibilityStrategy.prototype.onFilterChanged = function () { + this.updateFilterActive(); + this.workOutVisibility(); + }; + ManagedVisibilityStrategy.prototype.onSuppressRowDrag = function () { + this.workOutVisibility(); + }; + ManagedVisibilityStrategy.prototype.workOutVisibility = function () { + // only show the drag if both sort and filter are not present + var sortOrFilterOrGroupActive = this.sortActive || this.filterActive || this.rowGroupActive; + var suppressRowDrag = this.beans.gridOptionsWrapper.isSuppressRowDrag(); + var alwaysHide = sortOrFilterOrGroupActive || suppressRowDrag; + if (alwaysHide) { + this.parent.setVisible(false); + } + else { + var visible = this.column.isRowDrag(this.rowNode); + this.parent.setVisible(visible); + } + }; + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ManagedVisibilityStrategy.prototype, "postConstruct", null); + return ManagedVisibilityStrategy; + }(beanStub_1.BeanStub)); + + +/***/ }), +/* 40 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var logger_1 = __webpack_require__(6); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var dragService_1 = __webpack_require__(41); + var columnController_1 = __webpack_require__(17); + var environment_1 = __webpack_require__(42); + var DragSourceType; + (function (DragSourceType) { + DragSourceType[DragSourceType["ToolPanel"] = 0] = "ToolPanel"; + DragSourceType[DragSourceType["HeaderCell"] = 1] = "HeaderCell"; + DragSourceType[DragSourceType["RowDrag"] = 2] = "RowDrag"; + })(DragSourceType = exports.DragSourceType || (exports.DragSourceType = {})); + var VDirection; + (function (VDirection) { + VDirection[VDirection["Up"] = 0] = "Up"; + VDirection[VDirection["Down"] = 1] = "Down"; + })(VDirection = exports.VDirection || (exports.VDirection = {})); + var HDirection; + (function (HDirection) { + HDirection[HDirection["Left"] = 0] = "Left"; + HDirection[HDirection["Right"] = 1] = "Right"; + })(HDirection = exports.HDirection || (exports.HDirection = {})); + var DragAndDropService = (function () { + function DragAndDropService() { + this.dragSourceAndParamsList = []; + this.dropTargets = []; + } + DragAndDropService_1 = DragAndDropService; + DragAndDropService.prototype.init = function () { + this.ePinnedIcon = utils_1.Utils.createIcon('columnMovePin', this.gridOptionsWrapper, null); + this.ePlusIcon = utils_1.Utils.createIcon('columnMoveAdd', this.gridOptionsWrapper, null); + this.eHiddenIcon = utils_1.Utils.createIcon('columnMoveHide', this.gridOptionsWrapper, null); + this.eMoveIcon = utils_1.Utils.createIcon('columnMoveMove', this.gridOptionsWrapper, null); + this.eLeftIcon = utils_1.Utils.createIcon('columnMoveLeft', this.gridOptionsWrapper, null); + this.eRightIcon = utils_1.Utils.createIcon('columnMoveRight', this.gridOptionsWrapper, null); + this.eGroupIcon = utils_1.Utils.createIcon('columnMoveGroup', this.gridOptionsWrapper, null); + this.eAggregateIcon = utils_1.Utils.createIcon('columnMoveValue', this.gridOptionsWrapper, null); + this.ePivotIcon = utils_1.Utils.createIcon('columnMovePivot', this.gridOptionsWrapper, null); + this.eDropNotAllowedIcon = utils_1.Utils.createIcon('dropNotAllowed', this.gridOptionsWrapper, null); + }; + DragAndDropService.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('OldToolPanelDragAndDropService'); + }; + DragAndDropService.prototype.getStringType = function (type) { + switch (type) { + case DragSourceType.RowDrag: return 'row'; + case DragSourceType.HeaderCell: return 'headerCell'; + case DragSourceType.ToolPanel: return 'toolPanel'; + default: + console.warn("ag-Grid: bug - unknown drag type " + type); + return null; + } + }; + DragAndDropService.prototype.addDragSource = function (dragSource, allowTouch) { + if (allowTouch === void 0) { allowTouch = false; } + var params = { + eElement: dragSource.eElement, + dragStartPixels: dragSource.dragStartPixels, + onDragStart: this.onDragStart.bind(this, dragSource), + onDragStop: this.onDragStop.bind(this), + onDragging: this.onDragging.bind(this) + }; + this.dragSourceAndParamsList.push({ params: params, dragSource: dragSource }); + this.dragService.addDragSource(params, allowTouch); + }; + DragAndDropService.prototype.removeDragSource = function (dragSource) { + var sourceAndParams = utils_1.Utils.find(this.dragSourceAndParamsList, function (item) { return item.dragSource === dragSource; }); + if (sourceAndParams) { + this.dragService.removeDragSource(sourceAndParams.params); + utils_1.Utils.removeFromArray(this.dragSourceAndParamsList, sourceAndParams); + } + }; + DragAndDropService.prototype.destroy = function () { + var _this = this; + this.dragSourceAndParamsList.forEach(function (sourceAndParams) { + _this.dragService.removeDragSource(sourceAndParams.params); + }); + this.dragSourceAndParamsList.length = 0; + }; + DragAndDropService.prototype.nudge = function () { + if (this.dragging) { + this.onDragging(this.eventLastTime, true); + } + }; + DragAndDropService.prototype.onDragStart = function (dragSource, mouseEvent) { + this.dragging = true; + this.dragSource = dragSource; + this.eventLastTime = mouseEvent; + this.dragItem = this.dragSource.dragItemCallback(); + this.lastDropTarget = this.dragSource.dragSourceDropTarget; + if (this.dragSource.dragStarted) { + this.dragSource.dragStarted(); + } + this.createGhost(); + }; + DragAndDropService.prototype.onDragStop = function (mouseEvent) { + this.eventLastTime = null; + this.dragging = false; + if (this.dragSource.dragStopped) { + this.dragSource.dragStopped(); + } + if (this.lastDropTarget && this.lastDropTarget.onDragStop) { + var draggingEvent = this.createDropTargetEvent(this.lastDropTarget, mouseEvent, null, null, false); + this.lastDropTarget.onDragStop(draggingEvent); + } + this.lastDropTarget = null; + this.dragItem = null; + this.removeGhost(); + }; + DragAndDropService.prototype.onDragging = function (mouseEvent, fromNudge) { + var hDirection = this.workOutHDirection(mouseEvent); + var vDirection = this.workOutVDirection(mouseEvent); + this.eventLastTime = mouseEvent; + this.positionGhost(mouseEvent); + // check if mouseEvent intersects with any of the drop targets + var dropTarget = utils_1.Utils.find(this.dropTargets, this.isMouseOnDropTarget.bind(this, mouseEvent)); + if (dropTarget !== this.lastDropTarget) { + this.leaveLastTargetIfExists(mouseEvent, hDirection, vDirection, fromNudge); + this.enterDragTargetIfExists(dropTarget, mouseEvent, hDirection, vDirection, fromNudge); + this.lastDropTarget = dropTarget; + } + else if (dropTarget) { + var draggingEvent = this.createDropTargetEvent(dropTarget, mouseEvent, hDirection, vDirection, fromNudge); + dropTarget.onDragging(draggingEvent); + } + }; + DragAndDropService.prototype.enterDragTargetIfExists = function (dropTarget, mouseEvent, hDirection, vDirection, fromNudge) { + if (!dropTarget) { + return; + } + var dragEnterEvent = this.createDropTargetEvent(dropTarget, mouseEvent, hDirection, vDirection, fromNudge); + dropTarget.onDragEnter(dragEnterEvent); + this.setGhostIcon(dropTarget.getIconName ? dropTarget.getIconName() : null); + }; + DragAndDropService.prototype.leaveLastTargetIfExists = function (mouseEvent, hDirection, vDirection, fromNudge) { + if (!this.lastDropTarget) { + return; + } + var dragLeaveEvent = this.createDropTargetEvent(this.lastDropTarget, mouseEvent, hDirection, vDirection, fromNudge); + this.lastDropTarget.onDragLeave(dragLeaveEvent); + this.setGhostIcon(null); + }; + DragAndDropService.prototype.getAllContainersFromDropTarget = function (dropTarget) { + var containers = [dropTarget.getContainer()]; + var secondaryContainers = dropTarget.getSecondaryContainers ? dropTarget.getSecondaryContainers() : null; + if (secondaryContainers) { + containers = containers.concat(secondaryContainers); + } + return containers; + }; + // checks if the mouse is on the drop target. it checks eContainer and eSecondaryContainers + DragAndDropService.prototype.isMouseOnDropTarget = function (mouseEvent, dropTarget) { + var allContainers = this.getAllContainersFromDropTarget(dropTarget); + var mouseOverTarget = false; + allContainers.forEach(function (eContainer) { + if (!eContainer) { + return; + } // secondary can be missing + var rect = eContainer.getBoundingClientRect(); + // if element is not visible, then width and height are zero + if (rect.width === 0 || rect.height === 0) { + return; + } + var horizontalFit = mouseEvent.clientX >= rect.left && mouseEvent.clientX <= rect.right; + var verticalFit = mouseEvent.clientY >= rect.top && mouseEvent.clientY <= rect.bottom; + //console.log(`rect.width = ${rect.width} || rect.height = ${rect.height} ## verticalFit = ${verticalFit}, horizontalFit = ${horizontalFit}, `); + if (horizontalFit && verticalFit) { + mouseOverTarget = true; + } + }); + if (mouseOverTarget) { + var mouseOverTargetAndInterested = dropTarget.isInterestedIn(this.dragSource.type); + return mouseOverTargetAndInterested; + } + else { + return false; + } + }; + DragAndDropService.prototype.addDropTarget = function (dropTarget) { + this.dropTargets.push(dropTarget); + }; + DragAndDropService.prototype.workOutHDirection = function (event) { + if (this.eventLastTime.clientX > event.clientX) { + return HDirection.Left; + } + else if (this.eventLastTime.clientX < event.clientX) { + return HDirection.Right; + } + else { + return null; + } + }; + DragAndDropService.prototype.workOutVDirection = function (event) { + if (this.eventLastTime.clientY > event.clientY) { + return VDirection.Up; + } + else if (this.eventLastTime.clientY < event.clientY) { + return VDirection.Down; + } + else { + return null; + } + }; + DragAndDropService.prototype.createDropTargetEvent = function (dropTarget, event, hDirection, vDirection, fromNudge) { + // localise x and y to the target component + var rect = dropTarget.getContainer().getBoundingClientRect(); + var x = event.clientX - rect.left; + var y = event.clientY - rect.top; + var dropTargetEvent = { + event: event, + x: x, + y: y, + vDirection: vDirection, + hDirection: hDirection, + dragSource: this.dragSource, + fromNudge: fromNudge, + dragItem: this.dragItem + }; + return dropTargetEvent; + }; + DragAndDropService.prototype.positionGhost = function (event) { + var ghostRect = this.eGhost.getBoundingClientRect(); + var ghostHeight = ghostRect.height; + // for some reason, without the '-2', it still overlapped by 1 or 2 pixels, which + // then brought in scrollbars to the browser. no idea why, but putting in -2 here + // works around it which is good enough for me. + var browserWidth = utils_1.Utils.getBodyWidth() - 2; + var browserHeight = utils_1.Utils.getBodyHeight() - 2; + // put ghost vertically in middle of cursor + var top = event.pageY - (ghostHeight / 2); + // horizontally, place cursor just right of icon + var left = event.pageX - 30; + var usrDocument = this.gridOptionsWrapper.getDocument(); + var windowScrollY = window.pageYOffset || usrDocument.documentElement.scrollTop; + var windowScrollX = window.pageXOffset || usrDocument.documentElement.scrollLeft; + // check ghost is not positioned outside of the browser + if (browserWidth > 0) { + if ((left + this.eGhost.clientWidth) > (browserWidth + windowScrollX)) { + left = browserWidth + windowScrollX - this.eGhost.clientWidth; + } + } + if (left < 0) { + left = 0; + } + if (browserHeight > 0) { + if ((top + this.eGhost.clientHeight) > (browserHeight + windowScrollY)) { + top = browserHeight + windowScrollY - this.eGhost.clientHeight; + } + } + if (top < 0) { + top = 0; + } + this.eGhost.style.left = left + 'px'; + this.eGhost.style.top = top + 'px'; + }; + DragAndDropService.prototype.removeGhost = function () { + if (this.eGhost && this.eGhostParent) { + this.eGhostParent.removeChild(this.eGhost); + } + this.eGhost = null; + }; + DragAndDropService.prototype.createGhost = function () { + this.eGhost = utils_1.Utils.loadTemplate(DragAndDropService_1.GHOST_TEMPLATE); + utils_1.Utils.addCssClass(this.eGhost, this.environment.getTheme()); + this.eGhostIcon = this.eGhost.querySelector('.ag-dnd-ghost-icon'); + this.setGhostIcon(null); + var eText = this.eGhost.querySelector('.ag-dnd-ghost-label'); + eText.innerHTML = this.dragSource.dragItemName; + this.eGhost.style.height = '25px'; + this.eGhost.style.top = '20px'; + this.eGhost.style.left = '20px'; + var usrDocument = this.gridOptionsWrapper.getDocument(); + this.eGhostParent = usrDocument.querySelector('body'); + if (!this.eGhostParent) { + console.warn('ag-Grid: could not find document body, it is needed for dragging columns'); + } + else { + this.eGhostParent.appendChild(this.eGhost); + } + }; + DragAndDropService.prototype.setGhostIcon = function (iconName, shake) { + if (shake === void 0) { shake = false; } + utils_1.Utils.removeAllChildren(this.eGhostIcon); + var eIcon; + switch (iconName) { + case DragAndDropService_1.ICON_ADD: + eIcon = this.ePlusIcon; + break; + case DragAndDropService_1.ICON_PINNED: + eIcon = this.ePinnedIcon; + break; + case DragAndDropService_1.ICON_MOVE: + eIcon = this.eMoveIcon; + break; + case DragAndDropService_1.ICON_LEFT: + eIcon = this.eLeftIcon; + break; + case DragAndDropService_1.ICON_RIGHT: + eIcon = this.eRightIcon; + break; + case DragAndDropService_1.ICON_GROUP: + eIcon = this.eGroupIcon; + break; + case DragAndDropService_1.ICON_AGGREGATE: + eIcon = this.eAggregateIcon; + break; + case DragAndDropService_1.ICON_PIVOT: + eIcon = this.ePivotIcon; + break; + case DragAndDropService_1.ICON_NOT_ALLOWED: + eIcon = this.eDropNotAllowedIcon; + break; + default: + eIcon = this.eHiddenIcon; + break; + } + this.eGhostIcon.appendChild(eIcon); + utils_1.Utils.addOrRemoveCssClass(this.eGhostIcon, 'ag-shake-left-to-right', shake); + }; + DragAndDropService.ICON_PINNED = 'pinned'; + DragAndDropService.ICON_ADD = 'add'; + DragAndDropService.ICON_MOVE = 'move'; + DragAndDropService.ICON_LEFT = 'left'; + DragAndDropService.ICON_RIGHT = 'right'; + DragAndDropService.ICON_GROUP = 'group'; + DragAndDropService.ICON_AGGREGATE = 'aggregate'; + DragAndDropService.ICON_PIVOT = 'pivot'; + DragAndDropService.ICON_NOT_ALLOWED = 'notAllowed'; + DragAndDropService.GHOST_TEMPLATE = '
' + + ' ' + + '
' + + '
' + + '
'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], DragAndDropService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('dragService'), + __metadata("design:type", dragService_1.DragService) + ], DragAndDropService.prototype, "dragService", void 0); + __decorate([ + context_1.Autowired('environment'), + __metadata("design:type", environment_1.Environment) + ], DragAndDropService.prototype, "environment", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], DragAndDropService.prototype, "columnController", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], DragAndDropService.prototype, "init", null); + __decorate([ + __param(0, context_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], DragAndDropService.prototype, "setBeans", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], DragAndDropService.prototype, "destroy", null); + DragAndDropService = DragAndDropService_1 = __decorate([ + context_1.Bean('dragAndDropService') + ], DragAndDropService); + return DragAndDropService; + var DragAndDropService_1; + }()); + exports.DragAndDropService = DragAndDropService; + + +/***/ }), +/* 41 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var logger_1 = __webpack_require__(6); + var utils_1 = __webpack_require__(8); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + /** Adds drag listening onto an element. In ag-Grid this is used twice, first is resizing columns, + * second is moving the columns and column groups around (ie the 'drag' part of Drag and Drop. */ + var DragService = (function () { + function DragService() { + this.onMouseUpListener = this.onMouseUp.bind(this); + this.onMouseMoveListener = this.onMouseMove.bind(this); + this.onTouchEndListener = this.onTouchUp.bind(this); + this.onTouchMoveListener = this.onTouchMove.bind(this); + this.dragEndFunctions = []; + this.dragSources = []; + } + DragService.prototype.init = function () { + this.logger = this.loggerFactory.create('DragService'); + }; + DragService.prototype.destroy = function () { + this.dragSources.forEach(this.removeListener.bind(this)); + this.dragSources.length = 0; + }; + DragService.prototype.removeListener = function (dragSourceAndListener) { + var element = dragSourceAndListener.dragSource.eElement; + var mouseDownListener = dragSourceAndListener.mouseDownListener; + element.removeEventListener('mousedown', mouseDownListener); + // remove touch listener only if it exists + if (dragSourceAndListener.touchEnabled) { + var touchStartListener = dragSourceAndListener.touchStartListener; + element.removeEventListener('touchstart', touchStartListener, { passive: true }); + } + }; + DragService.prototype.removeDragSource = function (params) { + var dragSourceAndListener = utils_1.Utils.find(this.dragSources, function (item) { return item.dragSource === params; }); + if (!dragSourceAndListener) { + return; + } + this.removeListener(dragSourceAndListener); + utils_1.Utils.removeFromArray(this.dragSources, dragSourceAndListener); + }; + DragService.prototype.setNoSelectToBody = function (noSelect) { + var usrDocument = this.gridOptionsWrapper.getDocument(); + var eBody = usrDocument.querySelector('body'); + if (utils_1.Utils.exists(eBody)) { + utils_1.Utils.addOrRemoveCssClass(eBody, 'ag-body-no-select', noSelect); + } + }; + DragService.prototype.addDragSource = function (params, includeTouch) { + if (includeTouch === void 0) { includeTouch = false; } + var mouseListener = this.onMouseDown.bind(this, params); + params.eElement.addEventListener('mousedown', mouseListener); + var touchListener = null; + var suppressTouch = this.gridOptionsWrapper.isSuppressTouch(); + var reallyIncludeTouch = includeTouch && !suppressTouch; + if (reallyIncludeTouch) { + touchListener = this.onTouchStart.bind(this, params); + params.eElement.addEventListener('touchstart', touchListener, { passive: false }); + } + this.dragSources.push({ + dragSource: params, + mouseDownListener: mouseListener, + touchStartListener: touchListener, + touchEnabled: includeTouch + }); + }; + // gets called whenever mouse down on any drag source + DragService.prototype.onTouchStart = function (params, touchEvent) { + var _this = this; + this.currentDragParams = params; + this.dragging = false; + var touch = touchEvent.touches[0]; + this.touchLastTime = touch; + this.touchStart = touch; + touchEvent.preventDefault(); + // we temporally add these listeners, for the duration of the drag, they + // are removed in touch end handling. + params.eElement.addEventListener('touchmove', this.onTouchMoveListener, { passive: true }); + params.eElement.addEventListener('touchend', this.onTouchEndListener, { passive: true }); + params.eElement.addEventListener('touchcancel', this.onTouchEndListener, { passive: true }); + this.dragEndFunctions.push(function () { + params.eElement.removeEventListener('touchmove', _this.onTouchMoveListener, { passive: true }); + params.eElement.removeEventListener('touchend', _this.onTouchEndListener, { passive: true }); + params.eElement.removeEventListener('touchcancel', _this.onTouchEndListener, { passive: true }); + }); + // see if we want to start dragging straight away + if (params.dragStartPixels === 0) { + this.onCommonMove(touch, this.touchStart); + } + }; + // gets called whenever mouse down on any drag source + DragService.prototype.onMouseDown = function (params, mouseEvent) { + var _this = this; + // we ignore when shift key is pressed. this is for the range selection, as when + // user shift-clicks a cell, this should not be interpreted as the start of a drag. + // if (mouseEvent.shiftKey) { return; } + if (params.skipMouseEvent) { + if (params.skipMouseEvent(mouseEvent)) { + return; + } + } + // if there are two elements with parent / child relationship, and both are draggable, + // when we drag the child, we should NOT drag the parent. an example of this is row moving + // and range selection - row moving should get preference when use drags the rowDrag component. + if (mouseEvent._alreadyProcessedByDragService) { + return; + } + mouseEvent._alreadyProcessedByDragService = true; + // only interested in left button clicks + if (mouseEvent.button !== 0) { + return; + } + this.currentDragParams = params; + this.dragging = false; + this.mouseEventLastTime = mouseEvent; + this.mouseStartEvent = mouseEvent; + var usrDocument = this.gridOptionsWrapper.getDocument(); + // we temporally add these listeners, for the duration of the drag, they + // are removed in mouseup handling. + usrDocument.addEventListener('mousemove', this.onMouseMoveListener); + usrDocument.addEventListener('mouseup', this.onMouseUpListener); + this.dragEndFunctions.push(function () { + usrDocument.removeEventListener('mousemove', _this.onMouseMoveListener); + usrDocument.removeEventListener('mouseup', _this.onMouseUpListener); + }); + // see if we want to start dragging straight away + if (params.dragStartPixels === 0) { + this.onMouseMove(mouseEvent); + } + }; + // returns true if the event is close to the original event by X pixels either vertically or horizontally. + // we only start dragging after X pixels so this allows us to know if we should start dragging yet. + DragService.prototype.isEventNearStartEvent = function (currentEvent, startEvent) { + // by default, we wait 4 pixels before starting the drag + var requiredPixelDiff = utils_1.Utils.exists(this.currentDragParams.dragStartPixels) ? this.currentDragParams.dragStartPixels : 4; + return utils_1.Utils.areEventsNear(currentEvent, startEvent, requiredPixelDiff); + }; + DragService.prototype.getFirstActiveTouch = function (touchList) { + for (var i = 0; i < touchList.length; i++) { + var matches = touchList[i].identifier === this.touchStart.identifier; + if (matches) { + return touchList[i]; + } + } + return null; + }; + DragService.prototype.onCommonMove = function (currentEvent, startEvent) { + if (!this.dragging) { + // if mouse hasn't travelled from the start position enough, do nothing + var toEarlyToDrag = !this.dragging && this.isEventNearStartEvent(currentEvent, startEvent); + if (toEarlyToDrag) { + return; + } + else { + // alert(`started`); + this.dragging = true; + var event_1 = { + type: events_1.Events.EVENT_DRAG_STARTED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + this.currentDragParams.onDragStart(startEvent); + this.setNoSelectToBody(true); + } + } + this.currentDragParams.onDragging(currentEvent); + }; + DragService.prototype.onTouchMove = function (touchEvent) { + var touch = this.getFirstActiveTouch(touchEvent.touches); + if (!touch) { + return; + } + // this.___statusBar.setInfoText(Math.random() + ' onTouchMove preventDefault stopPropagation'); + // if we don't preview default, then the browser will try and do it's own touch stuff, + // like do 'back button' (chrome does this) or scroll the page (eg drag column could be confused + // with scroll page in the app) + // touchEvent.preventDefault(); + this.onCommonMove(touch, this.touchStart); + }; + // only gets called after a mouse down - as this is only added after mouseDown + // and is removed when mouseUp happens + DragService.prototype.onMouseMove = function (mouseEvent) { + this.onCommonMove(mouseEvent, this.mouseStartEvent); + }; + DragService.prototype.onTouchUp = function (touchEvent) { + var touch = this.getFirstActiveTouch(touchEvent.changedTouches); + // i haven't worked this out yet, but there is no matching touch + // when we get the touch up event. to get around this, we swap in + // the last touch. this is a hack to 'get it working' while we + // figure out what's going on, why we are not getting a touch in + // current event. + if (!touch) { + touch = this.touchLastTime; + } + // if mouse was left up before we started to move, then this is a tap. + // we check this before onUpCommon as onUpCommon resets the dragging + // let tap = !this.dragging; + // let tapTarget = this.currentDragParams.eElement; + this.onUpCommon(touch); + // if tap, tell user + // console.log(`${Math.random()} tap = ${tap}`); + // if (tap) { + // tapTarget.click(); + // } + }; + DragService.prototype.onMouseUp = function (mouseEvent) { + this.onUpCommon(mouseEvent); + }; + DragService.prototype.onUpCommon = function (eventOrTouch) { + if (this.dragging) { + this.dragging = false; + this.currentDragParams.onDragStop(eventOrTouch); + var event_2 = { + type: events_1.Events.EVENT_DRAG_STOPPED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_2); + } + this.setNoSelectToBody(false); + this.mouseStartEvent = null; + this.mouseEventLastTime = null; + this.touchStart = null; + this.touchLastTime = null; + this.currentDragParams = null; + this.dragEndFunctions.forEach(function (func) { return func(); }); + this.dragEndFunctions.length = 0; + }; + __decorate([ + context_1.Autowired('loggerFactory'), + __metadata("design:type", logger_1.LoggerFactory) + ], DragService.prototype, "loggerFactory", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], DragService.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], DragService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], DragService.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], DragService.prototype, "gridApi", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], DragService.prototype, "init", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], DragService.prototype, "destroy", null); + DragService = __decorate([ + context_1.Bean('dragService') + ], DragService); + return DragService; + }()); + exports.DragService = DragService; + + +/***/ }), +/* 42 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var themeNames = ['fresh', 'dark', 'blue', 'bootstrap', 'material', 'balham-dark', 'balham']; + var themes = themeNames.concat(themeNames.map(function (name) { return "theme-" + name; })); + var themeClass = new RegExp("ag-(" + themes.join('|') + ")"); + var matGridSize = 8; + var freshGridSize = 4; + var balhamGridSize = 4; + var HARD_CODED_SIZES = { + 'ag-theme-material': { + headerHeight: matGridSize * 7, + virtualItemHeight: matGridSize * 5, + rowHeight: matGridSize * 6 + }, + 'ag-theme-classic': { + headerHeight: 25, + virtualItemHeight: freshGridSize * 5, + rowHeight: 25 + }, + 'ag-theme-balham': { + headerHeight: balhamGridSize * 8, + virtualItemHeight: balhamGridSize * 7, + rowHeight: balhamGridSize * 7 + } + }; + var Environment = (function () { + function Environment() { + this.sassVariables = {}; + } + // Approach described here: + // https://www.ofcodeandcolor.com/2017/04/02/encoding-data-in-css/ + Environment.prototype.loadSassVariables = function () { + /* + var element = document.createElement('div'); + element.className = 'sass-variables'; + this.eGridDiv.appendChild(element); + + var content = window.getComputedStyle(element, '::after').content; + + try { + this.sassVariables = JSON.parse(JSON.parse(content)); + } catch (e) { + throw new Error("Failed loading the theme sizing - check that you have the theme set up correctly."); + } + + this.eGridDiv.removeChild(element); + */ + }; + Environment.prototype.getSassVariable = function (theme, key) { + if (theme == 'ag-theme-material') { + return HARD_CODED_SIZES['ag-theme-material'][key]; + } + else if (theme == 'ag-theme-balham' || theme == 'ag-theme-balham-dark') { + return HARD_CODED_SIZES['ag-theme-balham'][key]; + } + return HARD_CODED_SIZES['ag-theme-classic'][key]; + /* + const result = parseInt(this.sassVariables[key]); + if (!result || isNaN(result)) { + throw new Error(`Failed loading ${key} Sass variable from ${this.sassVariables}`); + } + return result; + */ + }; + Environment.prototype.getTheme = function () { + var themeMatch; + var element = this.eGridDiv; + while (element != document.documentElement && themeMatch == null) { + themeMatch = element.className.match(themeClass); + element = element.parentElement; + if (element == null) { + break; + } + } + if (themeMatch) { + return themeMatch[0]; + } + else { + return 'ag-fresh'; + } + }; + __decorate([ + context_1.Autowired('eGridDiv'), + __metadata("design:type", HTMLElement) + ], Environment.prototype, "eGridDiv", void 0); + Environment = __decorate([ + context_1.Bean('environment') + ], Environment); + return Environment; + }()); + exports.Environment = Environment; + + +/***/ }), +/* 43 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + function QuerySelector(selector) { + return querySelectorFunc.bind(this, selector); + } + exports.QuerySelector = QuerySelector; + function RefSelector(ref) { + return querySelectorFunc.bind(this, "[ref=" + ref + "]"); + } + exports.RefSelector = RefSelector; + function querySelectorFunc(selector, classPrototype, methodOrAttributeName, index) { + if (selector === null) { + console.error("ag-Grid: QuerySelector selector should not be null"); + return; + } + if (typeof index === "number") { + console.error("ag-Grid: QuerySelector should be on an attribute"); + return; + } + addToObjectProps(classPrototype, 'querySelectors', { + attributeName: methodOrAttributeName, + querySelector: selector + }); + } + // think we should take this out, put property bindings on the + function Listener(eventName) { + return listenerFunc.bind(this, eventName); + } + exports.Listener = Listener; + function listenerFunc(eventName, target, methodName) { + if (eventName === null) { + console.error("ag-Grid: EventListener eventName should not be null"); + return; + } + addToObjectProps(target, 'listenerMethods', { + methodName: methodName, + eventName: eventName + }); + } + // think we should take this out, put property bindings on the + function Method(eventName) { + return methodFunc.bind(this, eventName); + } + exports.Method = Method; + function methodFunc(alias, target, methodName) { + if (alias === null) { + console.error("ag-Grid: EventListener eventName should not be null"); + return; + } + addToObjectProps(target, 'methods', { + methodName: methodName, + alias: alias + }); + } + function addToObjectProps(target, key, value) { + // it's an attribute on the class + var props = getOrCreateProps(target, target.constructor.name); + if (!props[key]) { + props[key] = []; + } + props[key].push(value); + } + function getOrCreateProps(target, instanceName) { + if (!target.__agComponentMetaData) { + target.__agComponentMetaData = {}; + } + if (!target.__agComponentMetaData[instanceName]) { + target.__agComponentMetaData[instanceName] = {}; + } + return target.__agComponentMetaData[instanceName]; + } + + +/***/ }), +/* 44 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var rowRenderer_1 = __webpack_require__(26); + var filterManager_1 = __webpack_require__(45); + var eventService_1 = __webpack_require__(5); + var gridPanel_1 = __webpack_require__(91); + var logger_1 = __webpack_require__(6); + var popupService_1 = __webpack_require__(46); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var focusedCellController_1 = __webpack_require__(58); + var component_1 = __webpack_require__(36); + var gridApi_1 = __webpack_require__(14); + var componentAnnotations_1 = __webpack_require__(43); + var GridCore = (function (_super) { + __extends(GridCore, _super); + function GridCore() { + return _super.call(this) || this; + } + GridCore_1 = GridCore; + GridCore.prototype.init = function () { + var _this = this; + this.logger = this.loggerFactory.create('GridCore'); + var template = this.enterprise ? GridCore_1.TEMPLATE_ENTERPRISE : GridCore_1.TEMPLATE_NORMAL; + this.setTemplate(template); + this.instantiate(this.context); + if (this.enterprise) { + this.toolPanelComp.registerGridComp(this.gridPanel); + this.statusBar.registerGridPanel(this.gridPanel); + } + this.gridOptionsWrapper.addEventListener(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GRID_AUTO_HEIGHT, this.addLayoutClass.bind(this)); + this.addLayoutClass(); + // see what the grid options are for default of toolbar + this.showToolPanel(this.gridOptionsWrapper.isShowToolPanel()); + this.eGridDiv.appendChild(this.getGui()); + this.addDestroyFunc(function () { + _this.eGridDiv.removeChild(_this.getGui()); + }); + // if using angular, watch for quickFilter changes + if (this.$scope) { + var quickFilterUnregisterFn = this.$scope.$watch(this.quickFilterOnScope, function (newFilter) { return _this.filterManager.setQuickFilter(newFilter); }); + this.addDestroyFunc(quickFilterUnregisterFn); + } + // important to set rtl before doLayout, as setting the RTL class impacts the scroll position, + // which doLayout indirectly depends on + this.addRtlSupport(); + this.finished = false; + this.addDestroyFunc(function () { return _this.finished = true; }); + this.logger.log('ready'); + }; + GridCore.prototype.addLayoutClass = function () { + // parts of the CSS need to know if we are in 'for print' mode or not, + // so we add a class to allow applying CSS based on this. + var autoHeight = this.gridOptionsWrapper.isGridAutoHeight(); + this.addOrRemoveCssClass('ag-layout-auto-height', autoHeight); + this.addOrRemoveCssClass('ag-layout-normal', !autoHeight); + // kept ag-scrolls to limit breaking changes, ag-scrolls was renamed to ag-layout-normal + this.addOrRemoveCssClass('ag-scrolls', !autoHeight); + }; + GridCore.prototype.getPreferredWidth = function () { + var widthForCols = this.columnController.getBodyContainerWidth() + + this.columnController.getPinnedLeftContainerWidth() + + this.columnController.getPinnedRightContainerWidth(); + var widthForToolpanel = this.toolPanelComp ? this.toolPanelComp.getPreferredWidth() : 0; + return widthForCols + widthForToolpanel; + }; + GridCore.prototype.addRtlSupport = function () { + var cssClass = this.gridOptionsWrapper.isEnableRtl() ? 'ag-rtl' : 'ag-ltr'; + utils_1.Utils.addCssClass(this.getGui(), cssClass); + }; + GridCore.prototype.getRootGui = function () { + return this.getGui(); + }; + GridCore.prototype.showToolPanel = function (show) { + if (!this.toolPanelComp) { + if (show) { + console.warn('ag-Grid: toolPanel is only available in ag-Grid Enterprise'); + } + return; + } + this.toolPanelComp.showToolPanel(show); + }; + GridCore.prototype.isToolPanelShowing = function () { + return this.toolPanelComp.isToolPanelShowing(); + }; + // need to override, as parent class isn't marked with PreDestroy + GridCore.prototype.destroy = function () { + _super.prototype.destroy.call(this); + this.logger.log('Grid DOM removed'); + }; + // Valid values for position are bottom, middle and top + GridCore.prototype.ensureNodeVisible = function (comparator, position) { + if (position === void 0) { position = 'top'; } + if (this.doingVirtualPaging) { + throw 'Cannot use ensureNodeVisible when doing virtual paging, as we cannot check rows that are not in memory'; + } + // look for the node index we want to display + var rowCount = this.rowModel.getPageLastRow() + 1; + var comparatorIsAFunction = typeof comparator === 'function'; + var indexToSelect = -1; + // go through all the nodes, find the one we want to show + for (var i = 0; i < rowCount; i++) { + var node = this.rowModel.getRow(i); + if (comparatorIsAFunction) { + if (comparator(node)) { + indexToSelect = i; + break; + } + } + else { + // check object equality against node and data + if (comparator === node || comparator === node.data) { + indexToSelect = i; + break; + } + } + } + if (indexToSelect >= 0) { + this.gridPanel.ensureIndexVisible(indexToSelect, position); + } + }; + GridCore.TEMPLATE_NORMAL = "
\n
\n \n
\n \n
"; + GridCore.TEMPLATE_ENTERPRISE = "
\n \n
\n \n \n
\n \n \n
"; + __decorate([ + context_1.Autowired('enterprise'), + __metadata("design:type", Boolean) + ], GridCore.prototype, "enterprise", void 0); + __decorate([ + context_1.Autowired('gridOptions'), + __metadata("design:type", Object) + ], GridCore.prototype, "gridOptions", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], GridCore.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], GridCore.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('frameworkFactory'), + __metadata("design:type", Object) + ], GridCore.prototype, "frameworkFactory", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], GridCore.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], GridCore.prototype, "rowRenderer", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], GridCore.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], GridCore.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('eGridDiv'), + __metadata("design:type", HTMLElement) + ], GridCore.prototype, "eGridDiv", void 0); + __decorate([ + context_1.Autowired('$scope'), + __metadata("design:type", Object) + ], GridCore.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired('quickFilterOnScope'), + __metadata("design:type", String) + ], GridCore.prototype, "quickFilterOnScope", void 0); + __decorate([ + context_1.Autowired('popupService'), + __metadata("design:type", popupService_1.PopupService) + ], GridCore.prototype, "popupService", void 0); + __decorate([ + context_1.Autowired('focusedCellController'), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], GridCore.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], GridCore.prototype, "context", void 0); + __decorate([ + context_1.Autowired('loggerFactory'), + __metadata("design:type", logger_1.LoggerFactory) + ], GridCore.prototype, "loggerFactory", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], GridCore.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], GridCore.prototype, "gridApi", void 0); + __decorate([ + context_1.Optional('rowGroupCompFactory'), + __metadata("design:type", Object) + ], GridCore.prototype, "rowGroupCompFactory", void 0); + __decorate([ + context_1.Optional('pivotCompFactory'), + __metadata("design:type", Object) + ], GridCore.prototype, "pivotCompFactory", void 0); + __decorate([ + componentAnnotations_1.RefSelector('statusBar'), + __metadata("design:type", Object) + ], GridCore.prototype, "statusBar", void 0); + __decorate([ + componentAnnotations_1.RefSelector('gridPanel'), + __metadata("design:type", gridPanel_1.GridPanel) + ], GridCore.prototype, "gridPanel", void 0); + __decorate([ + componentAnnotations_1.RefSelector('toolPanel'), + __metadata("design:type", Object) + ], GridCore.prototype, "toolPanelComp", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridCore.prototype, "init", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridCore.prototype, "destroy", null); + GridCore = GridCore_1 = __decorate([ + context_1.Bean('gridCore'), + __metadata("design:paramtypes", []) + ], GridCore); + return GridCore; + var GridCore_1; + }(component_1.Component)); + exports.GridCore = GridCore; + + +/***/ }), +/* 45 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var popupService_1 = __webpack_require__(46); + var valueService_1 = __webpack_require__(28); + var columnController_1 = __webpack_require__(17); + var columnApi_1 = __webpack_require__(22); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var gridApi_1 = __webpack_require__(14); + var componentResolver_1 = __webpack_require__(47); + var FilterManager = (function () { + function FilterManager() { + this.allFilters = {}; + this.quickFilter = null; + this.quickFilterParts = null; + } + FilterManager_1 = FilterManager; + FilterManager.prototype.init = function () { + this.eventService.addEventListener(events_1.Events.EVENT_ROW_DATA_CHANGED, this.onNewRowsLoaded.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_NEW_COLUMNS_LOADED, this.onNewColumnsLoaded.bind(this)); + this.quickFilter = this.parseQuickFilter(this.gridOptionsWrapper.getQuickFilterText()); + this.setQuickFilterParts(); + // check this here, in case there is a filter from the start + this.checkExternalFilter(); + }; + FilterManager.prototype.setQuickFilterParts = function () { + if (this.quickFilter) { + this.quickFilterParts = this.quickFilter.split(' '); + } + else { + this.quickFilterParts = null; + } + }; + FilterManager.prototype.setFilterModel = function (model) { + var _this = this; + var allPromises = []; + if (model) { + // mark the filters as we set them, so any active filters left over we stop + var modelKeys_1 = Object.keys(model); + utils_1.Utils.iterateObject(this.allFilters, function (colId, filterWrapper) { + utils_1.Utils.removeFromArray(modelKeys_1, colId); + var newModel = model[colId]; + _this.setModelOnFilterWrapper(filterWrapper.filterPromise, newModel); + allPromises.push(filterWrapper.filterPromise); + }); + // at this point, processedFields contains data for which we don't have a filter working yet + utils_1.Utils.iterateArray(modelKeys_1, function (colId) { + var column = _this.columnController.getPrimaryColumn(colId); + if (!column) { + console.warn('Warning ag-grid setFilterModel - no column found for colId ' + colId); + return; + } + var filterWrapper = _this.getOrCreateFilterWrapper(column); + _this.setModelOnFilterWrapper(filterWrapper.filterPromise, model[colId]); + allPromises.push(filterWrapper.filterPromise); + }); + } + else { + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + _this.setModelOnFilterWrapper(filterWrapper.filterPromise, null); + allPromises.push(filterWrapper.filterPromise); + }); + } + utils_1.Promise.all(allPromises).then(function (whatever) { + _this.onFilterChanged(); + }); + }; + FilterManager.prototype.setModelOnFilterWrapper = function (filterPromise, newModel) { + filterPromise.then(function (filter) { + if (typeof filter.setModel !== 'function') { + console.warn('Warning ag-grid - filter missing setModel method, which is needed for setFilterModel'); + return; + } + filter.setModel(newModel); + }); + }; + FilterManager.prototype.getFilterModel = function () { + var result = {}; + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + // because user can provide filters, we provide useful error checking and messages + var filterPromise = filterWrapper.filterPromise; + var filter = filterPromise.resolveNow(null, function (filter) { return filter; }); + if (filter == null) { + return null; + } + if (typeof filter.getModel !== 'function') { + console.warn('Warning ag-grid - filter API missing getModel method, which is needed for getFilterModel'); + return; + } + var model = filter.getModel(); + if (utils_1.Utils.exists(model)) { + result[key] = model; + } + }); + return result; + }; + // returns true if any advanced filter (ie not quick filter) active + FilterManager.prototype.isAdvancedFilterPresent = function () { + return this.advancedFilterPresent; + }; + FilterManager.prototype.setAdvancedFilterPresent = function () { + var atLeastOneActive = false; + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + if (filterWrapper.filterPromise.resolveNow(false, function (filter) { return filter.isFilterActive(); })) { + atLeastOneActive = true; + } + }); + this.advancedFilterPresent = atLeastOneActive; + }; + FilterManager.prototype.updateFilterFlagInColumns = function (source) { + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + var filterActive = filterWrapper.filterPromise.resolveNow(false, function (filter) { return filter.isFilterActive(); }); + filterWrapper.column.setFilterActive(filterActive, source); + }); + }; + // returns true if quickFilter or advancedFilter + FilterManager.prototype.isAnyFilterPresent = function () { + return this.isQuickFilterPresent() || this.advancedFilterPresent || this.externalFilterPresent; + }; + FilterManager.prototype.doesFilterPass = function (node, filterToSkip) { + var data = node.data; + var colKeys = Object.keys(this.allFilters); + for (var i = 0, l = colKeys.length; i < l; i++) { + var colId = colKeys[i]; + var filterWrapper = this.allFilters[colId]; + // if no filter, always pass + if (filterWrapper === undefined) { + continue; + } + var filter = filterWrapper.filterPromise.resolveNow(undefined, function (filter) { return filter; }); + // if filter not yet there, continue + if (filter === undefined) { + continue; + } + if (filter === filterToSkip) { + continue; + } + // don't bother with filters that are not active + if (!filter.isFilterActive()) { + continue; + } + if (!filter.doesFilterPass) { + console.error('Filter is missing method doesFilterPass'); + } + var params = { + node: node, + data: data + }; + if (!filter.doesFilterPass(params)) { + return false; + } + } + // all filters passed + return true; + }; + FilterManager.prototype.parseQuickFilter = function (newFilter) { + if (utils_1.Utils.missing(newFilter) || newFilter === "") { + return null; + } + if (this.gridOptionsWrapper.isRowModelInfinite()) { + console.warn('ag-grid: cannot do quick filtering when doing virtual paging'); + return null; + } + return newFilter.toUpperCase(); + }; + // returns true if it has changed (not just same value again) + FilterManager.prototype.setQuickFilter = function (newFilter) { + var parsedFilter = this.parseQuickFilter(newFilter); + if (this.quickFilter !== parsedFilter) { + this.quickFilter = parsedFilter; + this.setQuickFilterParts(); + this.onFilterChanged(); + } + }; + FilterManager.prototype.checkExternalFilter = function () { + this.externalFilterPresent = this.gridOptionsWrapper.isExternalFilterPresent(); + }; + FilterManager.prototype.onFilterChanged = function () { + this.setAdvancedFilterPresent(); + this.updateFilterFlagInColumns("filterChanged"); + this.checkExternalFilter(); + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + filterWrapper.filterPromise.then(function (filter) { + if (filter.onAnyFilterChanged) { + filter.onAnyFilterChanged(); + } + }); + }); + var event = { + type: events_1.Events.EVENT_FILTER_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + FilterManager.prototype.isQuickFilterPresent = function () { + return this.quickFilter !== null; + }; + FilterManager.prototype.doesRowPassOtherFilters = function (filterToSkip, node) { + return this.doesRowPassFilter(node, filterToSkip); + }; + FilterManager.prototype.doesRowPassQuickFilterNoCache = function (node, filterPart) { + var _this = this; + var columns = this.columnController.getAllColumnsForQuickFilter(); + var filterPasses = false; + columns.forEach(function (column) { + if (filterPasses) { + return; + } + var part = _this.getQuickFilterTextForColumn(column, node); + if (utils_1.Utils.exists(part)) { + if (part.indexOf(filterPart) >= 0) { + filterPasses = true; + } + } + }); + return filterPasses; + }; + FilterManager.prototype.doesRowPassQuickFilterCache = function (node, filterPart) { + if (!node.quickFilterAggregateText) { + this.aggregateRowForQuickFilter(node); + } + var filterPasses = node.quickFilterAggregateText.indexOf(filterPart) >= 0; + return filterPasses; + }; + FilterManager.prototype.doesRowPassQuickFilter = function (node) { + var _this = this; + var filterPasses = true; + var usingCache = this.gridOptionsWrapper.isCacheQuickFilter(); + this.quickFilterParts.forEach(function (filterPart) { + var partPasses = usingCache ? + _this.doesRowPassQuickFilterCache(node, filterPart) : _this.doesRowPassQuickFilterNoCache(node, filterPart); + // each part must pass, if any fails, then the whole filter fails + if (!partPasses) { + filterPasses = false; + } + }); + return filterPasses; + }; + FilterManager.prototype.doesRowPassFilter = function (node, filterToSkip) { + // the row must pass ALL of the filters, so if any of them fail, + // we return true. that means if a row passes the quick filter, + // but fails the column filter, it fails overall + // first up, check quick filter + if (this.isQuickFilterPresent()) { + if (!this.doesRowPassQuickFilter(node)) { + return false; + } + } + // secondly, give the client a chance to reject this row + if (this.externalFilterPresent) { + if (!this.gridOptionsWrapper.doesExternalFilterPass(node)) { + return false; + } + } + // lastly, check our internal advanced filter + if (this.advancedFilterPresent) { + if (!this.doesFilterPass(node, filterToSkip)) { + return false; + } + } + // got this far, all filters pass + return true; + }; + FilterManager.prototype.getQuickFilterTextForColumn = function (column, rowNode) { + var value = this.valueService.getValue(column, rowNode, true); + var valueAfterCallback; + var colDef = column.getColDef(); + if (column.getColDef().getQuickFilterText) { + var params = { + value: value, + node: rowNode, + data: rowNode.data, + column: column, + colDef: colDef + }; + valueAfterCallback = column.getColDef().getQuickFilterText(params); + } + else { + valueAfterCallback = value; + } + if (valueAfterCallback && valueAfterCallback !== '') { + return valueAfterCallback.toString().toUpperCase(); + } + else { + return null; + } + }; + FilterManager.prototype.aggregateRowForQuickFilter = function (node) { + var _this = this; + var stringParts = []; + var columns = this.columnController.getAllColumnsForQuickFilter(); + columns.forEach(function (column) { + var part = _this.getQuickFilterTextForColumn(column, node); + if (utils_1.Utils.exists(part)) { + stringParts.push(part); + } + }); + node.quickFilterAggregateText = stringParts.join(FilterManager_1.QUICK_FILTER_SEPARATOR); + }; + FilterManager.prototype.onNewRowsLoaded = function (source) { + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + filterWrapper.filterPromise.then(function (filter) { + if (filter.onNewRowsLoaded) { + filter.onNewRowsLoaded(); + } + }); + }); + this.updateFilterFlagInColumns(source); + this.setAdvancedFilterPresent(); + }; + FilterManager.prototype.createValueGetter = function (column) { + var _this = this; + return function (node) { + return _this.valueService.getValue(column, node, true); + }; + }; + FilterManager.prototype.getFilterComponent = function (column) { + var filterWrapper = this.getOrCreateFilterWrapper(column); + return filterWrapper.filterPromise; + }; + FilterManager.prototype.getOrCreateFilterWrapper = function (column) { + var filterWrapper = this.cachedFilter(column); + if (!filterWrapper) { + filterWrapper = this.createFilterWrapper(column); + this.allFilters[column.getColId()] = filterWrapper; + } + return filterWrapper; + }; + FilterManager.prototype.cachedFilter = function (column) { + return this.allFilters[column.getColId()]; + }; + FilterManager.prototype.createFilterInstance = function (column, $scope) { + var _this = this; + var defaultFilter = 'agTextColumnFilter'; + if (this.gridOptionsWrapper.isEnterprise()) { + defaultFilter = 'agSetColumnFilter'; + } + var sanitisedColDef = utils_1.Utils.cloneObject(column.getColDef()); + var event = { + type: events_1.Events.EVENT_FILTER_MODIFIED, + api: this.gridApi, + columnApi: this.columnApi + }; + var filterChangedCallback = this.onFilterChanged.bind(this); + var filterModifiedCallback = function () { return _this.eventService.dispatchEvent(event); }; + var params = { + column: column, + colDef: sanitisedColDef, + rowModel: this.rowModel, + filterChangedCallback: filterChangedCallback, + filterModifiedCallback: filterModifiedCallback, + valueGetter: this.createValueGetter(column), + context: this.gridOptionsWrapper.getContext(), + doesRowPassOtherFilter: null, + $scope: $scope + }; + return this.componentResolver.createAgGridComponent(sanitisedColDef, params, 'filter', { + api: this.gridApi, + columnApi: this.columnApi, + column: column, + colDef: sanitisedColDef + }, defaultFilter, true, function (params, filter) { return utils_1.Utils.assign(params, { + doesRowPassOtherFilter: _this.doesRowPassOtherFilters.bind(_this, filter), + }); }); + }; + FilterManager.prototype.createFilterWrapper = function (column) { + var filterWrapper = { + column: column, + filterPromise: null, + scope: null, + compiledElement: null, + guiPromise: utils_1.Promise.external() + }; + filterWrapper.scope = this.gridOptionsWrapper.isAngularCompileFilters() ? this.$scope.$new() : null; + filterWrapper.filterPromise = this.createFilterInstance(column, filterWrapper.scope); + this.putIntoGui(filterWrapper); + return filterWrapper; + }; + FilterManager.prototype.putIntoGui = function (filterWrapper) { + var _this = this; + var eFilterGui = document.createElement('div'); + eFilterGui.className = 'ag-filter'; + filterWrapper.filterPromise.then(function (filter) { + var guiFromFilter = filter.getGui(); + if (utils_1.Utils.missing(guiFromFilter)) { + console.warn("getGui method from filter returned " + guiFromFilter + ", it should be a DOM element or an HTML template string."); + } + // for backwards compatibility with Angular 1 - we + // used to allow providing back HTML from getGui(). + // once we move away from supporting Angular 1 + // directly, we can change this. + if (typeof guiFromFilter === 'string') { + guiFromFilter = utils_1.Utils.loadTemplate(guiFromFilter); + } + eFilterGui.appendChild(guiFromFilter); + if (filterWrapper.scope) { + var compiledElement = _this.$compile(eFilterGui)(filterWrapper.scope); + filterWrapper.compiledElement = compiledElement; + setTimeout(function () { return filterWrapper.scope.$apply(); }, 0); + } + filterWrapper.guiPromise.resolve(eFilterGui); + }); + }; + FilterManager.prototype.onNewColumnsLoaded = function () { + this.destroy(); + }; + // destroys the filter, so it not longer takes part + FilterManager.prototype.destroyFilter = function (column, source) { + if (source === void 0) { source = "api"; } + var filterWrapper = this.allFilters[column.getColId()]; + if (filterWrapper) { + this.disposeFilterWrapper(filterWrapper, source); + this.onFilterChanged(); + } + }; + FilterManager.prototype.disposeFilterWrapper = function (filterWrapper, source) { + var _this = this; + filterWrapper.filterPromise.then(function (filter) { + filter.setModel(null); + if (filter.destroy) { + filter.destroy(); + } + filterWrapper.column.setFilterActive(false, source); + if (filterWrapper.scope) { + if (filterWrapper.compiledElement) { + filterWrapper.compiledElement.remove(); + } + filterWrapper.scope.$destroy(); + } + delete _this.allFilters[filterWrapper.column.getColId()]; + }); + }; + FilterManager.prototype.destroy = function () { + var _this = this; + utils_1.Utils.iterateObject(this.allFilters, function (key, filterWrapper) { + _this.disposeFilterWrapper(filterWrapper, "filterDestroyed"); + }); + }; + FilterManager.QUICK_FILTER_SEPARATOR = '\n'; + __decorate([ + context_1.Autowired('$compile'), + __metadata("design:type", Object) + ], FilterManager.prototype, "$compile", void 0); + __decorate([ + context_1.Autowired('$scope'), + __metadata("design:type", Object) + ], FilterManager.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], FilterManager.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('gridCore'), + __metadata("design:type", Object) + ], FilterManager.prototype, "gridCore", void 0); + __decorate([ + context_1.Autowired('popupService'), + __metadata("design:type", popupService_1.PopupService) + ], FilterManager.prototype, "popupService", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], FilterManager.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], FilterManager.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], FilterManager.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], FilterManager.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('enterprise'), + __metadata("design:type", Boolean) + ], FilterManager.prototype, "enterprise", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], FilterManager.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], FilterManager.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], FilterManager.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('componentResolver'), + __metadata("design:type", componentResolver_1.ComponentResolver) + ], FilterManager.prototype, "componentResolver", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], FilterManager.prototype, "init", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], FilterManager.prototype, "destroy", null); + FilterManager = FilterManager_1 = __decorate([ + context_1.Bean('filterManager') + ], FilterManager); + return FilterManager; + var FilterManager_1; + }()); + exports.FilterManager = FilterManager; + + +/***/ }), +/* 46 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var constants_1 = __webpack_require__(9); + var context_1 = __webpack_require__(7); + var gridCore_1 = __webpack_require__(44); + var gridOptionsWrapper_1 = __webpack_require__(4); + var environment_1 = __webpack_require__(42); + var PopupService = (function () { + function PopupService() { + this.activePopupElements = []; + } + PopupService.prototype.getPopupParent = function () { + var ePopupParent = this.gridOptionsWrapper.getPopupParent(); + if (ePopupParent) { + // user provided popup parent, may not have the right theme applied + return ePopupParent; + } + else { + return this.gridCore.getRootGui(); + } + }; + PopupService.prototype.positionPopupForMenu = function (params) { + var sourceRect = params.eventSource.getBoundingClientRect(); + var parentRect = this.getPopupParent().getBoundingClientRect(); + var y = sourceRect.top - parentRect.top; + y = this.keepYWithinBounds(params, y); + var minWidth = (params.ePopup.clientWidth > 0) ? params.ePopup.clientWidth : 200; + var widthOfParent = parentRect.right - parentRect.left; + var maxX = widthOfParent - minWidth; + // the x position of the popup depends on RTL or LTR. for normal cases, LTR, we put the child popup + // to the right, unless it doesn't fit and we then put it to the left. for RTL it's the other way around, + // we try place it first to the left, and then if not to the right. + var x; + if (this.gridOptionsWrapper.isEnableRtl()) { + // for RTL, try left first + x = xLeftPosition(); + if (x < 0) { + x = xRightPosition(); + } + if (x > maxX) { + x = 0; + } + } + else { + // for LTR, try right first + x = xRightPosition(); + if (x > maxX) { + x = xLeftPosition(); + } + if (x < 0) { + x = 0; + } + } + params.ePopup.style.left = x + "px"; + params.ePopup.style.top = y + "px"; + function xRightPosition() { + return sourceRect.right - parentRect.left - 2; + } + function xLeftPosition() { + return sourceRect.left - parentRect.left - minWidth; + } + }; + PopupService.prototype.positionPopupUnderMouseEvent = function (params) { + var parentRect = this.getPopupParent().getBoundingClientRect(); + this.positionPopup({ + ePopup: params.ePopup, + x: params.mouseEvent.clientX - parentRect.left, + y: params.mouseEvent.clientY - parentRect.top, + keepWithinBounds: true + }); + this.callPostProcessPopup(params.ePopup, null, params.mouseEvent, params.type, params.column, params.rowNode); + }; + PopupService.prototype.positionPopupUnderComponent = function (params) { + var sourceRect = params.eventSource.getBoundingClientRect(); + var parentRect = this.getPopupParent().getBoundingClientRect(); + this.positionPopup({ + ePopup: params.ePopup, + minWidth: params.minWidth, + nudgeX: params.nudgeX, + nudgeY: params.nudgeY, + x: sourceRect.left - parentRect.left, + y: sourceRect.top - parentRect.top + sourceRect.height, + keepWithinBounds: params.keepWithinBounds + }); + this.callPostProcessPopup(params.ePopup, params.eventSource, null, params.type, params.column, params.rowNode); + }; + PopupService.prototype.callPostProcessPopup = function (ePopup, eventSource, mouseEvent, type, column, rowNode) { + var callback = this.gridOptionsWrapper.getPostProcessPopupFunc(); + if (callback) { + var params = { + column: column, + rowNode: rowNode, + ePopup: ePopup, + type: type, + eventSource: eventSource, + mouseEvent: mouseEvent + }; + callback(params); + } + }; + PopupService.prototype.positionPopupOverComponent = function (params) { + var sourceRect = params.eventSource.getBoundingClientRect(); + var parentRect = this.getPopupParent().getBoundingClientRect(); + this.positionPopup({ + ePopup: params.ePopup, + minWidth: params.minWidth, + nudgeX: params.nudgeX, + nudgeY: params.nudgeY, + x: sourceRect.left - parentRect.left, + y: sourceRect.top - parentRect.top, + keepWithinBounds: params.keepWithinBounds + }); + this.callPostProcessPopup(params.ePopup, params.eventSource, null, params.type, params.column, params.rowNode); + }; + PopupService.prototype.positionPopup = function (params) { + var x = params.x; + var y = params.y; + if (params.nudgeX) { + x += params.nudgeX; + } + if (params.nudgeY) { + y += params.nudgeY; + } + // if popup is overflowing to the bottom, move it up + if (params.keepWithinBounds) { + x = this.keepXWithinBounds(params, x); + y = this.keepYWithinBounds(params, y); + } + params.ePopup.style.left = x + "px"; + params.ePopup.style.top = y + "px"; + }; + PopupService.prototype.keepYWithinBounds = function (params, y) { + var parentRect = this.getPopupParent().getBoundingClientRect(); + var minHeight; + if (params.ePopup.clientHeight > 0) { + minHeight = params.ePopup.clientHeight; + } + else { + minHeight = 200; + } + var heightOfParent = parentRect.bottom - parentRect.top; + var maxY = heightOfParent - minHeight - 5; + if (y > maxY) { + return maxY; + } + else if (y < 0) { + return 0; + } + else { + return y; + } + }; + PopupService.prototype.keepXWithinBounds = function (params, x) { + var parentRect = this.getPopupParent().getBoundingClientRect(); + var minWidth; + if (params.minWidth > 0) { + minWidth = params.minWidth; + } + else if (params.ePopup.clientWidth > 0) { + minWidth = params.ePopup.clientWidth; + } + else { + minWidth = 200; + } + var widthOfParent = parentRect.right - parentRect.left; + var maxX = widthOfParent - minWidth - 5; + if (x > maxX) { + return maxX; + } + else if (x < 0) { + return 0; + } + else { + return x; + } + }; + //adds an element to a div, but also listens to background checking for clicks, + //so that when the background is clicked, the child is removed again, giving + //a model look to popups. + PopupService.prototype.addAsModalPopup = function (eChild, closeOnEsc, closedCallback, click) { + var _this = this; + var eBody = this.gridOptionsWrapper.getDocument(); + if (!eBody) { + console.warn('ag-grid: could not find the body of the document, document.body is empty'); + return; + } + eChild.style.top = '0px'; + eChild.style.left = '0px'; + var popupAlreadyShown = utils_1.Utils.isVisible(eChild); + if (popupAlreadyShown) { + return; + } + var ePopupParent = this.getPopupParent(); + // add env CSS class to child, in case user provided a popup parent, which means + // theme class may be missing + var eWrapper = document.createElement('div'); + utils_1.Utils.addCssClass(eWrapper, this.environment.getTheme()); + eWrapper.appendChild(eChild); + ePopupParent.appendChild(eWrapper); + this.activePopupElements.push(eChild); + var popupHidden = false; + var hidePopupOnKeyboardEvent = function (event) { + var key = event.which || event.keyCode; + if (key === constants_1.Constants.KEY_ESCAPE) { + hidePopup(null); + } + }; + var hidePopupOnMouseEvent = function (event) { + hidePopup(event); + }; + var hidePopupOnTouchEvent = function (event) { + hidePopup(null, event); + }; + var hidePopup = function (mouseEvent, touchEvent) { + // we don't hide popup if the event was on the child, or any + // children of this child + if (_this.isEventFromCurrentPopup(mouseEvent, touchEvent, eChild)) { + return; + } + // if the event to close is actually the open event, then ignore it + if (_this.isEventSameChainAsOriginalEvent(click, mouseEvent, touchEvent)) { + return; + } + // this method should only be called once. the client can have different + // paths, each one wanting to close, so this method may be called multiple times. + if (popupHidden) { + return; + } + popupHidden = true; + ePopupParent.removeChild(eWrapper); + utils_1.Utils.removeFromArray(_this.activePopupElements, eChild); + eBody.removeEventListener('keydown', hidePopupOnKeyboardEvent); + eBody.removeEventListener('click', hidePopupOnMouseEvent); + eBody.removeEventListener('touchstart', hidePopupOnTouchEvent); + eBody.removeEventListener('contextmenu', hidePopupOnMouseEvent); + if (closedCallback) { + closedCallback(); + } + }; + // if we add these listeners now, then the current mouse + // click will be included, which we don't want + setTimeout(function () { + if (closeOnEsc) { + eBody.addEventListener('keydown', hidePopupOnKeyboardEvent); + } + eBody.addEventListener('click', hidePopupOnMouseEvent); + eBody.addEventListener('touchstart', hidePopupOnTouchEvent); + eBody.addEventListener('contextmenu', hidePopupOnMouseEvent); + }, 0); + return hidePopup; + }; + PopupService.prototype.isEventFromCurrentPopup = function (mouseEvent, touchEvent, eChild) { + var event = mouseEvent ? mouseEvent : touchEvent; + if (event) { + var indexOfThisChild = this.activePopupElements.indexOf(eChild); + for (var i = indexOfThisChild; i < this.activePopupElements.length; i++) { + var element = this.activePopupElements[i]; + if (utils_1.Utils.isElementInEventPath(element, event)) { + return true; + } + } + } + return false; + }; + // in some browsers, the context menu event can be fired before the click event, which means + // the context menu event could open the popup, but then the click event closes it straight away. + PopupService.prototype.isEventSameChainAsOriginalEvent = function (originalClick, mouseEvent, touchEvent) { + // we check the coordinates of the event, to see if it's the same event. there is a 1 / 1000 chance that + // the event is a different event, however that is an edge case that is not very relevant (the user clicking + // twice on the same location isn't a normal path). + // event could be mouse event or touch event. + var mouseEventOrTouch; + if (mouseEvent) { + // mouse event can be used direction, it has coordinates + mouseEventOrTouch = mouseEvent; + } + else if (touchEvent) { + // touch event doesn't have coordinates, need it's touch object + mouseEventOrTouch = touchEvent.touches[0]; + } + if (mouseEventOrTouch && originalClick) { + // for x, allow 4px margin, to cover iPads, where touch (which opens menu) is followed + // by browser click (when you life finger up, touch is interrupted as click in browser) + var xMatch = Math.abs(originalClick.screenX - mouseEvent.screenX) < 5; + var yMatch = Math.abs(originalClick.screenY - mouseEvent.screenY) < 5; + if (xMatch && yMatch) { + return true; + } + } + return false; + }; + __decorate([ + context_1.Autowired('gridCore'), + __metadata("design:type", gridCore_1.GridCore) + ], PopupService.prototype, "gridCore", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], PopupService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('environment'), + __metadata("design:type", environment_1.Environment) + ], PopupService.prototype, "environment", void 0); + PopupService = __decorate([ + context_1.Bean('popupService') + ], PopupService); + return PopupService; + }()); + exports.PopupService = PopupService; + + +/***/ }), +/* 47 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var utils_1 = __webpack_require__(8); + var componentProvider_1 = __webpack_require__(48); + var agComponentUtils_1 = __webpack_require__(89); + var componentMetadataProvider_1 = __webpack_require__(90); + var ComponentType; + (function (ComponentType) { + ComponentType[ComponentType["AG_GRID"] = 0] = "AG_GRID"; + ComponentType[ComponentType["FRAMEWORK"] = 1] = "FRAMEWORK"; + })(ComponentType = exports.ComponentType || (exports.ComponentType = {})); + var ComponentSource; + (function (ComponentSource) { + ComponentSource[ComponentSource["DEFAULT"] = 0] = "DEFAULT"; + ComponentSource[ComponentSource["REGISTERED_BY_NAME"] = 1] = "REGISTERED_BY_NAME"; + ComponentSource[ComponentSource["HARDCODED"] = 2] = "HARDCODED"; + })(ComponentSource = exports.ComponentSource || (exports.ComponentSource = {})); + var ComponentResolver = (function () { + function ComponentResolver() { + } + /** + * This method returns the underlying representation of the component to be created. ie for Javascript the + * underlying function where we should be calling new into. In case of the frameworks, the framework class + * object that represents the component to be created. + * + * This method is handy for different reasons, for example if you want to check if a component has a particular + * method implemented without having to create the component, just by inspecting the source component + * + * It takes + * @param holder: This is the context for which this component needs to be created, it can be gridOptions + * (global) or columnDef mostly. + * @param propertyName: The name of the property used in ag-grid as a convention to refer to the component, it can be: + * 'floatingFilter', 'cellRenderer', is used to find if the user is specifying a custom component + * @param dynamicComponentParams: Params to be passed to the dynamic component function in case it needs to be + * invoked + * @param defaultComponentName: The name of the component to load if there is no component specified + */ + ComponentResolver.prototype.getComponentToUse = function (holder, propertyName, dynamicComponentParams, defaultComponentName) { + /** + * There are five things that can happen when resolving a component. + * a) HardcodedFwComponent: That holder[propertyName]Framework has associated a Framework native component + * b) HardcodedJsComponent: That holder[propertyName] has associate a JS component + * c) hardcodedJsFunction: That holder[propertyName] has associate a JS function + * d) hardcodedNameComponent: That holder[propertyName] has associate a string that represents a component to load + * e) That none of the three previous are specified, then we need to use the DefaultRegisteredComponent + */ + var hardcodedNameComponent = null; + var HardcodedJsComponent = null; + var hardcodedJsFunction = null; + var HardcodedFwComponent = null; + var dynamicComponentFn; + if (holder != null) { + var componentPropertyValue = holder[propertyName]; + if (componentPropertyValue != null) { + if (typeof componentPropertyValue === 'string') { + hardcodedNameComponent = componentPropertyValue; + } + else if (this.agComponentUtils.doesImplementIComponent(componentPropertyValue)) { + HardcodedJsComponent = componentPropertyValue; + } + else { + hardcodedJsFunction = componentPropertyValue; + } + } + HardcodedFwComponent = holder[propertyName + "Framework"]; + dynamicComponentFn = holder[propertyName + "Selector"]; + } + /** + * Since we allow many types of flavors for specifying the components, let's make sure this is not an illegal + * combination + */ + if ((HardcodedJsComponent && HardcodedFwComponent) || + (hardcodedNameComponent && HardcodedFwComponent) || + (hardcodedJsFunction && HardcodedFwComponent)) { + throw Error("ag-grid: you are trying to specify: " + propertyName + " twice as a component."); + } + if (HardcodedFwComponent && !this.frameworkComponentWrapper) { + throw Error("ag-grid: you are specifying a framework component but you are not using a framework version of ag-grid for : " + propertyName); + } + if (dynamicComponentFn && (hardcodedNameComponent || HardcodedJsComponent || hardcodedJsFunction || HardcodedFwComponent)) { + throw Error("ag-grid: you can't specify both, the selector and the component of ag-grid for : " + propertyName); + } + /** + * At this stage we are guaranteed to either have, + * DEPRECATED + * - A unique HardcodedFwComponent + * - A unique HardcodedJsComponent + * - A unique hardcodedJsFunction + * BY NAME- FAVOURED APPROACH + * - A unique hardcodedNameComponent + * - None of the previous, hence we revert to: RegisteredComponent + */ + if (HardcodedFwComponent) { + // console.warn(`ag-grid: Since version 12.1.0 specifying a component directly is deprecated, you should register the component by name`); + // console.warn(`${HardcodedFwComponent}`); + return { + type: ComponentType.FRAMEWORK, + component: HardcodedFwComponent, + source: ComponentSource.HARDCODED, + dynamicParams: null + }; + } + if (HardcodedJsComponent) { + // console.warn(`ag-grid: Since version 12.1.0 specifying a component directly is deprecated, you should register the component by name`); + // console.warn(`${HardcodedJsComponent}`); + return { + type: ComponentType.AG_GRID, + component: HardcodedJsComponent, + source: ComponentSource.HARDCODED, + dynamicParams: null + }; + } + if (hardcodedJsFunction) { + // console.warn(`ag-grid: Since version 12.1.0 specifying a function directly is deprecated, you should register the component by name`); + // console.warn(`${hardcodedJsFunction}`); + return this.agComponentUtils.adaptFunction(propertyName, hardcodedJsFunction, ComponentType.AG_GRID, ComponentSource.HARDCODED); + } + if (dynamicComponentFn) { + var dynamicComponentDef = dynamicComponentFn(dynamicComponentParams); + if (dynamicComponentDef != null) { + if (dynamicComponentDef.component == null) { + dynamicComponentDef.component = defaultComponentName; + } + var dynamicComponent = this.resolveByName(propertyName, dynamicComponentDef.component); + return utils_1._.assign(dynamicComponent, { + dynamicParams: dynamicComponentDef.params + }); + } + } + //^^^^^ABOVE DEPRECATED - AT THIS POINT WE ARE RESOLVING BY NAME + var componentNameToUse; + if (hardcodedNameComponent) { + componentNameToUse = hardcodedNameComponent; + } + else { + componentNameToUse = defaultComponentName; + } + return componentNameToUse == null ? null : this.resolveByName(propertyName, componentNameToUse); + }; + ComponentResolver.prototype.resolveByName = function (propertyName, componentNameOpt) { + var componentName = componentNameOpt != null ? componentNameOpt : propertyName; + var registeredComponent = this.componentProvider.retrieve(componentName); + if (registeredComponent == null) + return null; + //If it is a FW it has to be registered as a component + if (registeredComponent.type == ComponentType.FRAMEWORK) { + return { + component: registeredComponent.component, + type: ComponentType.FRAMEWORK, + source: ComponentSource.REGISTERED_BY_NAME, + dynamicParams: null + }; + } + //If it is JS it may be a function or a component + if (this.agComponentUtils.doesImplementIComponent(registeredComponent.component)) { + return { + component: registeredComponent.component, + type: ComponentType.AG_GRID, + source: (registeredComponent.source == componentProvider_1.RegisteredComponentSource.REGISTERED) ? ComponentSource.REGISTERED_BY_NAME : ComponentSource.DEFAULT, + dynamicParams: null + }; + } + // This is a function + return this.agComponentUtils.adaptFunction(propertyName, registeredComponent.component, registeredComponent.type, (registeredComponent.source == componentProvider_1.RegisteredComponentSource.REGISTERED) ? ComponentSource.REGISTERED_BY_NAME : ComponentSource.DEFAULT); + }; + /** + * Useful to check what would be the resultant params for a given object + * @param holder: This is the context for which this component needs to be created, it can be gridOptions + * (global) or columnDef mostly. + * @param propertyName: The name of the property used in ag-grid as a convention to refer to the component, it can be: + * 'floatingFilter', 'cellRenderer', is used to find if the user is specifying a custom component + * @param agGridParams: Params to be passed to the component and passed by ag-Grid. This will get merged with any params + * specified by the user in the configuration + * @returns {any} It merges the user agGridParams with the actual params specified by the user. + */ + ComponentResolver.prototype.mergeParams = function (holder, propertyName, agGridParams, dynamicCustomParams, dynamicParams) { + if (dynamicParams === void 0) { dynamicParams = null; } + var customParamsRaw = holder ? holder[propertyName + "Params"] : null; + var finalParams = {}; + utils_1._.mergeDeep(finalParams, agGridParams); + if (customParamsRaw != null) { + var customParams = null; + if (typeof customParamsRaw === 'function') { + customParams = customParamsRaw(dynamicCustomParams); + } + else { + customParams = customParamsRaw; + } + utils_1._.mergeDeep(finalParams, customParams); + } + utils_1._.mergeDeep(finalParams, dynamicParams); + if (!finalParams.api) { + finalParams.api = this.gridOptions.api; + } + return finalParams; + }; + /** + * This method creates a component given everything needed to guess what sort of component needs to be instantiated + * It takes + * @param holderOpt: This is the context for which this component needs to be created, it can be gridOptions + * (global) or columnDef mostly. + * @param agGridParams: Params to be passed to the component and passed by ag-Grid. This will get merged with any params + * specified by the user in the configuration + * @param propertyName: The name of the property used in ag-grid as a convention to refer to the component, it can be: + * 'floatingFilter', 'cellRenderer', is used to find if the user is specifying a custom component + * @param dynamicComponentParams: Params to be passed to the dynamic component function in case it needs to be + * invoked + * @param defaultComponentName: The actual name of the component to instantiate, this is usually the same as propertyName, but in + * some cases is not, like floatingFilter, if it is the same is not necessary to specify + * @param mandatory: Handy method to tell if this should return a component ALWAYS. if that is the case, but there is no + * component found, it throws an error, by default all components are MANDATORY + * @param customInitParamsCb: A chance to customise the params passed to the init method. It receives what the current + * params are and the component that init is about to get called for + */ + ComponentResolver.prototype.createAgGridComponent = function (holderOpt, agGridParams, propertyName, dynamicComponentParams, defaultComponentName, mandatory, customInitParamsCb) { + if (mandatory === void 0) { mandatory = true; } + var holder = holderOpt == null ? this.gridOptions : holderOpt; + //Create the component instance + var componentAndParams = this.newAgGridComponent(holder, propertyName, dynamicComponentParams, defaultComponentName, mandatory); + if (!componentAndParams) + return null; + // Wire the component and call the init method with the correct params + var finalParams = this.mergeParams(holder, propertyName, agGridParams, dynamicComponentParams, componentAndParams[1]); + // a temporary fix for AG-1574 + // AG-1715 raised to do a wider ranging refactor to improve this + finalParams.agGridReact = this.context.getBean('agGridReact') ? utils_1._.cloneObject(this.context.getBean('agGridReact')) : {}; + // AG-1716 - directly related to AG-1574 and AG-1715 + finalParams.frameworkComponentWrapper = this.context.getBean('frameworkComponentWrapper') ? this.context.getBean('frameworkComponentWrapper') : {}; + var deferredInit = this.initialiseComponent(componentAndParams[0], finalParams, customInitParamsCb); + if (deferredInit == null) { + return utils_1.Promise.resolve(componentAndParams[0]); + } + else { + var asPromise = deferredInit; + return asPromise.map(function (notRelevant) { return componentAndParams[0]; }); + } + }; + /** + * This method creates a component given everything needed to guess what sort of component needs to be instantiated + * It takes + * @param clazz: The class to instantiate, + * @param agGridParams: Params to be passed to the component and passed by ag-Grid. This will get merged with any params + * specified by the user in the configuration + * @param customInitParamsCb: A chance to customise the params passed to the init method. It receives what the current + * params are and the component that init is about to get called for + */ + ComponentResolver.prototype.createInternalAgGridComponent = function (clazz, agGridParams, customInitParamsCb) { + var internalComponent = new clazz(); + this.initialiseComponent(internalComponent, agGridParams, customInitParamsCb); + return internalComponent; + }; + ComponentResolver.prototype.newAgGridComponent = function (holder, propertyName, dynamicComponentParams, defaultComponentName, mandatory) { + if (mandatory === void 0) { mandatory = true; } + var componentToUse = this.getComponentToUse(holder, propertyName, dynamicComponentParams, defaultComponentName); + if (!componentToUse || !componentToUse.component) { + if (mandatory) { + console.error("Error creating component " + propertyName + "=>" + defaultComponentName); + } + return null; + } + if (componentToUse.type === ComponentType.AG_GRID) { + return [ + new componentToUse.component(), + componentToUse.dynamicParams + ]; + } + //Using framework component + var FrameworkComponentRaw = componentToUse.component; + var thisComponentConfig = this.componentMetadataProvider.retrieve(propertyName); + return [ + this.frameworkComponentWrapper.wrap(FrameworkComponentRaw, thisComponentConfig.mandatoryMethodList, thisComponentConfig.optionalMethodList, defaultComponentName), + componentToUse.dynamicParams + ]; + }; + ComponentResolver.prototype.initialiseComponent = function (component, agGridParams, customInitParamsCb) { + this.context.wireBean(component); + if (customInitParamsCb == null) { + return component.init(agGridParams); + } + else { + return component.init(customInitParamsCb(agGridParams, component)); + } + }; + __decorate([ + context_1.Autowired("gridOptions"), + __metadata("design:type", Object) + ], ComponentResolver.prototype, "gridOptions", void 0); + __decorate([ + context_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ComponentResolver.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired("context"), + __metadata("design:type", context_1.Context) + ], ComponentResolver.prototype, "context", void 0); + __decorate([ + context_1.Autowired("agComponentUtils"), + __metadata("design:type", agComponentUtils_1.AgComponentUtils) + ], ComponentResolver.prototype, "agComponentUtils", void 0); + __decorate([ + context_1.Autowired("componentMetadataProvider"), + __metadata("design:type", componentMetadataProvider_1.ComponentMetadataProvider) + ], ComponentResolver.prototype, "componentMetadataProvider", void 0); + __decorate([ + context_1.Autowired("componentProvider"), + __metadata("design:type", componentProvider_1.ComponentProvider) + ], ComponentResolver.prototype, "componentProvider", void 0); + __decorate([ + context_1.Optional("frameworkComponentWrapper"), + __metadata("design:type", Object) + ], ComponentResolver.prototype, "frameworkComponentWrapper", void 0); + ComponentResolver = __decorate([ + context_1.Bean('componentResolver') + ], ComponentResolver); + return ComponentResolver; + }()); + exports.ComponentResolver = ComponentResolver; + + +/***/ }), +/* 48 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var textCellEditor_1 = __webpack_require__(49); + var context_1 = __webpack_require__(7); + var dateFilter_1 = __webpack_require__(50); + var headerComp_1 = __webpack_require__(78); + var headerGroupComp_1 = __webpack_require__(80); + var floatingFilter_1 = __webpack_require__(53); + var componentResolver_1 = __webpack_require__(47); + var groupCellRenderer_1 = __webpack_require__(64); + var animateShowChangeCellRenderer_1 = __webpack_require__(63); + var animateSlideCellRenderer_1 = __webpack_require__(62); + var rowComp_1 = __webpack_require__(30); + var selectCellEditor_1 = __webpack_require__(81); + var popupTextCellEditor_1 = __webpack_require__(82); + var popupSelectCellEditor_1 = __webpack_require__(83); + var largeTextCellEditor_1 = __webpack_require__(84); + var textFilter_1 = __webpack_require__(85); + var numberFilter_1 = __webpack_require__(86); + var loadingOverlayComponent_1 = __webpack_require__(87); + var noRowsOverlayComponent_1 = __webpack_require__(88); + var utils_1 = __webpack_require__(8); + var RegisteredComponentSource; + (function (RegisteredComponentSource) { + RegisteredComponentSource[RegisteredComponentSource["DEFAULT"] = 0] = "DEFAULT"; + RegisteredComponentSource[RegisteredComponentSource["REGISTERED"] = 1] = "REGISTERED"; + })(RegisteredComponentSource = exports.RegisteredComponentSource || (exports.RegisteredComponentSource = {})); + var ComponentProvider = (function () { + function ComponentProvider() { + this.agGridDefaults = { + //date + agDateInput: dateFilter_1.DefaultDateComponent, + //header + agColumnHeader: headerComp_1.HeaderComp, + agColumnGroupHeader: headerGroupComp_1.HeaderGroupComp, + //floating filters + agSetColumnFloatingFilter: floatingFilter_1.SetFloatingFilterComp, + agTextColumnFloatingFilter: floatingFilter_1.TextFloatingFilterComp, + agNumberColumnFloatingFilter: floatingFilter_1.NumberFloatingFilterComp, + agDateColumnFloatingFilter: floatingFilter_1.DateFloatingFilterComp, + // renderers + agAnimateShowChangeCellRenderer: animateShowChangeCellRenderer_1.AnimateShowChangeCellRenderer, + agAnimateSlideCellRenderer: animateSlideCellRenderer_1.AnimateSlideCellRenderer, + agGroupCellRenderer: groupCellRenderer_1.GroupCellRenderer, + agGroupRowRenderer: groupCellRenderer_1.GroupCellRenderer, + agLoadingCellRenderer: rowComp_1.LoadingCellRenderer, + //editors + agCellEditor: textCellEditor_1.TextCellEditor, + agTextCellEditor: textCellEditor_1.TextCellEditor, + agSelectCellEditor: selectCellEditor_1.SelectCellEditor, + agPopupTextCellEditor: popupTextCellEditor_1.PopupTextCellEditor, + agPopupSelectCellEditor: popupSelectCellEditor_1.PopupSelectCellEditor, + agLargeTextCellEditor: largeTextCellEditor_1.LargeTextCellEditor, + //filter + agTextColumnFilter: textFilter_1.TextFilter, + agNumberColumnFilter: numberFilter_1.NumberFilter, + agDateColumnFilter: dateFilter_1.DateFilter, + //overlays + agLoadingOverlay: loadingOverlayComponent_1.LoadingOverlayComponent, + agNoRowsOverlay: noRowsOverlayComponent_1.NoRowsOverlayComponent + }; + this.agDeprecatedNames = { + set: { + newComponentName: 'agSetColumnFilter', + propertyHolder: 'filter' + }, + text: { + newComponentName: 'agTextColumnFilter', + propertyHolder: 'filter' + }, + number: { + newComponentName: 'agNumberColumnFilter', + propertyHolder: 'filter' + }, + date: { + newComponentName: 'agDateColumnFilter', + propertyHolder: 'filter' + }, + group: { + newComponentName: 'agGroupCellRenderer', + propertyHolder: 'cellRenderer' + }, + animateShowChange: { + newComponentName: 'agAnimateShowChangeCellRenderer', + propertyHolder: 'cellRenderer' + }, + animateSlide: { + newComponentName: 'agAnimateSlideCellRenderer', + propertyHolder: 'cellRenderer' + }, + select: { + newComponentName: 'agSelectCellEditor', + propertyHolder: 'cellEditor' + }, + largeText: { + newComponentName: 'agLargeTextCellEditor', + propertyHolder: 'cellEditor' + }, + popupSelect: { + newComponentName: 'agPopupSelectCellEditor', + propertyHolder: 'cellEditor' + }, + popupText: { + newComponentName: 'agPopupTextCellEditor', + propertyHolder: 'cellEditor' + }, + richSelect: { + newComponentName: 'agRichSelectCellEditor', + propertyHolder: 'cellEditor' + }, + headerComponent: { + newComponentName: 'agColumnHeader', + propertyHolder: 'headerComponent' + } + }; + this.jsComponents = {}; + this.frameworkComponents = {}; + } + ComponentProvider.prototype.init = function () { + var _this = this; + if (this.gridOptions.components != null) { + Object.keys(this.gridOptions.components).forEach(function (it) { + _this.registerComponent(it, _this.gridOptions.components[it]); + }); + } + if (this.gridOptions.frameworkComponents != null) { + Object.keys(this.gridOptions.frameworkComponents).forEach(function (it) { + _this.registerFwComponent(it, _this.gridOptions.frameworkComponents[it]); + }); + } + }; + ComponentProvider.prototype.registerDefaultComponent = function (rawName, component, overridable) { + if (overridable === void 0) { overridable = true; } + var name = this.translateIfDeprecated(rawName); + if (this.agGridDefaults[name]) { + console.error("Trying to overwrite a default component. You should call registerComponent"); + return; + } + this.agGridDefaults[name] = component; + }; + ComponentProvider.prototype.registerComponent = function (rawName, component) { + var name = this.translateIfDeprecated(rawName); + if (this.frameworkComponents[name]) { + console.error("Trying to register a component that you have already registered for frameworks: " + name); + return; + } + this.jsComponents[name] = component; + }; + /** + * B the business interface (ie IHeader) + * A the agGridComponent interface (ie IHeaderComp). The final object acceptable by ag-grid + */ + ComponentProvider.prototype.registerFwComponent = function (rawName, component) { + var name = this.translateIfDeprecated(rawName); + if (this.jsComponents[name]) { + console.error("Trying to register a component that you have already registered for plain javascript: " + name); + return; + } + this.frameworkComponents[name] = component; + }; + /** + * B the business interface (ie IHeader) + * A the agGridComponent interface (ie IHeaderComp). The final object acceptable by ag-grid + */ + ComponentProvider.prototype.retrieve = function (rawName) { + var name = this.translateIfDeprecated(rawName); + if (this.frameworkComponents[name]) { + return { + type: componentResolver_1.ComponentType.FRAMEWORK, + component: this.frameworkComponents[name], + source: RegisteredComponentSource.REGISTERED + }; + } + if (this.jsComponents[name]) { + return { + type: componentResolver_1.ComponentType.AG_GRID, + component: this.jsComponents[name], + source: RegisteredComponentSource.REGISTERED + }; + } + if (this.agGridDefaults[name]) { + return this.agGridDefaults[name] ? + { + type: componentResolver_1.ComponentType.AG_GRID, + component: this.agGridDefaults[name], + source: RegisteredComponentSource.DEFAULT + } : + null; + } + if (Object.keys(this.agGridDefaults).indexOf(name) < 0) { + console.warn("ag-grid: Looking for component [" + name + "] but it wasn't found."); + } + return null; + }; + ComponentProvider.prototype.translateIfDeprecated = function (raw) { + var deprecatedInfo = this.agDeprecatedNames[raw]; + if (deprecatedInfo != null) { + utils_1._.doOnce(function () { + console.warn("ag-grid. Since v15.0 component names have been renamed to be namespaced. You should rename " + deprecatedInfo.propertyHolder + ":" + raw + " to " + deprecatedInfo.propertyHolder + ":" + deprecatedInfo.newComponentName); + }, 'DEPREACTE_COMPONENT_' + raw); + return deprecatedInfo.newComponentName; + } + return raw; + }; + __decorate([ + context_1.Autowired('gridOptions'), + __metadata("design:type", Object) + ], ComponentProvider.prototype, "gridOptions", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ComponentProvider.prototype, "init", null); + ComponentProvider = __decorate([ + context_1.Bean('componentProvider') + ], ComponentProvider); + return ComponentProvider; + }()); + exports.ComponentProvider = ComponentProvider; + + +/***/ }), +/* 49 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var constants_1 = __webpack_require__(9); + var component_1 = __webpack_require__(36); + var utils_1 = __webpack_require__(8); + var TextCellEditor = (function (_super) { + __extends(TextCellEditor, _super); + function TextCellEditor() { + return _super.call(this, TextCellEditor.TEMPLATE) || this; + } + TextCellEditor.prototype.init = function (params) { + this.params = params; + var eInput = this.getGui(); + var startValue; + // cellStartedEdit is only false if we are doing fullRow editing + if (params.cellStartedEdit) { + this.focusAfterAttached = true; + var keyPressBackspaceOrDelete = params.keyPress === constants_1.Constants.KEY_BACKSPACE + || params.keyPress === constants_1.Constants.KEY_DELETE; + if (keyPressBackspaceOrDelete) { + startValue = ''; + } + else if (params.charPress) { + startValue = params.charPress; + } + else { + startValue = this.getStartValue(params); + if (params.keyPress !== constants_1.Constants.KEY_F2) { + this.highlightAllOnFocus = true; + } + } + } + else { + this.focusAfterAttached = false; + startValue = this.getStartValue(params); + } + if (utils_1.Utils.exists(startValue)) { + eInput.value = startValue; + } + this.addDestroyableEventListener(eInput, 'keydown', function (event) { + var isNavigationKey = event.keyCode === constants_1.Constants.KEY_LEFT + || event.keyCode === constants_1.Constants.KEY_RIGHT + || event.keyCode === constants_1.Constants.KEY_UP + || event.keyCode === constants_1.Constants.KEY_DOWN + || event.keyCode === constants_1.Constants.KEY_PAGE_DOWN + || event.keyCode === constants_1.Constants.KEY_PAGE_UP + || event.keyCode === constants_1.Constants.KEY_PAGE_HOME + || event.keyCode === constants_1.Constants.KEY_PAGE_END; + if (isNavigationKey) { + // this stops the grid from executing keyboard navigation + event.stopPropagation(); + // this stops the browser from scrolling up / down + var pageUp = event.keyCode === constants_1.Constants.KEY_PAGE_UP; + var pageDown = event.keyCode === constants_1.Constants.KEY_PAGE_DOWN; + if (pageUp || pageDown) { + event.preventDefault(); + } + } + }); + }; + TextCellEditor.prototype.afterGuiAttached = function () { + if (!this.focusAfterAttached) { + return; + } + var eInput = this.getGui(); + eInput.focus(); + if (this.highlightAllOnFocus) { + eInput.select(); + } + else { + // when we started editing, we want the carot at the end, not the start. + // this comes into play in two scenarios: a) when user hits F2 and b) + // when user hits a printable character, then on IE (and only IE) the carot + // was placed after the first character, thus 'apply' would end up as 'pplea' + var length_1 = eInput.value ? eInput.value.length : 0; + if (length_1 > 0) { + eInput.setSelectionRange(length_1, length_1); + } + } + }; + // gets called when tabbing trough cells and in full row edit mode + TextCellEditor.prototype.focusIn = function () { + var eInput = this.getGui(); + eInput.focus(); + eInput.select(); + }; + TextCellEditor.prototype.getValue = function () { + var eInput = this.getGui(); + return this.params.parseValue(eInput.value); + }; + TextCellEditor.prototype.getStartValue = function (params) { + var formatValue = params.useFormatter || params.column.getColDef().refData; + return formatValue ? params.formatValue(params.value) : params.value; + }; + TextCellEditor.TEMPLATE = ''; + return TextCellEditor; + }(component_1.Component)); + exports.TextCellEditor = TextCellEditor; + + +/***/ }), +/* 50 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var componentAnnotations_1 = __webpack_require__(43); + var utils_1 = __webpack_require__(8); + var baseFilter_1 = __webpack_require__(51); + var context_1 = __webpack_require__(7); + var componentRecipes_1 = __webpack_require__(52); + var DateFilter = (function (_super) { + __extends(DateFilter, _super); + function DateFilter() { + return _super !== null && _super.apply(this, arguments) || this; + } + DateFilter.prototype.modelFromFloatingFilter = function (from) { + return { + dateFrom: from, + dateTo: this.getDateTo(), + type: this.filter, + filterType: 'date' + }; + }; + DateFilter.prototype.getApplicableFilterTypes = function () { + return [baseFilter_1.BaseFilter.EQUALS, baseFilter_1.BaseFilter.GREATER_THAN, baseFilter_1.BaseFilter.LESS_THAN, baseFilter_1.BaseFilter.NOT_EQUAL, baseFilter_1.BaseFilter.IN_RANGE]; + }; + DateFilter.prototype.bodyTemplate = function (type) { + var fromPanelId = type == baseFilter_1.FilterConditionType.MAIN ? "filterDateFromPanel" : "filterDateFromConditionPanel"; + var toPanelId = type == baseFilter_1.FilterConditionType.MAIN ? "filterDateToPanel" : "filterDateToConditionPanel"; + return "
\n
\n
\n
\n
\n
"; + }; + DateFilter.prototype.initialiseFilterBodyUi = function (type) { + _super.prototype.initialiseFilterBodyUi.call(this, type); + this.createComponents(type); + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.setDateFrom_date(this.dateFrom, baseFilter_1.FilterConditionType.MAIN); + this.setDateTo_date(this.dateTo, baseFilter_1.FilterConditionType.MAIN); + this.setFilterType(this.filterCondition, baseFilter_1.FilterConditionType.MAIN); + } + else { + this.setDateFrom_date(this.dateFromCondition, baseFilter_1.FilterConditionType.CONDITION); + this.setDateTo_date(this.dateToCondition, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterType(this.filterCondition, baseFilter_1.FilterConditionType.CONDITION); + } + }; + DateFilter.prototype.createComponents = function (type) { + var _this = this; + var dateComponentParams = { + onDateChanged: function () { _this.onDateChanged(type); }, + filterParams: this.filterParams + }; + this.componentRecipes.newDateComponent(dateComponentParams).then(function (dateToComponent) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + _this.dateToComponent = dateToComponent; + } + else { + _this.dateToConditionComponent = dateToComponent; + } + var dateToElement = dateToComponent.getGui(); + if (type === baseFilter_1.FilterConditionType.MAIN) { + _this.eDateToPanel.appendChild(dateToElement); + if (_this.dateToComponent.afterGuiAttached) { + _this.dateToComponent.afterGuiAttached(); + } + } + else { + _this.eDateToConditionPanel.appendChild(dateToElement); + if (_this.dateToConditionComponent.afterGuiAttached) { + _this.dateToConditionComponent.afterGuiAttached(); + } + } + }); + this.componentRecipes.newDateComponent(dateComponentParams).then(function (dateComponent) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + _this.dateFromComponent = dateComponent; + } + else { + _this.dateFromConditionComponent = dateComponent; + } + var dateFromElement = dateComponent.getGui(); + if (type === baseFilter_1.FilterConditionType.MAIN) { + _this.eDateFromPanel.appendChild(dateFromElement); + if (_this.dateFromComponent.afterGuiAttached) { + _this.dateFromComponent.afterGuiAttached(); + } + } + else { + _this.eDateFromConditionPanel.appendChild(dateFromElement); + if (_this.dateFromConditionComponent.afterGuiAttached) { + _this.dateFromConditionComponent.afterGuiAttached(); + } + } + }); + }; + DateFilter.prototype.onDateChanged = function (type) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.dateFrom = DateFilter.removeTimezone(this.dateFromComponent.getDate()); + this.dateTo = DateFilter.removeTimezone(this.dateToComponent.getDate()); + } + else { + this.dateFromCondition = DateFilter.removeTimezone(this.dateFromComponent.getDate()); + this.dateToCondition = DateFilter.removeTimezone(this.dateToComponent.getDate()); + } + this.onFilterChanged(); + }; + DateFilter.prototype.refreshFilterBodyUi = function (type) { + var panel; + var filterTypeValue; + if (type === baseFilter_1.FilterConditionType.MAIN) { + panel = this.eDateToPanel; + filterTypeValue = this.filter; + } + else { + panel = this.eDateToConditionPanel; + filterTypeValue = this.filterCondition; + } + if (!panel) + return; + var visible = filterTypeValue === baseFilter_1.BaseFilter.IN_RANGE; + utils_1.Utils.setVisible(panel, visible); + }; + DateFilter.prototype.comparator = function () { + return this.filterParams.comparator ? this.filterParams.comparator : this.defaultComparator.bind(this); + }; + DateFilter.prototype.defaultComparator = function (filterDate, cellValue) { + //The default comparator assumes that the cellValue is a date + var cellAsDate = cellValue; + if (cellAsDate < filterDate) { + return -1; + } + if (cellAsDate > filterDate) { + return 1; + } + return cellValue != null ? 0 : -1; + }; + DateFilter.prototype.serialize = function (type) { + var dateToComponent = type === baseFilter_1.FilterConditionType.MAIN ? this.dateToComponent : this.dateToConditionComponent; + var dateFromComponent = type === baseFilter_1.FilterConditionType.MAIN ? this.dateFromComponent : this.dateFromConditionComponent; + var filterType = type === baseFilter_1.FilterConditionType.MAIN ? this.filter : this.filterCondition; + return { + dateTo: utils_1.Utils.serializeDateToYyyyMmDd(dateToComponent.getDate(), "-"), + dateFrom: utils_1.Utils.serializeDateToYyyyMmDd(dateFromComponent.getDate(), "-"), + type: filterType ? filterType : this.defaultFilter, + filterType: 'date' + }; + }; + DateFilter.prototype.filterValues = function (type) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + if (!this.dateFromComponent) + return null; + return this.filter !== baseFilter_1.BaseFilter.IN_RANGE ? + this.dateFromComponent.getDate() : + [this.dateFromComponent.getDate(), this.dateToComponent.getDate()]; + } + if (!this.dateFromConditionComponent) + return null; + return this.filterCondition !== baseFilter_1.BaseFilter.IN_RANGE ? + this.dateFromConditionComponent.getDate() : + [this.dateFromConditionComponent.getDate(), this.dateToConditionComponent.getDate()]; + }; + // not used by ag-Grid, but exposed as part of the filter API for the client if they want it + DateFilter.prototype.getDateFrom = function () { + return utils_1.Utils.serializeDateToYyyyMmDd(this.dateFromComponent.getDate(), "-"); + }; + // not used by ag-Grid, but exposed as part of the filter API for the client if they want it + DateFilter.prototype.getDateTo = function () { + return utils_1.Utils.serializeDateToYyyyMmDd(this.dateToComponent.getDate(), "-"); + }; + // not used by ag-Grid, but exposed as part of the filter API for the client if they want it + DateFilter.prototype.getFilterType = function () { + return this.filter; + }; + DateFilter.prototype.setDateFrom = function (date, type) { + var parsedDate = utils_1.Utils.parseYyyyMmDdToDate(date, "-"); + this.setDateFrom_date(parsedDate, type); + }; + DateFilter.prototype.setDateFrom_date = function (parsedDate, type) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.dateFrom = parsedDate; + if (!this.dateFromComponent) + return; + this.dateFromComponent.setDate(this.dateFrom); + } + else { + this.dateFromCondition = parsedDate; + if (!this.dateFromConditionComponent) + return; + this.dateFromConditionComponent.setDate(this.dateFromCondition); + } + }; + DateFilter.prototype.setDateTo = function (date, type) { + var parsedDate = utils_1.Utils.parseYyyyMmDdToDate(date, "-"); + this.setDateTo_date(parsedDate, type); + }; + DateFilter.prototype.setDateTo_date = function (parsedDate, type) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.dateTo = parsedDate; + if (!this.dateToComponent) + return; + this.dateToComponent.setDate(this.dateTo); + } + else { + this.dateToCondition = parsedDate; + if (!this.dateToConditionComponent) + return; + this.dateToConditionComponent.setDate(this.dateToCondition); + } + }; + DateFilter.prototype.resetState = function () { + this.setDateFrom(null, baseFilter_1.FilterConditionType.MAIN); + this.setDateTo(null, baseFilter_1.FilterConditionType.MAIN); + this.setFilterType(this.defaultFilter, baseFilter_1.FilterConditionType.MAIN); + this.setDateFrom(null, baseFilter_1.FilterConditionType.CONDITION); + this.setDateTo(null, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterType(this.defaultFilter, baseFilter_1.FilterConditionType.MAIN); + }; + DateFilter.prototype.parse = function (model, type) { + this.setDateFrom(model.dateFrom, type); + this.setDateTo(model.dateTo, type); + this.setFilterType(model.type, type); + }; + DateFilter.prototype.setType = function (filterType, type) { + this.setFilterType(filterType, type); + }; + DateFilter.removeTimezone = function (from) { + if (!from) { + return null; + } + return new Date(from.getFullYear(), from.getMonth(), from.getDate()); + }; + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], DateFilter.prototype, "componentRecipes", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterDateFromPanel'), + __metadata("design:type", HTMLElement) + ], DateFilter.prototype, "eDateFromPanel", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterDateFromConditionPanel'), + __metadata("design:type", HTMLElement) + ], DateFilter.prototype, "eDateFromConditionPanel", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterDateToPanel'), + __metadata("design:type", HTMLElement) + ], DateFilter.prototype, "eDateToPanel", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterDateToConditionPanel'), + __metadata("design:type", HTMLElement) + ], DateFilter.prototype, "eDateToConditionPanel", void 0); + return DateFilter; + }(baseFilter_1.ScalarBaseFilter)); + exports.DateFilter = DateFilter; + var DefaultDateComponent = (function (_super) { + __extends(DefaultDateComponent, _super); + function DefaultDateComponent() { + return _super.call(this, "") || this; + } + DefaultDateComponent.prototype.init = function (params) { + this.eDateInput = this.getGui(); + if (utils_1.Utils.isBrowserChrome() || params.filterParams.browserDatePicker) { + if (utils_1.Utils.isBrowserIE()) { + console.warn('ag-grid: browserDatePicker is specified to true, but it is not supported in IE 11, reverting to plain text date picker'); + } + else { + this.eDateInput.type = 'date'; + } + } + this.listener = params.onDateChanged; + this.addGuiEventListener('input', this.listener); + }; + DefaultDateComponent.prototype.getDate = function () { + return utils_1.Utils.parseYyyyMmDdToDate(this.eDateInput.value, "-"); + }; + DefaultDateComponent.prototype.setDate = function (date) { + this.eDateInput.value = utils_1.Utils.serializeDateToYyyyMmDd(date, "-"); + }; + return DefaultDateComponent; + }(component_1.Component)); + exports.DefaultDateComponent = DefaultDateComponent; + + +/***/ }), +/* 51 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var componentAnnotations_1 = __webpack_require__(43); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var utils_1 = __webpack_require__(8); + var FilterConditionType; + (function (FilterConditionType) { + FilterConditionType[FilterConditionType["MAIN"] = 0] = "MAIN"; + FilterConditionType[FilterConditionType["CONDITION"] = 1] = "CONDITION"; + })(FilterConditionType = exports.FilterConditionType || (exports.FilterConditionType = {})); + var DEFAULT_TRANSLATIONS = { + loadingOoo: 'Loading...', + equals: 'Equals', + notEqual: 'Not equal', + lessThan: 'Less than', + greaterThan: 'Greater than', + inRange: 'In range', + lessThanOrEqual: 'Less than or equals', + greaterThanOrEqual: 'Greater than or equals', + filterOoo: 'Filter...', + contains: 'Contains', + notContains: 'Not contains', + startsWith: 'Starts with', + endsWith: 'Ends with', + searchOoo: 'Search...', + selectAll: 'Select All', + applyFilter: 'Apply Filter', + clearFilter: 'Clear Filter' + }; + /** + * T(ype) The type of this filter. ie in DateFilter T=Date + * P(arams) The params that this filter can take + * M(model getModel/setModel) The object that this filter serializes to + * F Floating filter params + * + * Contains common logic to ALL filters.. Translation, apply and clear button + * get/setModel context wiring.... + */ + var BaseFilter = (function (_super) { + __extends(BaseFilter, _super); + function BaseFilter() { + return _super !== null && _super.apply(this, arguments) || this; + } + BaseFilter.prototype.init = function (params) { + this.filterParams = params; + this.defaultFilter = this.filterParams.defaultOption; + if (this.filterParams.filterOptions && !this.defaultFilter) { + if (this.filterParams.filterOptions.lastIndexOf(BaseFilter.EQUALS) < 0) { + this.defaultFilter = this.filterParams.filterOptions[0]; + } + } + this.customInit(); + this.filter = this.defaultFilter; + this.filterCondition = this.defaultFilter; + this.clearActive = params.clearButton === true; + //Allowing for old param property apply, even though is not advertised through the interface + this.applyActive = ((params.applyButton === true) || (params.apply === true)); + this.newRowsActionKeep = params.newRowsAction === 'keep'; + this.setTemplate(this.generateTemplate()); + utils_1._.setVisible(this.eApplyButton, this.applyActive); + if (this.applyActive) { + this.addDestroyableEventListener(this.eApplyButton, "click", this.filterParams.filterChangedCallback); + } + utils_1._.setVisible(this.eClearButton, this.clearActive); + if (this.clearActive) { + this.addDestroyableEventListener(this.eClearButton, "click", this.onClearButton.bind(this)); + } + var anyButtonVisible = this.applyActive || this.clearActive; + utils_1._.setVisible(this.eButtonsPanel, anyButtonVisible); + this.instantiate(this.context); + this.initialiseFilterBodyUi(FilterConditionType.MAIN); + this.refreshFilterBodyUi(FilterConditionType.MAIN); + }; + BaseFilter.prototype.onClearButton = function () { + this.setModel(null); + this.onFilterChanged(); + }; + BaseFilter.prototype.floatingFilter = function (from) { + if (from !== '') { + var model = this.modelFromFloatingFilter(from); + this.setModel(model); + } + else { + this.resetState(); + } + this.onFilterChanged(); + }; + BaseFilter.prototype.onNewRowsLoaded = function () { + if (!this.newRowsActionKeep) { + this.resetState(); + } + }; + BaseFilter.prototype.getModel = function () { + if (this.isFilterActive()) { + if (!this.isFilterConditionActive(FilterConditionType.CONDITION)) { + return this.serialize(FilterConditionType.MAIN); + } + else { + return { + condition1: this.serialize(FilterConditionType.MAIN), + condition2: this.serialize(FilterConditionType.CONDITION), + operator: this.conditionValue + }; + } + } + else { + return null; + } + }; + BaseFilter.prototype.getNullableModel = function () { + if (!this.isFilterConditionActive(FilterConditionType.CONDITION)) { + return this.serialize(FilterConditionType.MAIN); + } + else { + return { + condition1: this.serialize(FilterConditionType.MAIN), + condition2: this.serialize(FilterConditionType.CONDITION), + operator: this.conditionValue + }; + } + }; + BaseFilter.prototype.setModel = function (model) { + if (model) { + if (!model.operator) { + this.resetState(); + this.parse(model, FilterConditionType.MAIN); + } + else { + var asCombinedFilter = model; + this.parse((asCombinedFilter).condition1, FilterConditionType.MAIN); + this.parse((asCombinedFilter).condition2, FilterConditionType.CONDITION); + this.conditionValue = asCombinedFilter.operator; + } + } + else { + this.resetState(); + } + this.redrawCondition(); + this.refreshFilterBodyUi(FilterConditionType.MAIN); + this.refreshFilterBodyUi(FilterConditionType.CONDITION); + }; + BaseFilter.prototype.doOnFilterChanged = function (applyNow) { + if (applyNow === void 0) { applyNow = false; } + this.filterParams.filterModifiedCallback(); + var requiresApplyAndIsApplying = this.applyActive && applyNow; + var notRequiresApply = !this.applyActive; + var shouldFilter = notRequiresApply || requiresApplyAndIsApplying; + if (shouldFilter) { + this.filterParams.filterChangedCallback(); + } + this.refreshFilterBodyUi(FilterConditionType.MAIN); + this.refreshFilterBodyUi(FilterConditionType.CONDITION); + return shouldFilter; + }; + BaseFilter.prototype.onFilterChanged = function (applyNow) { + if (applyNow === void 0) { applyNow = false; } + this.doOnFilterChanged(applyNow); + this.redrawCondition(); + this.refreshFilterBodyUi(FilterConditionType.MAIN); + this.refreshFilterBodyUi(FilterConditionType.CONDITION); + }; + BaseFilter.prototype.redrawCondition = function () { + var _this = this; + var filterCondition = this.eFilterBodyWrapper.querySelector('.ag-filter-condition'); + if (!filterCondition && this.isFilterActive() && this.acceptsBooleanLogic()) { + this.eConditionWrapper = utils_1._.loadTemplate(this.createConditionTemplate(FilterConditionType.CONDITION)); + this.eFilterBodyWrapper.appendChild(this.eConditionWrapper); + this.wireQuerySelectors(); + var _a = this.refreshOperatorUi(), andButton = _a.andButton, orButton = _a.orButton; + this.addDestroyableEventListener(andButton, 'change', function () { + _this.conditionValue = 'AND'; + _this.onFilterChanged(); + }); + this.addDestroyableEventListener(orButton, 'change', function () { + _this.conditionValue = 'OR'; + _this.onFilterChanged(); + }); + this.initialiseFilterBodyUi(FilterConditionType.CONDITION); + } + else if (filterCondition && !this.isFilterActive()) { + this.eFilterBodyWrapper.removeChild(this.eConditionWrapper); + this.eConditionWrapper = null; + } + else { + this.refreshFilterBodyUi(FilterConditionType.CONDITION); + if (this.eConditionWrapper) { + this.refreshOperatorUi(); + } + } + }; + BaseFilter.prototype.refreshOperatorUi = function () { + var andButton = this.eConditionWrapper.querySelector('.and'); + var orButton = this.eConditionWrapper.querySelector('.or'); + this.conditionValue = this.conditionValue == null ? 'AND' : this.conditionValue; + andButton.checked = this.conditionValue === 'AND'; + orButton.checked = this.conditionValue === 'OR'; + return { andButton: andButton, orButton: orButton }; + }; + BaseFilter.prototype.onFloatingFilterChanged = function (change) { + //It has to be of the type FloatingFilterWithApplyChange if it gets here + var casted = change; + if (casted == null) { + this.setModel(null); + } + else if (!this.isFilterConditionActive(FilterConditionType.CONDITION)) { + this.setModel(casted ? casted.model : null); + } + else { + var combinedFilter = { + condition1: casted.model, + condition2: this.serialize(FilterConditionType.CONDITION), + operator: this.conditionValue + }; + this.setModel(combinedFilter); + } + return this.doOnFilterChanged(casted ? casted.apply : false); + }; + BaseFilter.prototype.generateFilterHeader = function (type) { + return ''; + }; + BaseFilter.prototype.generateTemplate = function () { + var translate = this.translate.bind(this); + var mainConditionBody = this.createConditionBody(FilterConditionType.MAIN); + var bodyWithBooleanLogic = !this.acceptsBooleanLogic() ? + mainConditionBody : + this.wrapCondition(mainConditionBody); + return "
\n
" + bodyWithBooleanLogic + "
\n
\n \n \n
\n
"; + }; + BaseFilter.prototype.acceptsBooleanLogic = function () { + return false; + }; + BaseFilter.prototype.wrapCondition = function (mainCondition) { + if (!this.isFilterActive()) + return mainCondition; + return "" + mainCondition + this.createConditionTemplate(FilterConditionType.CONDITION); + }; + BaseFilter.prototype.createConditionTemplate = function (type) { + return "
\n \n \n
" + this.createConditionBody(type) + "
\n
"; + }; + BaseFilter.prototype.createConditionBody = function (type) { + var body = this.bodyTemplate(type); + return this.generateFilterHeader(type) + body; + }; + BaseFilter.prototype.translate = function (toTranslate) { + var translate = this.gridOptionsWrapper.getLocaleTextFunc(); + return translate(toTranslate, DEFAULT_TRANSLATIONS[toTranslate]); + }; + BaseFilter.prototype.getDebounceMs = function (filterParams) { + if (filterParams.applyButton && filterParams.debounceMs) { + console.warn('ag-Grid: debounceMs is ignored when applyButton = true'); + return 0; + } + return filterParams.debounceMs != null ? filterParams.debounceMs : 500; + }; + BaseFilter.EQUALS = 'equals'; + BaseFilter.NOT_EQUAL = 'notEqual'; + BaseFilter.LESS_THAN = 'lessThan'; + BaseFilter.LESS_THAN_OR_EQUAL = 'lessThanOrEqual'; + BaseFilter.GREATER_THAN = 'greaterThan'; + BaseFilter.GREATER_THAN_OR_EQUAL = 'greaterThanOrEqual'; + BaseFilter.IN_RANGE = 'inRange'; + BaseFilter.CONTAINS = 'contains'; //1; + BaseFilter.NOT_CONTAINS = 'notContains'; //1; + BaseFilter.STARTS_WITH = 'startsWith'; //4; + BaseFilter.ENDS_WITH = 'endsWith'; //5; + __decorate([ + componentAnnotations_1.QuerySelector('#applyPanel'), + __metadata("design:type", HTMLElement) + ], BaseFilter.prototype, "eButtonsPanel", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('.ag-filter-body-wrapper'), + __metadata("design:type", HTMLElement) + ], BaseFilter.prototype, "eFilterBodyWrapper", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#applyButton'), + __metadata("design:type", HTMLElement) + ], BaseFilter.prototype, "eApplyButton", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#clearButton'), + __metadata("design:type", HTMLElement) + ], BaseFilter.prototype, "eClearButton", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], BaseFilter.prototype, "context", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], BaseFilter.prototype, "gridOptionsWrapper", void 0); + return BaseFilter; + }(component_1.Component)); + exports.BaseFilter = BaseFilter; + /** + * Every filter with a dropdown where the user can specify a comparing type against the filter values + */ + var ComparableBaseFilter = (function (_super) { + __extends(ComparableBaseFilter, _super); + function ComparableBaseFilter() { + return _super !== null && _super.apply(this, arguments) || this; + } + ComparableBaseFilter.prototype.doesFilterPass = function (params) { + var mainFilterResult = this.individualFilterPasses(params, FilterConditionType.MAIN); + if (this.eTypeConditionSelector == null) { + return mainFilterResult; + } + var auxFilterResult = this.individualFilterPasses(params, FilterConditionType.CONDITION); + return this.conditionValue === 'AND' ? mainFilterResult && auxFilterResult : mainFilterResult || auxFilterResult; + }; + ComparableBaseFilter.prototype.init = function (params) { + _super.prototype.init.call(this, params); + this.suppressAndOrCondition = params.suppressAndOrCondition; + }; + ComparableBaseFilter.prototype.customInit = function () { + if (!this.defaultFilter) { + this.defaultFilter = this.getDefaultType(); + } + }; + ComparableBaseFilter.prototype.acceptsBooleanLogic = function () { + return this.suppressAndOrCondition !== true; + }; + ComparableBaseFilter.prototype.generateFilterHeader = function (type) { + var _this = this; + var defaultFilterTypes = this.getApplicableFilterTypes(); + var restrictedFilterTypes = this.filterParams.filterOptions; + var actualFilterTypes = restrictedFilterTypes ? restrictedFilterTypes : defaultFilterTypes; + var optionsHtml = actualFilterTypes.map(function (filterType) { + var localeFilterName = _this.translate(filterType); + return ""; + }); + var readOnly = optionsHtml.length == 1 ? 'disabled' : ''; + var id = type == FilterConditionType.MAIN ? 'filterType' : 'filterConditionType'; + return optionsHtml.length <= 0 ? + '' : + "
\n \n
"; + }; + ComparableBaseFilter.prototype.initialiseFilterBodyUi = function (type) { + var _this = this; + if (type === FilterConditionType.MAIN) { + this.setFilterType(this.filter, type); + this.addDestroyableEventListener(this.eTypeSelector, "change", function () { return _this.onFilterTypeChanged(type); }); + } + else { + this.setFilterType(this.filterCondition, type); + this.addDestroyableEventListener(this.eTypeConditionSelector, "change", function () { return _this.onFilterTypeChanged(type); }); + } + }; + ComparableBaseFilter.prototype.onFilterTypeChanged = function (type) { + if (type === FilterConditionType.MAIN) { + this.filter = this.eTypeSelector.value; + } + else { + this.filterCondition = this.eTypeConditionSelector.value; + } + this.refreshFilterBodyUi(type); + // we check if filter is active, so that if user changes the type (eg from 'less than' to 'equals'), + // well this doesn't matter if the user has no value in the text field, so don't fire 'onFilterChanged'. + // this means we don't refresh the grid when the type changes if no value is present. + if (this.isFilterActive()) { + this.onFilterChanged(); + } + }; + ComparableBaseFilter.prototype.isFilterActive = function () { + var rawFilterValues = this.filterValues(FilterConditionType.MAIN); + if (this.filter === BaseFilter.IN_RANGE) { + var filterValueArray = rawFilterValues; + return filterValueArray[0] != null && filterValueArray[1] != null; + } + else { + return rawFilterValues != null; + } + }; + ComparableBaseFilter.prototype.setFilterType = function (filterType, type) { + if (type === FilterConditionType.MAIN) { + this.filter = filterType; + if (!this.eTypeSelector) + return; + this.eTypeSelector.value = filterType; + } + else { + this.filterCondition = filterType; + if (!this.eTypeConditionSelector) + return; + this.eTypeConditionSelector.value = filterType; + } + }; + ComparableBaseFilter.prototype.isFilterConditionActive = function (type) { + return this.filterValues(type) != null; + }; + __decorate([ + componentAnnotations_1.QuerySelector('#filterType'), + __metadata("design:type", HTMLSelectElement) + ], ComparableBaseFilter.prototype, "eTypeSelector", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterConditionType'), + __metadata("design:type", HTMLSelectElement) + ], ComparableBaseFilter.prototype, "eTypeConditionSelector", void 0); + return ComparableBaseFilter; + }(BaseFilter)); + exports.ComparableBaseFilter = ComparableBaseFilter; + /** + * Comparable filter with scalar underlying values (ie numbers and dates. Strings are not scalar so have to extend + * ComparableBaseFilter) + */ + var ScalarBaseFilter = (function (_super) { + __extends(ScalarBaseFilter, _super); + function ScalarBaseFilter() { + return _super !== null && _super.apply(this, arguments) || this; + } + ScalarBaseFilter.prototype.nullComparator = function (type) { + var _this = this; + return function (filterValue, gridValue) { + if (gridValue == null) { + var nullValue = _this.translateNull(type); + if (_this.filter === BaseFilter.EQUALS) { + return nullValue ? 0 : 1; + } + if (_this.filter === BaseFilter.GREATER_THAN) { + return nullValue ? 1 : -1; + } + if (_this.filter === BaseFilter.GREATER_THAN_OR_EQUAL) { + return nullValue ? 1 : -1; + } + if (_this.filter === BaseFilter.LESS_THAN_OR_EQUAL) { + return nullValue ? -1 : 1; + } + if (_this.filter === BaseFilter.LESS_THAN) { + return nullValue ? -1 : 1; + } + if (_this.filter === BaseFilter.NOT_EQUAL) { + return nullValue ? 1 : 0; + } + } + var actualComparator = _this.comparator(); + return actualComparator(filterValue, gridValue); + }; + }; + ScalarBaseFilter.prototype.getDefaultType = function () { + return BaseFilter.EQUALS; + }; + ScalarBaseFilter.prototype.translateNull = function (type) { + var reducedType = type.indexOf('greater') > -1 ? 'greaterThan' : + type.indexOf('lessThan') > -1 ? 'lessThan' : + 'equals'; + if (this.filterParams.nullComparator && this.filterParams.nullComparator[reducedType]) { + return this.filterParams.nullComparator[reducedType]; + } + return ScalarBaseFilter.DEFAULT_NULL_COMPARATOR[reducedType]; + }; + ScalarBaseFilter.prototype.individualFilterPasses = function (params, type) { + return this.doIndividualFilterPasses(params, type, type === FilterConditionType.MAIN ? this.filter : this.filterCondition); + }; + ScalarBaseFilter.prototype.doIndividualFilterPasses = function (params, type, filter) { + var value = this.filterParams.valueGetter(params.node); + var comparator = this.nullComparator(filter); + var rawFilterValues = this.filterValues(type); + var from = Array.isArray(rawFilterValues) ? rawFilterValues[0] : rawFilterValues; + if (from == null) { + return type === FilterConditionType.MAIN ? true : this.conditionValue === 'AND'; + } + var compareResult = comparator(from, value); + if (filter === BaseFilter.EQUALS) { + return compareResult === 0; + } + if (filter === BaseFilter.GREATER_THAN) { + return compareResult > 0; + } + if (filter === BaseFilter.GREATER_THAN_OR_EQUAL) { + return compareResult >= 0; + } + if (filter === BaseFilter.LESS_THAN_OR_EQUAL) { + return compareResult <= 0; + } + if (filter === BaseFilter.LESS_THAN) { + return compareResult < 0; + } + if (filter === BaseFilter.NOT_EQUAL) { + return compareResult != 0; + } + //From now on the type is a range and rawFilterValues must be an array! + var compareToResult = comparator(rawFilterValues[1], value); + if (filter === BaseFilter.IN_RANGE) { + if (!this.filterParams.inRangeInclusive) { + return compareResult > 0 && compareToResult < 0; + } + else { + return compareResult >= 0 && compareToResult <= 0; + } + } + throw new Error('Unexpected type of filter!: ' + filter); + }; + ScalarBaseFilter.DEFAULT_NULL_COMPARATOR = { + equals: false, + lessThan: false, + greaterThan: false + }; + return ScalarBaseFilter; + }(ComparableBaseFilter)); + exports.ScalarBaseFilter = ScalarBaseFilter; + + +/***/ }), +/* 52 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var floatingFilter_1 = __webpack_require__(53); + var gridOptionsWrapper_1 = __webpack_require__(4); + var floatingFilterWrapper_1 = __webpack_require__(54); + var filterManager_1 = __webpack_require__(45); + var componentResolver_1 = __webpack_require__(47); + var utils_1 = __webpack_require__(8); + var overlayWrapperComponent_1 = __webpack_require__(77); + var gridApi_1 = __webpack_require__(14); + var columnApi_1 = __webpack_require__(22); + var ComponentType; + (function (ComponentType) { + ComponentType[ComponentType["AG_GRID"] = 0] = "AG_GRID"; + ComponentType[ComponentType["FRAMEWORK"] = 1] = "FRAMEWORK"; + })(ComponentType || (ComponentType = {})); + var ComponentRecipes = (function () { + function ComponentRecipes() { + } + ComponentRecipes_1 = ComponentRecipes; + ComponentRecipes.prototype.newDateComponent = function (params) { + return this.componentResolver.createAgGridComponent(this.gridOptions, params, "dateComponent", { + api: this.gridApi, + columnApi: this.columnApi + }, "agDateInput"); + }; + ComponentRecipes.prototype.newHeaderComponent = function (params) { + return this.componentResolver.createAgGridComponent(params.column.getColDef(), params, "headerComponent", { + api: this.gridApi, + columnApi: this.columnApi, + column: params.column, + colDef: params.column.getColDef() + }, "agColumnHeader"); + }; + ComponentRecipes.prototype.newHeaderGroupComponent = function (params) { + return this.componentResolver.createAgGridComponent(params.columnGroup.getColGroupDef(), params, "headerGroupComponent", { + api: this.gridApi, + columnApi: this.columnApi + }, "agColumnGroupHeader"); + }; + ComponentRecipes.prototype.newFloatingFilterWrapperComponent = function (column, params) { + var _this = this; + var colDef = column.getColDef(); + if (colDef.suppressFilter) { + return this.newEmptyFloatingFilterWrapperComponent(column); + } + var defaultFloatingFilterType; + if (!colDef.filter) { + defaultFloatingFilterType = this.gridOptionsWrapper.isEnterprise() ? 'agSetColumnFloatingFilter' : 'agTextColumnFloatingFilter'; + } + else if (typeof colDef.filter === 'string' && Object.keys(ComponentRecipes_1.filterToFloatingFilterNames).indexOf(colDef.filter) > -1) { + defaultFloatingFilterType = ComponentRecipes_1.filterToFloatingFilterNames[colDef.filter]; + } + var dynamicComponentParams = { + column: column, + colDef: colDef, + api: this.gridApi, + columnApi: this.columnApi + }; + var floatingFilter = this.componentResolver.createAgGridComponent(colDef, params, "floatingFilterComponent", dynamicComponentParams, defaultFloatingFilterType, false); + var floatingFilterWrapperComponentParams = { + column: column, + floatingFilterComp: floatingFilter, + suppressFilterButton: this.componentResolver.mergeParams(colDef, 'floatingFilterComponent', dynamicComponentParams, params).suppressFilterButton + }; + if (!floatingFilter) { + var filterComponent = this.getFilterComponentPrototype(colDef); + if (filterComponent && !filterComponent.component.prototype.getModelAsString) { + return this.newEmptyFloatingFilterWrapperComponent(column); + } + var rawModelFn_1 = params.currentParentModel; + params.currentParentModel = function () { + var parentPromise = _this.filterManager.getFilterComponent(column); + return parentPromise.resolveNow(null, function (parent) { return parent.getModelAsString ? parent.getModelAsString(rawModelFn_1()) : null; }); + }; + floatingFilterWrapperComponentParams.floatingFilterComp = utils_1.Promise.resolve(this.componentResolver.createInternalAgGridComponent(floatingFilter_1.ReadModelAsStringFloatingFilterComp, params)); + } + return this.componentResolver.createInternalAgGridComponent(floatingFilterWrapper_1.FloatingFilterWrapperComp, floatingFilterWrapperComponentParams); + }; + ComponentRecipes.prototype.newFullWidthGroupRowInnerCellRenderer = function (params) { + return this.componentResolver.createAgGridComponent(this.gridOptions, params, "groupRowInnerRenderer", params, null, false); + }; + ComponentRecipes.prototype.newCellRenderer = function (target, params) { + return this.componentResolver.createAgGridComponent(target, params, "cellRenderer", params, null, false); + }; + ComponentRecipes.prototype.newInnerCellRenderer = function (target, params) { + return this.componentResolver.createAgGridComponent(target, params, "innerRenderer", params, null); + }; + ComponentRecipes.prototype.newFullRowGroupRenderer = function (params) { + return this.componentResolver.createAgGridComponent(this.gridOptionsWrapper, params, "fullWidthCellRenderer", params, null); + }; + ComponentRecipes.prototype.newOverlayWrapperComponent = function () { + return this.componentResolver.createInternalAgGridComponent(overlayWrapperComponent_1.OverlayWrapperComponent, null); + }; + ComponentRecipes.prototype.newLoadingOverlayComponent = function () { + return this.componentResolver.createAgGridComponent(this.gridOptions, null, "loadingOverlayComponent", { + api: this.gridApi, + columnApi: this.columnApi + }, "agLoadingOverlay"); + }; + ComponentRecipes.prototype.newNoRowsOverlayComponent = function () { + return this.componentResolver.createAgGridComponent(this.gridOptions, null, "noRowsOverlayComponent", { + api: this.gridApi, + columnApi: this.columnApi + }, "agNoRowsOverlay"); + }; + ComponentRecipes.prototype.getFilterComponentPrototype = function (colDef) { + return this.componentResolver.getComponentToUse(colDef, "filter", { + api: this.gridApi, + columnApi: this.columnApi, + colDef: colDef + }); + }; + ComponentRecipes.prototype.newEmptyFloatingFilterWrapperComponent = function (column) { + var floatingFilterWrapperComponentParams = { + column: column, + floatingFilterComp: null + }; + return this.componentResolver.createInternalAgGridComponent(floatingFilterWrapper_1.EmptyFloatingFilterWrapperComp, floatingFilterWrapperComponentParams); + }; + ComponentRecipes.filterToFloatingFilterNames = { + set: 'agSetColumnFloatingFilter', + agSetColumnFilter: 'agSetColumnFloatingFilter', + number: 'agNumberColumnFloatingFilter', + agNumberColumnFilter: 'agNumberColumnFloatingFilter', + date: 'agDateColumnFloatingFilter', + agDateColumnFilter: 'agDateColumnFloatingFilter', + text: 'agTextColumnFloatingFilter', + agTextColumnFilter: 'agTextColumnFloatingFilter' + }; + __decorate([ + context_1.Autowired("componentResolver"), + __metadata("design:type", componentResolver_1.ComponentResolver) + ], ComponentRecipes.prototype, "componentResolver", void 0); + __decorate([ + context_1.Autowired("gridOptions"), + __metadata("design:type", Object) + ], ComponentRecipes.prototype, "gridOptions", void 0); + __decorate([ + context_1.Autowired("gridApi"), + __metadata("design:type", gridApi_1.GridApi) + ], ComponentRecipes.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired("columnApi"), + __metadata("design:type", columnApi_1.ColumnApi) + ], ComponentRecipes.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ComponentRecipes.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], ComponentRecipes.prototype, "filterManager", void 0); + ComponentRecipes = ComponentRecipes_1 = __decorate([ + context_1.Bean('componentRecipes') + ], ComponentRecipes); + return ComponentRecipes; + var ComponentRecipes_1; + }()); + exports.ComponentRecipes = ComponentRecipes; + + +/***/ }), +/* 53 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var dateFilter_1 = __webpack_require__(50); + var componentAnnotations_1 = __webpack_require__(43); + var utils_1 = __webpack_require__(8); + var componentRecipes_1 = __webpack_require__(52); + var component_1 = __webpack_require__(36); + var constants_1 = __webpack_require__(9); + var InputTextFloatingFilterComp = (function (_super) { + __extends(InputTextFloatingFilterComp, _super); + function InputTextFloatingFilterComp() { + var _this = _super.call(this, "
") || this; + _this.lastKnownModel = null; + return _this; + } + InputTextFloatingFilterComp.prototype.init = function (params) { + this.onFloatingFilterChanged = params.onFloatingFilterChanged; + this.currentParentModel = params.currentParentModel; + var debounceMs = params.debounceMs != null ? params.debounceMs : 500; + var toDebounce = utils_1._.debounce(this.syncUpWithParentFilter.bind(this), debounceMs); + this.addDestroyableEventListener(this.eColumnFloatingFilter, 'input', toDebounce); + this.addDestroyableEventListener(this.eColumnFloatingFilter, 'keypress', toDebounce); + this.addDestroyableEventListener(this.eColumnFloatingFilter, 'keydown', toDebounce); + var columnDef = params.column.getDefinition(); + if (columnDef.filterParams && columnDef.filterParams.filterOptions && columnDef.filterParams.filterOptions.length === 1 && columnDef.filterParams.filterOptions[0] === 'inRange') { + this.eColumnFloatingFilter.readOnly = true; + } + }; + InputTextFloatingFilterComp.prototype.onParentModelChanged = function (parentModel, combinedFilter) { + if (combinedFilter != null) { + this.eColumnFloatingFilter.value = this.parseAsText(combinedFilter.condition1) + " " + combinedFilter.operator + " " + this.parseAsText(combinedFilter.condition2); + this.eColumnFloatingFilter.readOnly = true; + this.lastKnownModel = null; + this.eColumnFloatingFilter.title = this.eColumnFloatingFilter.value; + this.eColumnFloatingFilter.style.cursor = 'default'; + return; + } + else { + this.eColumnFloatingFilter.readOnly = false; + } + if (this.equalModels(this.lastKnownModel, parentModel)) { + // ensure column floating filter text is blanked out when both ranges are empty + if (!this.lastKnownModel && !parentModel) { + this.eColumnFloatingFilter.value = ''; + } + return; + } + this.lastKnownModel = parentModel; + var incomingTextValue = this.asFloatingFilterText(parentModel); + if (incomingTextValue === this.eColumnFloatingFilter.value) { + return; + } + this.eColumnFloatingFilter.value = incomingTextValue; + this.eColumnFloatingFilter.title = ''; + }; + InputTextFloatingFilterComp.prototype.syncUpWithParentFilter = function (e) { + var model = this.asParentModel(); + if (this.equalModels(this.lastKnownModel, model)) { + return; + } + var modelUpdated = null; + if (utils_1._.isKeyPressed(e, constants_1.Constants.KEY_ENTER)) { + modelUpdated = this.onFloatingFilterChanged({ + model: model, + apply: true + }); + } + else { + modelUpdated = this.onFloatingFilterChanged({ + model: model, + apply: false + }); + } + if (modelUpdated) { + this.lastKnownModel = model; + } + }; + InputTextFloatingFilterComp.prototype.equalModels = function (left, right) { + if (utils_1._.referenceCompare(left, right)) { + return true; + } + if (!left || !right) { + return false; + } + if (Array.isArray(left) || Array.isArray(right)) { + return false; + } + return (utils_1._.referenceCompare(left.type, right.type) && + utils_1._.referenceCompare(left.filter, right.filter) && + utils_1._.referenceCompare(left.filterTo, right.filterTo) && + utils_1._.referenceCompare(left.filterType, right.filterType)); + }; + __decorate([ + componentAnnotations_1.RefSelector('eColumnFloatingFilter'), + __metadata("design:type", HTMLInputElement) + ], InputTextFloatingFilterComp.prototype, "eColumnFloatingFilter", void 0); + return InputTextFloatingFilterComp; + }(component_1.Component)); + exports.InputTextFloatingFilterComp = InputTextFloatingFilterComp; + var TextFloatingFilterComp = (function (_super) { + __extends(TextFloatingFilterComp, _super); + function TextFloatingFilterComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + TextFloatingFilterComp.prototype.asFloatingFilterText = function (parentModel) { + if (!parentModel) { + return ''; + } + return parentModel.filter; + }; + TextFloatingFilterComp.prototype.asParentModel = function () { + var currentParentModel = this.currentParentModel(); + return { + type: currentParentModel.type, + filter: this.eColumnFloatingFilter.value, + filterType: 'text' + }; + }; + TextFloatingFilterComp.prototype.parseAsText = function (model) { + return this.asFloatingFilterText(model); + }; + return TextFloatingFilterComp; + }(InputTextFloatingFilterComp)); + exports.TextFloatingFilterComp = TextFloatingFilterComp; + var DateFloatingFilterComp = (function (_super) { + __extends(DateFloatingFilterComp, _super); + function DateFloatingFilterComp() { + var _this = _super !== null && _super.apply(this, arguments) || this; + _this.lastKnownModel = null; + return _this; + } + DateFloatingFilterComp.prototype.init = function (params) { + this.onFloatingFilterChanged = params.onFloatingFilterChanged; + this.currentParentModel = params.currentParentModel; + var debounceMs = params.debounceMs != null ? params.debounceMs : 500; + var toDebounce = utils_1._.debounce(this.onDateChanged.bind(this), debounceMs); + var dateComponentParams = { + onDateChanged: toDebounce, + filterParams: params.column.getColDef().filterParams + }; + this.dateComponentPromise = this.componentRecipes.newDateComponent(dateComponentParams); + var body = utils_1._.loadTemplate("
"); + this.dateComponentPromise.then(function (dateComponent) { + body.appendChild(dateComponent.getGui()); + }); + this.setTemplateFromElement(body); + }; + DateFloatingFilterComp.prototype.onDateChanged = function () { + var parentModel = this.currentParentModel(); + var model = this.asParentModel(); + if (this.equalModels(parentModel, model)) { + return; + } + this.onFloatingFilterChanged({ + model: model, + apply: true + }); + this.lastKnownModel = model; + }; + DateFloatingFilterComp.prototype.equalModels = function (left, right) { + if (utils_1._.referenceCompare(left, right)) { + return true; + } + if (!left || !right) { + return false; + } + if (Array.isArray(left) || Array.isArray(right)) { + return false; + } + return (utils_1._.referenceCompare(left.type, right.type) && + utils_1._.referenceCompare(left.dateFrom, right.dateFrom) && + utils_1._.referenceCompare(left.dateTo, right.dateTo) && + utils_1._.referenceCompare(left.filterType, right.filterType)); + }; + DateFloatingFilterComp.prototype.asParentModel = function () { + var currentParentModel = this.currentParentModel(); + var filterValueDate = this.dateComponentPromise.resolveNow(null, function (dateComponent) { return dateComponent.getDate(); }); + var filterValueText = utils_1._.serializeDateToYyyyMmDd(dateFilter_1.DateFilter.removeTimezone(filterValueDate), "-"); + return { + type: currentParentModel.type, + dateFrom: filterValueText, + dateTo: currentParentModel ? currentParentModel.dateTo : null, + filterType: 'date' + }; + }; + DateFloatingFilterComp.prototype.onParentModelChanged = function (parentModel) { + this.lastKnownModel = parentModel; + this.dateComponentPromise.then(function (dateComponent) { + if (!parentModel || !parentModel.dateFrom) { + dateComponent.setDate(null); + return; + } + dateComponent.setDate(utils_1._.parseYyyyMmDdToDate(parentModel.dateFrom, '-')); + }); + }; + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], DateFloatingFilterComp.prototype, "componentRecipes", void 0); + return DateFloatingFilterComp; + }(component_1.Component)); + exports.DateFloatingFilterComp = DateFloatingFilterComp; + var NumberFloatingFilterComp = (function (_super) { + __extends(NumberFloatingFilterComp, _super); + function NumberFloatingFilterComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + NumberFloatingFilterComp.prototype.asFloatingFilterText = function (toParse) { + var currentParentModel = this.currentParentModel(); + if (toParse == null && currentParentModel == null) { + return ''; + } + if (toParse == null && currentParentModel != null && currentParentModel.type !== 'inRange') { + this.eColumnFloatingFilter.readOnly = false; + return ''; + } + if (currentParentModel != null && currentParentModel.type === 'inRange') { + this.eColumnFloatingFilter.readOnly = true; + return this.parseAsText(currentParentModel); + } + this.eColumnFloatingFilter.readOnly = false; + return this.parseAsText(toParse); + }; + NumberFloatingFilterComp.prototype.parseAsText = function (model) { + if (model.type && model.type === 'inRange') { + var number_1 = this.asNumber(model.filter); + var numberTo = this.asNumber(model.filterTo); + return (number_1 ? number_1 + '' : '') + + '-' + + (numberTo ? numberTo + '' : ''); + } + var number = this.asNumber(model.filter); + return number != null ? number + '' : ''; + }; + NumberFloatingFilterComp.prototype.asParentModel = function () { + var currentParentModel = this.currentParentModel(); + var filterValueNumber = this.asNumber(this.eColumnFloatingFilter.value); + var filterValueText = this.eColumnFloatingFilter.value; + var modelFilterValue = null; + if (filterValueNumber == null && filterValueText === '') { + modelFilterValue = null; + } + else if (filterValueNumber == null) { + modelFilterValue = currentParentModel.filter; + } + else { + modelFilterValue = filterValueNumber; + } + return { + type: currentParentModel.type, + filter: modelFilterValue, + filterTo: !currentParentModel ? null : currentParentModel.filterTo, + filterType: 'number' + }; + }; + NumberFloatingFilterComp.prototype.asNumber = function (value) { + if (value == null) { + return null; + } + if (value === '') { + return null; + } + var asNumber = Number(value); + var invalidNumber = !utils_1._.isNumeric(asNumber); + return invalidNumber ? null : asNumber; + }; + return NumberFloatingFilterComp; + }(InputTextFloatingFilterComp)); + exports.NumberFloatingFilterComp = NumberFloatingFilterComp; + var SetFloatingFilterComp = (function (_super) { + __extends(SetFloatingFilterComp, _super); + function SetFloatingFilterComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + SetFloatingFilterComp.prototype.init = function (params) { + _super.prototype.init.call(this, params); + this.eColumnFloatingFilter.readOnly = true; + }; + SetFloatingFilterComp.prototype.asFloatingFilterText = function (parentModel) { + this.eColumnFloatingFilter.readOnly = true; + if (!parentModel) + return ''; + // also supporting old filter model for backwards compatibility + var values = (parentModel instanceof Array) ? parentModel : parentModel.values; + if (values.length === 0) { + return ''; + } + var arrayToDisplay = values.length > 10 ? values.slice(0, 10).concat('...') : values; + return "(" + values.length + ") " + arrayToDisplay.join(","); + }; + SetFloatingFilterComp.prototype.parseAsText = function (model) { + return this.asFloatingFilterText(model); + }; + SetFloatingFilterComp.prototype.asParentModel = function () { + if (this.eColumnFloatingFilter.value == null || this.eColumnFloatingFilter.value === '') { + return { + values: [], + filterType: 'set' + }; + } + return { + values: this.eColumnFloatingFilter.value.split(","), + filterType: 'set' + }; + }; + SetFloatingFilterComp.prototype.equalModels = function (left, right) { + return false; + }; + return SetFloatingFilterComp; + }(InputTextFloatingFilterComp)); + exports.SetFloatingFilterComp = SetFloatingFilterComp; + var ReadModelAsStringFloatingFilterComp = (function (_super) { + __extends(ReadModelAsStringFloatingFilterComp, _super); + function ReadModelAsStringFloatingFilterComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + ReadModelAsStringFloatingFilterComp.prototype.init = function (params) { + _super.prototype.init.call(this, params); + this.eColumnFloatingFilter.readOnly = true; + }; + ReadModelAsStringFloatingFilterComp.prototype.onParentModelChanged = function (parentModel) { + this.eColumnFloatingFilter.value = this.asFloatingFilterText(this.currentParentModel()); + }; + ReadModelAsStringFloatingFilterComp.prototype.asFloatingFilterText = function (parentModel) { + return parentModel; + }; + ReadModelAsStringFloatingFilterComp.prototype.parseAsText = function (model) { + return model; + }; + ReadModelAsStringFloatingFilterComp.prototype.asParentModel = function () { + return null; + }; + return ReadModelAsStringFloatingFilterComp; + }(InputTextFloatingFilterComp)); + exports.ReadModelAsStringFloatingFilterComp = ReadModelAsStringFloatingFilterComp; + + +/***/ }), +/* 54 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var column_1 = __webpack_require__(19); + var utils_1 = __webpack_require__(8); + var setLeftFeature_1 = __webpack_require__(55); + var component_1 = __webpack_require__(36); + var componentAnnotations_1 = __webpack_require__(43); + var gridOptionsWrapper_1 = __webpack_require__(4); + var beans_1 = __webpack_require__(56); + var hoverFeature_1 = __webpack_require__(76); + var events_1 = __webpack_require__(11); + var eventService_1 = __webpack_require__(5); + var columnHoverService_1 = __webpack_require__(69); + var BaseFilterWrapperComp = (function (_super) { + __extends(BaseFilterWrapperComp, _super); + function BaseFilterWrapperComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + BaseFilterWrapperComp.prototype.init = function (params) { + this.column = params.column; + var base = utils_1._.loadTemplate("
"); + this.enrichBody(base); + this.setTemplateFromElement(base); + this.setupWidth(); + this.addColumnHoverListener(); + this.addFeature(this.context, new hoverFeature_1.HoverFeature([this.column], this.getGui())); + var setLeftFeature = new setLeftFeature_1.SetLeftFeature(this.column, this.getGui(), this.beans); + setLeftFeature.init(); + this.addDestroyFunc(setLeftFeature.destroy.bind(setLeftFeature)); + }; + BaseFilterWrapperComp.prototype.addColumnHoverListener = function () { + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_COLUMN_HOVER_CHANGED, this.onColumnHover.bind(this)); + this.onColumnHover(); + }; + BaseFilterWrapperComp.prototype.onColumnHover = function () { + var isHovered = this.columnHoverService.isHovered(this.column); + utils_1._.addOrRemoveCssClass(this.getGui(), 'ag-column-hover', isHovered); + }; + BaseFilterWrapperComp.prototype.setupWidth = function () { + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_WIDTH_CHANGED, this.onColumnWidthChanged.bind(this)); + this.onColumnWidthChanged(); + }; + BaseFilterWrapperComp.prototype.onColumnWidthChanged = function () { + this.getGui().style.width = this.column.getActualWidth() + 'px'; + }; + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], BaseFilterWrapperComp.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnHoverService'), + __metadata("design:type", columnHoverService_1.ColumnHoverService) + ], BaseFilterWrapperComp.prototype, "columnHoverService", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], BaseFilterWrapperComp.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('beans'), + __metadata("design:type", beans_1.Beans) + ], BaseFilterWrapperComp.prototype, "beans", void 0); + return BaseFilterWrapperComp; + }(component_1.Component)); + exports.BaseFilterWrapperComp = BaseFilterWrapperComp; + var FloatingFilterWrapperComp = (function (_super) { + __extends(FloatingFilterWrapperComp, _super); + function FloatingFilterWrapperComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + FloatingFilterWrapperComp.prototype.init = function (params) { + this.floatingFilterCompPromise = params.floatingFilterComp; + this.suppressFilterButton = params.suppressFilterButton; + _super.prototype.init.call(this, params); + this.addEventListeners(); + }; + FloatingFilterWrapperComp.prototype.addEventListeners = function () { + if (!this.suppressFilterButton && this.eButtonShowMainFilter) { + this.addDestroyableEventListener(this.eButtonShowMainFilter, 'click', this.showParentFilter.bind(this)); + } + }; + FloatingFilterWrapperComp.prototype.enrichBody = function (body) { + var _this = this; + this.floatingFilterCompPromise.then(function (floatingFilterComp) { + var floatingFilterBody = body.querySelector('.ag-floating-filter-body'); + var floatingFilterCompUi = floatingFilterComp.getGui(); + if (_this.suppressFilterButton) { + floatingFilterBody.appendChild(floatingFilterCompUi); + utils_1._.removeCssClass(floatingFilterBody, 'ag-floating-filter-body'); + utils_1._.addCssClass(floatingFilterBody, 'ag-floating-filter-full-body'); + } + else { + floatingFilterBody.appendChild(floatingFilterCompUi); + body.appendChild(utils_1._.loadTemplate("
\n \n
")); + var eIcon = utils_1._.createIconNoSpan('filter', _this.gridOptionsWrapper, _this.column); + body.querySelector('button').appendChild(eIcon); + } + if (floatingFilterComp.afterGuiAttached) { + floatingFilterComp.afterGuiAttached(); + } + _this.wireQuerySelectors(); + _this.addEventListeners(); + }); + }; + FloatingFilterWrapperComp.prototype.onParentModelChanged = function (parentModel) { + var combinedFilter = undefined; + var mainModel = null; + if (parentModel && parentModel.operator) { + combinedFilter = parentModel; + mainModel = combinedFilter.condition1; + } + else { + mainModel = parentModel; + } + this.floatingFilterCompPromise.then(function (floatingFilterComp) { + floatingFilterComp.onParentModelChanged(mainModel, combinedFilter); + }); + }; + FloatingFilterWrapperComp.prototype.showParentFilter = function () { + this.menuFactory.showMenuAfterButtonClick(this.column, this.eButtonShowMainFilter, 'filterMenuTab', ['filterMenuTab']); + }; + __decorate([ + componentAnnotations_1.RefSelector('eButtonShowMainFilter'), + __metadata("design:type", HTMLInputElement) + ], FloatingFilterWrapperComp.prototype, "eButtonShowMainFilter", void 0); + __decorate([ + context_1.Autowired('menuFactory'), + __metadata("design:type", Object) + ], FloatingFilterWrapperComp.prototype, "menuFactory", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], FloatingFilterWrapperComp.prototype, "gridOptionsWrapper", void 0); + return FloatingFilterWrapperComp; + }(BaseFilterWrapperComp)); + exports.FloatingFilterWrapperComp = FloatingFilterWrapperComp; + var EmptyFloatingFilterWrapperComp = (function (_super) { + __extends(EmptyFloatingFilterWrapperComp, _super); + function EmptyFloatingFilterWrapperComp() { + return _super !== null && _super.apply(this, arguments) || this; + } + EmptyFloatingFilterWrapperComp.prototype.enrichBody = function (body) { + }; + EmptyFloatingFilterWrapperComp.prototype.onParentModelChanged = function (parentModel) { + }; + return EmptyFloatingFilterWrapperComp; + }(BaseFilterWrapperComp)); + exports.EmptyFloatingFilterWrapperComp = EmptyFloatingFilterWrapperComp; + + +/***/ }), +/* 55 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var column_1 = __webpack_require__(19); + var beanStub_1 = __webpack_require__(37); + var SetLeftFeature = (function (_super) { + __extends(SetLeftFeature, _super); + function SetLeftFeature(columnOrGroup, eCell, beans, colsSpanning) { + var _this = _super.call(this) || this; + _this.columnOrGroup = columnOrGroup; + _this.eCell = eCell; + _this.colsSpanning = colsSpanning; + _this.beans = beans; + return _this; + } + SetLeftFeature.prototype.setColsSpanning = function (colsSpanning) { + this.colsSpanning = colsSpanning; + this.onLeftChanged(); + }; + SetLeftFeature.prototype.getColumnOrGroup = function () { + if (this.beans.gridOptionsWrapper.isEnableRtl() && this.colsSpanning) { + return this.colsSpanning[this.colsSpanning.length - 1]; + } + else { + return this.columnOrGroup; + } + }; + SetLeftFeature.prototype.init = function () { + this.addDestroyableEventListener(this.columnOrGroup, column_1.Column.EVENT_LEFT_CHANGED, this.onLeftChanged.bind(this)); + this.setLeftFirstTime(); + }; + SetLeftFeature.prototype.setLeftFirstTime = function () { + var suppressMoveAnimation = this.beans.gridOptionsWrapper.isSuppressColumnMoveAnimation(); + var oldLeftExists = utils_1.Utils.exists(this.columnOrGroup.getOldLeft()); + var animateColumnMove = this.beans.columnAnimationService.isActive() && oldLeftExists && !suppressMoveAnimation; + if (animateColumnMove) { + this.animateInLeft(); + } + else { + this.onLeftChanged(); + } + }; + SetLeftFeature.prototype.animateInLeft = function () { + var _this = this; + var left = this.getColumnOrGroup().getLeft(); + var oldLeft = this.getColumnOrGroup().getOldLeft(); + this.setLeft(oldLeft); + // we must keep track of the left we want to set to, as this would otherwise lead to a race + // condition, if the user changed the left value many times in one VM turn, then we want to make + // make sure the actualLeft we set in the timeout below (in the next VM turn) is the correct left + // position. eg if user changes column position twice, then setLeft() below executes twice in next + // VM turn, but only one (the correct one) should get applied. + this.actualLeft = left; + this.beans.columnAnimationService.executeNextVMTurn(function () { + // test this left value is the latest one to be applied, and if not, do nothing + if (_this.actualLeft === left) { + _this.setLeft(left); + } + }); + }; + SetLeftFeature.prototype.onLeftChanged = function () { + this.actualLeft = this.getColumnOrGroup().getLeft(); + this.setLeft(this.actualLeft); + }; + SetLeftFeature.prototype.setLeft = function (value) { + // if the value is null, then that means the column is no longer + // displayed. there is logic in the rendering to fade these columns + // out, so we don't try and change their left positions. + if (utils_1.Utils.exists(value)) { + this.eCell.style.left = value + 'px'; + } + }; + return SetLeftFeature; + }(beanStub_1.BeanStub)); + exports.SetLeftFeature = SetLeftFeature; + + +/***/ }), +/* 56 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var gridApi_1 = __webpack_require__(14); + var gridOptionsWrapper_1 = __webpack_require__(4); + var expressionService_1 = __webpack_require__(23); + var rowRenderer_1 = __webpack_require__(26); + var templateService_1 = __webpack_require__(27); + var valueService_1 = __webpack_require__(28); + var eventService_1 = __webpack_require__(5); + var columnAnimationService_1 = __webpack_require__(57); + var focusedCellController_1 = __webpack_require__(58); + var cellEditorFactory_1 = __webpack_require__(59); + var cellRendererFactory_1 = __webpack_require__(61); + var popupService_1 = __webpack_require__(46); + var cellRendererService_1 = __webpack_require__(65); + var valueFormatterService_1 = __webpack_require__(66); + var stylingService_1 = __webpack_require__(68); + var columnHoverService_1 = __webpack_require__(69); + var paginationProxy_1 = __webpack_require__(70); + var animationFrameService_1 = __webpack_require__(72); + var componentResolver_1 = __webpack_require__(47); + var dragAndDropService_1 = __webpack_require__(40); + var sortController_1 = __webpack_require__(74); + var filterManager_1 = __webpack_require__(45); + var heightScaler_1 = __webpack_require__(75); + /** Using the IoC has a slight performance consideration, which is no problem most of the + * time, unless we are trashing objects - which is the case when scrolling and rowComp + * and cellComp. So for performance reasons, RowComp and CellComp do not get autowired + * with the IoC. Instead they get passed this object which is all the beans the RowComp + * and CellComp need. Not autowiring all the cells gives performance improvement. */ + var Beans = (function () { + function Beans() { + } + Beans.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + Beans.prototype.postConstruct = function () { + this.doingMasterDetail = this.gridOptionsWrapper.isMasterDetail(); + }; + __decorate([ + context_1.Autowired('paginationProxy'), + __metadata("design:type", paginationProxy_1.PaginationProxy) + ], Beans.prototype, "paginationProxy", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], Beans.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], Beans.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], Beans.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], Beans.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], Beans.prototype, "expressionService", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], Beans.prototype, "rowRenderer", void 0); + __decorate([ + context_1.Autowired('$compile'), + __metadata("design:type", Object) + ], Beans.prototype, "$compile", void 0); + __decorate([ + context_1.Autowired('templateService'), + __metadata("design:type", templateService_1.TemplateService) + ], Beans.prototype, "templateService", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], Beans.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], Beans.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], Beans.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('columnAnimationService'), + __metadata("design:type", columnAnimationService_1.ColumnAnimationService) + ], Beans.prototype, "columnAnimationService", void 0); + __decorate([ + context_1.Optional('rangeController'), + __metadata("design:type", Object) + ], Beans.prototype, "rangeController", void 0); + __decorate([ + context_1.Autowired('focusedCellController'), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], Beans.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Optional('contextMenuFactory'), + __metadata("design:type", Object) + ], Beans.prototype, "contextMenuFactory", void 0); + __decorate([ + context_1.Autowired('cellEditorFactory'), + __metadata("design:type", cellEditorFactory_1.CellEditorFactory) + ], Beans.prototype, "cellEditorFactory", void 0); + __decorate([ + context_1.Autowired('cellRendererFactory'), + __metadata("design:type", cellRendererFactory_1.CellRendererFactory) + ], Beans.prototype, "cellRendererFactory", void 0); + __decorate([ + context_1.Autowired('popupService'), + __metadata("design:type", popupService_1.PopupService) + ], Beans.prototype, "popupService", void 0); + __decorate([ + context_1.Autowired('cellRendererService'), + __metadata("design:type", cellRendererService_1.CellRendererService) + ], Beans.prototype, "cellRendererService", void 0); + __decorate([ + context_1.Autowired('valueFormatterService'), + __metadata("design:type", valueFormatterService_1.ValueFormatterService) + ], Beans.prototype, "valueFormatterService", void 0); + __decorate([ + context_1.Autowired('stylingService'), + __metadata("design:type", stylingService_1.StylingService) + ], Beans.prototype, "stylingService", void 0); + __decorate([ + context_1.Autowired('columnHoverService'), + __metadata("design:type", columnHoverService_1.ColumnHoverService) + ], Beans.prototype, "columnHoverService", void 0); + __decorate([ + context_1.Autowired('enterprise'), + __metadata("design:type", Boolean) + ], Beans.prototype, "enterprise", void 0); + __decorate([ + context_1.Autowired('componentResolver'), + __metadata("design:type", componentResolver_1.ComponentResolver) + ], Beans.prototype, "componentResolver", void 0); + __decorate([ + context_1.Autowired('animationFrameService'), + __metadata("design:type", animationFrameService_1.AnimationFrameService) + ], Beans.prototype, "taskQueue", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], Beans.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('sortController'), + __metadata("design:type", sortController_1.SortController) + ], Beans.prototype, "sortController", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], Beans.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('heightScaler'), + __metadata("design:type", heightScaler_1.HeightScaler) + ], Beans.prototype, "heightScaler", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], Beans.prototype, "postConstruct", null); + Beans = __decorate([ + context_1.Bean('beans') + ], Beans); + return Beans; + }()); + exports.Beans = Beans; + + +/***/ }), +/* 57 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var ColumnAnimationService = (function () { + function ColumnAnimationService() { + this.executeNextFuncs = []; + this.executeLaterFuncs = []; + this.active = false; + this.animationThreadCount = 0; + } + ColumnAnimationService.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + ColumnAnimationService.prototype.isActive = function () { + return this.active; + }; + ColumnAnimationService.prototype.start = function () { + if (this.active) { + return; + } + if (this.gridOptionsWrapper.isSuppressColumnMoveAnimation()) { + return; + } + // if doing RTL, we don't animate open / close as due to how the pixels are inverted, + // the animation moves all the row the the right rather than to the left (ie it's the static + // columns that actually get their coordinates updated) + if (this.gridOptionsWrapper.isEnableRtl()) { + return; + } + this.ensureAnimationCssClassPresent(); + this.active = true; + }; + ColumnAnimationService.prototype.finish = function () { + if (!this.active) { + return; + } + this.flush(); + this.active = false; + }; + ColumnAnimationService.prototype.executeNextVMTurn = function (func) { + if (this.active) { + this.executeNextFuncs.push(func); + } + else { + func(); + } + }; + ColumnAnimationService.prototype.executeLaterVMTurn = function (func) { + if (this.active) { + this.executeLaterFuncs.push(func); + } + else { + func(); + } + }; + ColumnAnimationService.prototype.ensureAnimationCssClassPresent = function () { + var _this = this; + // up the count, so we can tell if someone else has updated the count + // by the time the 'wait' func executes + this.animationThreadCount++; + var animationThreadCountCopy = this.animationThreadCount; + this.gridPanel.setColumnMovingCss(true); + this.executeLaterFuncs.push(function () { + // only remove the class if this thread was the last one to update it + if (_this.animationThreadCount === animationThreadCountCopy) { + _this.gridPanel.setColumnMovingCss(false); + } + }); + }; + ColumnAnimationService.prototype.flush = function () { + var nowFuncs = this.executeNextFuncs; + this.executeNextFuncs = []; + var waitFuncs = this.executeLaterFuncs; + this.executeLaterFuncs = []; + if (nowFuncs.length === 0 && waitFuncs.length === 0) { + return; + } + setTimeout(function () { return nowFuncs.forEach(function (func) { return func(); }); }, 0); + setTimeout(function () { return waitFuncs.forEach(function (func) { return func(); }); }, 300); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ColumnAnimationService.prototype, "gridOptionsWrapper", void 0); + ColumnAnimationService = __decorate([ + context_1.Bean('columnAnimationService') + ], ColumnAnimationService); + return ColumnAnimationService; + }()); + exports.ColumnAnimationService = ColumnAnimationService; + + +/***/ }), +/* 58 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var utils_1 = __webpack_require__(8); + var gridCell_1 = __webpack_require__(34); + var gridApi_1 = __webpack_require__(14); + var cellComp_1 = __webpack_require__(31); + var FocusedCellController = (function () { + function FocusedCellController() { + } + FocusedCellController.prototype.init = function () { + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.clearFocusedCell.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.clearFocusedCell.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_GROUP_OPENED, this.clearFocusedCell.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_MOVED, this.clearFocusedCell.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_PINNED, this.clearFocusedCell.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.clearFocusedCell.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_VISIBLE, this.clearFocusedCell.bind(this)); + }; + FocusedCellController.prototype.clearFocusedCell = function () { + this.focusedCell = null; + this.onCellFocused(false); + }; + FocusedCellController.prototype.getFocusedCell = function () { + return this.focusedCell; + }; + // we check if the browser is focusing something, and if it is, and + // it's the cell we think is focused, then return the cell. so this + // methods returns the cell if a) we think it has focus and b) the + // browser thinks it has focus. this then returns nothing if we + // first focus a cell, then second click outside the grid, as then the + // grid cell will still be focused as far as the grid is concerned, + // however the browser focus will have moved somewhere else. + FocusedCellController.prototype.getFocusCellToUseAfterRefresh = function () { + if (this.gridOptionsWrapper.isSuppressFocusAfterRefresh()) { + return null; + } + if (!this.focusedCell) { + return null; + } + // we check that the browser is actually focusing on the grid, if it is not, then + // we have nothing to worry about + var browserFocusedCell = this.getGridCellForDomElement(document.activeElement); + if (!browserFocusedCell) { + return null; + } + return this.focusedCell; + }; + FocusedCellController.prototype.getGridCellForDomElement = function (eBrowserCell) { + var ePointer = eBrowserCell; + while (ePointer) { + var cellComp = this.gridOptionsWrapper.getDomData(ePointer, cellComp_1.CellComp.DOM_DATA_KEY_CELL_COMP); + if (cellComp) { + return cellComp.getGridCell(); + } + ePointer = ePointer.parentNode; + } + return null; + }; + FocusedCellController.prototype.setFocusedCell = function (rowIndex, colKey, floating, forceBrowserFocus) { + if (forceBrowserFocus === void 0) { forceBrowserFocus = false; } + var column = utils_1.Utils.makeNull(this.columnController.getGridColumn(colKey)); + this.focusedCell = new gridCell_1.GridCell({ rowIndex: rowIndex, + floating: utils_1.Utils.makeNull(floating), + column: column }); + this.onCellFocused(forceBrowserFocus); + }; + FocusedCellController.prototype.isCellFocused = function (gridCell) { + if (utils_1.Utils.missing(this.focusedCell)) { + return false; + } + return this.focusedCell.column === gridCell.column && this.isRowFocused(gridCell.rowIndex, gridCell.floating); + }; + FocusedCellController.prototype.isRowNodeFocused = function (rowNode) { + return this.isRowFocused(rowNode.rowIndex, rowNode.rowPinned); + }; + FocusedCellController.prototype.isAnyCellFocused = function () { + return !!this.focusedCell; + }; + FocusedCellController.prototype.isRowFocused = function (rowIndex, floating) { + if (utils_1.Utils.missing(this.focusedCell)) { + return false; + } + var floatingOrNull = utils_1.Utils.makeNull(floating); + return this.focusedCell.rowIndex === rowIndex && this.focusedCell.floating === floatingOrNull; + }; + FocusedCellController.prototype.onCellFocused = function (forceBrowserFocus) { + var event = { + type: events_1.Events.EVENT_CELL_FOCUSED, + forceBrowserFocus: forceBrowserFocus, + rowIndex: null, + column: null, + floating: null, + api: this.gridApi, + columnApi: this.columnApi, + rowPinned: null + }; + if (this.focusedCell) { + event.rowIndex = this.focusedCell.rowIndex; + event.column = this.focusedCell.column; + event.rowPinned = this.focusedCell.floating; + } + this.eventService.dispatchEvent(event); + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], FocusedCellController.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], FocusedCellController.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], FocusedCellController.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], FocusedCellController.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], FocusedCellController.prototype, "gridApi", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], FocusedCellController.prototype, "init", null); + FocusedCellController = __decorate([ + context_1.Bean('focusedCellController') + ], FocusedCellController); + return FocusedCellController; + }()); + exports.FocusedCellController = FocusedCellController; + + +/***/ }), +/* 59 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var popupEditorWrapper_1 = __webpack_require__(60); + var gridOptionsWrapper_1 = __webpack_require__(4); + var componentResolver_1 = __webpack_require__(47); + var CellEditorFactory = (function () { + function CellEditorFactory() { + } + CellEditorFactory.prototype.init = function () { + }; + CellEditorFactory.prototype.addCellEditor = function (key, cellEditor) { + console.warn("ag-grid: since v13.3.1 this method is not supported anymore. If you want to register your own editor check the docs: https://www.ag-grid.com/javascript-grid-cell-editor/"); + }; + // private registerEditorsFromGridOptions(): void { + // let userProvidedCellEditors = this.gridOptionsWrapper.getCellEditors(); + // _.iterateObject(userProvidedCellEditors, (key: string, cellEditor: {new(): ICellEditor})=> { + // this.addCellEditor(key, cellEditor); + // }); + // } + CellEditorFactory.prototype.createCellEditor = function (column, params) { + var _this = this; + var cellEditorPromise = this.componentResolver.createAgGridComponent(column, params, 'cellEditor', { + api: params.api, + columnApi: params.columnApi, + node: params.node, + data: params.node.data, + rowIndex: params.rowIndex, + column: params.column, + colDef: params.column.getColDef() + }, 'agCellEditor'); + return cellEditorPromise.map(function (cellEditor) { + var isPopup = cellEditor.isPopup && cellEditor.isPopup(); + if (!isPopup) { + return cellEditor; + } + if (_this.gridOptionsWrapper.isFullRowEdit()) { + console.warn('ag-Grid: popup cellEditor does not work with fullRowEdit - you cannot use them both ' + + '- either turn off fullRowEdit, or stop using popup editors.'); + } + // if a popup, then we wrap in a popup editor and return the popup + var popupEditorWrapper = new popupEditorWrapper_1.PopupEditorWrapper(cellEditor); + _this.context.wireBean(popupEditorWrapper); + popupEditorWrapper.init(params); + return popupEditorWrapper; + }); + }; + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], CellEditorFactory.prototype, "context", void 0); + __decorate([ + context_1.Autowired('componentResolver'), + __metadata("design:type", componentResolver_1.ComponentResolver) + ], CellEditorFactory.prototype, "componentResolver", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], CellEditorFactory.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], CellEditorFactory.prototype, "init", null); + CellEditorFactory = __decorate([ + context_1.Bean('cellEditorFactory') + ], CellEditorFactory); + return CellEditorFactory; + }()); + exports.CellEditorFactory = CellEditorFactory; + + +/***/ }), +/* 60 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var PopupEditorWrapper = (function (_super) { + __extends(PopupEditorWrapper, _super); + function PopupEditorWrapper(cellEditor) { + var _this = _super.call(this, "
") || this; + _this.getGuiCalledOnChild = false; + _this.cellEditor = cellEditor; + return _this; + } + PopupEditorWrapper.prototype.onKeyDown = function (event) { + this.params.onKeyDown(event); + }; + PopupEditorWrapper.prototype.getGui = function () { + // we call getGui() on child here (rather than in the constructor) + // as we should wait for 'init' to be called on child first. + if (!this.getGuiCalledOnChild) { + this.appendChild(this.cellEditor.getGui()); + this.getGuiCalledOnChild = true; + } + return _super.prototype.getGui.call(this); + }; + PopupEditorWrapper.prototype.init = function (params) { + var _this = this; + this.params = params; + this.gridOptionsWrapper.setDomData(this.getGui(), PopupEditorWrapper.DOM_KEY_POPUP_EDITOR_WRAPPER, true); + this.addDestroyFunc(function () { + if (_this.cellEditor.destroy) { + _this.cellEditor.destroy(); + } + }); + this.addDestroyableEventListener( + // this needs to be 'super' and not 'this' as if we call 'this', + // it ends up called 'getGui()' on the child before 'init' was called, + // which is not good + _super.prototype.getGui.call(this), 'keydown', this.onKeyDown.bind(this)); + }; + PopupEditorWrapper.prototype.afterGuiAttached = function () { + if (this.cellEditor.afterGuiAttached) { + this.cellEditor.afterGuiAttached(); + } + }; + PopupEditorWrapper.prototype.getValue = function () { + return this.cellEditor.getValue(); + }; + PopupEditorWrapper.prototype.isPopup = function () { + return true; + }; + PopupEditorWrapper.prototype.isCancelBeforeStart = function () { + if (this.cellEditor.isCancelBeforeStart) { + return this.cellEditor.isCancelBeforeStart(); + } + }; + PopupEditorWrapper.prototype.isCancelAfterEnd = function () { + if (this.cellEditor.isCancelAfterEnd) { + return this.cellEditor.isCancelAfterEnd(); + } + }; + PopupEditorWrapper.prototype.focusIn = function () { + if (this.cellEditor.focusIn) { + this.cellEditor.focusIn(); + } + }; + PopupEditorWrapper.prototype.focusOut = function () { + if (this.cellEditor.focusOut) { + this.cellEditor.focusOut(); + } + }; + PopupEditorWrapper.DOM_KEY_POPUP_EDITOR_WRAPPER = 'popupEditorWrapper'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], PopupEditorWrapper.prototype, "gridOptionsWrapper", void 0); + return PopupEditorWrapper; + }(component_1.Component)); + exports.PopupEditorWrapper = PopupEditorWrapper; + + +/***/ }), +/* 61 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var eventService_1 = __webpack_require__(5); + var expressionService_1 = __webpack_require__(23); + var animateSlideCellRenderer_1 = __webpack_require__(62); + var animateShowChangeCellRenderer_1 = __webpack_require__(63); + var groupCellRenderer_1 = __webpack_require__(64); + var CellRendererFactory = (function () { + function CellRendererFactory() { + this.cellRendererMap = {}; + } + CellRendererFactory_1 = CellRendererFactory; + CellRendererFactory.prototype.init = function () { + this.cellRendererMap[CellRendererFactory_1.ANIMATE_SLIDE] = animateSlideCellRenderer_1.AnimateSlideCellRenderer; + this.cellRendererMap[CellRendererFactory_1.ANIMATE_SHOW_CHANGE] = animateShowChangeCellRenderer_1.AnimateShowChangeCellRenderer; + this.cellRendererMap[CellRendererFactory_1.GROUP] = groupCellRenderer_1.GroupCellRenderer; + // this.registerRenderersFromGridOptions(); + }; + // private registerRenderersFromGridOptions(): void { + // let userProvidedCellRenderers = this.gridOptionsWrapper.getCellRenderers(); + // _.iterateObject(userProvidedCellRenderers, (key: string, cellRenderer: {new(): ICellRenderer} | ICellRendererFunc)=> { + // this.addCellRenderer(key, cellRenderer); + // }); + // } + CellRendererFactory.prototype.addCellRenderer = function (key, cellRenderer) { + this.cellRendererMap[key] = cellRenderer; + }; + CellRendererFactory.prototype.getCellRenderer = function (key) { + var result = this.cellRendererMap[key]; + if (utils_1.Utils.missing(result)) { + console.warn('ag-Grid: unable to find cellRenderer for key ' + key); + return null; + } + return result; + }; + CellRendererFactory.ANIMATE_SLIDE = 'animateSlide'; + CellRendererFactory.ANIMATE_SHOW_CHANGE = 'animateShowChange'; + CellRendererFactory.GROUP = 'group'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], CellRendererFactory.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], CellRendererFactory.prototype, "expressionService", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], CellRendererFactory.prototype, "eventService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], CellRendererFactory.prototype, "init", null); + CellRendererFactory = CellRendererFactory_1 = __decorate([ + context_1.Bean('cellRendererFactory') + ], CellRendererFactory); + return CellRendererFactory; + var CellRendererFactory_1; + }()); + exports.CellRendererFactory = CellRendererFactory; + + +/***/ }), +/* 62 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var component_1 = __webpack_require__(36); + var AnimateSlideCellRenderer = (function (_super) { + __extends(AnimateSlideCellRenderer, _super); + function AnimateSlideCellRenderer() { + var _this = _super.call(this, AnimateSlideCellRenderer.TEMPLATE) || this; + _this.refreshCount = 0; + _this.eCurrent = _this.queryForHtmlElement('.ag-value-slide-current'); + return _this; + } + AnimateSlideCellRenderer.prototype.init = function (params) { + this.params = params; + this.refresh(params); + }; + AnimateSlideCellRenderer.prototype.addSlideAnimation = function () { + var _this = this; + this.refreshCount++; + // below we keep checking this, and stop working on the animation + // if it no longer matches - this means another animation has started + // and this one is stale. + var refreshCountCopy = this.refreshCount; + // if old animation, remove it + if (this.ePrevious) { + this.getGui().removeChild(this.ePrevious); + } + this.ePrevious = utils_1.Utils.loadTemplate(''); + this.ePrevious.innerHTML = this.eCurrent.innerHTML; + this.getGui().insertBefore(this.ePrevious, this.eCurrent); + // having timeout of 0 allows use to skip to the next css turn, + // so we know the previous css classes have been applied. so the + // complex set of setTimeout below creates the animation + setTimeout(function () { + if (refreshCountCopy !== _this.refreshCount) { + return; + } + utils_1.Utils.addCssClass(_this.ePrevious, 'ag-value-slide-out-end'); + }, 50); + setTimeout(function () { + if (refreshCountCopy !== _this.refreshCount) { + return; + } + _this.getGui().removeChild(_this.ePrevious); + _this.ePrevious = null; + }, 3000); + }; + AnimateSlideCellRenderer.prototype.refresh = function (params) { + var value = params.value; + if (utils_1.Utils.missing(value)) { + value = ''; + } + if (value === this.lastValue) { + return; + } + this.addSlideAnimation(); + this.lastValue = value; + if (utils_1.Utils.exists(params.valueFormatted)) { + this.eCurrent.innerHTML = params.valueFormatted; + } + else if (utils_1.Utils.exists(params.value)) { + this.eCurrent.innerHTML = value; + } + else { + this.eCurrent.innerHTML = ''; + } + return true; + }; + AnimateSlideCellRenderer.TEMPLATE = '' + + '' + + ''; + return AnimateSlideCellRenderer; + }(component_1.Component)); + exports.AnimateSlideCellRenderer = AnimateSlideCellRenderer; + + +/***/ }), +/* 63 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var component_1 = __webpack_require__(36); + var ARROW_UP = '￪'; + var ARROW_DOWN = '￬'; + var AnimateShowChangeCellRenderer = (function (_super) { + __extends(AnimateShowChangeCellRenderer, _super); + function AnimateShowChangeCellRenderer() { + var _this = _super.call(this, AnimateShowChangeCellRenderer.TEMPLATE) || this; + _this.refreshCount = 0; + return _this; + } + AnimateShowChangeCellRenderer.prototype.init = function (params) { + // this.params = params; + this.eValue = this.queryForHtmlElement('.ag-value-change-value'); + this.eDelta = this.queryForHtmlElement('.ag-value-change-delta'); + this.refresh(params); + }; + AnimateShowChangeCellRenderer.prototype.showDelta = function (params, delta) { + var absDelta = Math.abs(delta); + var valueFormatted = params.formatValue(absDelta); + var valueToUse = utils_1.Utils.exists(valueFormatted) ? valueFormatted : absDelta; + var deltaUp = (delta >= 0); + if (deltaUp) { + this.eDelta.innerHTML = ARROW_UP + valueToUse; + } + else { + // because negative, use ABS to remove sign + this.eDelta.innerHTML = ARROW_DOWN + valueToUse; + } + // class makes it green (in ag-fresh) + utils_1.Utils.addOrRemoveCssClass(this.eDelta, 'ag-value-change-delta-up', deltaUp); + // class makes it red (in ag-fresh) + utils_1.Utils.addOrRemoveCssClass(this.eDelta, 'ag-value-change-delta-down', !deltaUp); + }; + AnimateShowChangeCellRenderer.prototype.setTimerToRemoveDelta = function () { + var _this = this; + // the refreshCount makes sure that if the value updates again while + // the below timer is waiting, then the below timer will realise it + // is not the most recent and will not try to remove the delta value. + this.refreshCount++; + var refreshCountCopy = this.refreshCount; + setTimeout(function () { + if (refreshCountCopy === _this.refreshCount) { + _this.hideDeltaValue(); + } + }, 2000); + }; + AnimateShowChangeCellRenderer.prototype.hideDeltaValue = function () { + utils_1.Utils.removeCssClass(this.eValue, 'ag-value-change-value-highlight'); + this.eDelta.innerHTML = ''; + }; + AnimateShowChangeCellRenderer.prototype.refresh = function (params) { + var value = params.value; + if (value === this.lastValue) { + return; + } + if (utils_1.Utils.exists(params.valueFormatted)) { + this.eValue.innerHTML = params.valueFormatted; + } + else if (utils_1.Utils.exists(params.value)) { + this.eValue.innerHTML = value; + } + else { + this.eValue.innerHTML = ''; + } + if (typeof value === 'number' && typeof this.lastValue === 'number') { + var delta = value - this.lastValue; + this.showDelta(params, delta); + } + // highlight the current value, but only if it's not new, otherwise it + // would get highlighted first time the value is shown + if (this.lastValue) { + utils_1.Utils.addCssClass(this.eValue, 'ag-value-change-value-highlight'); + } + this.setTimerToRemoveDelta(); + this.lastValue = value; + return true; + }; + AnimateShowChangeCellRenderer.TEMPLATE = '' + + '' + + '' + + ''; + return AnimateShowChangeCellRenderer; + }(component_1.Component)); + exports.AnimateShowChangeCellRenderer = AnimateShowChangeCellRenderer; + + +/***/ }), +/* 64 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var expressionService_1 = __webpack_require__(23); + var eventService_1 = __webpack_require__(5); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var component_1 = __webpack_require__(36); + var rowNode_1 = __webpack_require__(32); + var cellRendererService_1 = __webpack_require__(65); + var valueFormatterService_1 = __webpack_require__(66); + var checkboxSelectionComponent_1 = __webpack_require__(38); + var columnController_1 = __webpack_require__(17); + var column_1 = __webpack_require__(19); + var componentAnnotations_1 = __webpack_require__(43); + var mouseEventService_1 = __webpack_require__(67); + var GroupCellRenderer = (function (_super) { + __extends(GroupCellRenderer, _super); + function GroupCellRenderer() { + return _super.call(this, GroupCellRenderer.TEMPLATE) || this; + } + GroupCellRenderer.prototype.init = function (params) { + this.params = params; + if (this.gridOptionsWrapper.isGroupIncludeTotalFooter()) { + this.assignBlankValueToGroupFooterCell(params); + } + var embeddedRowMismatch = this.isEmbeddedRowMismatch(); + // This allows for empty strings to appear as groups since + // it will only return for null or undefined. + var cellIsEmpty = params.value == null; + this.cellIsBlank = embeddedRowMismatch || cellIsEmpty; + if (this.cellIsBlank) { + return; + } + this.setupDragOpenParents(); + this.addExpandAndContract(); + this.addCheckboxIfNeeded(); + this.addValueElement(); + this.setupIndent(); + }; + GroupCellRenderer.prototype.assignBlankValueToGroupFooterCell = function (params) { + // this is not ideal, but it was the only way we could get footer working for the root node + if (!params.value && params.node.level == -1) { + params.value = ''; + } + }; + // if we are doing embedded full width rows, we only show the renderer when + // in the body, or if pinning in the pinned section, or if pinning and RTL, + // in the right section. otherwise we would have the cell repeated in each section. + GroupCellRenderer.prototype.isEmbeddedRowMismatch = function () { + if (this.params.fullWidth && this.gridOptionsWrapper.isEmbedFullWidthRows()) { + var pinnedLeftCell = this.params.pinned === column_1.Column.PINNED_LEFT; + var pinnedRightCell = this.params.pinned === column_1.Column.PINNED_RIGHT; + var bodyCell = !pinnedLeftCell && !pinnedRightCell; + if (this.gridOptionsWrapper.isEnableRtl()) { + if (this.columnController.isPinningLeft()) { + return !pinnedRightCell; + } + else { + return !bodyCell; + } + } + else { + if (this.columnController.isPinningLeft()) { + return !pinnedLeftCell; + } + else { + return !bodyCell; + } + } + } + else { + return false; + } + }; + GroupCellRenderer.prototype.setIndent = function () { + if (this.gridOptionsWrapper.isGroupHideOpenParents()) { + return; + } + var params = this.params; + var rowNode = params.node; + // let paddingPx: number; + var paddingCount = rowNode.uiLevel; + var userProvidedPaddingPixelsTheDeprecatedWay = params.padding >= 0; + if (userProvidedPaddingPixelsTheDeprecatedWay) { + this.setPaddingDeprecatedWay(paddingCount, params.padding); + return; + } + if (this.indentClass) { + this.removeCssClass(this.indentClass); + } + this.indentClass = 'ag-row-group-indent-' + paddingCount; + this.addCssClass(this.indentClass); + }; + GroupCellRenderer.prototype.setPaddingDeprecatedWay = function (paddingCount, padding) { + utils_1.Utils.doOnce(function () { return console.warn('ag-Grid: since v14.2, configuring padding for groupCellRenderer should be done with Sass variables and themes. Please see the ag-Grid documentation page for Themes, in particular the property $row-group-indent-size.'); }, 'groupCellRenderer->doDeprecatedWay'); + var paddingPx = paddingCount * padding; + if (this.gridOptionsWrapper.isEnableRtl()) { + // if doing rtl, padding is on the right + this.getGui().style.paddingRight = paddingPx + 'px'; + } + else { + // otherwise it is on the left + this.getGui().style.paddingLeft = paddingPx + 'px'; + } + }; + GroupCellRenderer.prototype.setupIndent = function () { + // only do this if an indent - as this overwrites the padding that + // the theme set, which will make things look 'not aligned' for the + // first group level. + var node = this.params.node; + var suppressPadding = this.params.suppressPadding; + if (!suppressPadding) { + this.addDestroyableEventListener(node, rowNode_1.RowNode.EVENT_UI_LEVEL_CHANGED, this.setIndent.bind(this)); + this.setIndent(); + } + }; + GroupCellRenderer.prototype.addValueElement = function () { + var params = this.params; + var rowNode = this.displayedGroup; + if (rowNode.footer) { + this.createFooterCell(); + } + else if (rowNode.hasChildren() || + utils_1.Utils.get(params.colDef, 'cellRendererParams.innerRenderer', null) || + utils_1.Utils.get(params.colDef, 'cellRendererParams.innerRendererFramework', null)) { + this.createGroupCell(); + if (rowNode.hasChildren()) { + this.addChildCount(); + } + } + else { + this.createLeafCell(); + } + }; + GroupCellRenderer.prototype.createFooterCell = function () { + var footerValue; + var footerValueGetter = this.params.footerValueGetter; + if (footerValueGetter) { + // params is same as we were given, except we set the value as the item to display + var paramsClone = utils_1.Utils.cloneObject(this.params); + paramsClone.value = this.params.value; + if (typeof footerValueGetter === 'function') { + footerValue = footerValueGetter(paramsClone); + } + else if (typeof footerValueGetter === 'string') { + footerValue = this.expressionService.evaluate(footerValueGetter, paramsClone); + } + else { + console.warn('ag-Grid: footerValueGetter should be either a function or a string (expression)'); + } + } + else { + footerValue = 'Total ' + this.params.value; + } + this.eValue.innerHTML = footerValue; + }; + GroupCellRenderer.prototype.createGroupCell = function () { + var _this = this; + var params = this.params; + var rowGroupColumn = this.displayedGroup.rowGroupColumn; + // we try and use the cellRenderer of the column used for the grouping if we can + var columnToUse = rowGroupColumn ? rowGroupColumn : params.column; + var groupName = this.params.value; + var valueFormatted = columnToUse ? + this.valueFormatterService.formatValue(columnToUse, params.node, params.scope, groupName) : null; + params.valueFormatted = valueFormatted; + var rendererPromise; + if (params.fullWidth == true) { + rendererPromise = this.cellRendererService.useFullWidthGroupRowInnerCellRenderer(this.eValue, params); + } + else { + rendererPromise = this.cellRendererService.useInnerCellRenderer(this.params.colDef.cellRendererParams, columnToUse.getColDef(), this.eValue, params); + } + // retain a reference to the created renderer - we'll use this later for cleanup (in destroy) + if (rendererPromise) { + rendererPromise.then(function (value) { + _this.innerCellRenderer = value; + }); + } + }; + GroupCellRenderer.prototype.addChildCount = function () { + // only include the child count if it's included, eg if user doing custom aggregation, + // then this could be left out, or set to -1, ie no child count + if (this.params.suppressCount) { + return; + } + this.addDestroyableEventListener(this.displayedGroup, rowNode_1.RowNode.EVENT_ALL_CHILDREN_COUNT_CHANGED, this.updateChildCount.bind(this)); + // filtering changes the child count, so need to cater for it + this.updateChildCount(); + }; + GroupCellRenderer.prototype.updateChildCount = function () { + var allChildrenCount = this.displayedGroup.allChildrenCount; + this.eChildCount.innerHTML = allChildrenCount >= 0 ? "(" + allChildrenCount + ")" : ""; + }; + GroupCellRenderer.prototype.createLeafCell = function () { + if (utils_1.Utils.exists(this.params.value)) { + this.eValue.innerHTML = this.params.valueFormatted ? this.params.valueFormatted : this.params.value; + } + }; + GroupCellRenderer.prototype.isUserWantsSelected = function () { + var paramsCheckbox = this.params.checkbox; + if (typeof paramsCheckbox === 'function') { + return paramsCheckbox(this.params); + } + else { + return paramsCheckbox === true; + } + }; + GroupCellRenderer.prototype.addCheckboxIfNeeded = function () { + var rowNode = this.displayedGroup; + var checkboxNeeded = this.isUserWantsSelected() + && !rowNode.footer + && !rowNode.rowPinned + && !rowNode.detail; + if (checkboxNeeded) { + var cbSelectionComponent_1 = new checkboxSelectionComponent_1.CheckboxSelectionComponent(); + this.context.wireBean(cbSelectionComponent_1); + cbSelectionComponent_1.init({ rowNode: rowNode, column: this.params.column }); + this.eCheckbox.appendChild(cbSelectionComponent_1.getGui()); + this.addDestroyFunc(function () { return cbSelectionComponent_1.destroy(); }); + } + }; + GroupCellRenderer.prototype.addExpandAndContract = function () { + var params = this.params; + var eGroupCell = params.eGridCell; + var eExpandedIcon = utils_1.Utils.createIconNoSpan('groupExpanded', this.gridOptionsWrapper, null); + var eContractedIcon = utils_1.Utils.createIconNoSpan('groupContracted', this.gridOptionsWrapper, null); + this.eExpanded.appendChild(eExpandedIcon); + this.eContracted.appendChild(eContractedIcon); + this.addDestroyableEventListener(this.eExpanded, 'click', this.onExpandClicked.bind(this)); + this.addDestroyableEventListener(this.eContracted, 'click', this.onExpandClicked.bind(this)); + // expand / contract as the user hits enter + this.addDestroyableEventListener(eGroupCell, 'keydown', this.onKeyDown.bind(this)); + this.addDestroyableEventListener(params.node, rowNode_1.RowNode.EVENT_EXPANDED_CHANGED, this.showExpandAndContractIcons.bind(this)); + this.showExpandAndContractIcons(); + // because we don't show the expand / contract when there are no children, we need to check every time + // the number of children change. + this.addDestroyableEventListener(this.displayedGroup, rowNode_1.RowNode.EVENT_ALL_CHILDREN_COUNT_CHANGED, this.onAllChildrenCountChanged.bind(this)); + // if editing groups, then double click is to start editing + if (!this.gridOptionsWrapper.isEnableGroupEdit() && this.isExpandable() && !params.suppressDoubleClickExpand) { + this.addDestroyableEventListener(eGroupCell, 'dblclick', this.onCellDblClicked.bind(this)); + } + }; + GroupCellRenderer.prototype.onAllChildrenCountChanged = function () { + // maybe if no children now, we should hide the expand / contract icons + this.showExpandAndContractIcons(); + // if we have no children, this impacts the indent + this.setIndent(); + }; + GroupCellRenderer.prototype.onKeyDown = function (event) { + if (utils_1.Utils.isKeyPressed(event, constants_1.Constants.KEY_ENTER)) { + var cellEditable = this.params.column.isCellEditable(this.params.node); + if (cellEditable) { + return; + } + event.preventDefault(); + this.onExpandOrContract(); + } + }; + GroupCellRenderer.prototype.setupDragOpenParents = function () { + var column = this.params.column; + var rowNode = this.params.node; + if (!this.gridOptionsWrapper.isGroupHideOpenParents()) { + this.draggedFromHideOpenParents = false; + } + else if (!rowNode.hasChildren()) { + // if we are here, and we are not a group, then we must of been dragged down, + // as otherwise the cell would be blank, and if cell is blank, this method is never called. + this.draggedFromHideOpenParents = true; + } + else { + var rowGroupColumn = rowNode.rowGroupColumn; + // if the displayGroup column for this col matches the rowGroupColumn we grouped by for this node, + // then nothing was dragged down + this.draggedFromHideOpenParents = !column.isRowGroupDisplayed(rowGroupColumn.getId()); + } + if (this.draggedFromHideOpenParents) { + var pointer = rowNode.parent; + while (true) { + if (utils_1.Utils.missing(pointer)) { + break; + } + if (pointer.rowGroupColumn && column.isRowGroupDisplayed(pointer.rowGroupColumn.getId())) { + this.displayedGroup = pointer; + break; + } + pointer = pointer.parent; + } + } + // if we didn't find a displayed group, set it to the row node + if (utils_1.Utils.missing(this.displayedGroup)) { + this.displayedGroup = rowNode; + } + }; + GroupCellRenderer.prototype.onExpandClicked = function (mouseEvent) { + if (utils_1.Utils.isStopPropagationForAgGrid(mouseEvent)) { + return; + } + // so if we expand a node, it does not also get selected. + utils_1.Utils.stopPropagationForAgGrid(mouseEvent); + this.onExpandOrContract(); + }; + GroupCellRenderer.prototype.onCellDblClicked = function (mouseEvent) { + if (utils_1.Utils.isStopPropagationForAgGrid(mouseEvent)) { + return; + } + // we want to avoid acting on double click events on the expand / contract icon, + // as that icons already has expand / collapse functionality on it. otherwise if + // the icon was double clicked, we would get 'click', 'click', 'dblclick' which + // is open->close->open, however double click should be open->close only. + var targetIsExpandIcon = utils_1.Utils.isElementInEventPath(this.eExpanded, mouseEvent) + || utils_1.Utils.isElementInEventPath(this.eContracted, mouseEvent); + if (!targetIsExpandIcon) { + this.onExpandOrContract(); + } + }; + GroupCellRenderer.prototype.onExpandOrContract = function () { + // must use the displayedGroup, so if data was dragged down, we expand the parent, not this row + var rowNode = this.displayedGroup; + rowNode.setExpanded(!rowNode.expanded); + if (this.gridOptionsWrapper.isGroupIncludeFooter()) { + this.params.api.redrawRows({ rowNodes: [rowNode] }); + } + }; + GroupCellRenderer.prototype.isExpandable = function () { + var rowNode = this.params.node; + var reducedLeafNode = this.columnController.isPivotMode() && rowNode.leafGroup; + return this.draggedFromHideOpenParents || + (rowNode.isExpandable() && !rowNode.footer && !reducedLeafNode); + }; + GroupCellRenderer.prototype.showExpandAndContractIcons = function () { + var rowNode = this.params.node; + if (this.isExpandable()) { + // if expandable, show one based on expand state. + // if we were dragged down, means our parent is always expanded + var expanded = this.draggedFromHideOpenParents ? true : rowNode.expanded; + utils_1.Utils.setVisible(this.eContracted, !expanded); + utils_1.Utils.setVisible(this.eExpanded, expanded); + } + else { + // it not expandable, show neither + utils_1.Utils.setVisible(this.eExpanded, false); + utils_1.Utils.setVisible(this.eContracted, false); + } + var displayedGroup = this.displayedGroup; + // compensation padding for leaf nodes, so there is blank space instead of the expand icon + var pivotModeAndLeafGroup = this.columnController.isPivotMode() && displayedGroup.leafGroup; + var notExpandable = !displayedGroup.isExpandable(); + var addLeafIndentClass = displayedGroup.footer || notExpandable || pivotModeAndLeafGroup; + this.addOrRemoveCssClass('ag-row-group-leaf-indent', addLeafIndentClass); + }; + GroupCellRenderer.prototype.destroy = function () { + _super.prototype.destroy.call(this); + if (this.innerCellRenderer && this.innerCellRenderer.destroy) { + this.innerCellRenderer.destroy(); + } + }; + GroupCellRenderer.prototype.refresh = function () { + return false; + }; + GroupCellRenderer.TEMPLATE = '' + + '' + + '' + + '' + + '' + + '' + + ''; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], GroupCellRenderer.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], GroupCellRenderer.prototype, "expressionService", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], GroupCellRenderer.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('cellRendererService'), + __metadata("design:type", cellRendererService_1.CellRendererService) + ], GroupCellRenderer.prototype, "cellRendererService", void 0); + __decorate([ + context_1.Autowired('valueFormatterService'), + __metadata("design:type", valueFormatterService_1.ValueFormatterService) + ], GroupCellRenderer.prototype, "valueFormatterService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], GroupCellRenderer.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], GroupCellRenderer.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('mouseEventService'), + __metadata("design:type", mouseEventService_1.MouseEventService) + ], GroupCellRenderer.prototype, "mouseEventService", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eExpanded'), + __metadata("design:type", HTMLElement) + ], GroupCellRenderer.prototype, "eExpanded", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eContracted'), + __metadata("design:type", HTMLElement) + ], GroupCellRenderer.prototype, "eContracted", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eCheckbox'), + __metadata("design:type", HTMLElement) + ], GroupCellRenderer.prototype, "eCheckbox", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eValue'), + __metadata("design:type", HTMLElement) + ], GroupCellRenderer.prototype, "eValue", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eChildCount'), + __metadata("design:type", HTMLElement) + ], GroupCellRenderer.prototype, "eChildCount", void 0); + return GroupCellRenderer; + }(component_1.Component)); + exports.GroupCellRenderer = GroupCellRenderer; + + +/***/ }), +/* 65 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var componentRecipes_1 = __webpack_require__(52); + var componentResolver_1 = __webpack_require__(47); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + /** Class to use a cellRenderer. */ + var CellRendererService = (function () { + function CellRendererService() { + } + CellRendererService.prototype.useCellRenderer = function (target, eTarget, params) { + var _this = this; + var cellRendererPromise = this.componentRecipes.newCellRenderer(target, params); + if (cellRendererPromise != null) { + cellRendererPromise.then(function (cellRenderer) { + if (cellRenderer == null) { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + } + else { + _this.bindToHtml(cellRendererPromise, eTarget); + } + }); + } + else { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + } + return cellRendererPromise; + }; + CellRendererService.prototype.useFilterCellRenderer = function (target, eTarget, params) { + var cellRendererPromise = this.componentRecipes.newCellRenderer(target.filterParams, params); + if (cellRendererPromise != null) { + this.bindToHtml(cellRendererPromise, eTarget); + } + else { + if (params.valueFormatted == null && params.value == null) { + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + eTarget.innerText = '(' + localeTextFunc('blanks', 'Blanks') + ')'; + } + else { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + } + } + return cellRendererPromise; + }; + CellRendererService.prototype.useRichSelectCellRenderer = function (target, eTarget, params) { + var cellRendererPromise = this.componentRecipes.newCellRenderer(target.cellEditorParams, params); + if (cellRendererPromise != null) { + this.bindToHtml(cellRendererPromise, eTarget); + } + else { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + } + return cellRendererPromise; + }; + CellRendererService.prototype.useInnerCellRenderer = function (target, originalColumn, eTarget, params) { + var _this = this; + var rendererToUsePromise = null; + var componentToUse = this.componentResolver.getComponentToUse(target, "innerRenderer", null); + if (componentToUse && componentToUse.component != null && componentToUse.source != componentResolver_1.ComponentSource.DEFAULT) { + //THERE IS ONE INNER CELL RENDERER HARDCODED IN THE COLDEF FOR THIS GROUP COLUMN + rendererToUsePromise = this.componentRecipes.newInnerCellRenderer(target, params); + } + else { + var otherRenderer = this.componentResolver.getComponentToUse(originalColumn, "cellRenderer", null); + if (otherRenderer && otherRenderer.source != componentResolver_1.ComponentSource.DEFAULT) { + //Only if the original column is using an specific renderer, it it is a using a DEFAULT one + //ignore it + //THIS COMES FROM A COLUMN WHICH HAS BEEN GROUPED DYNAMICALLY, WE REUSE ITS RENDERER + rendererToUsePromise = this.componentRecipes.newCellRenderer(originalColumn, params); + } + else if (otherRenderer && otherRenderer.source == componentResolver_1.ComponentSource.DEFAULT && (utils_1._.get(originalColumn, 'cellRendererParams.innerRenderer', null))) { + //EDGE CASE - THIS COMES FROM A COLUMN WHICH HAS BEEN GROUPED DYNAMICALLY, THAT HAS AS RENDERER 'group' + //AND HAS A INNER CELL RENDERER + rendererToUsePromise = this.componentRecipes.newInnerCellRenderer(originalColumn.cellRendererParams, params); + } + else { + //This forces the retrieval of the default plain cellRenderer that just renders the values. + rendererToUsePromise = this.componentRecipes.newCellRenderer({}, params); + } + } + if (rendererToUsePromise != null) { + rendererToUsePromise.then(function (rendererToUse) { + if (rendererToUse == null) { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + return; + } + _this.bindToHtml(rendererToUsePromise, eTarget); + }); + } + else { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + } + return rendererToUsePromise; + }; + CellRendererService.prototype.useFullWidthGroupRowInnerCellRenderer = function (eTarget, params) { + var cellRendererPromise = this.componentRecipes.newFullWidthGroupRowInnerCellRenderer(params); + if (cellRendererPromise != null) { + this.bindToHtml(cellRendererPromise, eTarget); + } + else { + eTarget.innerText = params.valueFormatted != null ? params.valueFormatted : params.value; + } + return cellRendererPromise; + }; + CellRendererService.prototype.bindToHtml = function (cellRendererPromise, eTarget) { + cellRendererPromise.then(function (cellRenderer) { + var gui = cellRenderer.getGui(); + if (gui != null) { + if (typeof gui == 'object') { + eTarget.appendChild(gui); + } + else { + eTarget.innerHTML = gui; + } + } + }); + return cellRendererPromise; + }; + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], CellRendererService.prototype, "componentRecipes", void 0); + __decorate([ + context_1.Autowired('componentResolver'), + __metadata("design:type", componentResolver_1.ComponentResolver) + ], CellRendererService.prototype, "componentResolver", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], CellRendererService.prototype, "gridOptionsWrapper", void 0); + CellRendererService = __decorate([ + context_1.Bean('cellRendererService') + ], CellRendererService); + return CellRendererService; + }()); + exports.CellRendererService = CellRendererService; + + +/***/ }), +/* 66 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var expressionService_1 = __webpack_require__(23); + var ValueFormatterService = (function () { + function ValueFormatterService() { + } + ValueFormatterService.prototype.formatValue = function (column, rowNode, $scope, value) { + var formatter; + var colDef = column.getColDef(); + // if floating, give preference to the floating formatter + if (rowNode && rowNode.rowPinned) { + formatter = colDef.pinnedRowValueFormatter ? colDef.pinnedRowValueFormatter : colDef.valueFormatter; + } + else { + formatter = colDef.valueFormatter; + } + var result = null; + if (formatter) { + var params = { + value: value, + node: rowNode, + data: rowNode ? rowNode.data : null, + colDef: column.getColDef(), + column: column, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext() + }; + // originally we put the angular 1 scope here, but we don't want the scope + // in the params interface, as other frameworks will see the interface, and + // angular 1 is not cool any more. so we hack the scope in here (we cannot + // include it above, as it's not in the interface, so would cause a compile error). + // in the future, when we stop supporting angular 1, we can take this out. + params.$scope = $scope; + result = this.expressionService.evaluate(formatter, params); + } + else if (colDef.refData) { + return colDef.refData[value]; + } + // if we don't do this, then arrays get displayed as 1,2,3, but we want 1, 2, 3 (ie with spaces) + if ((result === null || result === undefined) && Array.isArray(value)) { + result = value.join(', '); + } + return result; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ValueFormatterService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], ValueFormatterService.prototype, "expressionService", void 0); + ValueFormatterService = __decorate([ + context_1.Bean('valueFormatterService') + ], ValueFormatterService); + return ValueFormatterService; + }()); + exports.ValueFormatterService = ValueFormatterService; + + +/***/ }), +/* 67 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var cellComp_1 = __webpack_require__(31); + var MouseEventService = (function () { + function MouseEventService() { + this.gridInstanceId = MouseEventService_1.gridInstanceSequence.next(); + } + MouseEventService_1 = MouseEventService; + MouseEventService.prototype.init = function () { + this.stampDomElementWithGridInstance(); + }; + // we put the instance id onto the main DOM element. this is used for events, when grids are inside grids, + // so the grid can work out if the even came from this grid or a grid inside this one. see the ctrl+v logic + // for where this is used. + MouseEventService.prototype.stampDomElementWithGridInstance = function () { + this.eGridDiv[MouseEventService_1.GRID_DOM_KEY] = this.gridInstanceId; + }; + MouseEventService.prototype.getRenderedCellForEvent = function (event) { + var sourceElement = utils_1.Utils.getTarget(event); + while (sourceElement) { + var renderedCell = this.gridOptionsWrapper.getDomData(sourceElement, cellComp_1.CellComp.DOM_DATA_KEY_CELL_COMP); + if (renderedCell) { + return renderedCell; + } + sourceElement = sourceElement.parentElement; + } + return null; + }; + // walks the path of the event, and returns true if this grid is the first one that it finds. if doing + // master / detail grids, and a child grid is found, then it returns false. this stops things like copy/paste + // getting executed on many grids at the same time. + MouseEventService.prototype.isEventFromThisGrid = function (event) { + var path = utils_1.Utils.getEventPath(event); + for (var i = 0; i < path.length; i++) { + var element = path[i]; + var instanceId = element[MouseEventService_1.GRID_DOM_KEY]; + if (utils_1.Utils.exists(instanceId)) { + var eventFromThisGrid = instanceId === this.gridInstanceId; + return eventFromThisGrid; + } + } + return false; + }; + MouseEventService.prototype.getGridCellForEvent = function (event) { + var cellComp = this.getRenderedCellForEvent(event); + return cellComp ? cellComp.getGridCell() : null; + }; + MouseEventService.gridInstanceSequence = new utils_1.NumberSequence(); + MouseEventService.GRID_DOM_KEY = '__ag_grid_instance'; + __decorate([ + context_2.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], MouseEventService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_2.Autowired('eGridDiv'), + __metadata("design:type", HTMLElement) + ], MouseEventService.prototype, "eGridDiv", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], MouseEventService.prototype, "init", null); + MouseEventService = MouseEventService_1 = __decorate([ + context_1.Bean('mouseEventService') + ], MouseEventService); + return MouseEventService; + var MouseEventService_1; + }()); + exports.MouseEventService = MouseEventService; + + +/***/ }), +/* 68 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var expressionService_1 = __webpack_require__(23); + var StylingService = (function () { + function StylingService() { + } + StylingService.prototype.processAllCellClasses = function (colDef, params, onApplicableClass, onNotApplicableClass) { + this.processClassRules(colDef.cellClassRules, params, onApplicableClass, onNotApplicableClass); + this.processStaticCellClasses(colDef, params, onApplicableClass); + }; + StylingService.prototype.processClassRules = function (classRules, params, onApplicableClass, onNotApplicableClass) { + if (typeof classRules === 'object' && classRules !== null) { + var classNames = Object.keys(classRules); + for (var i = 0; i < classNames.length; i++) { + var className = classNames[i]; + var rule = classRules[className]; + var resultOfRule = void 0; + if (typeof rule === 'string') { + resultOfRule = this.expressionService.evaluate(rule, params); + } + else if (typeof rule === 'function') { + resultOfRule = rule(params); + } + if (resultOfRule) { + onApplicableClass(className); + } + else if (onNotApplicableClass) { + onNotApplicableClass(className); + } + } + } + }; + StylingService.prototype.processStaticCellClasses = function (colDef, params, onApplicableClass) { + var cellClass = colDef.cellClass; + if (cellClass) { + var classOrClasses = void 0; + if (typeof colDef.cellClass === 'function') { + var cellClassFunc = colDef.cellClass; + classOrClasses = cellClassFunc(params); + } + else { + classOrClasses = colDef.cellClass; + } + if (typeof classOrClasses === 'string') { + onApplicableClass(classOrClasses); + } + else if (Array.isArray(classOrClasses)) { + classOrClasses.forEach(function (cssClassItem) { + onApplicableClass(cssClassItem); + }); + } + } + }; + __decorate([ + context_1.Autowired('expressionService'), + __metadata("design:type", expressionService_1.ExpressionService) + ], StylingService.prototype, "expressionService", void 0); + StylingService = __decorate([ + context_1.Bean('stylingService') + ], StylingService); + return StylingService; + }()); + exports.StylingService = StylingService; + + +/***/ }), +/* 69 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventService_1 = __webpack_require__(5); + var context_1 = __webpack_require__(7); + var events_1 = __webpack_require__(11); + var beanStub_1 = __webpack_require__(37); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var ColumnHoverService = (function (_super) { + __extends(ColumnHoverService, _super); + function ColumnHoverService() { + return _super !== null && _super.apply(this, arguments) || this; + } + ColumnHoverService.prototype.setMouseOver = function (columns) { + this.selectedColumns = columns; + var event = { + type: events_1.Events.EVENT_COLUMN_HOVER_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + ColumnHoverService.prototype.clearMouseOver = function () { + this.selectedColumns = null; + var event = { + type: events_1.Events.EVENT_COLUMN_HOVER_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + ColumnHoverService.prototype.isHovered = function (column) { + return this.selectedColumns && this.selectedColumns.indexOf(column) >= 0; + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], ColumnHoverService.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], ColumnHoverService.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], ColumnHoverService.prototype, "gridApi", void 0); + ColumnHoverService = __decorate([ + context_1.Bean('columnHoverService') + ], ColumnHoverService); + return ColumnHoverService; + }(beanStub_1.BeanStub)); + exports.ColumnHoverService = ColumnHoverService; + + +/***/ }), +/* 70 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var beanStub_1 = __webpack_require__(37); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var scrollVisibleService_1 = __webpack_require__(71); + var selectionController_1 = __webpack_require__(33); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var PaginationAutoPageSizeService = (function (_super) { + __extends(PaginationAutoPageSizeService, _super); + function PaginationAutoPageSizeService() { + return _super !== null && _super.apply(this, arguments) || this; + } + PaginationAutoPageSizeService.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_BODY_HEIGHT_CHANGED, this.onBodyHeightChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_SCROLL_VISIBILITY_CHANGED, this.onScrollVisibilityChanged.bind(this)); + this.checkPageSize(); + }; + PaginationAutoPageSizeService.prototype.notActive = function () { + return !this.gridOptionsWrapper.isPaginationAutoPageSize(); + }; + PaginationAutoPageSizeService.prototype.onScrollVisibilityChanged = function () { + this.checkPageSize(); + }; + PaginationAutoPageSizeService.prototype.onBodyHeightChanged = function () { + this.checkPageSize(); + }; + PaginationAutoPageSizeService.prototype.checkPageSize = function () { + if (this.notActive()) { + return; + } + var rowHeight = this.gridOptionsWrapper.getRowHeightAsNumber(); + var bodyHeight = this.gridPanel.getBodyHeight(); + if (this.scrollVisibleService.isBodyHorizontalScrollShowing()) { + bodyHeight = bodyHeight - this.gridOptionsWrapper.getScrollbarWidth(); + } + if (bodyHeight > 0) { + var newPageSize = Math.floor(bodyHeight / rowHeight); + this.gridOptionsWrapper.setProperty('paginationPageSize', newPageSize); + } + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], PaginationAutoPageSizeService.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], PaginationAutoPageSizeService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('scrollVisibleService'), + __metadata("design:type", scrollVisibleService_1.ScrollVisibleService) + ], PaginationAutoPageSizeService.prototype, "scrollVisibleService", void 0); + PaginationAutoPageSizeService = __decorate([ + context_1.Bean('paginationAutoPageSizeService') + ], PaginationAutoPageSizeService); + return PaginationAutoPageSizeService; + }(beanStub_1.BeanStub)); + exports.PaginationAutoPageSizeService = PaginationAutoPageSizeService; + var PaginationProxy = (function (_super) { + __extends(PaginationProxy, _super); + function PaginationProxy() { + var _this = _super !== null && _super.apply(this, arguments) || this; + _this.currentPage = 0; + _this.topRowIndex = 0; + _this.bottomRowIndex = 0; + _this.pixelOffset = 0; + return _this; + } + PaginationProxy.prototype.postConstruct = function () { + this.active = this.gridOptionsWrapper.isPagination(); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_MODEL_UPDATED, this.onModelUpdated.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, 'paginationPageSize', this.onModelUpdated.bind(this)); + this.onModelUpdated(); + }; + PaginationProxy.prototype.isLastRowFound = function () { + return this.rowModel.isLastRowFound(); + }; + PaginationProxy.prototype.onModelUpdated = function (modelUpdatedEvent) { + this.setIndexesAndBounds(); + var paginationChangedEvent = { + type: events_1.Events.EVENT_PAGINATION_CHANGED, + animate: modelUpdatedEvent ? modelUpdatedEvent.animate : false, + newData: modelUpdatedEvent ? modelUpdatedEvent.newData : false, + newPage: modelUpdatedEvent ? modelUpdatedEvent.newPage : false, + keepRenderedRows: modelUpdatedEvent ? modelUpdatedEvent.keepRenderedRows : false, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(paginationChangedEvent); + }; + PaginationProxy.prototype.goToPage = function (page) { + if (!this.active) { + return; + } + if (this.currentPage === page) { + return; + } + this.currentPage = page; + var event = { + type: events_1.Events.EVENT_MODEL_UPDATED, + animate: false, + keepRenderedRows: false, + newData: false, + newPage: true, + api: this.gridApi, + columnApi: this.columnApi + }; + this.onModelUpdated(event); + }; + PaginationProxy.prototype.getPixelOffset = function () { + return this.pixelOffset; + }; + PaginationProxy.prototype.getRow = function (index) { + return this.rowModel.getRow(index); + }; + PaginationProxy.prototype.getRowNode = function (id) { + return this.rowModel.getRowNode(id); + }; + PaginationProxy.prototype.getRowIndexAtPixel = function (pixel) { + return this.rowModel.getRowIndexAtPixel(pixel); + }; + PaginationProxy.prototype.getCurrentPageHeight = function () { + if (utils_1._.missing(this.topRowBounds) || utils_1._.missing(this.bottomRowBounds)) { + return 0; + } + return this.bottomRowBounds.rowTop + this.bottomRowBounds.rowHeight - this.topRowBounds.rowTop; + }; + PaginationProxy.prototype.isRowPresent = function (rowNode) { + if (!this.rowModel.isRowPresent(rowNode)) { + return false; + } + var nodeIsInPage = rowNode.rowIndex >= this.topRowIndex && rowNode.rowIndex <= this.bottomRowIndex; + return nodeIsInPage; + }; + PaginationProxy.prototype.isEmpty = function () { + return this.rowModel.isEmpty(); + }; + PaginationProxy.prototype.isRowsToRender = function () { + return this.rowModel.isRowsToRender(); + }; + PaginationProxy.prototype.getNodesInRangeForSelection = function (firstInRange, lastInRange) { + return this.rowModel.getNodesInRangeForSelection(firstInRange, lastInRange); + }; + PaginationProxy.prototype.forEachNode = function (callback) { + return this.rowModel.forEachNode(callback); + }; + PaginationProxy.prototype.getType = function () { + return this.rowModel.getType(); + }; + PaginationProxy.prototype.getRowBounds = function (index) { + return this.rowModel.getRowBounds(index); + }; + PaginationProxy.prototype.getPageFirstRow = function () { + return this.pageSize * this.currentPage; + }; + PaginationProxy.prototype.getPageLastRow = function () { + var totalLastRow = (this.pageSize * (this.currentPage + 1)) - 1; + var pageLastRow = this.rowModel.getPageLastRow(); + if (pageLastRow > totalLastRow) { + return totalLastRow; + } + else { + return pageLastRow; + } + }; + PaginationProxy.prototype.getRowCount = function () { + return this.rowModel.getRowCount(); + }; + PaginationProxy.prototype.goToPageWithIndex = function (index) { + if (!this.active) { + return; + } + var pageNumber = Math.floor(index / this.pageSize); + this.goToPage(pageNumber); + }; + PaginationProxy.prototype.getTotalRowCount = function () { + return this.rowModel.getPageLastRow() + 1; + }; + PaginationProxy.prototype.isLastPageFound = function () { + return this.rowModel.isLastRowFound(); + }; + PaginationProxy.prototype.getCurrentPage = function () { + return this.currentPage; + }; + PaginationProxy.prototype.goToNextPage = function () { + this.goToPage(this.currentPage + 1); + }; + PaginationProxy.prototype.goToPreviousPage = function () { + this.goToPage(this.currentPage - 1); + }; + PaginationProxy.prototype.goToFirstPage = function () { + this.goToPage(0); + }; + PaginationProxy.prototype.goToLastPage = function () { + var rowCount = this.rowModel.getPageLastRow() + 1; + var lastPage = Math.floor(rowCount / this.pageSize); + this.goToPage(lastPage); + }; + PaginationProxy.prototype.getPageSize = function () { + return this.pageSize; + }; + PaginationProxy.prototype.getTotalPages = function () { + return this.totalPages; + }; + PaginationProxy.prototype.setPageSize = function () { + // show put this into super class + this.pageSize = this.gridOptionsWrapper.getPaginationPageSize(); + if (!(this.pageSize >= 1)) { + this.pageSize = 100; + } + }; + PaginationProxy.prototype.setIndexesAndBounds = function () { + if (this.active) { + this.setPageSize(); + var totalRowCount = this.getTotalRowCount(); + this.totalPages = Math.floor((totalRowCount - 1) / this.pageSize) + 1; + if (this.currentPage >= this.totalPages) { + this.currentPage = this.totalPages - 1; + } + if (!utils_1._.isNumeric(this.currentPage) || this.currentPage < 0) { + this.currentPage = 0; + } + this.topRowIndex = this.pageSize * this.currentPage; + this.bottomRowIndex = (this.pageSize * (this.currentPage + 1)) - 1; + var maxRowAllowed = this.rowModel.getPageLastRow(); + if (this.bottomRowIndex > maxRowAllowed) { + this.bottomRowIndex = maxRowAllowed; + } + } + else { + this.pageSize = this.rowModel.getPageLastRow() + 1; + this.totalPages = 1; + this.currentPage = 0; + this.topRowIndex = 0; + this.bottomRowIndex = this.rowModel.getPageLastRow(); + } + this.topRowBounds = this.rowModel.getRowBounds(this.topRowIndex); + this.bottomRowBounds = this.rowModel.getRowBounds(this.bottomRowIndex); + this.pixelOffset = utils_1._.exists(this.topRowBounds) ? this.topRowBounds.rowTop : 0; + }; + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], PaginationProxy.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], PaginationProxy.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], PaginationProxy.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], PaginationProxy.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], PaginationProxy.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], PaginationProxy.prototype, "gridApi", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], PaginationProxy.prototype, "postConstruct", null); + PaginationProxy = __decorate([ + context_1.Bean('paginationProxy') + ], PaginationProxy); + return PaginationProxy; + }(beanStub_1.BeanStub)); + exports.PaginationProxy = PaginationProxy; + + +/***/ }), +/* 71 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var columnController_1 = __webpack_require__(17); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var gridOptionsWrapper_1 = __webpack_require__(4); + var ScrollVisibleService = (function () { + function ScrollVisibleService() { + } + ScrollVisibleService.prototype.setScrollsVisible = function (params) { + var atLeastOneDifferent = this.bodyHorizontalScrollShowing !== params.bodyHorizontalScrollShowing || + this.leftVerticalScrollShowing !== params.leftVerticalScrollShowing || + this.rightVerticalScrollShowing !== params.rightVerticalScrollShowing; + if (atLeastOneDifferent) { + this.bodyHorizontalScrollShowing = params.bodyHorizontalScrollShowing; + this.leftVerticalScrollShowing = params.leftVerticalScrollShowing; + this.rightVerticalScrollShowing = params.rightVerticalScrollShowing; + var event_1 = { + type: events_1.Events.EVENT_SCROLL_VISIBILITY_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + }; + // used by pagination service - to know page height + ScrollVisibleService.prototype.isBodyHorizontalScrollShowing = function () { + return this.bodyHorizontalScrollShowing; + }; + // used by header container + ScrollVisibleService.prototype.isLeftVerticalScrollShowing = function () { + return this.leftVerticalScrollShowing; + }; + // used by header container + ScrollVisibleService.prototype.isRightVerticalScrollShowing = function () { + return this.rightVerticalScrollShowing; + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], ScrollVisibleService.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], ScrollVisibleService.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], ScrollVisibleService.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], ScrollVisibleService.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ScrollVisibleService.prototype, "gridOptionsWrapper", void 0); + ScrollVisibleService = __decorate([ + context_1.Bean('scrollVisibleService') + ], ScrollVisibleService); + return ScrollVisibleService; + }()); + exports.ScrollVisibleService = ScrollVisibleService; + + +/***/ }), +/* 72 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var linkedList_1 = __webpack_require__(73); + var gridOptionsWrapper_1 = __webpack_require__(4); + var eventKeys_1 = __webpack_require__(12); + var eventService_1 = __webpack_require__(5); + var AnimationFrameService = (function () { + function AnimationFrameService() { + this.p1Tasks = new linkedList_1.LinkedList(); + this.p2Tasks = new linkedList_1.LinkedList(); + this.ticking = false; + } + AnimationFrameService.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + AnimationFrameService.prototype.init = function () { + this.useAnimationFrame = !this.gridOptionsWrapper.isSuppressAnimationFrame(); + }; + // this method is for our ag-Grid sanity only - if animation frames are turned off, + // then no place in the code should be looking to add any work to be done in animation + // frames. this stops bugs - where some code is asking for a frame to be executed + // when it should not. + AnimationFrameService.prototype.verifyAnimationFrameOn = function (methodName) { + if (this.useAnimationFrame === false) { + console.warn("ag-Grid: AnimationFrameService." + methodName + " called but animation frames are off"); + } + }; + AnimationFrameService.prototype.addP1Task = function (task) { + this.verifyAnimationFrameOn('addP1Task'); + this.p1Tasks.add(task); + this.schedule(); + }; + AnimationFrameService.prototype.addP2Task = function (task) { + this.verifyAnimationFrameOn('addP2Task'); + this.p2Tasks.add(task); + this.schedule(); + }; + AnimationFrameService.prototype.executeFrame = function (millis) { + this.verifyAnimationFrameOn('executeFrame'); + var frameStart = new Date().getTime(); + var duration = (new Date().getTime()) - frameStart; + var gridPanelNeedsAFrame = true; + // 16ms is 60 fps + var noMaxMillis = millis <= 0; + while (noMaxMillis || duration < millis) { + if (gridPanelNeedsAFrame) { + gridPanelNeedsAFrame = this.gridPanel.executeFrame(); + } + else if (!this.p1Tasks.isEmpty()) { + var task = this.p1Tasks.remove(); + task(); + } + else if (!this.p2Tasks.isEmpty()) { + var task = this.p2Tasks.remove(); + task(); + } + else { + break; + } + duration = (new Date().getTime()) - frameStart; + } + if (gridPanelNeedsAFrame || !this.p1Tasks.isEmpty() || !this.p2Tasks.isEmpty()) { + this.requestFrame(); + } + else { + this.stopTicking(); + } + }; + AnimationFrameService.prototype.stopTicking = function () { + this.ticking = false; + var event = { + type: eventKeys_1.Events.EVENT_ANIMATION_QUEUE_EMPTY, + columnApi: this.gridOptionsWrapper.getColumnApi(), + api: this.gridOptionsWrapper.getApi() + }; + this.eventService.dispatchEvent(event); + }; + AnimationFrameService.prototype.flushAllFrames = function () { + if (!this.useAnimationFrame) { + return; + } + this.executeFrame(-1); + }; + AnimationFrameService.prototype.schedule = function () { + if (!this.useAnimationFrame) { + return; + } + if (!this.ticking) { + this.ticking = true; + this.requestFrame(); + } + }; + AnimationFrameService.prototype.requestFrame = function () { + // check for the existence of requestAnimationFrame, and if + // it's missing, then we polyfill it with setTimeout() + var callback = this.executeFrame.bind(this, 60); + if (window.requestAnimationFrame) { + window.requestAnimationFrame(callback); + } + else if (window.webkitRequestAnimationFrame) { + window.webkitRequestAnimationFrame(callback); + } + else { + setTimeout(callback, 0); + } + }; + AnimationFrameService.prototype.isQueueEmpty = function () { + return this.ticking; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], AnimationFrameService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], AnimationFrameService.prototype, "eventService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], AnimationFrameService.prototype, "init", null); + AnimationFrameService = __decorate([ + context_1.Bean('animationFrameService') + ], AnimationFrameService); + return AnimationFrameService; + }()); + exports.AnimationFrameService = AnimationFrameService; + + +/***/ }), +/* 73 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var LinkedList = (function () { + function LinkedList() { + this.first = null; + this.last = null; + } + LinkedList.prototype.add = function (item) { + var entry = { + item: item, + next: null + }; + if (this.last) { + this.last.next = entry; + } + else { + this.first = entry; + } + this.last = entry; + }; + LinkedList.prototype.remove = function () { + var result = this.first; + if (result) { + this.first = result.next; + if (!this.first) { + this.last = null; + } + } + return result.item; + }; + LinkedList.prototype.isEmpty = function () { + return !this.first; + }; + return LinkedList; + }()); + exports.LinkedList = LinkedList; + var LinkedListItem = (function () { + function LinkedListItem() { + } + return LinkedListItem; + }()); + + +/***/ }), +/* 74 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var column_1 = __webpack_require__(19); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var context_2 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var gridApi_1 = __webpack_require__(14); + var SortController = (function () { + function SortController() { + } + SortController_1 = SortController; + SortController.prototype.progressSort = function (column, multiSort, source) { + if (source === void 0) { source = "api"; } + var nextDirection = this.getNextSortDirection(column); + this.setSortForColumn(column, nextDirection, multiSort, source); + }; + SortController.prototype.setSortForColumn = function (column, sort, multiSort, source) { + if (source === void 0) { source = "api"; } + // auto correct - if sort not legal value, then set it to 'no sort' (which is null) + if (sort !== column_1.Column.SORT_ASC && sort !== column_1.Column.SORT_DESC) { + sort = null; + } + // update sort on current col + column.setSort(sort, source); + // sortedAt used for knowing order of cols when multi-col sort + if (column.getSort()) { + var sortedAt = Number(new Date().valueOf()); + column.setSortedAt(sortedAt); + } + else { + column.setSortedAt(null); + } + var doingMultiSort = multiSort && !this.gridOptionsWrapper.isSuppressMultiSort(); + // clear sort on all columns except this one, and update the icons + if (!doingMultiSort) { + this.clearSortBarThisColumn(column, source); + } + this.dispatchSortChangedEvents(); + }; + // gets called by API, so if data changes, use can call this, which will end up + // working out the sort order again of the rows. + SortController.prototype.onSortChanged = function () { + this.dispatchSortChangedEvents(); + }; + SortController.prototype.dispatchSortChangedEvents = function () { + var event = { + type: events_1.Events.EVENT_SORT_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + SortController.prototype.clearSortBarThisColumn = function (columnToSkip, source) { + this.columnController.getPrimaryAndSecondaryAndAutoColumns().forEach(function (columnToClear) { + // Do not clear if either holding shift, or if column in question was clicked + if (!(columnToClear === columnToSkip)) { + columnToClear.setSort(null, source); + } + }); + }; + SortController.prototype.getNextSortDirection = function (column) { + var sortingOrder; + if (column.getColDef().sortingOrder) { + sortingOrder = column.getColDef().sortingOrder; + } + else if (this.gridOptionsWrapper.getSortingOrder()) { + sortingOrder = this.gridOptionsWrapper.getSortingOrder(); + } + else { + sortingOrder = SortController_1.DEFAULT_SORTING_ORDER; + } + if (!Array.isArray(sortingOrder) || sortingOrder.length <= 0) { + console.warn('ag-grid: sortingOrder must be an array with at least one element, currently it\'s ' + sortingOrder); + return; + } + var currentIndex = sortingOrder.indexOf(column.getSort()); + var notInArray = currentIndex < 0; + var lastItemInArray = currentIndex == sortingOrder.length - 1; + var result; + if (notInArray || lastItemInArray) { + result = sortingOrder[0]; + } + else { + result = sortingOrder[currentIndex + 1]; + } + // verify the sort type exists, as the user could provide the sortingOrder, need to make sure it's valid + if (SortController_1.DEFAULT_SORTING_ORDER.indexOf(result) < 0) { + console.warn('ag-grid: invalid sort type ' + result); + return null; + } + return result; + }; + // used by the public api, for saving the sort model + SortController.prototype.getSortModel = function () { + var columnsWithSorting = this.getColumnsWithSortingOrdered(); + return utils_1.Utils.map(columnsWithSorting, function (column) { + return { + colId: column.getColId(), + sort: column.getSort() + }; + }); + }; + SortController.prototype.setSortModel = function (sortModel, source) { + var _this = this; + if (source === void 0) { source = "api"; } + if (!this.gridOptionsWrapper.isEnableSorting()) { + console.warn('ag-grid: You are setting the sort model on a grid that does not have sorting enabled'); + return; + } + // first up, clear any previous sort + var sortModelProvided = sortModel && sortModel.length > 0; + var allColumnsIncludingAuto = this.columnController.getPrimaryAndSecondaryAndAutoColumns(); + allColumnsIncludingAuto.forEach(function (column) { + var sortForCol = null; + var sortedAt = -1; + if (sortModelProvided && !column.getColDef().suppressSorting) { + for (var j = 0; j < sortModel.length; j++) { + var sortModelEntry = sortModel[j]; + if (typeof sortModelEntry.colId === 'string' + && typeof column.getColId() === 'string' + && _this.compareColIds(sortModelEntry, column)) { + sortForCol = sortModelEntry.sort; + sortedAt = j; + } + } + } + if (sortForCol) { + column.setSort(sortForCol, source); + column.setSortedAt(sortedAt); + } + else { + column.setSort(null, source); + column.setSortedAt(null); + } + }); + this.dispatchSortChangedEvents(); + }; + SortController.prototype.compareColIds = function (sortModelEntry, column) { + return sortModelEntry.colId === column.getColId(); + }; + SortController.prototype.getColumnsWithSortingOrdered = function () { + // pull out all the columns that have sorting set + var allColumnsIncludingAuto = this.columnController.getPrimaryAndSecondaryAndAutoColumns(); + var columnsWithSorting = utils_1.Utils.filter(allColumnsIncludingAuto, function (column) { return !!column.getSort(); }); + // put the columns in order of which one got sorted first + columnsWithSorting.sort(function (a, b) { return a.sortedAt - b.sortedAt; }); + return columnsWithSorting; + }; + // used by row controller, when doing the sorting + SortController.prototype.getSortForRowController = function () { + var columnsWithSorting = this.getColumnsWithSortingOrdered(); + return utils_1.Utils.map(columnsWithSorting, function (column) { + var ascending = column.getSort() === column_1.Column.SORT_ASC; + return { + inverter: ascending ? 1 : -1, + column: column + }; + }); + }; + SortController.DEFAULT_SORTING_ORDER = [column_1.Column.SORT_ASC, column_1.Column.SORT_DESC, null]; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], SortController.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], SortController.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], SortController.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], SortController.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], SortController.prototype, "gridApi", void 0); + SortController = SortController_1 = __decorate([ + context_2.Bean('sortController') + ], SortController); + return SortController; + var SortController_1; + }()); + exports.SortController = SortController; + + +/***/ }), +/* 75 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var beanStub_1 = __webpack_require__(37); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var eventKeys_1 = __webpack_require__(12); + var utils_1 = __webpack_require__(8); + /** + * This class solves the 'max height' problem, where the user might want to show more data than + * the max div height actually allows. + */ + var HeightScaler = (function (_super) { + __extends(HeightScaler, _super); + function HeightScaler() { + var _this = _super !== null && _super.apply(this, arguments) || this; + // the scrollY position + _this.scrollY = 0; + // how tall the body is + _this.uiBodyHeight = 0; + return _this; + } + HeightScaler.prototype.postConstruct = function () { + this.addDestroyableEventListener(this.eventService, eventKeys_1.Events.EVENT_BODY_HEIGHT_CHANGED, this.update.bind(this)); + this.scrollBarWidth = utils_1._.getScrollbarWidth(); + this.maxDivHeight = utils_1._.getMaxDivHeight(); + }; + HeightScaler.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + HeightScaler.prototype.isScaling = function () { + return this.scaling; + }; + HeightScaler.prototype.getOffset = function () { + return this.offset; + }; + HeightScaler.prototype.update = function () { + if (!this.scaling) { + return; + } + var newScrollY = this.gridPanel.getVScrollPosition().top; + var newBodyHeight = this.getUiBodyHeight(); + var atLeastOneChanged = newScrollY !== this.scrollY || newBodyHeight !== this.uiBodyHeight; + if (atLeastOneChanged) { + this.scrollY = newScrollY; + this.uiBodyHeight = newBodyHeight; + this.calculateOffset(); + } + }; + HeightScaler.prototype.calculateOffset = function () { + this.uiContainerHeight = this.maxDivHeight; + this.pixelsToShave = this.modelHeight - this.uiContainerHeight; + this.maxScrollY = this.uiContainerHeight - this.uiBodyHeight; + var scrollPercent = this.scrollY / this.maxScrollY; + this.setOffset(scrollPercent * this.pixelsToShave); + }; + HeightScaler.prototype.clearOffset = function () { + this.uiContainerHeight = this.modelHeight; + this.pixelsToShave = 0; + this.setOffset(0); + }; + HeightScaler.prototype.setOffset = function (newOffset) { + // because we are talking pixels, no point in confusing things with half numbers + var newOffsetFloor = typeof newOffset === 'number' ? Math.floor(newOffset) : null; + if (this.offset !== newOffsetFloor) { + this.offset = newOffsetFloor; + this.eventService.dispatchEvent({ type: eventKeys_1.Events.EVENT_HEIGHT_SCALE_CHANGED }); + } + }; + HeightScaler.prototype.setModelHeight = function (modelHeight) { + this.modelHeight = modelHeight; + this.scaling = this.maxDivHeight > 0 && modelHeight > this.maxDivHeight; + if (this.scaling) { + this.calculateOffset(); + } + else { + this.clearOffset(); + } + }; + HeightScaler.prototype.getUiContainerHeight = function () { + return this.uiContainerHeight; + }; + HeightScaler.prototype.getRealPixelPosition = function (modelPixel) { + var uiPixel = modelPixel - this.offset; + return uiPixel; + }; + HeightScaler.prototype.getUiBodyHeight = function () { + var pos = this.gridPanel.getVScrollPosition(); + var bodyHeight = pos.bottom - pos.top; + if (this.gridPanel.isHorizontalScrollShowing()) { + bodyHeight -= this.scrollBarWidth; + } + return bodyHeight; + }; + HeightScaler.prototype.getScrollPositionForPixel = function (rowTop) { + if (this.pixelsToShave <= 0) { + return rowTop; + } + else { + var modelMaxScroll = this.modelHeight - this.getUiBodyHeight(); + var scrollPercent = rowTop / modelMaxScroll; + var scrollPixel = this.maxScrollY * scrollPercent; + return scrollPixel; + } + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], HeightScaler.prototype, "eventService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeightScaler.prototype, "postConstruct", null); + HeightScaler = __decorate([ + context_1.Bean('heightScaler') + ], HeightScaler); + return HeightScaler; + }(beanStub_1.BeanStub)); + exports.HeightScaler = HeightScaler; + + +/***/ }), +/* 76 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var beanStub_1 = __webpack_require__(37); + var context_1 = __webpack_require__(7); + var columnHoverService_1 = __webpack_require__(69); + var HoverFeature = (function (_super) { + __extends(HoverFeature, _super); + function HoverFeature(columns, element) { + var _this = _super.call(this) || this; + _this.columns = columns; + _this.addMouseHoverListeners(element); + return _this; + } + HoverFeature.prototype.addMouseHoverListeners = function (element) { + this.addDestroyableEventListener(element, 'mouseout', this.onMouseOut.bind(this)); + this.addDestroyableEventListener(element, 'mouseover', this.onMouseOver.bind(this)); + }; + HoverFeature.prototype.onMouseOut = function () { + this.columnHoverService.clearMouseOver(); + }; + HoverFeature.prototype.onMouseOver = function () { + this.columnHoverService.setMouseOver(this.columns); + }; + __decorate([ + context_1.Autowired('columnHoverService'), + __metadata("design:type", columnHoverService_1.ColumnHoverService) + ], HoverFeature.prototype, "columnHoverService", void 0); + return HoverFeature; + }(beanStub_1.BeanStub)); + exports.HoverFeature = HoverFeature; + + +/***/ }), +/* 77 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var component_1 = __webpack_require__(36); + var componentRecipes_1 = __webpack_require__(52); + var OverlayWrapperComponent = (function (_super) { + __extends(OverlayWrapperComponent, _super); + function OverlayWrapperComponent() { + return _super.call(this) || this; + } + OverlayWrapperComponent.prototype.init = function () { }; + OverlayWrapperComponent.prototype.showLoadingOverlay = function (eOverlayWrapper) { + var _this = this; + this.setTemplate(OverlayWrapperComponent.LOADING_WRAPPER_OVERLAY_TEMPLATE); + this.componentRecipes.newLoadingOverlayComponent().then(function (renderer) { + var loadingOverlayWrapper = _this.getRefElement("loadingOverlayWrapper"); + utils_1.Utils.removeAllChildren(loadingOverlayWrapper); + loadingOverlayWrapper.appendChild(renderer.getGui()); + }); + this.showOverlay(eOverlayWrapper, this.getGui()); + }; + OverlayWrapperComponent.prototype.showNoRowsOverlay = function (eOverlayWrapper) { + var _this = this; + this.setTemplate(OverlayWrapperComponent.NO_ROWS_WRAPPER_OVERLAY_TEMPLATE); + this.componentRecipes.newNoRowsOverlayComponent().then(function (renderer) { + var noRowsOverlayWrapper = _this.getRefElement("noRowsOverlayWrapper"); + utils_1.Utils.removeAllChildren(noRowsOverlayWrapper); + noRowsOverlayWrapper.appendChild(renderer.getGui()); + }); + this.showOverlay(eOverlayWrapper, this.getGui()); + }; + OverlayWrapperComponent.prototype.hideOverlay = function (eOverlayWrapper) { + utils_1.Utils.removeAllChildren(eOverlayWrapper); + utils_1.Utils.setVisible(eOverlayWrapper, false); + }; + OverlayWrapperComponent.prototype.showOverlay = function (eOverlayWrapper, overlay) { + if (overlay) { + utils_1.Utils.removeAllChildren(eOverlayWrapper); + utils_1.Utils.setVisible(eOverlayWrapper, true); + eOverlayWrapper.appendChild(overlay); + } + else { + console.warn('ag-Grid: unknown overlay'); + this.hideOverlay(eOverlayWrapper); + } + }; + // wrapping in outer div, and wrapper, is needed to center the loading icon + // The idea for centering came from here: http://www.vanseodesign.com/css/vertical-centering/ + OverlayWrapperComponent.LOADING_WRAPPER_OVERLAY_TEMPLATE = ''; + OverlayWrapperComponent.NO_ROWS_WRAPPER_OVERLAY_TEMPLATE = ''; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], OverlayWrapperComponent.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], OverlayWrapperComponent.prototype, "componentRecipes", void 0); + return OverlayWrapperComponent; + }(component_1.Component)); + exports.OverlayWrapperComponent = OverlayWrapperComponent; + + +/***/ }), +/* 78 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var column_1 = __webpack_require__(19); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var sortController_1 = __webpack_require__(74); + var touchListener_1 = __webpack_require__(79); + var eventService_1 = __webpack_require__(5); + var componentAnnotations_1 = __webpack_require__(43); + var events_1 = __webpack_require__(11); + var HeaderComp = (function (_super) { + __extends(HeaderComp, _super); + function HeaderComp() { + var _this = _super !== null && _super.apply(this, arguments) || this; + _this.lastMovingChanged = 0; + return _this; + } + HeaderComp.prototype.init = function (params) { + var template = utils_1.Utils.firstExistingValue(params.template, HeaderComp.TEMPLATE); + this.setTemplate(template); + this.params = params; + this.setupTap(); + this.setupIcons(params.column); + this.setupMenu(); + this.setupSort(); + this.setupFilterIcon(); + this.setupText(params.displayName); + }; + HeaderComp.prototype.setupText = function (displayName) { + if (this.eText) { + this.eText.innerHTML = displayName; + } + }; + HeaderComp.prototype.setupIcons = function (column) { + this.addInIcon('sortAscending', this.eSortAsc, column); + this.addInIcon('sortDescending', this.eSortDesc, column); + this.addInIcon('sortUnSort', this.eSortNone, column); + this.addInIcon('menu', this.eMenu, column); + this.addInIcon('filter', this.eFilter, column); + }; + HeaderComp.prototype.addInIcon = function (iconName, eParent, column) { + if (eParent == null) + return; + var eIcon = utils_1.Utils.createIconNoSpan(iconName, this.gridOptionsWrapper, column); + eParent.appendChild(eIcon); + }; + HeaderComp.prototype.setupTap = function () { + var _this = this; + if (this.gridOptionsWrapper.isSuppressTouch()) { + return; + } + var touchListener = new touchListener_1.TouchListener(this.getGui()); + if (this.params.enableMenu) { + var longTapListener = function (event) { + _this.gridOptionsWrapper.getApi().showColumnMenuAfterMouseClick(_this.params.column, event.touchStart); + }; + this.addDestroyableEventListener(touchListener, touchListener_1.TouchListener.EVENT_LONG_TAP, longTapListener); + } + if (this.params.enableSorting) { + var tapListener = function () { + _this.sortController.progressSort(_this.params.column, false, "uiColumnSorted"); + }; + this.addDestroyableEventListener(touchListener, touchListener_1.TouchListener.EVENT_TAP, tapListener); + } + this.addDestroyFunc(function () { return touchListener.destroy(); }); + }; + HeaderComp.prototype.setupMenu = function () { + var _this = this; + // if no menu provided in template, do nothing + if (!this.eMenu) { + return; + } + // we don't show the menu if on an ipad, as the user cannot have a mouse on the ipad, so + // makes no sense. instead the user must long-tap if on an ipad. + var dontShowMenu = !this.params.enableMenu || utils_1.Utils.isUserAgentIPad(); + if (dontShowMenu) { + utils_1.Utils.removeFromParent(this.eMenu); + return; + } + this.eMenu.addEventListener('click', function () { return _this.showMenu(_this.eMenu); }); + if (!this.gridOptionsWrapper.isSuppressMenuHide()) { + this.eMenu.style.opacity = '0'; + this.addGuiEventListener('mouseover', function () { + _this.eMenu.style.opacity = '1'; + }); + this.addGuiEventListener('mouseout', function () { + _this.eMenu.style.opacity = '0'; + }); + } + var style = this.eMenu.style; + style['transition'] = 'opacity 0.2s, border 0.2s'; + style['-webkit-transition'] = 'opacity 0.2s, border 0.2s'; + }; + HeaderComp.prototype.showMenu = function (eventSource) { + this.menuFactory.showMenuAfterButtonClick(this.params.column, eventSource); + }; + HeaderComp.prototype.removeSortIcons = function () { + utils_1.Utils.removeFromParent(this.eSortAsc); + utils_1.Utils.removeFromParent(this.eSortDesc); + utils_1.Utils.removeFromParent(this.eSortNone); + utils_1.Utils.removeFromParent(this.eSortOrder); + }; + HeaderComp.prototype.setupSort = function () { + var _this = this; + var enableSorting = this.params.enableSorting; + if (!enableSorting) { + this.removeSortIcons(); + return; + } + var sortUsingCtrl = this.gridOptionsWrapper.isMultiSortKeyCtrl(); + // keep track of last time the moving changed flag was set + this.addDestroyableEventListener(this.params.column, column_1.Column.EVENT_MOVING_CHANGED, function () { + _this.lastMovingChanged = new Date().getTime(); + }); + // add the event on the header, so when clicked, we do sorting + if (this.eLabel) { + this.addDestroyableEventListener(this.eLabel, 'click', function (event) { + // sometimes when moving a column via dragging, this was also firing a clicked event. + // here is issue raised by user: https://ag-grid.zendesk.com/agent/tickets/1076 + // this check stops sort if a) column is moving or b) column moved less than 200ms ago (so caters for race condition) + var moving = _this.params.column.isMoving(); + var nowTime = new Date().getTime(); + // typically there is <2ms if moving flag was set recently, as it would be done in same VM turn + var movedRecently = (nowTime - _this.lastMovingChanged) < 50; + var columnMoving = moving || movedRecently; + if (!columnMoving) { + var multiSort = sortUsingCtrl ? (event.ctrlKey || event.metaKey) : event.shiftKey; + _this.params.progressSort(multiSort); + } + else { + console.log("kipping sort cos of moving " + _this.lastMovingChanged); + } + }); + } + this.addDestroyableEventListener(this.params.column, column_1.Column.EVENT_SORT_CHANGED, this.onSortChanged.bind(this)); + this.onSortChanged(); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_SORT_CHANGED, this.setMultiSortOrder.bind(this)); + this.setMultiSortOrder(); + }; + HeaderComp.prototype.onSortChanged = function () { + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-header-cell-sorted-asc', this.params.column.isSortAscending()); + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-header-cell-sorted-desc', this.params.column.isSortDescending()); + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-header-cell-sorted-none', this.params.column.isSortNone()); + if (this.eSortAsc) { + utils_1.Utils.addOrRemoveCssClass(this.eSortAsc, 'ag-hidden', !this.params.column.isSortAscending()); + } + if (this.eSortDesc) { + utils_1.Utils.addOrRemoveCssClass(this.eSortDesc, 'ag-hidden', !this.params.column.isSortDescending()); + } + if (this.eSortNone) { + var alwaysHideNoSort = !this.params.column.getColDef().unSortIcon && !this.gridOptionsWrapper.isUnSortIcon(); + utils_1.Utils.addOrRemoveCssClass(this.eSortNone, 'ag-hidden', alwaysHideNoSort || !this.params.column.isSortNone()); + } + }; + // we listen here for global sort events, NOT column sort events, as we want to do this + // when sorting has been set on all column (if we listened just for our col (where we + // set the asc / desc icons) then it's possible other cols are yet to get their sorting state. + HeaderComp.prototype.setMultiSortOrder = function () { + if (!this.eSortOrder) { + return; + } + var col = this.params.column; + var allColumnsWithSorting = this.sortController.getColumnsWithSortingOrdered(); + var indexThisCol = allColumnsWithSorting.indexOf(col); + var moreThanOneColSorting = allColumnsWithSorting.length > 1; + var showIndex = col.isSorting() && moreThanOneColSorting; + utils_1.Utils.setVisible(this.eSortOrder, showIndex); + if (indexThisCol >= 0) { + this.eSortOrder.innerHTML = (indexThisCol + 1).toString(); + } + else { + this.eSortOrder.innerHTML = ''; + } + }; + HeaderComp.prototype.setupFilterIcon = function () { + if (!this.eFilter) { + return; + } + this.addDestroyableEventListener(this.params.column, column_1.Column.EVENT_FILTER_CHANGED, this.onFilterChanged.bind(this)); + this.onFilterChanged(); + }; + HeaderComp.prototype.onFilterChanged = function () { + var filterPresent = this.params.column.isFilterActive(); + utils_1.Utils.addOrRemoveCssClass(this.eFilter, 'ag-hidden', !filterPresent); + }; + HeaderComp.TEMPLATE = ''; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('sortController'), + __metadata("design:type", sortController_1.SortController) + ], HeaderComp.prototype, "sortController", void 0); + __decorate([ + context_1.Autowired('menuFactory'), + __metadata("design:type", Object) + ], HeaderComp.prototype, "menuFactory", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], HeaderComp.prototype, "eventService", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eFilter'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eFilter", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eSortAsc'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eSortAsc", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eSortDesc'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eSortDesc", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eSortNone'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eSortNone", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eSortOrder'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eSortOrder", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eMenu'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eMenu", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLabel'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eLabel", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eText'), + __metadata("design:type", HTMLElement) + ], HeaderComp.prototype, "eText", void 0); + return HeaderComp; + }(component_1.Component)); + exports.HeaderComp = HeaderComp; + + +/***/ }), +/* 79 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var eventService_1 = __webpack_require__(5); + var utils_1 = __webpack_require__(8); + var TouchListener = (function () { + function TouchListener(eElement, preventMouseClick) { + if (preventMouseClick === void 0) { preventMouseClick = false; } + var _this = this; + this.destroyFuncs = []; + this.touching = false; + this.eventService = new eventService_1.EventService(); + this.eElement = eElement; + this.preventMouseClick = preventMouseClick; + var startListener = this.onTouchStart.bind(this); + var moveListener = this.onTouchMove.bind(this); + var endListener = this.onTouchEnd.bind(this); + this.eElement.addEventListener("touchstart", startListener, { passive: true }); + this.eElement.addEventListener("touchmove", moveListener, { passive: true }); + // we set passive=false, as we want to prevent default on this event + this.eElement.addEventListener("touchend", endListener, { passive: false }); + this.destroyFuncs.push(function () { + _this.eElement.addEventListener("touchstart", startListener, { passive: true }); + _this.eElement.addEventListener("touchmove", moveListener, { passive: true }); + _this.eElement.addEventListener("touchend", endListener, { passive: false }); + }); + } + TouchListener.prototype.getActiveTouch = function (touchList) { + for (var i = 0; i < touchList.length; i++) { + var matches = touchList[i].identifier === this.touchStart.identifier; + if (matches) { + return touchList[i]; + } + } + return null; + }; + TouchListener.prototype.addEventListener = function (eventType, listener) { + this.eventService.addEventListener(eventType, listener); + }; + TouchListener.prototype.removeEventListener = function (eventType, listener) { + this.eventService.removeEventListener(eventType, listener); + }; + TouchListener.prototype.onTouchStart = function (touchEvent) { + var _this = this; + // only looking at one touch point at any time + if (this.touching) { + return; + } + this.touchStart = touchEvent.touches[0]; + this.touching = true; + this.moved = false; + var touchStartCopy = this.touchStart; + setTimeout(function () { + var touchesMatch = _this.touchStart === touchStartCopy; + if (_this.touching && touchesMatch && !_this.moved) { + _this.moved = true; + var event_1 = { + type: TouchListener.EVENT_LONG_TAP, + touchStart: _this.touchStart, + touchEvent: touchEvent + }; + _this.eventService.dispatchEvent(event_1); + } + }, 500); + }; + TouchListener.prototype.onTouchMove = function (touchEvent) { + if (!this.touching) { + return; + } + var touch = this.getActiveTouch(touchEvent.touches); + if (!touch) { + return; + } + var eventIsFarAway = !utils_1.Utils.areEventsNear(touch, this.touchStart, 4); + if (eventIsFarAway) { + this.moved = true; + } + }; + TouchListener.prototype.onTouchEnd = function (touchEvent) { + if (!this.touching) { + return; + } + if (!this.moved) { + var event_2 = { + type: TouchListener.EVENT_TAP, + touchStart: this.touchStart + }; + this.eventService.dispatchEvent(event_2); + this.checkForDoubleTap(); + // stops the tap from also been processed as a mouse click + if (this.preventMouseClick) { + touchEvent.preventDefault(); + } + } + this.touching = false; + }; + TouchListener.prototype.checkForDoubleTap = function () { + var now = new Date().getTime(); + if (this.lastTapTime > 0) { + // if previous tap, see if duration is short enough to be considered double tap + var interval = now - this.lastTapTime; + if (interval > TouchListener.DOUBLE_TAP_MILLIS) { + // dispatch double tap event + var event_3 = { + type: TouchListener.EVENT_DOUBLE_TAP, + touchStart: this.touchStart + }; + this.eventService.dispatchEvent(event_3); + // this stops a tripple tap ending up as two double taps + this.lastTapTime = null; + } + else { + this.lastTapTime = now; + } + } + else { + this.lastTapTime = now; + } + }; + TouchListener.prototype.destroy = function () { + this.destroyFuncs.forEach(function (func) { return func(); }); + }; + TouchListener.EVENT_TAP = "tap"; + TouchListener.EVENT_DOUBLE_TAP = "doubleTap"; + TouchListener.EVENT_LONG_TAP = "longTap"; + TouchListener.DOUBLE_TAP_MILLIS = 500; + return TouchListener; + }()); + exports.TouchListener = TouchListener; + + +/***/ }), +/* 80 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var utils_1 = __webpack_require__(8); + var columnController_1 = __webpack_require__(17); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var touchListener_1 = __webpack_require__(79); + var componentAnnotations_1 = __webpack_require__(43); + var originalColumnGroup_1 = __webpack_require__(21); + var HeaderGroupComp = (function (_super) { + __extends(HeaderGroupComp, _super); + function HeaderGroupComp() { + return _super.call(this, HeaderGroupComp.TEMPLATE) || this; + } + HeaderGroupComp.prototype.init = function (params) { + this.params = params; + this.setupLabel(); + this.addGroupExpandIcon(); + this.setupExpandIcons(); + }; + HeaderGroupComp.prototype.setupExpandIcons = function () { + var _this = this; + this.addInIcon("columnGroupOpened", "agOpened"); + this.addInIcon("columnGroupClosed", "agClosed"); + var expandAction = function (event) { + if (utils_1.Utils.isStopPropagationForAgGrid(event)) { + return; + } + var newExpandedValue = !_this.params.columnGroup.isExpanded(); + _this.columnController.setColumnGroupOpened(_this.params.columnGroup.getOriginalColumnGroup(), newExpandedValue, "uiColumnExpanded"); + }; + this.addTouchAndClickListeners(this.eCloseIcon, expandAction); + this.addTouchAndClickListeners(this.eOpenIcon, expandAction); + var stopPropagationAction = function (event) { + utils_1.Utils.stopPropagationForAgGrid(event); + }; + // adding stopPropagation to the double click for the icons prevents double click action happening + // when the icons are clicked. if the icons are double clicked, then the groups should open and + // then close again straight away. if we also listened to double click, then the group would open, + // close, then open, which is not what we want. double click should only action if the user double + // clicks outside of the icons. + this.addDestroyableEventListener(this.eCloseIcon, "dblclick", stopPropagationAction); + this.addDestroyableEventListener(this.eOpenIcon, "dblclick", stopPropagationAction); + this.addDestroyableEventListener(this.getGui(), "dblclick", expandAction); + this.updateIconVisibility(); + var originalColumnGroup = this.params.columnGroup.getOriginalColumnGroup(); + this.addDestroyableEventListener(originalColumnGroup, originalColumnGroup_1.OriginalColumnGroup.EVENT_EXPANDED_CHANGED, this.updateIconVisibility.bind(this)); + this.addDestroyableEventListener(originalColumnGroup, originalColumnGroup_1.OriginalColumnGroup.EVENT_EXPANDABLE_CHANGED, this.updateIconVisibility.bind(this)); + }; + HeaderGroupComp.prototype.addTouchAndClickListeners = function (eElement, action) { + var touchListener = new touchListener_1.TouchListener(this.eCloseIcon); + this.addDestroyableEventListener(touchListener, touchListener_1.TouchListener.EVENT_TAP, action); + this.addDestroyFunc(function () { return touchListener.destroy(); }); + this.addDestroyableEventListener(eElement, "click", action); + }; + HeaderGroupComp.prototype.updateIconVisibility = function () { + var columnGroup = this.params.columnGroup; + if (columnGroup.isExpandable()) { + var expanded = this.params.columnGroup.isExpanded(); + utils_1.Utils.setVisible(this.eOpenIcon, !expanded); + utils_1.Utils.setVisible(this.eCloseIcon, expanded); + } + else { + utils_1.Utils.setVisible(this.eOpenIcon, false); + utils_1.Utils.setVisible(this.eCloseIcon, false); + } + }; + HeaderGroupComp.prototype.addInIcon = function (iconName, refName) { + var eIcon = utils_1.Utils.createIconNoSpan(iconName, this.gridOptionsWrapper, null); + this.getRefElement(refName).appendChild(eIcon); + }; + HeaderGroupComp.prototype.addGroupExpandIcon = function () { + if (!this.params.columnGroup.isExpandable()) { + utils_1.Utils.setVisible(this.eOpenIcon, false); + utils_1.Utils.setVisible(this.eCloseIcon, false); + return; + } + }; + HeaderGroupComp.prototype.setupLabel = function () { + // no renderer, default text render + if (this.params.displayName && this.params.displayName !== "") { + var eInnerText = this.getRefElement("agLabel"); + eInnerText.innerHTML = this.params.displayName; + } + }; + HeaderGroupComp.TEMPLATE = "
" + + "" + + "" + + "" + + "
"; + __decorate([ + context_1.Autowired("columnController"), + __metadata("design:type", columnController_1.ColumnController) + ], HeaderGroupComp.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderGroupComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + componentAnnotations_1.RefSelector("agOpened"), + __metadata("design:type", HTMLElement) + ], HeaderGroupComp.prototype, "eOpenIcon", void 0); + __decorate([ + componentAnnotations_1.RefSelector("agClosed"), + __metadata("design:type", HTMLElement) + ], HeaderGroupComp.prototype, "eCloseIcon", void 0); + return HeaderGroupComp; + }(component_1.Component)); + exports.HeaderGroupComp = HeaderGroupComp; + + +/***/ }), +/* 81 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var utils_1 = __webpack_require__(8); + var constants_1 = __webpack_require__(9); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var valueFormatterService_1 = __webpack_require__(66); + var SelectCellEditor = (function (_super) { + __extends(SelectCellEditor, _super); + function SelectCellEditor() { + var _this = _super.call(this, '
\n
"; + }; + TextFilter.prototype.initialiseFilterBodyUi = function (type) { + _super.prototype.initialiseFilterBodyUi.call(this, type); + this.addFilterChangedListener(type); + this.setFilter(this.filterConditionText, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterType(this.filterCondition, baseFilter_1.FilterConditionType.CONDITION); + }; + TextFilter.prototype.addFilterChangedListener = function (type) { + var _this = this; + var eElement = type === baseFilter_1.FilterConditionType.MAIN ? this.eFilterTextField : this.eFilterConditionTextField; + var debounceMs = this.getDebounceMs(this.filterParams); + var toDebounce = utils_1.Utils.debounce(function () { return _this.onFilterTextFieldChanged(type); }, debounceMs); + this.addDestroyableEventListener(eElement, 'input', toDebounce); + }; + TextFilter.prototype.refreshFilterBodyUi = function (type) { + if (this.eFilterConditionTextField) { + this.addFilterChangedListener(baseFilter_1.FilterConditionType.CONDITION); + } + }; + TextFilter.prototype.afterGuiAttached = function () { + this.eFilterTextField.focus(); + }; + TextFilter.prototype.filterValues = function (type) { + return type === baseFilter_1.FilterConditionType.MAIN ? this.filterText : this.filterConditionText; + }; + TextFilter.prototype.individualFilterPasses = function (params, type) { + var filterText = type == baseFilter_1.FilterConditionType.MAIN ? this.filterText : this.filterConditionText; + var filter = type == baseFilter_1.FilterConditionType.MAIN ? this.filter : this.filterCondition; + if (!filterText) { + return type === baseFilter_1.FilterConditionType.MAIN ? true : this.conditionValue === 'AND'; + } + else { + return this.checkIndividualFilter(params, filter, filterText); + } + }; + TextFilter.prototype.checkIndividualFilter = function (params, filterType, filterText) { + var value = this.filterParams.valueGetter(params.node); + if (!value) { + return filterType === baseFilter_1.BaseFilter.NOT_EQUAL || filterType === baseFilter_1.BaseFilter.NOT_CONTAINS; + } + var valueFormatted = this.formatter(value); + return this.comparator(filterType, valueFormatted, filterText); + }; + TextFilter.prototype.onFilterTextFieldChanged = function (type) { + var value = type === baseFilter_1.FilterConditionType.MAIN ? this.eFilterTextField.value : this.eFilterConditionTextField.value; + var current = type === baseFilter_1.FilterConditionType.MAIN ? this.filterText : this.filterConditionText; + var filterText = utils_1.Utils.makeNull(value); + if (filterText && filterText.trim() === '') { + filterText = null; + } + if (current !== filterText) { + var newLowerCase = filterText && this.filterParams.caseSensitive != true ? filterText.toLowerCase() : + filterText; + var previousLowerCase = current && this.filterParams.caseSensitive != true ? current.toLowerCase() : + current; + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.filterText = this.formatter(filterText); + } + else { + this.filterConditionText = this.formatter(filterText); + } + if (previousLowerCase !== newLowerCase) { + this.onFilterChanged(); + } + } + }; + TextFilter.prototype.setFilter = function (filter, type) { + filter = utils_1.Utils.makeNull(filter); + if (type === baseFilter_1.FilterConditionType.MAIN) { + if (filter) { + this.filterText = this.formatter(filter); + if (!this.eFilterTextField) + return; + this.eFilterTextField.value = filter; + } + else { + this.filterText = null; + if (!this.eFilterTextField) + return; + this.eFilterTextField.value = null; + } + } + else { + if (filter) { + this.filterConditionText = this.formatter(filter); + if (!this.eFilterConditionTextField) + return; + this.eFilterConditionTextField.value = filter; + } + else { + this.filterConditionText = null; + if (!this.eFilterConditionTextField) + return; + this.eFilterConditionTextField.value = null; + } + } + }; + TextFilter.prototype.getFilter = function () { + return this.filterText; + }; + TextFilter.prototype.resetState = function () { + this.setFilter(null, baseFilter_1.FilterConditionType.MAIN); + this.setFilterType(this.defaultFilter, baseFilter_1.FilterConditionType.MAIN); + this.setFilter(null, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterType(this.defaultFilter, baseFilter_1.FilterConditionType.CONDITION); + }; + TextFilter.prototype.serialize = function (type) { + var filter = type === baseFilter_1.FilterConditionType.MAIN ? this.filter : this.filterCondition; + var filterText = type === baseFilter_1.FilterConditionType.MAIN ? this.filterText : this.filterConditionText; + return { + type: filter ? filter : this.defaultFilter, + filter: filterText, + filterType: 'text' + }; + }; + TextFilter.prototype.parse = function (model, type) { + this.setFilterType(model.type, type); + this.setFilter(model.filter, type); + }; + TextFilter.prototype.setType = function (filterType, type) { + this.setFilterType(filterType, type); + }; + TextFilter.DEFAULT_FORMATTER = function (from) { + return from; + }; + TextFilter.DEFAULT_LOWERCASE_FORMATTER = function (from) { + if (from == null) { + return null; + } + return from.toString().toLowerCase(); + }; + TextFilter.DEFAULT_COMPARATOR = function (filter, value, filterText) { + switch (filter) { + case TextFilter.CONTAINS: + return value.indexOf(filterText) >= 0; + case TextFilter.NOT_CONTAINS: + return value.indexOf(filterText) === -1; + case TextFilter.EQUALS: + return value === filterText; + case TextFilter.NOT_EQUAL: + return value != filterText; + case TextFilter.STARTS_WITH: + return value.indexOf(filterText) === 0; + case TextFilter.ENDS_WITH: + var index = value.lastIndexOf(filterText); + return index >= 0 && index === (value.length - filterText.length); + default: + // should never happen + console.warn('invalid filter type ' + filter); + return false; + } + }; + __decorate([ + componentAnnotations_1.QuerySelector('#filterText'), + __metadata("design:type", HTMLInputElement) + ], TextFilter.prototype, "eFilterTextField", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterConditionText'), + __metadata("design:type", HTMLInputElement) + ], TextFilter.prototype, "eFilterConditionTextField", void 0); + return TextFilter; + }(baseFilter_1.ComparableBaseFilter)); + exports.TextFilter = TextFilter; + + +/***/ }), +/* 86 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var componentAnnotations_1 = __webpack_require__(43); + var baseFilter_1 = __webpack_require__(51); + var NumberFilter = (function (_super) { + __extends(NumberFilter, _super); + function NumberFilter() { + return _super !== null && _super.apply(this, arguments) || this; + } + NumberFilter.prototype.modelFromFloatingFilter = function (from) { + return { + type: this.filter, + filter: Number(from), + filterTo: this.filterNumberTo, + filterType: 'number' + }; + }; + NumberFilter.prototype.getApplicableFilterTypes = function () { + return [baseFilter_1.BaseFilter.EQUALS, baseFilter_1.BaseFilter.NOT_EQUAL, baseFilter_1.BaseFilter.LESS_THAN, baseFilter_1.BaseFilter.LESS_THAN_OR_EQUAL, + baseFilter_1.BaseFilter.GREATER_THAN, baseFilter_1.BaseFilter.GREATER_THAN_OR_EQUAL, baseFilter_1.BaseFilter.IN_RANGE]; + }; + NumberFilter.prototype.bodyTemplate = function (type) { + var translate = this.translate.bind(this); + var fieldId = type == baseFilter_1.FilterConditionType.MAIN ? "filterText" : "filterConditionText"; + var filterNumberToPanelId = type == baseFilter_1.FilterConditionType.MAIN ? "filterNumberToPanel" : "filterNumberToPanelCondition"; + var fieldToId = type == baseFilter_1.FilterConditionType.MAIN ? "filterToText" : "filterToConditionText"; + return "
\n
\n \n
\n
\n \n
\n
"; + }; + NumberFilter.prototype.initialiseFilterBodyUi = function (type) { + _super.prototype.initialiseFilterBodyUi.call(this, type); + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.eFilterTextField = this.queryForHtmlInputElement("#filterText"); + this.addFilterChangedEventListeners(type, this.eFilterTextField, this.eFilterToTextField); + } + else { + this.eFilterTextConditionField = this.queryForHtmlInputElement("#filterConditionText"); + this.addFilterChangedEventListeners(type, this.eFilterTextConditionField, this.eFilterToConditionText); + this.setFilter(this.filterNumberCondition, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterTo(this.filterNumberConditionTo, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterType(this.filterCondition, baseFilter_1.FilterConditionType.CONDITION); + } + }; + NumberFilter.prototype.addFilterChangedEventListeners = function (type, filterElement, filterToElement) { + var _this = this; + var debounceMs = this.getDebounceMs(this.filterParams); + var toDebounce = utils_1.Utils.debounce(function () { return _this.onTextFieldsChanged(type, filterElement, filterToElement); }, debounceMs); + this.addDestroyableEventListener(filterElement, "input", toDebounce); + this.addDestroyableEventListener(filterToElement, "input", toDebounce); + }; + NumberFilter.prototype.afterGuiAttached = function () { + this.eFilterTextField.focus(); + }; + NumberFilter.prototype.comparator = function () { + return function (left, right) { + if (left === right) { + return 0; + } + if (left < right) { + return 1; + } + if (left > right) { + return -1; + } + }; + }; + NumberFilter.prototype.onTextFieldsChanged = function (type, filterElement, filterToElement) { + var newFilter = this.stringToFloat(filterElement.value); + var newFilterTo = this.stringToFloat(filterToElement.value); + if (type === baseFilter_1.FilterConditionType.MAIN) { + if (this.filterNumber !== newFilter || this.filterNumberTo !== newFilterTo) { + this.filterNumber = newFilter; + this.filterNumberTo = newFilterTo; + this.onFilterChanged(); + } + } + else { + if (this.filterNumberCondition !== newFilter || this.filterNumberConditionTo !== newFilterTo) { + this.filterNumberCondition = newFilter; + this.filterNumberConditionTo = newFilterTo; + this.onFilterChanged(); + } + } + }; + NumberFilter.prototype.filterValues = function (type) { + if (type === baseFilter_1.FilterConditionType.MAIN) { + return this.filter !== baseFilter_1.BaseFilter.IN_RANGE ? + this.asNumber(this.filterNumber) : + [this.asNumber(this.filterNumber), this.asNumber(this.filterNumberTo)]; + } + return this.filterCondition !== baseFilter_1.BaseFilter.IN_RANGE ? + this.asNumber(this.filterNumberCondition) : + [this.asNumber(this.filterNumberCondition), this.asNumber(this.filterNumberConditionTo)]; + }; + NumberFilter.prototype.asNumber = function (value) { + return utils_1.Utils.isNumeric(value) ? value : null; + }; + NumberFilter.prototype.stringToFloat = function (value) { + var filterText = utils_1.Utils.makeNull(value); + if (filterText && filterText.trim() === '') { + filterText = null; + } + var newFilter; + if (filterText !== null && filterText !== undefined) { + newFilter = parseFloat(filterText); + } + else { + newFilter = null; + } + return newFilter; + }; + NumberFilter.prototype.setFilter = function (filter, type) { + filter = utils_1.Utils.makeNull(filter); + if (filter !== null && !(typeof filter === 'number')) { + filter = parseFloat(filter); + } + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.filterNumber = filter; + if (!this.eFilterTextField) + return; + this.eFilterTextField.value = filter; + } + else { + this.filterNumberCondition = filter; + if (!this.eFilterTextConditionField) + return; + this.eFilterTextConditionField.value = filter; + } + }; + NumberFilter.prototype.setFilterTo = function (filter, type) { + filter = utils_1.Utils.makeNull(filter); + if (filter !== null && !(typeof filter === 'number')) { + filter = parseFloat(filter); + } + if (type === baseFilter_1.FilterConditionType.MAIN) { + this.filterNumberTo = filter; + if (!this.eFilterToTextField) + return; + this.eFilterToTextField.value = filter; + } + else { + this.filterNumberConditionTo = filter; + if (!this.eFilterToConditionText) + return; + this.eFilterToConditionText.value = filter; + } + }; + NumberFilter.prototype.getFilter = function (type) { + return type === baseFilter_1.FilterConditionType.MAIN ? this.filterNumber : this.filterNumberCondition; + }; + NumberFilter.prototype.serialize = function (type) { + var filter = type === baseFilter_1.FilterConditionType.MAIN ? this.filter : this.filterCondition; + var filterNumber = type === baseFilter_1.FilterConditionType.MAIN ? this.filterNumber : this.filterNumberCondition; + var filterNumberTo = type === baseFilter_1.FilterConditionType.MAIN ? this.filterNumberTo : this.filterNumberConditionTo; + return { + type: filter ? filter : this.defaultFilter, + filter: filterNumber, + filterTo: filterNumberTo, + filterType: 'number' + }; + }; + NumberFilter.prototype.parse = function (model, type) { + this.setFilterType(model.type, type); + this.setFilter(model.filter, type); + this.setFilterTo(model.filterTo, type); + }; + NumberFilter.prototype.refreshFilterBodyUi = function (type) { + var filterType = type === baseFilter_1.FilterConditionType.MAIN ? this.filter : this.filterCondition; + var panel = type === baseFilter_1.FilterConditionType.MAIN ? this.eNumberToPanel : this.eNumberToConditionPanel; + if (!panel) + return; + var visible = filterType === NumberFilter.IN_RANGE; + utils_1.Utils.setVisible(panel, visible); + }; + NumberFilter.prototype.resetState = function () { + this.setFilterType(this.defaultFilter, baseFilter_1.FilterConditionType.MAIN); + this.setFilter(null, baseFilter_1.FilterConditionType.MAIN); + this.setFilterTo(null, baseFilter_1.FilterConditionType.MAIN); + this.setFilterType(this.defaultFilter, baseFilter_1.FilterConditionType.CONDITION); + this.setFilter(null, baseFilter_1.FilterConditionType.CONDITION); + this.setFilterTo(null, baseFilter_1.FilterConditionType.CONDITION); + }; + NumberFilter.prototype.setType = function (filterType, type) { + this.setFilterType(filterType, type); + }; + NumberFilter.LESS_THAN = 'lessThan'; //3; + __decorate([ + componentAnnotations_1.QuerySelector('#filterNumberToPanel'), + __metadata("design:type", HTMLElement) + ], NumberFilter.prototype, "eNumberToPanel", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterNumberToPanelCondition'), + __metadata("design:type", HTMLElement) + ], NumberFilter.prototype, "eNumberToConditionPanel", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterToText'), + __metadata("design:type", HTMLInputElement) + ], NumberFilter.prototype, "eFilterToTextField", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('#filterToConditionText'), + __metadata("design:type", HTMLInputElement) + ], NumberFilter.prototype, "eFilterToConditionText", void 0); + return NumberFilter; + }(baseFilter_1.ScalarBaseFilter)); + exports.NumberFilter = NumberFilter; + + +/***/ }), +/* 87 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var component_1 = __webpack_require__(36); + var LoadingOverlayComponent = (function (_super) { + __extends(LoadingOverlayComponent, _super); + function LoadingOverlayComponent() { + return _super.call(this) || this; + } + LoadingOverlayComponent.prototype.init = function (params) { + var template = this.gridOptionsWrapper.getOverlayLoadingTemplate() ? + this.gridOptionsWrapper.getOverlayLoadingTemplate() : LoadingOverlayComponent.DEFAULT_LOADING_OVERLAY_TEMPLATE; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var localisedTemplate = template.replace('[LOADING...]', localeTextFunc('loadingOoo', 'Loading...')); + this.setTemplate(localisedTemplate); + }; + LoadingOverlayComponent.DEFAULT_LOADING_OVERLAY_TEMPLATE = '[LOADING...]'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], LoadingOverlayComponent.prototype, "gridOptionsWrapper", void 0); + return LoadingOverlayComponent; + }(component_1.Component)); + exports.LoadingOverlayComponent = LoadingOverlayComponent; + + +/***/ }), +/* 88 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var component_1 = __webpack_require__(36); + var NoRowsOverlayComponent = (function (_super) { + __extends(NoRowsOverlayComponent, _super); + function NoRowsOverlayComponent() { + return _super.call(this) || this; + } + NoRowsOverlayComponent.prototype.init = function (params) { + var template = this.gridOptionsWrapper.getOverlayNoRowsTemplate() ? + this.gridOptionsWrapper.getOverlayNoRowsTemplate() : NoRowsOverlayComponent.DEFAULT_NO_ROWS_TEMPLATE; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var localisedTemplate = template.replace('[NO_ROWS_TO_SHOW]', localeTextFunc('noRowsToShow', 'No Rows To Show')); + this.setTemplate(localisedTemplate); + }; + NoRowsOverlayComponent.DEFAULT_NO_ROWS_TEMPLATE = '[NO_ROWS_TO_SHOW]'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], NoRowsOverlayComponent.prototype, "gridOptionsWrapper", void 0); + return NoRowsOverlayComponent; + }(component_1.Component)); + exports.NoRowsOverlayComponent = NoRowsOverlayComponent; + + +/***/ }), +/* 89 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var componentMetadataProvider_1 = __webpack_require__(90); + var utils_1 = __webpack_require__(8); + var AgComponentUtils = (function () { + function AgComponentUtils() { + } + AgComponentUtils.prototype.adaptFunction = function (propertyName, hardcodedJsFunction, type, source) { + if (hardcodedJsFunction == null) + return { + component: null, + type: type, + source: source, + dynamicParams: null + }; + var metadata = this.componentMetadataProvider.retrieve(propertyName); + if (metadata && metadata.functionAdapter) { + return { + type: type, + component: metadata.functionAdapter(hardcodedJsFunction), + source: source, + dynamicParams: null + }; + } + return null; + }; + AgComponentUtils.prototype.adaptCellRendererFunction = function (callback) { + var Adapter = (function () { + function Adapter() { + } + Adapter.prototype.refresh = function (params) { + return false; + }; + Adapter.prototype.getGui = function () { + var callbackResult = callback(this.params); + var type = typeof callbackResult; + if (type === 'string' || type === 'number' || type === 'boolean') { + return utils_1._.loadTemplate('' + callbackResult + ''); + } + else { + return callbackResult; + } + }; + Adapter.prototype.init = function (params) { + this.params = params; + }; + return Adapter; + }()); + return Adapter; + }; + AgComponentUtils.prototype.doesImplementIComponent = function (candidate) { + if (!candidate) + return false; + return candidate.prototype && 'getGui' in candidate.prototype; + }; + __decorate([ + context_1.Autowired("componentMetadataProvider"), + __metadata("design:type", componentMetadataProvider_1.ComponentMetadataProvider) + ], AgComponentUtils.prototype, "componentMetadataProvider", void 0); + AgComponentUtils = __decorate([ + context_1.Bean("agComponentUtils") + ], AgComponentUtils); + return AgComponentUtils; + }()); + exports.AgComponentUtils = AgComponentUtils; + + +/***/ }), +/* 90 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var agComponentUtils_1 = __webpack_require__(89); + var ComponentMetadataProvider = (function () { + function ComponentMetadataProvider() { + } + ComponentMetadataProvider.prototype.postConstruct = function () { + this.componentMetaData = { + dateComponent: { + mandatoryMethodList: ['getDate', 'setDate'], + optionalMethodList: ['afterGuiAttached'] + }, + detailCellRenderer: { + mandatoryMethodList: [], + optionalMethodList: [] + }, + headerComponent: { + mandatoryMethodList: [], + optionalMethodList: [] + }, + headerGroupComponent: { + mandatoryMethodList: [], + optionalMethodList: [] + }, + loadingOverlayComponent: { + mandatoryMethodList: [], + optionalMethodList: [] + }, + noRowsOverlayComponent: { + mandatoryMethodList: [], + optionalMethodList: [] + }, + floatingFilterComponent: { + mandatoryMethodList: ['onParentModelChanged'], + optionalMethodList: ['afterGuiAttached'] + }, + floatingFilterWrapperComponent: { + mandatoryMethodList: [], + optionalMethodList: [] + }, + cellRenderer: { + mandatoryMethodList: [], + optionalMethodList: ['refresh', 'afterGuiAttached'], + functionAdapter: this.agComponentUtils.adaptCellRendererFunction.bind(this.agComponentUtils) + }, + cellEditor: { + mandatoryMethodList: ['getValue'], + optionalMethodList: ['isPopup', 'isCancelBeforeStart', 'isCancelAfterEnd', 'focusIn', 'focusOut', 'afterGuiAttached'] + }, + innerRenderer: { + mandatoryMethodList: [], + optionalMethodList: ['afterGuiAttached'], + functionAdapter: this.agComponentUtils.adaptCellRendererFunction.bind(this.agComponentUtils) + }, + fullWidthCellRenderer: { + mandatoryMethodList: [], + optionalMethodList: ['afterGuiAttached'], + functionAdapter: this.agComponentUtils.adaptCellRendererFunction.bind(this.agComponentUtils) + }, + pinnedRowCellRenderer: { + mandatoryMethodList: [], + optionalMethodList: ['afterGuiAttached'], + functionAdapter: this.agComponentUtils.adaptCellRendererFunction.bind(this.agComponentUtils) + }, + groupRowInnerRenderer: { + mandatoryMethodList: [], + optionalMethodList: ['afterGuiAttached'], + functionAdapter: this.agComponentUtils.adaptCellRendererFunction.bind(this.agComponentUtils) + }, + groupRowRenderer: { + mandatoryMethodList: [], + optionalMethodList: ['afterGuiAttached'], + functionAdapter: this.agComponentUtils.adaptCellRendererFunction.bind(this.agComponentUtils) + }, + filter: { + mandatoryMethodList: ['isFilterActive', 'doesFilterPass', 'getModel', 'setModel'], + optionalMethodList: ['afterGuiAttached', 'onNewRowsLoaded', 'getModelAsString', 'onFloatingFilterChanged', 'afterGuiAttached'] + }, + filterComponent: { + mandatoryMethodList: ['isFilterActive', 'doesFilterPass', 'getModel', 'setModel'], + optionalMethodList: ['afterGuiAttached', 'onNewRowsLoaded', 'getModelAsString', 'onFloatingFilterChanged', 'afterGuiAttached'] + } + }; + }; + ComponentMetadataProvider.prototype.retrieve = function (name) { + return this.componentMetaData[name]; + }; + __decorate([ + context_1.Autowired("agComponentUtils"), + __metadata("design:type", agComponentUtils_1.AgComponentUtils) + ], ComponentMetadataProvider.prototype, "agComponentUtils", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ComponentMetadataProvider.prototype, "postConstruct", null); + ComponentMetadataProvider = __decorate([ + context_1.Bean("componentMetadataProvider") + ], ComponentMetadataProvider); + return ComponentMetadataProvider; + }()); + exports.ComponentMetadataProvider = ComponentMetadataProvider; + + +/***/ }), +/* 91 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var resizeObserver_1 = __webpack_require__(92); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnController_1 = __webpack_require__(17); + var columnApi_1 = __webpack_require__(22); + var rowRenderer_1 = __webpack_require__(26); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var dragService_1 = __webpack_require__(41); + var constants_1 = __webpack_require__(9); + var selectionController_1 = __webpack_require__(33); + var csvCreator_1 = __webpack_require__(15); + var mouseEventService_1 = __webpack_require__(67); + var focusedCellController_1 = __webpack_require__(58); + var scrollVisibleService_1 = __webpack_require__(71); + var rowContainerComponent_1 = __webpack_require__(93); + var paginationProxy_1 = __webpack_require__(70); + var popupEditorWrapper_1 = __webpack_require__(60); + var alignedGridsService_1 = __webpack_require__(94); + var pinnedRowModel_1 = __webpack_require__(95); + var gridApi_1 = __webpack_require__(14); + var animationFrameService_1 = __webpack_require__(72); + var rowComp_1 = __webpack_require__(30); + var navigationService_1 = __webpack_require__(96); + var valueService_1 = __webpack_require__(28); + var touchListener_1 = __webpack_require__(79); + var componentRecipes_1 = __webpack_require__(52); + var dragAndDropService_1 = __webpack_require__(40); + var rowDragFeature_1 = __webpack_require__(97); + var heightScaler_1 = __webpack_require__(75); + var component_1 = __webpack_require__(36); + var autoHeightCalculator_1 = __webpack_require__(98); + var columnAnimationService_1 = __webpack_require__(57); + var autoWidthCalculator_1 = __webpack_require__(25); + var beans_1 = __webpack_require__(56); + var componentAnnotations_1 = __webpack_require__(43); + var headerRootComp_1 = __webpack_require__(99); + // in the html below, it is important that there are no white space between some of the divs, as if there is white space, + // it won't render correctly in safari, as safari renders white space as a gap + var GRID_PANEL_NORMAL_TEMPLATE = "
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
"; + var GridPanel = (function (_super) { + __extends(GridPanel, _super); + function GridPanel() { + var _this = _super.call(this, GRID_PANEL_NORMAL_TEMPLATE) || this; + _this.scrollLeft = -1; + _this.nextScrollLeft = -1; + _this.scrollTop = -1; + _this.nextScrollTop = -1; + _this.verticalRedrawNeeded = false; + return _this; + } + GridPanel.prototype.getVScrollPosition = function () { + var result = { + top: this.eBodyViewport.scrollTop, + bottom: this.eBodyViewport.scrollTop + this.eBodyViewport.offsetHeight + }; + return result; + }; + // used by range controller + GridPanel.prototype.getHScrollPosition = function () { + var result = { + left: this.eBodyViewport.scrollLeft, + right: this.eBodyViewport.scrollTop + this.eBodyViewport.offsetWidth + }; + return result; + }; + // we override this, as the base class is missing the annotation + GridPanel.prototype.destroy = function () { + _super.prototype.destroy.call(this); + }; + GridPanel.prototype.onRowDataChanged = function () { + this.showOrHideOverlay(); + }; + GridPanel.prototype.showOrHideOverlay = function () { + if (this.paginationProxy.isEmpty() && !this.gridOptionsWrapper.isSuppressNoRowsOverlay()) { + this.showNoRowsOverlay(); + } + else { + this.hideOverlay(); + } + }; + GridPanel.prototype.onNewColumnsLoaded = function () { + // hide overlay if columns and rows exist, this can happen if columns are loaded after data. + // this problem exists before of the race condition between the services (column controller in this case) + // and the view (grid panel). if the model beans were all initialised first, and then the view beans second, + // this race condition would not happen. + if (this.columnController.isReady() && !this.paginationProxy.isEmpty()) { + this.hideOverlay(); + } + }; + GridPanel.prototype.init = function () { + this.instantiate(this.context); + // makes code below more readable if we pull 'forPrint' out + this.scrollWidth = this.gridOptionsWrapper.getScrollbarWidth(); + this.enableRtl = this.gridOptionsWrapper.isEnableRtl(); + this.useAnimationFrame = !this.gridOptionsWrapper.isSuppressAnimationFrame(); + // if the browser is Windows based, then the scrollbars take up space, and we clip by + // the width of the scrollbar. however if the scroll bars do not take up space (iOS) + // then they overlay on top of the div, so we clip some extra blank space instead. + this.scrollClipWidth = this.scrollWidth > 0 ? this.scrollWidth : 20; + this.suppressScrollOnFloatingRow(); + this.setupRowAnimationCssClass(); + this.buildRowContainerComponents(); + this.addEventListeners(); + this.addDragListeners(); + this.addScrollListener(); + if (this.gridOptionsWrapper.isSuppressHorizontalScroll()) { + this.eBodyViewport.style.overflowX = 'hidden'; + } + this.setupOverlay(); + if (this.gridOptionsWrapper.isRowModelDefault() && !this.gridOptionsWrapper.getRowData()) { + this.showLoadingOverlay(); + } + this.setPinnedContainersVisible(); + this.setBodyAndHeaderHeights(); + this.disableBrowserDragging(); + this.addShortcutKeyListeners(); + this.addMouseListeners(); + this.addKeyboardEvents(); + this.addBodyViewportListener(); + this.addStopEditingWhenGridLosesFocus(); + this.mockContextMenuForIPad(); + this.addRowDragListener(); + if (this.$scope) { + this.addAngularApplyCheck(); + } + this.onDisplayedColumnsWidthChanged(); + // this.addWindowResizeListener(); + this.gridApi.registerGridComp(this); + this.alignedGridsService.registerGridComp(this); + this.headerRootComp.registerGridComp(this); + this.animationFrameService.registerGridComp(this); + this.navigationService.registerGridComp(this); + this.heightScaler.registerGridComp(this); + this.autoHeightCalculator.registerGridComp(this); + this.columnAnimationService.registerGridComp(this); + this.autoWidthCalculator.registerGridComp(this); + this.paginationAutoPageSizeService.registerGridComp(this); + this.beans.registerGridComp(this); + this.rowRenderer.registerGridComp(this); + if (this.rangeController) { + this.rangeController.registerGridComp(this); + } + var unsubscribeFromResize = resizeObserver_1.observeResize(this.eBodyViewport, this.checkViewportAndScrolls.bind(this)); + this.addDestroyFunc(function () { return unsubscribeFromResize(); }); + }; + // used by ColumnAnimationService + GridPanel.prototype.setColumnMovingCss = function (moving) { + this.addOrRemoveCssClass('ag-column-moving', moving); + }; + GridPanel.prototype.setupOverlay = function () { + this.overlayWrapper = this.componentRecipes.newOverlayWrapperComponent(); + this.eOverlay = this.queryForHtmlElement('[ref="eOverlay"]'); + this.overlayWrapper.hideOverlay(this.eOverlay); + }; + GridPanel.prototype.addRowDragListener = function () { + var rowDragFeature = new rowDragFeature_1.RowDragFeature(this.eBody, this); + this.context.wireBean(rowDragFeature); + this.dragAndDropService.addDropTarget(rowDragFeature); + }; + GridPanel.prototype.addStopEditingWhenGridLosesFocus = function () { + var _this = this; + if (this.gridOptionsWrapper.isStopEditingWhenGridLosesFocus()) { + this.addDestroyableEventListener(this.eBody, 'focusout', function (event) { + // this is the element the focus is moving to + var elementWithFocus = event.relatedTarget; + // see if the element the focus is going to is part of the grid + var clickInsideGrid = false; + var pointer = elementWithFocus; + while (utils_1.Utils.exists(pointer) && !clickInsideGrid) { + var isPopup = !!_this.gridOptionsWrapper.getDomData(pointer, popupEditorWrapper_1.PopupEditorWrapper.DOM_KEY_POPUP_EDITOR_WRAPPER); + var isBody = _this.eBody == pointer; + clickInsideGrid = isPopup || isBody; + pointer = pointer.parentNode; + } + if (!clickInsideGrid) { + _this.rowRenderer.stopEditing(); + } + }); + } + }; + GridPanel.prototype.addAngularApplyCheck = function () { + var _this = this; + // this makes sure if we queue up requests, we only execute oe + var applyTriggered = false; + var listener = function () { + // only need to do one apply at a time + if (applyTriggered) { + return; + } + applyTriggered = true; // mark 'need apply' to true + setTimeout(function () { + applyTriggered = false; + _this.$scope.$apply(); + }, 0); + }; + // these are the events we need to do an apply after - these are the ones that can end up + // with columns added or removed + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, listener); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_VIRTUAL_COLUMNS_CHANGED, listener); + }; + // if we do not do this, then the user can select a pic in the grid (eg an image in a custom cell renderer) + // and then that will start the browser native drag n' drop, which messes up with our own drag and drop. + GridPanel.prototype.disableBrowserDragging = function () { + this.getGui().addEventListener('dragstart', function (event) { + if (event.target instanceof HTMLImageElement) { + event.preventDefault(); + return false; + } + }); + }; + GridPanel.prototype.addEventListeners = function () { + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.onDisplayedColumnsChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_WIDTH_CHANGED, this.onDisplayedColumnsWidthChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_PINNED_ROW_DATA_CHANGED, this.setBodyAndHeaderHeights.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_ROW_DATA_CHANGED, this.onRowDataChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_ROW_DATA_UPDATED, this.onRowDataChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_NEW_COLUMNS_LOADED, this.onNewColumnsLoaded.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_HEADER_HEIGHT, this.setBodyAndHeaderHeights.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_PIVOT_HEADER_HEIGHT, this.setBodyAndHeaderHeights.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_HEADER_HEIGHT, this.setBodyAndHeaderHeights.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_PIVOT_GROUP_HEADER_HEIGHT, this.setBodyAndHeaderHeights.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_FLOATING_FILTERS_HEIGHT, this.setBodyAndHeaderHeights.bind(this)); + }; + GridPanel.prototype.addDragListeners = function () { + var _this = this; + if (!this.gridOptionsWrapper.isEnableRangeSelection() // no range selection if no property + || utils_1.Utils.missing(this.rangeController)) { + return; + } + var containers = [this.eLeftContainer, this.eRightContainer, this.eBodyContainer, + this.eTop, this.eBottom]; + containers.forEach(function (container) { + var params = { + eElement: container, + onDragStart: _this.rangeController.onDragStart.bind(_this.rangeController), + onDragStop: _this.rangeController.onDragStop.bind(_this.rangeController), + onDragging: _this.rangeController.onDragging.bind(_this.rangeController), + // for range selection by dragging the mouse, we want to ignore the event if shift key is pressed, + // as shift key click is another type of range selection + skipMouseEvent: function (mouseEvent) { return mouseEvent.shiftKey; } + }; + _this.dragService.addDragSource(params); + _this.addDestroyFunc(function () { return _this.dragService.removeDragSource(params); }); + }); + }; + GridPanel.prototype.addMouseListeners = function () { + var _this = this; + var eventNames = ['click', 'mousedown', 'dblclick', 'contextmenu', 'mouseover', 'mouseout']; + eventNames.forEach(function (eventName) { + var listener = _this.processMouseEvent.bind(_this, eventName); + _this.eAllCellContainers.forEach(function (container) { + return _this.addDestroyableEventListener(container, eventName, listener); + }); + }); + }; + GridPanel.prototype.addKeyboardEvents = function () { + var _this = this; + var eventNames = ['keydown', 'keypress']; + eventNames.forEach(function (eventName) { + var listener = _this.processKeyboardEvent.bind(_this, eventName); + _this.eAllCellContainers.forEach(function (container) { + _this.addDestroyableEventListener(container, eventName, listener); + }); + }); + }; + GridPanel.prototype.addBodyViewportListener = function () { + var _this = this; + // we want to listen for clicks directly on the eBodyViewport, so the user has a way of showing + // the context menu if no rows are displayed, or user simply clicks outside of a cell + var listener = function (mouseEvent) { + var target = utils_1.Utils.getTarget(mouseEvent); + if (target === _this.eBodyViewport || target === _this.eLeftViewport || target === _this.eRightViewport) { + // show it + _this.onContextMenu(mouseEvent, null, null, null, null); + _this.preventDefaultOnContextMenu(mouseEvent); + } + }; + //For some reason listening only to this.eBody doesnt work... Maybe because the event is consumed somewhere else? + //In any case, not expending much time on this, if anyome comes accross this and knows how to make this work with + //one listener please go ahead and change it... + this.addDestroyableEventListener(this.eBodyViewport, 'contextmenu', listener); + this.addDestroyableEventListener(this.eRightViewport, 'contextmenu', listener); + this.addDestroyableEventListener(this.eLeftViewport, 'contextmenu', listener); + }; + // + rangeController + GridPanel.prototype.getBodyClientRect = function () { + if (this.eBody) { + return this.eBody.getBoundingClientRect(); + } + }; + GridPanel.prototype.getRowForEvent = function (event) { + var sourceElement = utils_1.Utils.getTarget(event); + while (sourceElement) { + var renderedRow = this.gridOptionsWrapper.getDomData(sourceElement, rowComp_1.RowComp.DOM_DATA_KEY_RENDERED_ROW); + if (renderedRow) { + return renderedRow; + } + sourceElement = sourceElement.parentElement; + } + return null; + }; + GridPanel.prototype.processKeyboardEvent = function (eventName, keyboardEvent) { + var renderedCell = this.mouseEventService.getRenderedCellForEvent(keyboardEvent); + if (!renderedCell) { + return; + } + switch (eventName) { + case 'keydown': + // first see if it's a scroll key, page up / down, home / end etc + var wasScrollKey = this.navigationService.handlePageScrollingKey(keyboardEvent); + // if not a scroll key, then we pass onto cell + if (!wasScrollKey) { + renderedCell.onKeyDown(keyboardEvent); + } + break; + case 'keypress': + renderedCell.onKeyPress(keyboardEvent); + break; + } + }; + // gets called by rowRenderer when new data loaded, as it will want to scroll to the top + GridPanel.prototype.scrollToTop = function () { + this.eBodyViewport.scrollTop = 0; + }; + GridPanel.prototype.processMouseEvent = function (eventName, mouseEvent) { + if (!this.mouseEventService.isEventFromThisGrid(mouseEvent)) { + return; + } + if (utils_1.Utils.isStopPropagationForAgGrid(mouseEvent)) { + return; + } + var rowComp = this.getRowForEvent(mouseEvent); + var cellComp = this.mouseEventService.getRenderedCellForEvent(mouseEvent); + if (eventName === "contextmenu") { + this.handleContextMenuMouseEvent(mouseEvent, null, rowComp, cellComp); + } + else { + if (cellComp) { + cellComp.onMouseEvent(eventName, mouseEvent); + } + if (rowComp) { + rowComp.onMouseEvent(eventName, mouseEvent); + } + } + this.preventDefaultOnContextMenu(mouseEvent); + }; + GridPanel.prototype.mockContextMenuForIPad = function () { + var _this = this; + // we do NOT want this when not in ipad, otherwise we will be doing + if (!utils_1.Utils.isUserAgentIPad()) { + return; + } + this.eAllCellContainers.forEach(function (container) { + var touchListener = new touchListener_1.TouchListener(container); + var longTapListener = function (event) { + var rowComp = _this.getRowForEvent(event.touchEvent); + var cellComp = _this.mouseEventService.getRenderedCellForEvent(event.touchEvent); + _this.handleContextMenuMouseEvent(null, event.touchEvent, rowComp, cellComp); + }; + _this.addDestroyableEventListener(touchListener, touchListener_1.TouchListener.EVENT_LONG_TAP, longTapListener); + _this.addDestroyFunc(function () { return touchListener.destroy(); }); + }); + }; + GridPanel.prototype.handleContextMenuMouseEvent = function (mouseEvent, touchEvent, rowComp, cellComp) { + var rowNode = rowComp ? rowComp.getRowNode() : null; + var column = cellComp ? cellComp.getColumn() : null; + var value = null; + if (column) { + var event_1 = mouseEvent ? mouseEvent : touchEvent; + cellComp.dispatchCellContextMenuEvent(event_1); + value = this.valueService.getValue(column, rowNode); + } + this.onContextMenu(mouseEvent, touchEvent, rowNode, column, value); + }; + GridPanel.prototype.onContextMenu = function (mouseEvent, touchEvent, rowNode, column, value) { + // to allow us to debug in chrome, we ignore the event if ctrl is pressed. + // not everyone wants this, so first 'if' below allows to turn this hack off. + if (!this.gridOptionsWrapper.isAllowContextMenuWithControlKey()) { + // then do the check + if (mouseEvent && (mouseEvent.ctrlKey || mouseEvent.metaKey)) { + return; + } + } + if (this.contextMenuFactory && !this.gridOptionsWrapper.isSuppressContextMenu()) { + var eventOrTouch = mouseEvent ? mouseEvent : touchEvent.touches[0]; + this.contextMenuFactory.showMenu(rowNode, column, value, eventOrTouch); + var event_2 = mouseEvent ? mouseEvent : touchEvent; + event_2.preventDefault(); + } + }; + GridPanel.prototype.preventDefaultOnContextMenu = function (mouseEvent) { + // if we don't do this, then middle click will never result in a 'click' event, as 'mousedown' + // will be consumed by the browser to mean 'scroll' (as you can scroll with the middle mouse + // button in the browser). so this property allows the user to receive middle button clicks if + // they want. + if (this.gridOptionsWrapper.isSuppressMiddleClickScrolls() && mouseEvent.which === 2) { + mouseEvent.preventDefault(); + } + }; + GridPanel.prototype.addShortcutKeyListeners = function () { + var _this = this; + this.eAllCellContainers.forEach(function (container) { + container.addEventListener('keydown', function (event) { + // if the cell the event came from is editing, then we do not + // want to do the default shortcut keys, otherwise the editor + // (eg a text field) would not be able to do the normal cut/copy/paste + var renderedCell = _this.mouseEventService.getRenderedCellForEvent(event); + if (renderedCell && renderedCell.isEditing()) { + return; + } + // for copy / paste, we don't want to execute when the event + // was from a child grid (happens in master detail) + if (!_this.mouseEventService.isEventFromThisGrid(event)) { + return; + } + if (event.ctrlKey || event.metaKey) { + switch (event.which) { + case constants_1.Constants.KEY_A: return _this.onCtrlAndA(event); + case constants_1.Constants.KEY_C: return _this.onCtrlAndC(event); + case constants_1.Constants.KEY_V: return _this.onCtrlAndV(event); + case constants_1.Constants.KEY_D: return _this.onCtrlAndD(event); + } + } + }); + }); + }; + GridPanel.prototype.onCtrlAndA = function (event) { + if (this.rangeController && this.paginationProxy.isRowsToRender()) { + var rowEnd = void 0; + var floatingStart = void 0; + var floatingEnd = void 0; + if (this.pinnedRowModel.isEmpty(constants_1.Constants.PINNED_TOP)) { + floatingStart = null; + } + else { + floatingStart = constants_1.Constants.PINNED_TOP; + } + if (this.pinnedRowModel.isEmpty(constants_1.Constants.PINNED_BOTTOM)) { + floatingEnd = null; + rowEnd = this.paginationProxy.getTotalRowCount() - 1; + } + else { + floatingEnd = constants_1.Constants.PINNED_BOTTOM; + rowEnd = this.pinnedRowModel.getPinnedBottomRowData().length - 1; + } + var allDisplayedColumns = this.columnController.getAllDisplayedColumns(); + if (utils_1.Utils.missingOrEmpty(allDisplayedColumns)) { + return; + } + this.rangeController.setRange({ + rowStart: 0, + floatingStart: floatingStart, + rowEnd: rowEnd, + floatingEnd: floatingEnd, + columnStart: allDisplayedColumns[0], + columnEnd: allDisplayedColumns[allDisplayedColumns.length - 1] + }); + } + event.preventDefault(); + return false; + }; + GridPanel.prototype.onCtrlAndC = function (event) { + if (!this.clipboardService) { + return; + } + var focusedCell = this.focusedCellController.getFocusedCell(); + this.clipboardService.copyToClipboard(); + event.preventDefault(); + // the copy operation results in loosing focus on the cell, + // because of the trickery the copy logic uses with a temporary + // widget. so we set it back again. + if (focusedCell) { + this.focusedCellController.setFocusedCell(focusedCell.rowIndex, focusedCell.column, focusedCell.floating, true); + } + return false; + }; + GridPanel.prototype.onCtrlAndV = function (event) { + if (!this.enterprise) { + return; + } + if (this.gridOptionsWrapper.isSuppressClipboardPaste()) { + return; + } + this.clipboardService.pasteFromClipboard(); + return false; + }; + GridPanel.prototype.onCtrlAndD = function (event) { + if (!this.enterprise) { + return; + } + this.clipboardService.copyRangeDown(); + event.preventDefault(); + return false; + }; + // Valid values for position are bottom, middle and top + // position should be {'top','middle','bottom', or undefined/null}. + // if undefined/null, then the grid will to the minimal amount of scrolling, + // eg if grid needs to scroll up, it scrolls until row is on top, + // if grid needs to scroll down, it scrolls until row is on bottom, + // if row is already in view, grid does not scroll + GridPanel.prototype.ensureIndexVisible = function (index, position) { + // if for print or auto height, everything is always visible + if (this.gridOptionsWrapper.isGridAutoHeight()) { + return; + } + var rowCount = this.paginationProxy.getTotalRowCount(); + if (typeof index !== 'number' || index < 0 || index >= rowCount) { + console.warn('invalid row index for ensureIndexVisible: ' + index); + return; + } + this.paginationProxy.goToPageWithIndex(index); + var rowNode = this.paginationProxy.getRow(index); + var paginationOffset = this.paginationProxy.getPixelOffset(); + var rowTopPixel = rowNode.rowTop - paginationOffset; + var rowBottomPixel = rowTopPixel + rowNode.rowHeight; + var scrollPosition = this.getVScrollPosition(); + var heightOffset = this.heightScaler.getOffset(); + var vScrollTop = scrollPosition.top + heightOffset; + var vScrollBottom = scrollPosition.bottom + heightOffset; + if (this.isHorizontalScrollShowing()) { + vScrollBottom -= this.scrollWidth; + } + var viewportHeight = vScrollBottom - vScrollTop; + var newScrollPosition = null; + // work out the pixels for top, middle and bottom up front, + // make the if/else below easier to read + var pxTop = this.heightScaler.getScrollPositionForPixel(rowTopPixel); + var pxBottom = this.heightScaler.getScrollPositionForPixel(rowBottomPixel - viewportHeight); + var pxMiddle = (pxTop + pxBottom) / 2; + // make sure if middle, the row is not outside the top of the grid + if (pxMiddle > rowTopPixel) { + pxMiddle = rowTopPixel; + } + var rowBelowViewport = vScrollTop > rowTopPixel; + var rowAboveViewport = vScrollBottom < rowBottomPixel; + if (position === 'top') { + newScrollPosition = pxTop; + } + else if (position === 'bottom') { + newScrollPosition = pxBottom; + } + else if (position === 'middle') { + newScrollPosition = pxMiddle; + } + else if (rowBelowViewport) { + // if row is before, scroll up with row at top + newScrollPosition = pxTop; + } + else if (rowAboveViewport) { + // if row is below, scroll down with row at bottom + newScrollPosition = pxBottom; + } + if (newScrollPosition !== null) { + this.eBodyViewport.scrollTop = newScrollPosition; + this.rowRenderer.redrawAfterScroll(); + } + }; + // + moveColumnController + GridPanel.prototype.getCenterWidth = function () { + return this.eBodyViewport.clientWidth; + }; + GridPanel.prototype.isHorizontalScrollShowing = function () { + return utils_1.Utils.isHorizontalScrollShowing(this.eBodyViewport); + }; + GridPanel.prototype.isVerticalScrollShowing = function () { + return utils_1.Utils.isVerticalScrollShowing(this.eBodyViewport); + }; + // gets called every time the viewport size changes. we use this to check visibility of scrollbars + // in the grid panel, and also to check size and position of viewport for row and column virtualisation. + GridPanel.prototype.checkViewportAndScrolls = function () { + // results in updating anything that depends on scroll showing + this.updateScrollVisibleService(); + // fires event if height changes, used by PaginationService, HeightScalerService, RowRenderer + this.checkBodyHeight(); + // check for virtual columns for ColumnController + this.onHorizontalViewportChanged(); + this.setPinnedLeftWidth(); + this.setPinnedRightWidth(); + this.setBottomPaddingOnPinned(); + this.hideVerticalScrollOnCenter(); + this.hideFullWidthViewportScrollbars(); + }; + GridPanel.prototype.updateScrollVisibleService = function () { + var params = { + bodyHorizontalScrollShowing: false, + leftVerticalScrollShowing: false, + rightVerticalScrollShowing: false + }; + if (this.enableRtl && this.columnController.isPinningLeft()) { + params.leftVerticalScrollShowing = utils_1.Utils.isVerticalScrollShowing(this.eLeftViewport); + } + if (!this.enableRtl && this.columnController.isPinningRight()) { + params.rightVerticalScrollShowing = utils_1.Utils.isVerticalScrollShowing(this.eRightViewport); + } + params.bodyHorizontalScrollShowing = this.isHorizontalScrollShowing(); + this.scrollVisibleService.setScrollsVisible(params); + }; + // the pinned container needs extra space at the bottom, some blank space, otherwise when + // vertically scrolled all the way down, the last row will be hidden behind the scrolls. + // this extra padding allows the last row to be lifted above the bottom scrollbar. + GridPanel.prototype.setBottomPaddingOnPinned = function () { + // no need for padding if the scrollbars are not taking up any space + if (this.scrollWidth <= 0) { + return; + } + if (this.isHorizontalScrollShowing()) { + this.eRightContainer.style.marginBottom = this.scrollWidth + 'px'; + this.eLeftContainer.style.marginBottom = this.scrollWidth + 'px'; + } + else { + this.eRightContainer.style.marginBottom = ''; + this.eLeftContainer.style.marginBottom = ''; + } + }; + GridPanel.prototype.hideFullWidthViewportScrollbars = function () { + // if browser does not have scrollbars that take up space (eg iOS) then we don't need + // to adjust the sizes of the container for scrollbars + // if (this.scrollWidth <= 0) { return; } + var scrollWidthPx = this.scrollClipWidth > 0 ? this.scrollWidth + 'px' : ''; + // if horizontal scroll is showing, we add padding to bottom so + // fullWidth container is not spreading over the scroll + this.eFullWidthViewportWrapper.style.paddingBottom = this.isHorizontalScrollShowing() ? scrollWidthPx : ''; + // if vertical scroll is showing on full width viewport, then we clip it away, otherwise + // it competes with the main vertical scroll. this is done by getting the viewport to be + // bigger than the wrapper, the wrapper then ends up clipping the viewport. + var takeOutVScroll = this.isVerticalScrollShowing(); + if (this.enableRtl) { + this.eFullWidthViewportWrapper.style.marginLeft = takeOutVScroll ? scrollWidthPx : ''; + this.eFullWidthViewport.style.marginLeft = takeOutVScroll ? ('-' + scrollWidthPx) : ''; + } + else { + this.eFullWidthViewportWrapper.style.width = takeOutVScroll ? "calc(100% - " + scrollWidthPx + ")" : ''; + this.eFullWidthViewport.style.width = takeOutVScroll ? "calc(100% + " + scrollWidthPx + ")" : ''; + } + }; + GridPanel.prototype.ensureColumnVisible = function (key) { + var column = this.columnController.getGridColumn(key); + if (!column) { + return; + } + if (column.isPinned()) { + console.warn('calling ensureIndexVisible on a ' + column.getPinned() + ' pinned column doesn\'t make sense for column ' + column.getColId()); + return; + } + if (!this.columnController.isColumnDisplayed(column)) { + console.warn('column is not currently visible'); + return; + } + var colLeftPixel = column.getLeft(); + var colRightPixel = colLeftPixel + column.getActualWidth(); + var viewportWidth = this.eBodyViewport.clientWidth; + var scrollPosition = this.getBodyViewportScrollLeft(); + var bodyWidth = this.columnController.getBodyContainerWidth(); + var viewportLeftPixel; + var viewportRightPixel; + // the logic of working out left and right viewport px is both here and in the ColumnController, + // need to refactor it out to one place + if (this.enableRtl) { + viewportLeftPixel = bodyWidth - scrollPosition - viewportWidth; + viewportRightPixel = bodyWidth - scrollPosition; + } + else { + viewportLeftPixel = scrollPosition; + viewportRightPixel = viewportWidth + scrollPosition; + } + var viewportScrolledPastCol = viewportLeftPixel > colLeftPixel; + var viewportScrolledBeforeCol = viewportRightPixel < colRightPixel; + var colToSmallForViewport = viewportWidth < column.getActualWidth(); + var alignColToLeft = viewportScrolledPastCol || colToSmallForViewport; + var alignColToRight = viewportScrolledBeforeCol; + if (alignColToLeft) { + // if viewport's left side is after col's left side, scroll left to pull col into viewport at left + if (this.enableRtl) { + var newScrollPosition = bodyWidth - viewportWidth - colLeftPixel; + this.setBodyViewportScrollLeft(newScrollPosition); + } + else { + this.setBodyViewportScrollLeft(colLeftPixel); + } + } + else if (alignColToRight) { + // if viewport's right side is before col's right side, scroll right to pull col into viewport at right + if (this.enableRtl) { + var newScrollPosition = bodyWidth - colRightPixel; + this.setBodyViewportScrollLeft(newScrollPosition); + } + else { + var newScrollPosition = colRightPixel - viewportWidth; + this.setBodyViewportScrollLeft(newScrollPosition); + } + } + else { + // otherwise, col is already in view, so do nothing + } + // this will happen anyway, as the move will cause a 'scroll' event on the body, however + // it is possible that the ensureColumnVisible method is called from within ag-Grid and + // the caller will need to have the columns rendered to continue, which will be before + // the event has been worked on (which is the case for cell navigation). + this.onHorizontalViewportChanged(); + }; + GridPanel.prototype.showLoadingOverlay = function () { + this.overlayWrapper.showLoadingOverlay(this.eOverlay); + }; + GridPanel.prototype.showNoRowsOverlay = function () { + this.overlayWrapper.showNoRowsOverlay(this.eOverlay); + }; + GridPanel.prototype.hideOverlay = function () { + this.overlayWrapper.hideOverlay(this.eOverlay); + }; + GridPanel.prototype.getWidthForSizeColsToFit = function () { + var availableWidth = this.eBody.clientWidth; + // if pinning right, then the scroll bar can show, however for some reason + // it overlays the grid and doesn't take space. so we are only interested + // in the body scroll showing. + var removeVerticalScrollWidth = this.isVerticalScrollShowing(); + if (removeVerticalScrollWidth) { + availableWidth -= this.scrollWidth; + } + return availableWidth; + }; + // method will call itself if no available width. this covers if the grid + // isn't visible, but is just about to be visible. + GridPanel.prototype.sizeColumnsToFit = function (nextTimeout) { + var _this = this; + var availableWidth = this.getWidthForSizeColsToFit(); + if (availableWidth > 0) { + this.columnController.sizeColumnsToFit(availableWidth, "sizeColumnsToFit"); + } + else { + if (nextTimeout === undefined) { + setTimeout(function () { + _this.sizeColumnsToFit(100); + }, 0); + } + else if (nextTimeout === 100) { + setTimeout(function () { + _this.sizeColumnsToFit(500); + }, 100); + } + else if (nextTimeout === 500) { + setTimeout(function () { + _this.sizeColumnsToFit(-1); + }, 500); + } + else { + console.log('ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with ' + + 'zero width, maybe the grid is not visible yet on the screen?'); + } + } + }; + GridPanel.prototype.getBodyContainer = function () { + return this.eBodyContainer; + }; + GridPanel.prototype.getDropTargetBodyContainers = function () { + return [this.eBodyViewport, this.eTopViewport, this.eBottomViewport]; + }; + GridPanel.prototype.getDropTargetLeftContainers = function () { + return [this.eLeftViewport, this.eLeftBottom, this.eLeftTop]; + }; + GridPanel.prototype.getDropTargetRightContainers = function () { + return [this.eRightViewport, this.eRightBottom, this.eRightTop]; + }; + GridPanel.prototype.buildRowContainerComponents = function () { + var _this = this; + this.eAllCellContainers = [ + this.eLeftContainer, this.eRightContainer, this.eBodyContainer, + this.eTop, this.eBottom, this.eFullWidthContainer + ]; + this.rowContainerComponents = { + body: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eBodyContainer, eViewport: this.eBodyViewport }), + fullWidth: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eFullWidthContainer, hideWhenNoChildren: true, eViewport: this.eFullWidthViewport }), + pinnedLeft: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eLeftContainer, eViewport: this.eLeftViewport }), + pinnedRight: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eRightContainer, eViewport: this.eRightViewport }), + floatingTop: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eTopContainer }), + floatingTopPinnedLeft: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eLeftTop }), + floatingTopPinnedRight: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eRightTop }), + floatingTopFullWidth: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eTopFullWidthContainer, hideWhenNoChildren: true }), + floatingBottom: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eBottomContainer }), + floatingBottomPinnedLeft: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eLeftBottom }), + floatingBottomPinnedRight: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eRightBottom }), + floatingBottomFullWith: new rowContainerComponent_1.RowContainerComponent({ eContainer: this.eBottomFullWidthContainer, hideWhenNoChildren: true }), + }; + utils_1.Utils.iterateObject(this.rowContainerComponents, function (key, container) { + if (container) { + _this.context.wireBean(container); + } + }); + }; + GridPanel.prototype.setupRowAnimationCssClass = function () { + var _this = this; + var listener = function () { + // we don't want to use row animation if scaling, as rows jump strangely as you scroll, + // when scaling and doing row animation. + var animateRows = _this.gridOptionsWrapper.isAnimateRows() && !_this.heightScaler.isScaling(); + utils_1.Utils.addOrRemoveCssClass(_this.eBody, 'ag-row-animation', animateRows); + utils_1.Utils.addOrRemoveCssClass(_this.eBody, 'ag-row-no-animation', !animateRows); + }; + listener(); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_HEIGHT_SCALE_CHANGED, listener); + }; + // when editing a pinned row, if the cell is half outside the scrollable area, the browser can + // scroll the column into view. we do not want this, the pinned sections should never scroll. + // so we listen to scrolls on these containers and reset the scroll if we find one. + GridPanel.prototype.suppressScrollOnFloatingRow = function () { + var _this = this; + var resetTopScroll = function () { return _this.eTopViewport.scrollLeft = 0; }; + var resetBottomScroll = function () { return _this.eTopViewport.scrollLeft = 0; }; + this.addDestroyableEventListener(this.eTopViewport, 'scroll', resetTopScroll); + this.addDestroyableEventListener(this.eBottomViewport, 'scroll', resetBottomScroll); + }; + GridPanel.prototype.getRowContainers = function () { + return this.rowContainerComponents; + }; + GridPanel.prototype.onDisplayedColumnsChanged = function () { + this.setPinnedContainersVisible(); + this.setBodyAndHeaderHeights(); + this.onHorizontalViewportChanged(); + }; + GridPanel.prototype.onDisplayedColumnsWidthChanged = function () { + this.setWidthsOfContainers(); + this.onHorizontalViewportChanged(); + if (this.enableRtl) { + // because RTL is all backwards, a change in the width of the row + // can cause a change in the scroll position, without a scroll event, + // because the scroll position in RTL is a function that depends on + // the width. to be convinced of this, take out this line, enable RTL, + // scroll all the way to the left and then resize a column + this.horizontallyScrollHeaderCenterAndFloatingCenter(); + } + }; + GridPanel.prototype.setWidthsOfContainers = function () { + this.setCenterWidth(); + this.setPinnedLeftWidth(); + this.setPinnedRightWidth(); + }; + GridPanel.prototype.setCenterWidth = function () { + var widthPx = this.columnController.getBodyContainerWidth() + 'px'; + this.eBodyContainer.style.width = widthPx; + this.eBottomContainer.style.width = widthPx; + this.eTopContainer.style.width = widthPx; + }; + GridPanel.prototype.setPinnedLeftWidth = function () { + var widthOfCols = this.columnController.getPinnedLeftContainerWidth(); + var widthOfColsAndScroll = widthOfCols + this.scrollWidth; + var widthOfColsAndClippedScroll = widthOfCols + this.scrollClipWidth; + var viewportWidth; + var wrapperWidth; + if (utils_1.Utils.isVerticalScrollShowing(this.eLeftViewport)) { + if (this.enableRtl) { + // show the scroll + viewportWidth = widthOfColsAndScroll; + wrapperWidth = widthOfColsAndScroll; + } + else { + // hide the scroll + viewportWidth = widthOfColsAndClippedScroll; + wrapperWidth = widthOfCols; + } + } + else { + // no scroll + viewportWidth = widthOfCols; + wrapperWidth = widthOfCols; + } + this.setElementWidth(this.eLeftViewportWrapper, wrapperWidth); + this.setElementWidth(this.eLeftViewport, viewportWidth); + this.setElementWidth(this.eLeftContainer, widthOfCols); + this.setElementWidth(this.eLeftBottom, wrapperWidth); + this.setElementWidth(this.eLeftTop, wrapperWidth); + }; + GridPanel.prototype.setPinnedRightWidth = function () { + var widthOfCols = this.columnController.getPinnedRightContainerWidth(); + var widthOfColsAndScroll = widthOfCols + this.scrollWidth; + var widthOfColsAndClippedScroll = widthOfCols + this.scrollClipWidth; + var viewportWidth; + var wrapperWidth; + if (utils_1.Utils.isVerticalScrollShowing(this.eRightViewport)) { + if (!this.enableRtl) { + // show the scroll + viewportWidth = widthOfColsAndScroll; + wrapperWidth = widthOfColsAndScroll; + } + else { + // hide the scroll + viewportWidth = widthOfColsAndClippedScroll; + wrapperWidth = widthOfCols; + } + } + else { + // no scroll + viewportWidth = widthOfCols; + wrapperWidth = widthOfCols; + } + this.setElementWidth(this.eRightViewportWrapper, wrapperWidth); + this.setElementWidth(this.eRightViewport, viewportWidth); + this.setElementWidth(this.eRightContainer, widthOfCols); + this.setElementWidth(this.eRightBottom, wrapperWidth); + this.setElementWidth(this.eRightTop, wrapperWidth); + }; + GridPanel.prototype.setElementWidth = function (element, width) { + // .width didn't do the trick in firefox, so needed .minWidth also + element.style.width = width + 'px'; + element.style.minWidth = width + 'px'; + }; + GridPanel.prototype.setPinnedContainersVisible = function () { + var changeDetected = false; + var showLeftPinned = this.columnController.isPinningLeft(); + if (showLeftPinned !== this.pinningLeft) { + this.pinningLeft = showLeftPinned; + this.headerRootComp.setLeftVisible(showLeftPinned); + utils_1.Utils.setVisible(this.eLeftViewportWrapper, showLeftPinned); + changeDetected = true; + if (showLeftPinned) { + // because the viewport was not visible, it was not keeping previous scrollTop values + this.eLeftViewport.scrollTop = this.eBodyViewport.scrollTop; + } + } + var showRightPinned = this.columnController.isPinningRight(); + if (showRightPinned !== this.pinningRight) { + this.pinningRight = showRightPinned; + this.headerRootComp.setRightVisible(showRightPinned); + utils_1.Utils.setVisible(this.eRightViewportWrapper, showRightPinned); + if (showRightPinned) { + // because the viewport was not visible, it was not keeping previous scrollTop values + this.eRightViewport.scrollTop = this.eBodyViewport.scrollTop; + } + changeDetected = true; + } + if (changeDetected) { + this.hideVerticalScrollOnCenter(); + this.setPinnedLeftWidth(); + this.setPinnedRightWidth(); + } + }; + GridPanel.prototype.hideVerticalScrollOnCenter = function () { + var neverShowScroll = this.enableRtl ? + this.columnController.isPinningLeft() + : this.columnController.isPinningRight(); + var scrollActive = utils_1.Utils.isVerticalScrollShowing(this.eBodyViewport); + var hideScroll = neverShowScroll && scrollActive; + var margin = hideScroll ? '-' + this.scrollClipWidth + 'px' : ''; + if (this.enableRtl) { + this.eBodyViewport.style.marginLeft = margin; + } + else { + this.eBodyViewport.style.marginRight = margin; + } + }; + GridPanel.prototype.checkBodyHeight = function () { + var bodyHeight = this.eBody.clientHeight; + if (this.bodyHeight !== bodyHeight) { + this.bodyHeight = bodyHeight; + var event_3 = { + type: events_1.Events.EVENT_BODY_HEIGHT_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_3); + } + }; + GridPanel.prototype.setBodyAndHeaderHeights = function () { + var headerRowCount = this.columnController.getHeaderRowCount(); + var totalHeaderHeight; + var numberOfFloating = 0; + var groupHeight; + var headerHeight; + if (!this.columnController.isPivotMode()) { + if (this.gridOptionsWrapper.isFloatingFilter()) { + headerRowCount++; + } + numberOfFloating = (this.gridOptionsWrapper.isFloatingFilter()) ? 1 : 0; + groupHeight = this.gridOptionsWrapper.getGroupHeaderHeight(); + headerHeight = this.gridOptionsWrapper.getHeaderHeight(); + } + else { + numberOfFloating = 0; + groupHeight = this.gridOptionsWrapper.getPivotGroupHeaderHeight(); + headerHeight = this.gridOptionsWrapper.getPivotHeaderHeight(); + } + var numberOfNonGroups = 1 + numberOfFloating; + var numberOfGroups = headerRowCount - numberOfNonGroups; + totalHeaderHeight = numberOfFloating * this.gridOptionsWrapper.getFloatingFiltersHeight(); + totalHeaderHeight += numberOfGroups * groupHeight; + totalHeaderHeight += headerHeight; + this.headerRootComp.setHeight(totalHeaderHeight); + var floatingTopHeight = this.pinnedRowModel.getPinnedTopTotalHeight(); + var floatingBottomHeight = this.pinnedRowModel.getPinnedBottomTotalHeight(); + this.eTop.style.minHeight = floatingTopHeight + 'px'; + this.eTop.style.height = floatingTopHeight + 'px'; + this.eBottom.style.minHeight = floatingBottomHeight + 'px'; + this.eBottom.style.height = floatingBottomHeight + 'px'; + this.checkBodyHeight(); + }; + GridPanel.prototype.getBodyHeight = function () { + return this.bodyHeight; + }; + GridPanel.prototype.setHorizontalScrollPosition = function (hScrollPosition) { + this.eBodyViewport.scrollLeft = hScrollPosition; + // we need to manually do the event handling (rather than wait for the event) + // for the alignedGridsService, as if we don't, the aligned grid service gets + // notified async, and then it's 'consuming' flag doesn't get used right, and + // we can end up with an infinite loop + if (this.nextScrollLeft !== hScrollPosition) { + this.nextScrollLeft = hScrollPosition; + this.doHorizontalScroll(); + } + }; + GridPanel.prototype.setVerticalScrollPosition = function (vScrollPosition) { + this.eBodyViewport.scrollTop = vScrollPosition; + }; + // tries to scroll by pixels, but returns what the result actually was + GridPanel.prototype.scrollHorizontally = function (pixels) { + var oldScrollPosition = this.eBodyViewport.scrollLeft; + this.setHorizontalScrollPosition(oldScrollPosition + pixels); + var newScrollPosition = this.eBodyViewport.scrollLeft; + return newScrollPosition - oldScrollPosition; + }; + // tries to scroll by pixels, but returns what the result actually was + GridPanel.prototype.scrollVertically = function (pixels) { + var oldScrollPosition = this.eBodyViewport.scrollTop; + this.setVerticalScrollPosition(oldScrollPosition + pixels); + var newScrollPosition = this.eBodyViewport.scrollTop; + return newScrollPosition - oldScrollPosition; + }; + GridPanel.prototype.addScrollListener = function () { + var _this = this; + this.addDestroyableEventListener(this.eBodyViewport, 'scroll', function () { + _this.onBodyHorizontalScroll(); + _this.onAnyBodyScroll(_this.eBodyViewport); + }); + this.addDestroyableEventListener(this.eRightViewport, 'scroll', this.onAnyBodyScroll.bind(this, this.eRightViewport)); + this.addDestroyableEventListener(this.eLeftViewport, 'scroll', this.onAnyBodyScroll.bind(this, this.eLeftViewport)); + this.addDestroyableEventListener(this.eFullWidthViewport, 'scroll', this.onAnyBodyScroll.bind(this, this.eFullWidthViewport)); + }; + GridPanel.prototype.onAnyBodyScroll = function (source) { + var now = new Date().getTime(); + var diff = now - this.lastVScrollTime; + var elementIsNotControllingTheScroll = source !== this.lastVScrollElement && diff < 500; + if (elementIsNotControllingTheScroll) { + return; + } + this.lastVScrollElement = source; + this.lastVScrollTime = now; + var scrollTop = source.scrollTop; + if (this.useAnimationFrame) { + if (this.nextScrollTop !== scrollTop) { + this.nextScrollTop = scrollTop; + this.animationFrameService.schedule(); + } + } + else { + if (scrollTop !== this.scrollTop) { + this.scrollTop = scrollTop; + this.synchroniseVerticalScrollPositions(scrollTop); + this.redrawRowsAfterScroll(); + } + } + }; + GridPanel.prototype.onBodyHorizontalScroll = function () { + var scrollLeft = this.eBodyViewport.scrollLeft; + if (this.nextScrollLeft !== scrollLeft) { + this.nextScrollLeft = scrollLeft; + if (this.useAnimationFrame) { + this.animationFrameService.schedule(); + } + else { + this.doHorizontalScroll(); + } + } + }; + GridPanel.prototype.doHorizontalScroll = function () { + this.scrollLeft = this.nextScrollLeft; + var event = { + type: events_1.Events.EVENT_BODY_SCROLL, + api: this.gridApi, + columnApi: this.columnApi, + direction: 'horizontal', + left: this.scrollLeft, + top: this.scrollTop + }; + this.eventService.dispatchEvent(event); + this.horizontallyScrollHeaderCenterAndFloatingCenter(); + this.onHorizontalViewportChanged(); + }; + GridPanel.prototype.executeFrame = function () { + if (this.scrollLeft !== this.nextScrollLeft) { + this.doHorizontalScroll(); + return true; + } + else if (this.scrollTop !== this.nextScrollTop) { + this.scrollTop = this.nextScrollTop; + this.synchroniseVerticalScrollPositions(this.scrollTop); + this.verticalRedrawNeeded = true; + return true; + } + else if (this.verticalRedrawNeeded) { + this.redrawRowsAfterScroll(); + this.verticalRedrawNeeded = false; + return true; + } + else { + return false; + } + }; + GridPanel.prototype.redrawRowsAfterScroll = function () { + var event = { + type: events_1.Events.EVENT_BODY_SCROLL, + direction: 'vertical', + api: this.gridApi, + columnApi: this.columnApi, + left: this.scrollLeft, + top: this.scrollTop + }; + this.eventService.dispatchEvent(event); + }; + // this gets called whenever a change in the viewport, so we can inform column controller it has to work + // out the virtual columns again. gets called from following locations: + // + ensureColVisible, scroll, init, layoutChanged, displayedColumnsChanged, API (doLayout) + GridPanel.prototype.onHorizontalViewportChanged = function () { + var scrollWidth = this.eBodyViewport.clientWidth; + var scrollPosition = this.getBodyViewportScrollLeft(); + this.columnController.setVirtualViewportPosition(scrollWidth, scrollPosition); + }; + GridPanel.prototype.getBodyViewportScrollLeft = function () { + // we defer to a util, as how you calculated scrollLeft when doing RTL depends on the browser + return utils_1.Utils.getScrollLeft(this.eBodyViewport, this.enableRtl); + }; + GridPanel.prototype.setBodyViewportScrollLeft = function (value) { + // we defer to a util, as how you calculated scrollLeft when doing RTL depends on the browser + utils_1.Utils.setScrollLeft(this.eBodyViewport, value, this.enableRtl); + }; + GridPanel.prototype.horizontallyScrollHeaderCenterAndFloatingCenter = function () { + var scrollLeft = this.getBodyViewportScrollLeft(); + var offset = this.enableRtl ? scrollLeft : -scrollLeft; + this.headerRootComp.setHorizontalScroll(offset); + this.eBottomContainer.style.left = offset + 'px'; + this.eTopContainer.style.left = offset + 'px'; + }; + GridPanel.prototype.synchroniseVerticalScrollPositions = function (position) { + if (this.lastVScrollElement !== this.eBodyViewport) { + this.eBodyViewport.scrollTop = position; + } + if (this.lastVScrollElement !== this.eLeftViewport && this.pinningLeft) { + this.eLeftViewport.scrollTop = position; + } + if (this.lastVScrollElement !== this.eRightViewport && this.pinningRight) { + this.eRightViewport.scrollTop = position; + } + if (this.lastVScrollElement !== this.eFullWidthViewport) { + this.eFullWidthViewport.scrollTop = position; + } + // the row containers need to remember the scroll position, as if they are made + // hidden / shown, the scroll position is lost + this.rowContainerComponents.body.setVerticalScrollPosition(position); + this.rowContainerComponents.pinnedLeft.setVerticalScrollPosition(position); + this.rowContainerComponents.pinnedRight.setVerticalScrollPosition(position); + this.rowContainerComponents.fullWidth.setVerticalScrollPosition(position); + this.redrawRowsAfterScroll(); + }; + GridPanel.prototype.addScrollEventListener = function (listener) { + this.eBodyViewport.addEventListener('scroll', listener); + }; + GridPanel.prototype.removeScrollEventListener = function (listener) { + this.eBodyViewport.removeEventListener('scroll', listener); + }; + __decorate([ + context_1.Autowired('alignedGridsService'), + __metadata("design:type", alignedGridsService_1.AlignedGridsService) + ], GridPanel.prototype, "alignedGridsService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], GridPanel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], GridPanel.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], GridPanel.prototype, "rowRenderer", void 0); + __decorate([ + context_1.Autowired('pinnedRowModel'), + __metadata("design:type", pinnedRowModel_1.PinnedRowModel) + ], GridPanel.prototype, "pinnedRowModel", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], GridPanel.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], GridPanel.prototype, "context", void 0); + __decorate([ + context_1.Autowired('animationFrameService'), + __metadata("design:type", animationFrameService_1.AnimationFrameService) + ], GridPanel.prototype, "animationFrameService", void 0); + __decorate([ + context_1.Autowired('navigationService'), + __metadata("design:type", navigationService_1.NavigationService) + ], GridPanel.prototype, "navigationService", void 0); + __decorate([ + context_1.Autowired('autoHeightCalculator'), + __metadata("design:type", autoHeightCalculator_1.AutoHeightCalculator) + ], GridPanel.prototype, "autoHeightCalculator", void 0); + __decorate([ + context_1.Autowired('columnAnimationService'), + __metadata("design:type", columnAnimationService_1.ColumnAnimationService) + ], GridPanel.prototype, "columnAnimationService", void 0); + __decorate([ + context_1.Autowired('autoWidthCalculator'), + __metadata("design:type", autoWidthCalculator_1.AutoWidthCalculator) + ], GridPanel.prototype, "autoWidthCalculator", void 0); + __decorate([ + context_1.Autowired('paginationAutoPageSizeService'), + __metadata("design:type", paginationProxy_1.PaginationAutoPageSizeService) + ], GridPanel.prototype, "paginationAutoPageSizeService", void 0); + __decorate([ + context_1.Autowired('beans'), + __metadata("design:type", beans_1.Beans) + ], GridPanel.prototype, "beans", void 0); + __decorate([ + context_1.Autowired('paginationProxy'), + __metadata("design:type", paginationProxy_1.PaginationProxy) + ], GridPanel.prototype, "paginationProxy", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], GridPanel.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], GridPanel.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('dragService'), + __metadata("design:type", dragService_1.DragService) + ], GridPanel.prototype, "dragService", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], GridPanel.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('csvCreator'), + __metadata("design:type", csvCreator_1.CsvCreator) + ], GridPanel.prototype, "csvCreator", void 0); + __decorate([ + context_1.Autowired('mouseEventService'), + __metadata("design:type", mouseEventService_1.MouseEventService) + ], GridPanel.prototype, "mouseEventService", void 0); + __decorate([ + context_1.Autowired('focusedCellController'), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], GridPanel.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Autowired('$scope'), + __metadata("design:type", Object) + ], GridPanel.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired('scrollVisibleService'), + __metadata("design:type", scrollVisibleService_1.ScrollVisibleService) + ], GridPanel.prototype, "scrollVisibleService", void 0); + __decorate([ + context_1.Autowired('frameworkFactory'), + __metadata("design:type", Object) + ], GridPanel.prototype, "frameworkFactory", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], GridPanel.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], GridPanel.prototype, "componentRecipes", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], GridPanel.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('heightScaler'), + __metadata("design:type", heightScaler_1.HeightScaler) + ], GridPanel.prototype, "heightScaler", void 0); + __decorate([ + context_1.Autowired('enterprise'), + __metadata("design:type", Boolean) + ], GridPanel.prototype, "enterprise", void 0); + __decorate([ + context_1.Optional('rangeController'), + __metadata("design:type", Object) + ], GridPanel.prototype, "rangeController", void 0); + __decorate([ + context_1.Optional('contextMenuFactory'), + __metadata("design:type", Object) + ], GridPanel.prototype, "contextMenuFactory", void 0); + __decorate([ + context_1.Optional('clipboardService'), + __metadata("design:type", Object) + ], GridPanel.prototype, "clipboardService", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBody'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBody", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBodyViewport'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBodyViewport", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBodyContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBodyContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLeftContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eLeftContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eRightContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eRightContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eFullWidthViewportWrapper'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eFullWidthViewportWrapper", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eFullWidthViewport'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eFullWidthViewport", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eFullWidthContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eFullWidthContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLeftViewport'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eLeftViewport", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLeftViewportWrapper'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eLeftViewportWrapper", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eRightViewport'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eRightViewport", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eRightViewportWrapper'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eRightViewportWrapper", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eTop'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eTop", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLeftTop'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eLeftTop", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eRightTop'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eRightTop", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eTopContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eTopContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eTopViewport'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eTopViewport", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eTopFullWidthContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eTopFullWidthContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBottom'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBottom", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eLeftBottom'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eLeftBottom", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eRightBottom'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eRightBottom", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBottomContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBottomContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBottomViewport'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBottomViewport", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eBottomFullWidthContainer'), + __metadata("design:type", HTMLElement) + ], GridPanel.prototype, "eBottomFullWidthContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('headerRoot'), + __metadata("design:type", headerRootComp_1.HeaderRootComp) + ], GridPanel.prototype, "headerRootComp", void 0); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridPanel.prototype, "destroy", null); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GridPanel.prototype, "init", null); + return GridPanel; + }(component_1.Component)); + exports.GridPanel = GridPanel; + + +/***/ }), +/* 92 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var requestAnimationFrame$1 = (function () { + if (typeof requestAnimationFrame === "function") { + return requestAnimationFrame.bind(window); + } + return function (callback) { + return setTimeout(function () { + return callback(Date.now()); + }, 1000 / 60); + }; + })(); + var trailingTimeout = 2; + var throttle = function (callback, delay) { + var leadingCall = false; + var trailingCall = false; + var lastCallTime = 0; + function resolvePending() { + if (leadingCall) { + leadingCall = false; + callback(); + } + if (trailingCall) { + proxy(); + } + } + function timeoutCallback() { + requestAnimationFrame$1(resolvePending); + } + function proxy() { + var timeStamp = Date.now(); + if (leadingCall) { + if (timeStamp - lastCallTime < trailingTimeout) { + return; + } + trailingCall = true; + } + else { + leadingCall = true; + trailingCall = false; + setTimeout(timeoutCallback, delay); + } + lastCallTime = timeStamp; + } + return proxy; + }; + var REFRESH_DELAY = 20; + var mutationObserverSupported = typeof MutationObserver !== "undefined"; + var getWindowOf = function (target) { + var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView; + return ownerGlobal || window; + }; + var emptyRect = createRectInit(0, 0, 0, 0); + function toFloat(value) { + return parseFloat(value) || 0; + } + function getBordersSize(styles, start, end) { + var positions = [start, end]; + return positions.reduce(function (size, position) { + var value = styles.getPropertyValue("border-" + position + "-width"); + return size + toFloat(value); + }, 0); + } + function getPaddings(styles) { + var positions = ["top", "right", "bottom", "left"]; + var paddings = { + top: null, + left: null, + right: null, + bottom: null + }; + for (var i = 0, list = positions; i < list.length; i += 1) { + var position = list[i]; + var value = styles.getPropertyValue("padding-" + position); + paddings[position] = toFloat(value); + } + return paddings; + } + function getHTMLElementContentRect(target) { + var clientWidth = target.clientWidth; + var clientHeight = target.clientHeight; + if (!clientWidth && !clientHeight) { + return emptyRect; + } + var styles = getWindowOf(target).getComputedStyle(target); + var paddings = getPaddings(styles); + var horizPad = paddings.left + paddings.right; + var vertPad = paddings.top + paddings.bottom; + var width = toFloat(styles.width); + var height = toFloat(styles.height); + if (styles.boxSizing === "border-box") { + if (Math.round(width + horizPad) !== clientWidth) { + width -= getBordersSize(styles, "left", "right") + horizPad; + } + if (Math.round(height + vertPad) !== clientHeight) { + height -= getBordersSize(styles, "top", "bottom") + vertPad; + } + } + var vertScrollbar = Math.round(width + horizPad) - clientWidth; + var horizScrollbar = Math.round(height + vertPad) - clientHeight; + if (Math.abs(vertScrollbar) !== 1) { + width -= vertScrollbar; + } + if (Math.abs(horizScrollbar) !== 1) { + height -= horizScrollbar; + } + return createRectInit(paddings.left, paddings.top, width, height); + } + function getContentRect(target) { + return getHTMLElementContentRect(target); + } + function createReadOnlyRect(ref) { + var x = ref.x; + var y = ref.y; + var width = ref.width; + var height = ref.height; + var Constr = window.DOMRectReadOnly ? window.DOMRectReadOnly : Object; + var rect = Object.create(Constr.prototype); + defineConfigurable(rect, { + x: x, + y: y, + width: width, + height: height, + top: y, + right: x + width, + bottom: height + y, + left: x + }); + return rect; + } + function createRectInit(x, y, width, height) { + return { x: x, y: y, width: width, height: height }; + } + var ResizeObserverController = (function () { + function ResizeObserverController() { + this.connected_ = false; + this.mutationEventsAdded_ = false; + this.mutationsObserver_ = null; + this.observers_ = []; + this.callback_ = null; + this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY); + } + ResizeObserverController.prototype.addObserver = function (observer) { + if (this.observers_.indexOf(observer) == -1) { + this.observers_.push(observer); + } + // Add listeners if they haven't been added yet. + if (!this.connected_) { + this.connect_(); + } + }; + ResizeObserverController.prototype.removeObserver = function (observer) { + var observers = this.observers_; + var index = observers.indexOf(observer); + if (index > -1) { + observers.splice(index, 1); + } + if (!observers.length && this.connected_) { + this.disconnect_(); + } + }; + ResizeObserverController.prototype.refresh = function () { + var changesDetected = this.updateObservers_(); + if (changesDetected) { + this.refresh(); + } + }; + ResizeObserverController.prototype.updateObservers_ = function () { + var activeObservers = this.observers_.filter(function (observer) { + return observer.hasActive(); + }); + activeObservers.forEach(function (observer) { + return observer.broadcastActive(); + }); + return activeObservers.length > 0; + }; + ResizeObserverController.prototype.connect_ = function () { + if (this.connected_) { + return; + } + window.addEventListener("resize", this.refresh); + if (mutationObserverSupported) { + this.mutationsObserver_ = new MutationObserver(this.refresh); + this.mutationsObserver_.observe(document, { + attributes: true, + childList: true, + characterData: true, + subtree: true + }); + } + else { + document.addEventListener("DOMSubtreeModified", this.refresh); + this.mutationEventsAdded_ = true; + } + this.connected_ = true; + }; + ResizeObserverController.prototype.disconnect_ = function () { + if (!this.connected_) { + return; + } + window.removeEventListener("resize", this.refresh); + if (this.mutationsObserver_) { + this.mutationsObserver_.disconnect(); + } + if (this.mutationEventsAdded_) { + document.removeEventListener("DOMSubtreeModified", this.refresh); + } + this.mutationsObserver_ = null; + this.mutationEventsAdded_ = false; + this.connected_ = false; + }; + ResizeObserverController.getInstance = function () { + if (!this.instance_) { + this.instance_ = new ResizeObserverController(); + } + return this.instance_; + }; + ResizeObserverController.instance_ = null; + return ResizeObserverController; + }()); + var defineConfigurable = function (target, props) { + for (var i = 0, list = Object.keys(props); i < list.length; i += 1) { + var key = list[i]; + Object.defineProperty(target, key, { + value: props[key], + enumerable: false, + writable: false, + configurable: true + }); + } + return target; + }; + var ResizeObservation = (function () { + function ResizeObservation(target) { + this.target = target; + this.broadcastWidth = 0; + this.broadcastHeight = 0; + this.contentRect_ = null; + this.contentRect_ = createRectInit(0, 0, 0, 0); + } + ResizeObservation.prototype.isActive = function () { + var rect = getContentRect(this.target); + this.contentRect_ = rect; + return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight; + }; + ResizeObservation.prototype.broadcastRect = function () { + var rect = this.contentRect_; + this.broadcastWidth = rect.width; + this.broadcastHeight = rect.height; + return rect; + }; + return ResizeObservation; + }()); + var ResizeObserverSPI = (function () { + function ResizeObserverSPI(callback, controller, callbackCtx) { + this.observation = null; + this.callback_ = null; + this.controller_ = null; + this.callbackCtx_ = null; + this.observation = null; + if (typeof callback !== "function") { + throw new TypeError("The callback provided as parameter 1 is not a function."); + } + this.callback_ = callback; + this.controller_ = controller; + this.callbackCtx_ = callbackCtx; + } + ResizeObserverSPI.prototype.observe = function (target) { + this.observation = new ResizeObservation(target); + this.controller_.addObserver(this); + // Force the update of observations. + this.controller_.refresh(); + }; + ResizeObserverSPI.prototype.disconnect = function () { + this.observation = null; + this.controller_.removeObserver(this); + }; + ResizeObserverSPI.prototype.broadcastActive = function () { + if (!this.hasActive()) { + return; + } + var ctx = this.callbackCtx_; + this.callback_.call(ctx, { + target: this.observation.target, + contentRect: createReadOnlyRect(this.observation.broadcastRect()) + }, ctx); + }; + ResizeObserverSPI.prototype.hasActive = function () { + return this.observation.isActive(); + }; + return ResizeObserverSPI; + }()); + var ResizeObserverFallback = (function () { + function ResizeObserverFallback(callback) { + var controller = ResizeObserverController.getInstance(); + var observer = new ResizeObserverSPI(callback, controller, this); + this.observer_ = observer; + } + ResizeObserverFallback.prototype.observe = function (element) { + this.observer_.observe(element); + }; + ResizeObserverFallback.prototype.disconnect = function () { + this.observer_.disconnect(); + }; + return ResizeObserverFallback; + }()); + function observeResize(element, callback) { + if (window.ResizeObserver) { + var ro_1 = new window.ResizeObserver(function (entries, observer) { + for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) { + var entry = entries_1[_i]; + callback(entry); + } + }); + ro_1.observe(element); + return function unobserve() { + ro_1.disconnect(); + }; + } + else { + var ro_2 = new ResizeObserverFallback(function (entry) { + callback(entry); + }); + ro_2.observe(element); + return function unobserve() { + ro_2.disconnect(); + }; + } + } + exports.observeResize = observeResize; + + +/***/ }), +/* 93 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + /** + * There are many instances of this component covering each of the areas a row can be entered + * eg body, pinned left, fullWidth. The component differs from others in that it's given the + * elements, there is no template. All of the elements are part of the GridPanel. + */ + var RowContainerComponent = (function () { + function RowContainerComponent(params) { + this.childCount = 0; + this.rowTemplatesToAdd = []; + this.afterGuiAttachedCallbacks = []; + this.eContainer = params.eContainer; + this.eViewport = params.eViewport; + this.hideWhenNoChildren = params.hideWhenNoChildren; + } + RowContainerComponent.prototype.setVerticalScrollPosition = function (verticalScrollPosition) { + this.scrollTop = verticalScrollPosition; + }; + RowContainerComponent.prototype.postConstruct = function () { + this.domOrder = this.gridOptionsWrapper.isEnsureDomOrder(); + this.checkVisibility(); + }; + RowContainerComponent.prototype.getRowElement = function (compId) { + return this.eContainer.querySelector("[comp-id=\"" + compId + "\"]"); + }; + RowContainerComponent.prototype.setHeight = function (height) { + this.eContainer.style.height = height + "px"; + }; + RowContainerComponent.prototype.flushRowTemplates = function () { + // if doing dom order, then rowTemplates will be empty, + // or if no rows added since last time also empty. + if (this.rowTemplatesToAdd.length !== 0) { + var htmlToAdd = this.rowTemplatesToAdd.join(''); + utils_1.Utils.appendHtml(this.eContainer, htmlToAdd); + this.rowTemplatesToAdd.length = 0; + } + // this only empty if no rows since last time, as when + // doing dom order, we still have callbacks to process + this.afterGuiAttachedCallbacks.forEach(function (func) { return func(); }); + this.afterGuiAttachedCallbacks.length = 0; + this.lastPlacedElement = null; + }; + RowContainerComponent.prototype.appendRowTemplate = function (rowTemplate, callback) { + if (this.domOrder) { + this.lastPlacedElement = utils_1.Utils.insertTemplateWithDomOrder(this.eContainer, rowTemplate, this.lastPlacedElement); + } + else { + this.rowTemplatesToAdd.push(rowTemplate); + } + this.afterGuiAttachedCallbacks.push(callback); + // it is important we put items in in order, so that when we open a row group, + // the new rows are inserted after the opened group, but before the rows below. + // that way, the rows below are over the new rows (as dom renders last in dom over + // items previous in dom), otherwise the child rows would cover the row below and + // that meant the user doesn't see the rows below slide away. + this.childCount++; + this.checkVisibility(); + }; + RowContainerComponent.prototype.ensureDomOrder = function (eRow) { + if (this.domOrder) { + utils_1.Utils.ensureDomOrder(this.eContainer, eRow, this.lastPlacedElement); + this.lastPlacedElement = eRow; + } + }; + RowContainerComponent.prototype.removeRowElement = function (eRow) { + this.eContainer.removeChild(eRow); + this.childCount--; + this.checkVisibility(); + }; + RowContainerComponent.prototype.checkVisibility = function () { + if (!this.hideWhenNoChildren) { + return; + } + var eGui = this.eViewport ? this.eViewport : this.eContainer; + var visible = this.childCount > 0; + if (this.visible !== visible) { + this.visible = visible; + utils_1.Utils.setVisible(eGui, visible); + // if we are showing the viewport, then the scroll is always zero, + // so we need to align with the other sections (ie if this is full + // width container, and first time showing a full width row, we need to + // scroll it so full width rows are show in right place alongside the + // body rows). without this, there was an issue with 'loading rows' for + // server side row model, as loading rows are full width, and they were + // not getting displayed in the right location when rows were expanded. + if (visible && this.eViewport) { + this.eViewport.scrollTop = this.scrollTop; + } + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], RowContainerComponent.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], RowContainerComponent.prototype, "postConstruct", null); + return RowContainerComponent; + }()); + exports.RowContainerComponent = RowContainerComponent; + + +/***/ }), +/* 94 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnController_1 = __webpack_require__(17); + var eventService_1 = __webpack_require__(5); + var logger_1 = __webpack_require__(6); + var events_1 = __webpack_require__(11); + var context_1 = __webpack_require__(7); + var context_2 = __webpack_require__(7); + var context_3 = __webpack_require__(7); + var context_4 = __webpack_require__(7); + var AlignedGridsService = (function () { + function AlignedGridsService() { + // flag to mark if we are consuming. to avoid cyclic events (ie other grid firing back to master + // while processing a master event) we mark this if consuming an event, and if we are, then + // we don't fire back any events. + this.consuming = false; + } + AlignedGridsService.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('AlignedGridsService'); + }; + AlignedGridsService.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + AlignedGridsService.prototype.init = function () { + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_MOVED, this.fireColumnEvent.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_VISIBLE, this.fireColumnEvent.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_PINNED, this.fireColumnEvent.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_GROUP_OPENED, this.fireColumnEvent.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_RESIZED, this.fireColumnEvent.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_BODY_SCROLL, this.fireScrollEvent.bind(this)); + }; + // common logic across all the fire methods + AlignedGridsService.prototype.fireEvent = function (callback) { + // if we are already consuming, then we are acting on an event from a master, + // so we don't cause a cyclic firing of events + if (this.consuming) { + return; + } + // iterate through the aligned grids, and pass each aligned grid service to the callback + var otherGrids = this.gridOptionsWrapper.getAlignedGrids(); + if (otherGrids) { + otherGrids.forEach(function (otherGridOptions) { + if (otherGridOptions.api) { + var alignedGridService = otherGridOptions.api.__getAlignedGridService(); + callback(alignedGridService); + } + }); + } + }; + // common logic across all consume methods. very little common logic, however extracting + // guarantees consistency across the methods. + AlignedGridsService.prototype.onEvent = function (callback) { + this.consuming = true; + callback(); + this.consuming = false; + }; + AlignedGridsService.prototype.fireColumnEvent = function (event) { + this.fireEvent(function (alignedGridsService) { + alignedGridsService.onColumnEvent(event); + }); + }; + AlignedGridsService.prototype.fireScrollEvent = function (event) { + if (event.direction !== 'horizontal') { + return; + } + this.fireEvent(function (alignedGridsService) { + alignedGridsService.onScrollEvent(event); + }); + }; + AlignedGridsService.prototype.onScrollEvent = function (event) { + var _this = this; + this.onEvent(function () { + _this.gridPanel.setHorizontalScrollPosition(event.left); + }); + }; + AlignedGridsService.prototype.getMasterColumns = function (event) { + var result = []; + if (event.columns) { + event.columns.forEach(function (column) { + result.push(column); + }); + } + else if (event.column) { + result.push(event.column); + } + return result; + }; + AlignedGridsService.prototype.getColumnIds = function (event) { + var result = []; + if (event.columns) { + event.columns.forEach(function (column) { + result.push(column.getColId()); + }); + } + else if (event.columns) { + result.push(event.column.getColId()); + } + return result; + }; + AlignedGridsService.prototype.onColumnEvent = function (event) { + var _this = this; + this.onEvent(function () { + switch (event.type) { + case events_1.Events.EVENT_COLUMN_MOVED: + case events_1.Events.EVENT_COLUMN_VISIBLE: + case events_1.Events.EVENT_COLUMN_PINNED: + case events_1.Events.EVENT_COLUMN_RESIZED: + var colEvent = event; + _this.processColumnEvent(colEvent); + break; + case events_1.Events.EVENT_COLUMN_GROUP_OPENED: + var groupOpenedEvent = event; + _this.processGroupOpenedEvent(groupOpenedEvent); + break; + case events_1.Events.EVENT_COLUMN_PIVOT_CHANGED: + // we cannot support pivoting with aligned grids as the columns will be out of sync as the + // grids will have columns created based on the row data of the grid. + console.warn('ag-Grid: pivoting is not supported with aligned grids. ' + + 'You can only use one of these features at a time in a grid.'); + break; + } + }); + }; + AlignedGridsService.prototype.processGroupOpenedEvent = function (groupOpenedEvent) { + // likewise for column group + var masterColumnGroup = groupOpenedEvent.columnGroup; + var otherColumnGroup; + if (masterColumnGroup) { + var groupId = masterColumnGroup.getGroupId(); + otherColumnGroup = this.columnController.getOriginalColumnGroup(groupId); + } + if (masterColumnGroup && !otherColumnGroup) { + return; + } + this.logger.log('onColumnEvent-> processing ' + event + ' expanded = ' + masterColumnGroup.isExpanded()); + this.columnController.setColumnGroupOpened(otherColumnGroup, masterColumnGroup.isExpanded(), "alignedGridChanged"); + }; + AlignedGridsService.prototype.processColumnEvent = function (colEvent) { + var _this = this; + // the column in the event is from the master grid. need to + // look up the equivalent from this (other) grid + var masterColumn = colEvent.column; + var otherColumn; + if (masterColumn) { + otherColumn = this.columnController.getPrimaryColumn(masterColumn.getColId()); + } + // if event was with respect to a master column, that is not present in this + // grid, then we ignore the event + if (masterColumn && !otherColumn) { + return; + } + // in time, all the methods below should use the column ids, it's a more generic way + // of handling columns, and also allows for single or multi column events + var columnIds = this.getColumnIds(colEvent); + var masterColumns = this.getMasterColumns(colEvent); + switch (colEvent.type) { + case events_1.Events.EVENT_COLUMN_MOVED: + var movedEvent = colEvent; + this.logger.log('onColumnEvent-> processing ' + colEvent.type + ' toIndex = ' + movedEvent.toIndex); + this.columnController.moveColumns(columnIds, movedEvent.toIndex, "alignedGridChanged"); + break; + case events_1.Events.EVENT_COLUMN_VISIBLE: + var visibleEvent = colEvent; + this.logger.log('onColumnEvent-> processing ' + colEvent.type + ' visible = ' + visibleEvent.visible); + this.columnController.setColumnsVisible(columnIds, visibleEvent.visible, "alignedGridChanged"); + break; + case events_1.Events.EVENT_COLUMN_PINNED: + var pinnedEvent = colEvent; + this.logger.log('onColumnEvent-> processing ' + colEvent.type + ' pinned = ' + pinnedEvent.pinned); + this.columnController.setColumnsPinned(columnIds, pinnedEvent.pinned, "alignedGridChanged"); + break; + case events_1.Events.EVENT_COLUMN_RESIZED: + var resizedEvent_1 = colEvent; + masterColumns.forEach(function (masterColumn) { + _this.logger.log('onColumnEvent-> processing ' + colEvent.type + ' actualWidth = ' + masterColumn.getActualWidth()); + _this.columnController.setColumnWidth(masterColumn.getColId(), masterColumn.getActualWidth(), false, resizedEvent_1.finished, "alignedGridChanged"); + }); + break; + } + }; + __decorate([ + context_3.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], AlignedGridsService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_3.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], AlignedGridsService.prototype, "columnController", void 0); + __decorate([ + context_3.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], AlignedGridsService.prototype, "eventService", void 0); + __decorate([ + __param(0, context_2.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], AlignedGridsService.prototype, "setBeans", null); + __decorate([ + context_4.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], AlignedGridsService.prototype, "init", null); + AlignedGridsService = __decorate([ + context_1.Bean('alignedGridsService') + ], AlignedGridsService); + return AlignedGridsService; + }()); + exports.AlignedGridsService = AlignedGridsService; + + +/***/ }), +/* 95 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var rowNode_1 = __webpack_require__(32); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var context_2 = __webpack_require__(7); + var events_1 = __webpack_require__(11); + var context_3 = __webpack_require__(7); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var PinnedRowModel = (function () { + function PinnedRowModel() { + } + PinnedRowModel.prototype.init = function () { + this.setPinnedTopRowData(this.gridOptionsWrapper.getPinnedTopRowData()); + this.setPinnedBottomRowData(this.gridOptionsWrapper.getPinnedBottomRowData()); + }; + PinnedRowModel.prototype.isEmpty = function (floating) { + var rows = floating === constants_1.Constants.PINNED_TOP ? this.pinnedTopRows : this.pinnedBottomRows; + return utils_1.Utils.missingOrEmpty(rows); + }; + PinnedRowModel.prototype.isRowsToRender = function (floating) { + return !this.isEmpty(floating); + }; + PinnedRowModel.prototype.getRowAtPixel = function (pixel, floating) { + var rows = floating === constants_1.Constants.PINNED_TOP ? this.pinnedTopRows : this.pinnedBottomRows; + if (utils_1.Utils.missingOrEmpty(rows)) { + return 0; // this should never happen, just in case, 0 is graceful failure + } + for (var i = 0; i < rows.length; i++) { + var rowNode = rows[i]; + var rowTopPixel = rowNode.rowTop + rowNode.rowHeight - 1; + // only need to range check against the top pixel, as we are going through the list + // in order, first row to hit the pixel wins + if (rowTopPixel >= pixel) { + return i; + } + } + return rows.length - 1; + }; + PinnedRowModel.prototype.setPinnedTopRowData = function (rowData) { + this.pinnedTopRows = this.createNodesFromData(rowData, true); + var event = { + type: events_1.Events.EVENT_PINNED_ROW_DATA_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + PinnedRowModel.prototype.setPinnedBottomRowData = function (rowData) { + this.pinnedBottomRows = this.createNodesFromData(rowData, false); + var event = { + type: events_1.Events.EVENT_PINNED_ROW_DATA_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + PinnedRowModel.prototype.createNodesFromData = function (allData, isTop) { + var _this = this; + var rowNodes = []; + if (allData) { + var nextRowTop_1 = 0; + allData.forEach(function (dataItem, index) { + var rowNode = new rowNode_1.RowNode(); + _this.context.wireBean(rowNode); + rowNode.data = dataItem; + rowNode.rowPinned = isTop ? constants_1.Constants.PINNED_TOP : constants_1.Constants.PINNED_BOTTOM; + rowNode.setRowTop(nextRowTop_1); + rowNode.setRowHeight(_this.gridOptionsWrapper.getRowHeightForNode(rowNode)); + rowNode.setRowIndex(index); + nextRowTop_1 += rowNode.rowHeight; + rowNodes.push(rowNode); + }); + } + return rowNodes; + }; + PinnedRowModel.prototype.getPinnedTopRowData = function () { + return this.pinnedTopRows; + }; + PinnedRowModel.prototype.getPinnedBottomRowData = function () { + return this.pinnedBottomRows; + }; + PinnedRowModel.prototype.getPinnedTopTotalHeight = function () { + return this.getTotalHeight(this.pinnedTopRows); + }; + PinnedRowModel.prototype.getPinnedTopRowCount = function () { + return this.pinnedTopRows ? this.pinnedTopRows.length : 0; + }; + PinnedRowModel.prototype.getPinnedBottomRowCount = function () { + return this.pinnedBottomRows ? this.pinnedBottomRows.length : 0; + }; + PinnedRowModel.prototype.getPinnedTopRow = function (index) { + return this.pinnedTopRows[index]; + }; + PinnedRowModel.prototype.getPinnedBottomRow = function (index) { + return this.pinnedBottomRows[index]; + }; + PinnedRowModel.prototype.forEachPinnedTopRow = function (callback) { + if (utils_1.Utils.missingOrEmpty(this.pinnedTopRows)) { + return; + } + this.pinnedTopRows.forEach(callback); + }; + PinnedRowModel.prototype.forEachPinnedBottomRow = function (callback) { + if (utils_1.Utils.missingOrEmpty(this.pinnedBottomRows)) { + return; + } + this.pinnedBottomRows.forEach(callback); + }; + PinnedRowModel.prototype.getPinnedBottomTotalHeight = function () { + return this.getTotalHeight(this.pinnedBottomRows); + }; + PinnedRowModel.prototype.getTotalHeight = function (rowNodes) { + if (!rowNodes || rowNodes.length === 0) { + return 0; + } + else { + var lastNode = rowNodes[rowNodes.length - 1]; + return lastNode.rowTop + lastNode.rowHeight; + } + }; + __decorate([ + context_2.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], PinnedRowModel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_2.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], PinnedRowModel.prototype, "eventService", void 0); + __decorate([ + context_2.Autowired('context'), + __metadata("design:type", context_1.Context) + ], PinnedRowModel.prototype, "context", void 0); + __decorate([ + context_2.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], PinnedRowModel.prototype, "columnApi", void 0); + __decorate([ + context_2.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], PinnedRowModel.prototype, "gridApi", void 0); + __decorate([ + context_3.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], PinnedRowModel.prototype, "init", null); + PinnedRowModel = __decorate([ + context_1.Bean('pinnedRowModel') + ], PinnedRowModel); + return PinnedRowModel; + }()); + exports.PinnedRowModel = PinnedRowModel; + + +/***/ }), +/* 96 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridCell_1 = __webpack_require__(34); + var constants_1 = __webpack_require__(9); + var mouseEventService_1 = __webpack_require__(67); + var paginationProxy_1 = __webpack_require__(70); + var focusedCellController_1 = __webpack_require__(58); + var utils_1 = __webpack_require__(8); + var animationFrameService_1 = __webpack_require__(72); + var columnController_1 = __webpack_require__(17); + var gridOptionsWrapper_1 = __webpack_require__(4); + var NavigationService = (function () { + function NavigationService() { + } + NavigationService.prototype.init = function () { + this.scrollWidth = this.gridOptionsWrapper.getScrollbarWidth(); + }; + NavigationService.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + NavigationService.prototype.handlePageScrollingKey = function (event) { + var key = event.which || event.keyCode; + var alt = event.altKey; + var ctrl = event.ctrlKey; + var currentCell = this.mouseEventService.getGridCellForEvent(event).getGridCellDef(); + if (!currentCell) { + return false; + } + var processed = false; + switch (key) { + case constants_1.Constants.KEY_PAGE_HOME: + case constants_1.Constants.KEY_PAGE_END: + // handle home and end when ctrl & alt are NOT pressed + if (!ctrl && !alt) { + this.onHomeOrEndKey(key); + processed = true; + } + break; + case constants_1.Constants.KEY_LEFT: + case constants_1.Constants.KEY_RIGHT: + // handle left and right when ctrl is pressed only + if (ctrl && !alt) { + this.onCtrlLeftOrRight(key, currentCell); + processed = true; + } + break; + case constants_1.Constants.KEY_UP: + case constants_1.Constants.KEY_DOWN: + // handle up and down when ctrl is pressed only + if (ctrl && !alt) { + this.onCtrlUpOrDown(key, currentCell); + processed = true; + } + break; + case constants_1.Constants.KEY_PAGE_DOWN: + // handle page up and page down when ctrl & alt are NOT pressed + if (!ctrl && !alt) { + this.onPageDown(currentCell); + processed = true; + } + break; + case constants_1.Constants.KEY_PAGE_UP: + // handle page up and page down when ctrl & alt are NOT pressed + if (!ctrl && !alt) { + this.onPageUp(currentCell); + processed = true; + } + break; + } + if (processed) { + event.preventDefault(); + } + return processed; + }; + NavigationService.prototype.onPageDown = function (gridCell) { + var scrollPosition = this.gridPanel.getVScrollPosition(); + var pixelsInOnePage = scrollPosition.bottom - scrollPosition.top; + if (this.gridPanel.isHorizontalScrollShowing()) { + pixelsInOnePage -= this.scrollWidth; + } + var pagingPixelOffset = this.paginationProxy.getPixelOffset(); + var currentPageBottomPixel = scrollPosition.top + pixelsInOnePage; + var currentPageBottomRow = this.paginationProxy.getRowIndexAtPixel(currentPageBottomPixel + pagingPixelOffset); + var scrollIndex = currentPageBottomRow; + var currentCellPixel = this.paginationProxy.getRow(gridCell.rowIndex).rowTop; + var nextCellPixel = currentCellPixel + pixelsInOnePage - pagingPixelOffset; + var focusIndex = this.paginationProxy.getRowIndexAtPixel(nextCellPixel + pagingPixelOffset); + var pageLastRow = this.paginationProxy.getPageLastRow(); + if (focusIndex > pageLastRow) { + focusIndex = pageLastRow; + } + if (scrollIndex > pageLastRow) { + scrollIndex = pageLastRow; + } + this.navigateTo(scrollIndex, 'top', null, focusIndex, gridCell.column); + }; + NavigationService.prototype.onPageUp = function (gridCell) { + var scrollPosition = this.gridPanel.getVScrollPosition(); + var pixelsInOnePage = scrollPosition.bottom - scrollPosition.top; + if (this.gridPanel.isHorizontalScrollShowing()) { + pixelsInOnePage -= this.scrollWidth; + } + var pagingPixelOffset = this.paginationProxy.getPixelOffset(); + var currentPageTopPixel = scrollPosition.top; + var currentPageTopRow = this.paginationProxy.getRowIndexAtPixel(currentPageTopPixel + pagingPixelOffset); + var scrollIndex = currentPageTopRow; + var currentRowNode = this.paginationProxy.getRow(gridCell.rowIndex); + var nextCellPixel = currentRowNode.rowTop + currentRowNode.rowHeight - pixelsInOnePage - pagingPixelOffset; + var focusIndex = this.paginationProxy.getRowIndexAtPixel(nextCellPixel + pagingPixelOffset); + var firstRow = this.paginationProxy.getPageFirstRow(); + if (focusIndex < firstRow) { + focusIndex = firstRow; + } + if (scrollIndex < firstRow) { + scrollIndex = firstRow; + } + this.navigateTo(scrollIndex, 'bottom', null, focusIndex, gridCell.column); + }; + // common logic to navigate. takes parameters: + // scrollIndex - what row to vertically scroll to + // scrollType - what position to put scroll index ie top/bottom + // scrollColumn - what column to horizontally scroll to + // focusIndex / focusColumn - for page up / down, we want to scroll to one row/column, but focus another + NavigationService.prototype.navigateTo = function (scrollIndex, scrollType, scrollColumn, focusIndex, focusColumn) { + if (utils_1._.exists(scrollColumn)) { + this.gridPanel.ensureColumnVisible(scrollColumn); + } + if (utils_1._.exists(scrollIndex)) { + this.gridPanel.ensureIndexVisible(scrollIndex, scrollType); + } + // make sure the cell is rendered, needed if we are to focus + this.animationFrameService.flushAllFrames(); + // if we don't do this, the range will be left on the last cell, which will leave the last focused cell + // highlighted. + this.focusedCellController.setFocusedCell(focusIndex, focusColumn, null, true); + if (this.rangeController) { + var gridCell = new gridCell_1.GridCell({ rowIndex: focusIndex, floating: null, column: focusColumn }); + this.rangeController.setRangeToCell(gridCell); + } + }; + // ctrl + up/down will bring focus to same column, first/last row. no horizontal scrolling. + NavigationService.prototype.onCtrlUpOrDown = function (key, gridCell) { + var upKey = key === constants_1.Constants.KEY_UP; + var rowIndexToScrollTo = upKey ? 0 : this.paginationProxy.getPageLastRow(); + this.navigateTo(rowIndexToScrollTo, null, gridCell.column, rowIndexToScrollTo, gridCell.column); + }; + // ctrl + left/right will bring focus to same row, first/last cell. no vertical scrolling. + NavigationService.prototype.onCtrlLeftOrRight = function (key, gridCell) { + var leftKey = key === constants_1.Constants.KEY_LEFT; + var allColumns = this.columnController.getAllDisplayedColumns(); + var columnToSelect = leftKey ? allColumns[0] : allColumns[allColumns.length - 1]; + this.navigateTo(gridCell.rowIndex, null, columnToSelect, gridCell.rowIndex, columnToSelect); + }; + // home brings focus to top left cell, end brings focus to bottom right, grid scrolled to bring + // same cell into view (which means either scroll all the way up, or all the way down). + NavigationService.prototype.onHomeOrEndKey = function (key) { + var homeKey = key === constants_1.Constants.KEY_PAGE_HOME; + var allColumns = this.columnController.getAllDisplayedColumns(); + var columnToSelect = homeKey ? allColumns[0] : allColumns[allColumns.length - 1]; + var rowIndexToScrollTo = homeKey ? 0 : this.paginationProxy.getPageLastRow(); + this.navigateTo(rowIndexToScrollTo, null, columnToSelect, rowIndexToScrollTo, columnToSelect); + }; + __decorate([ + context_1.Autowired('mouseEventService'), + __metadata("design:type", mouseEventService_1.MouseEventService) + ], NavigationService.prototype, "mouseEventService", void 0); + __decorate([ + context_1.Autowired('paginationProxy'), + __metadata("design:type", paginationProxy_1.PaginationProxy) + ], NavigationService.prototype, "paginationProxy", void 0); + __decorate([ + context_1.Autowired('focusedCellController'), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], NavigationService.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Autowired('animationFrameService'), + __metadata("design:type", animationFrameService_1.AnimationFrameService) + ], NavigationService.prototype, "animationFrameService", void 0); + __decorate([ + context_1.Optional('rangeController'), + __metadata("design:type", Object) + ], NavigationService.prototype, "rangeController", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], NavigationService.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], NavigationService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], NavigationService.prototype, "init", null); + NavigationService = __decorate([ + context_1.Bean('navigationService') + ], NavigationService); + return NavigationService; + }()); + exports.NavigationService = NavigationService; + + +/***/ }), +/* 97 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var dragAndDropService_1 = __webpack_require__(40); + var context_1 = __webpack_require__(7); + var focusedCellController_1 = __webpack_require__(58); + var gridOptionsWrapper_1 = __webpack_require__(4); + var eventService_1 = __webpack_require__(5); + var eventKeys_1 = __webpack_require__(12); + var RowDragFeature = (function () { + function RowDragFeature(eContainer, gridPanel) { + this.eContainer = eContainer; + this.gridPanel = gridPanel; + } + RowDragFeature.prototype.postConstruct = function () { + if (this.gridOptionsWrapper.isRowModelDefault()) { + this.clientSideRowModel = this.rowModel; + } + }; + RowDragFeature.prototype.getContainer = function () { + return this.eContainer; + }; + RowDragFeature.prototype.isInterestedIn = function (type) { + return type === dragAndDropService_1.DragSourceType.RowDrag; + }; + RowDragFeature.prototype.getIconName = function () { + return dragAndDropService_1.DragAndDropService.ICON_MOVE; + }; + RowDragFeature.prototype.onDragEnter = function (draggingEvent) { + // when entering, we fire the enter event, then in onEnterOrDragging, + // we also fire the move event. so we get both events when entering. + this.dispatchEvent(eventKeys_1.Events.EVENT_ROW_DRAG_ENTER, draggingEvent); + this.dragAndDropService.setGhostIcon(dragAndDropService_1.DragAndDropService.ICON_MOVE); + draggingEvent.dragItem.rowNode.setDragging(true); + this.onEnterOrDragging(draggingEvent); + }; + RowDragFeature.prototype.onDragging = function (draggingEvent) { + this.onEnterOrDragging(draggingEvent); + }; + RowDragFeature.prototype.onEnterOrDragging = function (draggingEvent) { + // this event is fired for enter and move + this.dispatchEvent(eventKeys_1.Events.EVENT_ROW_DRAG_MOVE, draggingEvent); + this.lastDraggingEvent = draggingEvent; + var pixel = this.normaliseForScroll(draggingEvent.y); + var managedDrag = this.gridOptionsWrapper.isRowDragManaged(); + if (managedDrag) { + this.doManagedDrag(draggingEvent, pixel); + } + this.checkCenterForScrolling(pixel); + }; + RowDragFeature.prototype.doManagedDrag = function (draggingEvent, pixel) { + var rowNode = draggingEvent.dragItem.rowNode; + var rowWasMoved = this.clientSideRowModel.ensureRowAtPixel(rowNode, pixel); + if (rowWasMoved) { + this.focusedCellController.clearFocusedCell(); + if (this.rangeController) { + this.rangeController.clearSelection(); + } + } + }; + RowDragFeature.prototype.normaliseForScroll = function (pixel) { + var gridPanelHasScrolls = !this.gridOptionsWrapper.isGridAutoHeight(); + if (gridPanelHasScrolls) { + var pixelRange = this.gridPanel.getVScrollPosition(); + return pixel + pixelRange.top; + } + else { + return pixel; + } + }; + RowDragFeature.prototype.checkCenterForScrolling = function (pixel) { + // scroll if the mouse is within 50px of the grid edge + var pixelRange = this.gridPanel.getVScrollPosition(); + // console.log(`pixelRange = (${pixelRange.top}, ${pixelRange.bottom})`); + this.needToMoveUp = pixel < (pixelRange.top + 50); + this.needToMoveDown = pixel > (pixelRange.bottom - 50); + // console.log(`needToMoveUp = ${this.needToMoveUp} = pixel < (pixelRange.top + 50) = ${pixel} < (${pixelRange.top} + 50)`); + // console.log(`needToMoveDown = ${this.needToMoveDown} = pixel < (pixelRange.top + 50) = ${pixel} < (${pixelRange.top} + 50)`); + if (this.needToMoveUp || this.needToMoveDown) { + this.ensureIntervalStarted(); + } + else { + this.ensureIntervalCleared(); + } + }; + RowDragFeature.prototype.ensureIntervalStarted = function () { + if (!this.movingIntervalId) { + this.intervalCount = 0; + this.movingIntervalId = setInterval(this.moveInterval.bind(this), 100); + } + }; + RowDragFeature.prototype.ensureIntervalCleared = function () { + if (this.moveInterval) { + clearInterval(this.movingIntervalId); + this.movingIntervalId = null; + } + }; + RowDragFeature.prototype.moveInterval = function () { + // the amounts we move get bigger at each interval, so the speed accelerates, starting a bit slow + // and getting faster. this is to give smoother user experience. we max at 100px to limit the speed. + var pixelsToMove; + this.intervalCount++; + pixelsToMove = 10 + (this.intervalCount * 5); + if (pixelsToMove > 100) { + pixelsToMove = 100; + } + var pixelsMoved; + if (this.needToMoveDown) { + pixelsMoved = this.gridPanel.scrollVertically(pixelsToMove); + } + else if (this.needToMoveUp) { + pixelsMoved = this.gridPanel.scrollVertically(-pixelsToMove); + } + if (pixelsMoved !== 0) { + this.onDragging(this.lastDraggingEvent); + } + }; + // i tried using generics here with this: + // public createEvent(type: string, clazz: {new(): T; }, draggingEvent: DraggingEvent) { + // but it didn't work - i think it's because it only works with classes, and not interfaces, (the events are interfaces) + RowDragFeature.prototype.dispatchEvent = function (type, draggingEvent) { + var yNormalised = this.normaliseForScroll(draggingEvent.y); + var overIndex = -1; + var overNode = null; + var mouseIsPastLastRow = yNormalised > this.rowModel.getCurrentPageHeight(); + if (!mouseIsPastLastRow) { + overIndex = this.rowModel.getRowIndexAtPixel(yNormalised); + overNode = this.rowModel.getRow(overIndex); + } + var vDirectionString; + switch (draggingEvent.vDirection) { + case dragAndDropService_1.VDirection.Down: + vDirectionString = 'down'; + break; + case dragAndDropService_1.VDirection.Up: + vDirectionString = 'up'; + break; + default: + vDirectionString = null; + break; + } + var event = { + type: type, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + event: draggingEvent.event, + node: draggingEvent.dragItem.rowNode, + overIndex: overIndex, + overNode: overNode, + y: yNormalised, + vDirection: vDirectionString + }; + this.eventService.dispatchEvent(event); + }; + RowDragFeature.prototype.onDragLeave = function (draggingEvent) { + this.dispatchEvent(eventKeys_1.Events.EVENT_ROW_DRAG_LEAVE, draggingEvent); + this.stopDragging(draggingEvent); + }; + RowDragFeature.prototype.onDragStop = function (draggingEvent) { + this.dispatchEvent(eventKeys_1.Events.EVENT_ROW_DRAG_END, draggingEvent); + this.stopDragging(draggingEvent); + }; + RowDragFeature.prototype.stopDragging = function (draggingEvent) { + this.ensureIntervalCleared(); + draggingEvent.dragItem.rowNode.setDragging(false); + }; + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], RowDragFeature.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], RowDragFeature.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('focusedCellController'), + __metadata("design:type", focusedCellController_1.FocusedCellController) + ], RowDragFeature.prototype, "focusedCellController", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], RowDragFeature.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Optional('rangeController'), + __metadata("design:type", Object) + ], RowDragFeature.prototype, "rangeController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], RowDragFeature.prototype, "eventService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], RowDragFeature.prototype, "postConstruct", null); + return RowDragFeature; + }()); + exports.RowDragFeature = RowDragFeature; + + +/***/ }), +/* 98 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var beans_1 = __webpack_require__(56); + var cellComp_1 = __webpack_require__(31); + var columnController_1 = __webpack_require__(17); + var utils_1 = __webpack_require__(8); + var AutoHeightCalculator = (function () { + function AutoHeightCalculator() { + } + AutoHeightCalculator.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + AutoHeightCalculator.prototype.getPreferredHeightForRow = function (rowNode) { + var _this = this; + if (!this.eDummyContainer) { + this.eDummyContainer = document.createElement('div'); + // so any styles on row also get applied in dummy, otherwise + // the content in dummy may differ to the real + utils_1._.addCssClass(this.eDummyContainer, 'ag-row ag-row-no-focus'); + } + // we put the dummy into the body container, so it will inherit all the + // css styles that the real cells are inheriting + var eBodyContainer = this.gridPanel.getBodyContainer(); + eBodyContainer.appendChild(this.eDummyContainer); + var cellComps = []; + var cols = this.columnController.getAllAutoRowHeightCols(); + console.log(); + cols.forEach(function (col) { + var cellComp = new cellComp_1.CellComp(_this.$scope, _this.beans, col, rowNode, null, true); + cellComp.setParentRow(_this.eDummyContainer); + cellComps.push(cellComp); + }); + var template = cellComps.map(function (cellComp) { return cellComp.getCreateTemplate(); }).join(' '); + this.eDummyContainer.innerHTML = template; + // this gets any cellComps that are using components to put the components in + cellComps.forEach(function (cellComp) { return cellComp.afterAttached(); }); + // we should be able to just take the height of the row at this point, however + // the row isn't expanding to cover the cell heights, i don't know why, i couldn't + // figure it out so instead looking at the individual cells instead + var maxCellHeight = 0; + for (var i = 0; i < this.eDummyContainer.children.length; i++) { + var child = this.eDummyContainer.children[i]; + if (child.offsetHeight > maxCellHeight) { + maxCellHeight = child.offsetHeight; + } + } + // we are finished with the dummy container, so get rid of it + eBodyContainer.removeChild(this.eDummyContainer); + cellComps.forEach(function (cellComp) { + // dunno why we need to detach first, doing it here to be consistent with code in RowComp + cellComp.detach(); + cellComp.destroy(); + }); + // in case anything left over from last time + utils_1._.removeAllChildren(this.eDummyContainer); + return maxCellHeight; + }; + __decorate([ + context_1.Autowired('beans'), + __metadata("design:type", beans_1.Beans) + ], AutoHeightCalculator.prototype, "beans", void 0); + __decorate([ + context_1.Autowired("$scope"), + __metadata("design:type", Object) + ], AutoHeightCalculator.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired("columnController"), + __metadata("design:type", columnController_1.ColumnController) + ], AutoHeightCalculator.prototype, "columnController", void 0); + AutoHeightCalculator = __decorate([ + context_1.Bean('autoHeightCalculator') + ], AutoHeightCalculator); + return AutoHeightCalculator; + }()); + exports.AutoHeightCalculator = AutoHeightCalculator; + + +/***/ }), +/* 99 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnController_1 = __webpack_require__(17); + var column_1 = __webpack_require__(19); + var context_1 = __webpack_require__(7); + var headerContainer_1 = __webpack_require__(100); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var scrollVisibleService_1 = __webpack_require__(71); + var component_1 = __webpack_require__(36); + var componentAnnotations_1 = __webpack_require__(43); + var utils_1 = __webpack_require__(8); + var gridApi_1 = __webpack_require__(14); + var autoWidthCalculator_1 = __webpack_require__(25); + var HeaderRootComp = (function (_super) { + __extends(HeaderRootComp, _super); + function HeaderRootComp() { + return _super.call(this, HeaderRootComp.TEMPLATE) || this; + } + HeaderRootComp.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + this.centerContainer.registerGridComp(gridPanel); + this.pinnedLeftContainer.registerGridComp(gridPanel); + this.pinnedRightContainer.registerGridComp(gridPanel); + }; + HeaderRootComp.prototype.postConstruct = function () { + var _this = this; + this.gridApi.registerHeaderRootComp(this); + this.autoWidthCalculator.registerHeaderRootComp(this); + this.centerContainer = new headerContainer_1.HeaderContainer(this.eHeaderContainer, this.eHeaderViewport, null); + this.childContainers = [this.centerContainer]; + this.pinnedLeftContainer = new headerContainer_1.HeaderContainer(this.ePinnedLeftHeader, null, column_1.Column.PINNED_LEFT); + this.pinnedRightContainer = new headerContainer_1.HeaderContainer(this.ePinnedRightHeader, null, column_1.Column.PINNED_RIGHT); + this.childContainers.push(this.pinnedLeftContainer); + this.childContainers.push(this.pinnedRightContainer); + this.childContainers.forEach(function (container) { return _this.context.wireBean(container); }); + // shotgun way to get labels to change, eg from sum(amount) to avg(amount) + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_VALUE_CHANGED, this.refreshHeader.bind(this)); + // for setting ag-pivot-on / ag-pivot-off CSS classes + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onPivotModeChanged.bind(this)); + this.addPreventHeaderScroll(); + if (this.columnController.isReady()) { + this.refreshHeader(); + } + }; + HeaderRootComp.prototype.setHorizontalScroll = function (offset) { + this.eHeaderContainer.style.left = offset + 'px'; + }; + HeaderRootComp.prototype.forEachHeaderElement = function (callback) { + this.childContainers.forEach(function (childContainer) { return childContainer.forEachHeaderElement(callback); }); + }; + HeaderRootComp.prototype.destroy = function () { + this.childContainers.forEach(function (container) { return container.destroy(); }); + }; + HeaderRootComp.prototype.refreshHeader = function () { + this.childContainers.forEach(function (container) { return container.refresh(); }); + }; + HeaderRootComp.prototype.onPivotModeChanged = function () { + var pivotMode = this.columnController.isPivotMode(); + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-pivot-on', pivotMode); + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-pivot-off', !pivotMode); + }; + HeaderRootComp.prototype.setHeight = function (height) { + this.getGui().style.height = height + 'px'; + this.getGui().style.minHeight = height + 'px'; + }; + // if the user is in floating filter and hits tab a few times, the header can + // end up scrolling to show items off the screen, leaving the grid and header + // and the grid columns no longer in sync. + HeaderRootComp.prototype.addPreventHeaderScroll = function () { + var _this = this; + this.addDestroyableEventListener(this.eHeaderViewport, 'scroll', function () { + // if the header scrolls, the header will be out of sync. so we reset the + // header scroll, and then scroll the body, which will in turn set the offset + // on the header, giving the impression that the header scrolled as expected. + var scrollLeft = _this.eHeaderViewport.scrollLeft; + if (scrollLeft !== 0) { + _this.gridPanel.scrollHorizontally(scrollLeft); + _this.eHeaderViewport.scrollLeft = 0; + } + }); + }; + HeaderRootComp.prototype.setLeftVisible = function (visible) { + utils_1.Utils.setVisible(this.ePinnedLeftHeader, visible); + }; + HeaderRootComp.prototype.setRightVisible = function (visible) { + utils_1.Utils.setVisible(this.ePinnedRightHeader, visible); + }; + HeaderRootComp.TEMPLATE = "
\n
\n
\n
\n
\n
\n
"; + __decorate([ + componentAnnotations_1.RefSelector('ePinnedLeftHeader'), + __metadata("design:type", HTMLElement) + ], HeaderRootComp.prototype, "ePinnedLeftHeader", void 0); + __decorate([ + componentAnnotations_1.RefSelector('ePinnedRightHeader'), + __metadata("design:type", HTMLElement) + ], HeaderRootComp.prototype, "ePinnedRightHeader", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eHeaderContainer'), + __metadata("design:type", HTMLElement) + ], HeaderRootComp.prototype, "eHeaderContainer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eHeaderViewport'), + __metadata("design:type", HTMLElement) + ], HeaderRootComp.prototype, "eHeaderViewport", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderRootComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], HeaderRootComp.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], HeaderRootComp.prototype, "context", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], HeaderRootComp.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('scrollVisibleService'), + __metadata("design:type", scrollVisibleService_1.ScrollVisibleService) + ], HeaderRootComp.prototype, "scrollVisibleService", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], HeaderRootComp.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('autoWidthCalculator'), + __metadata("design:type", autoWidthCalculator_1.AutoWidthCalculator) + ], HeaderRootComp.prototype, "autoWidthCalculator", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderRootComp.prototype, "postConstruct", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderRootComp.prototype, "destroy", null); + return HeaderRootComp; + }(component_1.Component)); + exports.HeaderRootComp = HeaderRootComp; + + +/***/ }), +/* 100 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var dragAndDropService_1 = __webpack_require__(40); + var columnController_1 = __webpack_require__(17); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var headerRowComp_1 = __webpack_require__(101); + var bodyDropTarget_1 = __webpack_require__(108); + var column_1 = __webpack_require__(19); + var scrollVisibleService_1 = __webpack_require__(71); + var HeaderContainer = (function () { + function HeaderContainer(eContainer, eViewport, pinned) { + this.headerRowComps = []; + this.eContainer = eContainer; + this.pinned = pinned; + this.eViewport = eViewport; + } + HeaderContainer.prototype.registerGridComp = function (gridPanel) { + this.setupDragAndDrop(gridPanel); + }; + HeaderContainer.prototype.forEachHeaderElement = function (callback) { + this.headerRowComps.forEach(function (headerRowComp) { return headerRowComp.forEachHeaderElement(callback); }); + }; + HeaderContainer.prototype.init = function () { + this.scrollWidth = this.gridOptionsWrapper.getScrollbarWidth(); + // if value changes, then if not pivoting, we at least need to change the label eg from sum() to avg(), + // if pivoting, then the columns have changed + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_VALUE_CHANGED, this.onColumnValueChanged.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.onColumnRowGroupChanged.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_GRID_COLUMNS_CHANGED, this.onGridColumnsChanged.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_SCROLL_VISIBILITY_CHANGED, this.onScrollVisibilityChanged.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_COLUMN_RESIZED, this.onColumnResized.bind(this)); + this.eventService.addEventListener(events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.onDisplayedColumnsChanged.bind(this)); + }; + // if row group changes, that means we may need to add aggFunc's to the column headers, + // if the grid goes from no aggregation (ie no grouping) to grouping + HeaderContainer.prototype.onColumnRowGroupChanged = function () { + this.onGridColumnsChanged(); + }; + // if the agg func of a column changes, then we may need to update the agg func in columns header + HeaderContainer.prototype.onColumnValueChanged = function () { + this.onGridColumnsChanged(); + }; + HeaderContainer.prototype.onColumnResized = function () { + this.setWidthOfPinnedContainer(); + }; + HeaderContainer.prototype.onDisplayedColumnsChanged = function () { + this.setWidthOfPinnedContainer(); + }; + HeaderContainer.prototype.onScrollVisibilityChanged = function () { + this.setWidthOfPinnedContainer(); + }; + HeaderContainer.prototype.setWidthOfPinnedContainer = function () { + var pinningLeft = this.pinned === column_1.Column.PINNED_LEFT; + var pinningRight = this.pinned === column_1.Column.PINNED_RIGHT; + if (pinningLeft || pinningRight) { + // size to fit all columns + var width = pinningLeft ? + this.columnController.getPinnedLeftContainerWidth() + : this.columnController.getPinnedRightContainerWidth(); + // if there is a scroll showing (and taking up space, so Windows, and not iOS) + // in the body, then we add extra space to keep header aligned with the body, + // as body width fits the cols and the scrollbar + var addPaddingForScrollbar = pinningLeft ? + this.scrollVisibleService.isLeftVerticalScrollShowing() + : this.scrollVisibleService.isRightVerticalScrollShowing(); + if (addPaddingForScrollbar) { + width += this.scrollWidth; + } + this.eContainer.style.width = width + 'px'; + } + }; + HeaderContainer.prototype.destroy = function () { + this.removeHeaderRowComps(); + }; + // grid cols have changed - this also means the number of rows in the header can have + // changed. so we remove all the old rows and insert new ones for a complete refresh + HeaderContainer.prototype.onGridColumnsChanged = function () { + this.removeHeaderRowComps(); + this.createHeaderRowComps(); + }; + // we expose this for gridOptions.api.refreshHeader() to call + HeaderContainer.prototype.refresh = function () { + this.onGridColumnsChanged(); + }; + HeaderContainer.prototype.setupDragAndDrop = function (gridComp) { + var dropContainer = this.eViewport ? this.eViewport : this.eContainer; + var bodyDropTarget = new bodyDropTarget_1.BodyDropTarget(this.pinned, dropContainer); + this.context.wireBean(bodyDropTarget); + bodyDropTarget.registerGridComp(gridComp); + }; + HeaderContainer.prototype.removeHeaderRowComps = function () { + this.headerRowComps.forEach(function (headerRowComp) { + headerRowComp.destroy(); + }); + this.headerRowComps.length = 0; + utils_1.Utils.removeAllChildren(this.eContainer); + }; + HeaderContainer.prototype.createHeaderRowComps = function () { + // if we are displaying header groups, then we have many rows here. + // go through each row of the header, one by one. + var rowCount = this.columnController.getHeaderRowCount(); + for (var dept = 0; dept < rowCount; dept++) { + var groupRow = dept !== (rowCount - 1); + var type = groupRow ? headerRowComp_1.HeaderRowType.COLUMN_GROUP : headerRowComp_1.HeaderRowType.COLUMN; + var headerRowComp = new headerRowComp_1.HeaderRowComp(dept, type, this.pinned, this.dropTarget); + this.context.wireBean(headerRowComp); + this.headerRowComps.push(headerRowComp); + this.eContainer.appendChild(headerRowComp.getGui()); + } + var includeFloatingFilterRow = this.gridOptionsWrapper.isFloatingFilter() && !this.columnController.isPivotMode(); + if (includeFloatingFilterRow) { + var headerRowComp = new headerRowComp_1.HeaderRowComp(rowCount, headerRowComp_1.HeaderRowType.FLOATING_FILTER, this.pinned, this.dropTarget); + this.context.wireBean(headerRowComp); + this.headerRowComps.push(headerRowComp); + this.eContainer.appendChild(headerRowComp.getGui()); + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderContainer.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], HeaderContainer.prototype, "context", void 0); + __decorate([ + context_1.Autowired('$scope'), + __metadata("design:type", Object) + ], HeaderContainer.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], HeaderContainer.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], HeaderContainer.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], HeaderContainer.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('scrollVisibleService'), + __metadata("design:type", scrollVisibleService_1.ScrollVisibleService) + ], HeaderContainer.prototype, "scrollVisibleService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderContainer.prototype, "init", null); + return HeaderContainer; + }()); + exports.HeaderContainer = HeaderContainer; + + +/***/ }), +/* 101 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnController_1 = __webpack_require__(17); + var column_1 = __webpack_require__(19); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var utils_1 = __webpack_require__(8); + var headerWrapperComp_1 = __webpack_require__(102); + var headerGroupWrapperComp_1 = __webpack_require__(107); + var filterManager_1 = __webpack_require__(45); + var componentRecipes_1 = __webpack_require__(52); + var gridApi_1 = __webpack_require__(14); + var HeaderRowType; + (function (HeaderRowType) { + HeaderRowType[HeaderRowType["COLUMN_GROUP"] = 0] = "COLUMN_GROUP"; + HeaderRowType[HeaderRowType["COLUMN"] = 1] = "COLUMN"; + HeaderRowType[HeaderRowType["FLOATING_FILTER"] = 2] = "FLOATING_FILTER"; + })(HeaderRowType = exports.HeaderRowType || (exports.HeaderRowType = {})); + var HeaderRowComp = (function (_super) { + __extends(HeaderRowComp, _super); + function HeaderRowComp(dept, type, pinned, dropTarget) { + var _this = _super.call(this, "
") || this; + _this.headerComps = {}; + _this.dept = dept; + _this.type = type; + _this.pinned = pinned; + _this.dropTarget = dropTarget; + return _this; + } + HeaderRowComp.prototype.forEachHeaderElement = function (callback) { + var _this = this; + Object.keys(this.headerComps).forEach(function (key) { + callback(_this.headerComps[key]); + }); + }; + HeaderRowComp.prototype.destroy = function () { + var idsOfAllChildren = Object.keys(this.headerComps); + this.removeAndDestroyChildComponents(idsOfAllChildren); + _super.prototype.destroy.call(this); + }; + HeaderRowComp.prototype.removeAndDestroyChildComponents = function (idsToDestroy) { + var _this = this; + idsToDestroy.forEach(function (id) { + var childHeaderComp = _this.headerComps[id]; + _this.getGui().removeChild(childHeaderComp.getGui()); + if (childHeaderComp.destroy) { + childHeaderComp.destroy(); + } + delete _this.headerComps[id]; + }); + }; + HeaderRowComp.prototype.onRowHeightChanged = function () { + var headerRowCount = this.columnController.getHeaderRowCount(); + var sizes = []; + var numberOfFloating = 0; + var groupHeight; + var headerHeight; + if (!this.columnController.isPivotMode()) { + if (this.gridOptionsWrapper.isFloatingFilter()) { + headerRowCount++; + } + numberOfFloating = (this.gridOptionsWrapper.isFloatingFilter()) ? 1 : 0; + groupHeight = this.gridOptionsWrapper.getGroupHeaderHeight(); + headerHeight = this.gridOptionsWrapper.getHeaderHeight(); + } + else { + numberOfFloating = 0; + groupHeight = this.gridOptionsWrapper.getPivotGroupHeaderHeight(); + headerHeight = this.gridOptionsWrapper.getPivotHeaderHeight(); + } + var numberOfNonGroups = 1 + numberOfFloating; + var numberOfGroups = headerRowCount - numberOfNonGroups; + for (var i = 0; i < numberOfGroups; i++) { + sizes.push(groupHeight); + } + sizes.push(headerHeight); + for (var i = 0; i < numberOfFloating; i++) { + sizes.push(this.gridOptionsWrapper.getFloatingFiltersHeight()); + } + var rowHeight = 0; + for (var i = 0; i < this.dept; i++) { + rowHeight += sizes[i]; + } + this.getGui().style.top = rowHeight + 'px'; + this.getGui().style.height = sizes[this.dept] + 'px'; + }; + //noinspection JSUnusedLocalSymbols + HeaderRowComp.prototype.init = function () { + this.onRowHeightChanged(); + this.onVirtualColumnsChanged(); + this.setWidth(); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_HEADER_HEIGHT, this.onRowHeightChanged.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_PIVOT_HEADER_HEIGHT, this.onRowHeightChanged.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_HEADER_HEIGHT, this.onRowHeightChanged.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_PIVOT_GROUP_HEADER_HEIGHT, this.onRowHeightChanged.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, gridOptionsWrapper_1.GridOptionsWrapper.PROP_FLOATING_FILTERS_HEIGHT, this.onRowHeightChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_VIRTUAL_COLUMNS_CHANGED, this.onVirtualColumnsChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.onDisplayedColumnsChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_COLUMN_RESIZED, this.onColumnResized.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_GRID_COLUMNS_CHANGED, this.onGridColumnsChanged.bind(this)); + }; + HeaderRowComp.prototype.onColumnResized = function () { + this.setWidth(); + }; + HeaderRowComp.prototype.setWidth = function () { + var mainRowWidth = this.columnController.getContainerWidth(this.pinned) + 'px'; + this.getGui().style.width = mainRowWidth; + }; + HeaderRowComp.prototype.onGridColumnsChanged = function () { + this.removeAndDestroyAllChildComponents(); + }; + HeaderRowComp.prototype.removeAndDestroyAllChildComponents = function () { + var idsOfAllChildren = Object.keys(this.headerComps); + this.removeAndDestroyChildComponents(idsOfAllChildren); + }; + HeaderRowComp.prototype.onDisplayedColumnsChanged = function () { + this.onVirtualColumnsChanged(); + this.setWidth(); + }; + HeaderRowComp.prototype.onVirtualColumnsChanged = function () { + var _this = this; + var currentChildIds = Object.keys(this.headerComps); + var itemsAtDepth = this.columnController.getVirtualHeaderGroupRow(this.pinned, this.type == HeaderRowType.FLOATING_FILTER ? + this.dept - 1 : + this.dept); + var ensureDomOrder = this.gridOptionsWrapper.isEnsureDomOrder(); + var eBefore; + itemsAtDepth.forEach(function (child) { + // skip groups that have no displayed children. this can happen when the group is broken, + // and this section happens to have nothing to display for the open / closed state. + // (a broken group is one that is split, ie columns in the group have a non-group column + // in between them) + if (child.isEmptyGroup()) { + return; + } + var idOfChild = child.getUniqueId(); + var eParentContainer = _this.getGui(); + // if we already have this cell rendered, do nothing + var colAlreadyInDom = currentChildIds.indexOf(idOfChild) >= 0; + var headerComp; + var eHeaderCompGui; + if (colAlreadyInDom) { + utils_1.Utils.removeFromArray(currentChildIds, idOfChild); + headerComp = _this.headerComps[idOfChild]; + eHeaderCompGui = headerComp.getGui(); + if (ensureDomOrder) { + utils_1.Utils.ensureDomOrder(eParentContainer, eHeaderCompGui, eBefore); + } + eBefore = eHeaderCompGui; + } + else { + headerComp = _this.createHeaderComp(child); + _this.headerComps[idOfChild] = headerComp; + eHeaderCompGui = headerComp.getGui(); + if (ensureDomOrder) { + utils_1.Utils.insertWithDomOrder(eParentContainer, eHeaderCompGui, eBefore); + } + else { + eParentContainer.appendChild(eHeaderCompGui); + } + eBefore = eHeaderCompGui; + } + }); + // at this point, anything left in currentChildIds is an element that is no longer in the viewport + this.removeAndDestroyChildComponents(currentChildIds); + }; + HeaderRowComp.prototype.createHeaderComp = function (columnGroupChild) { + var result; + switch (this.type) { + case HeaderRowType.COLUMN: + result = new headerWrapperComp_1.HeaderWrapperComp(columnGroupChild, this.dropTarget, this.pinned); + break; + case HeaderRowType.COLUMN_GROUP: + result = new headerGroupWrapperComp_1.HeaderGroupWrapperComp(columnGroupChild, this.dropTarget, this.pinned); + break; + case HeaderRowType.FLOATING_FILTER: + var column = columnGroupChild; + result = this.createFloatingFilterWrapper(column); + break; + } + this.context.wireBean(result); + return result; + }; + HeaderRowComp.prototype.createFloatingFilterWrapper = function (column) { + var _this = this; + var floatingFilterParams = this.createFloatingFilterParams(column); + var floatingFilterWrapper = this.componentRecipes.newFloatingFilterWrapperComponent(column, floatingFilterParams); + this.addDestroyableEventListener(column, column_1.Column.EVENT_FILTER_CHANGED, function () { + var filterComponentPromise = _this.filterManager.getFilterComponent(column); + floatingFilterWrapper.onParentModelChanged(filterComponentPromise.resolveNow(null, function (filter) { return filter.getModel(); })); + }); + var cachedFilter = this.filterManager.cachedFilter(column); + if (cachedFilter) { + var filterComponentPromise = this.filterManager.getFilterComponent(column); + floatingFilterWrapper.onParentModelChanged(filterComponentPromise.resolveNow(null, function (filter) { return filter.getModel(); })); + } + return floatingFilterWrapper; + }; + HeaderRowComp.prototype.createFloatingFilterParams = function (column) { + var _this = this; + // We always get the freshest reference to the baseFilter because the filters get sometimes created + // and destroyed between calls + // + // let filterComponent:BaseFilter = this.filterManager.getFilterComponent(column); + // + var baseParams = { + api: this.gridApi, + column: column, + currentParentModel: function () { + var filterComponentPromise = _this.filterManager.getFilterComponent(column); + var wholeParentFilter = filterComponentPromise.resolveNow(null, function (filter) { + return (filter.getNullableModel) ? + filter.getNullableModel() : + filter.getModel(); + }); + return wholeParentFilter.operator != null ? wholeParentFilter.condition1 : wholeParentFilter; + }, + onFloatingFilterChanged: function (change) { + var captureModelChangedResolveFunc; + var modelChanged = new utils_1.Promise(function (resolve) { + captureModelChangedResolveFunc = resolve; + }); + var filterComponentPromise = _this.filterManager.getFilterComponent(column); + filterComponentPromise.then(function (filterComponent) { + if (filterComponent.onFloatingFilterChanged) { + //If going through this branch of code the user MUST + //be passing an object of type change that contains + //a model propery inside and some other stuff + var result = filterComponent.onFloatingFilterChanged(change); + captureModelChangedResolveFunc(result); + } + else { + //If going through this branch of code the user MUST + //be passing the plain model and delegating to ag-Grid + //the responsibility to set the parent model and refresh + //the filters + filterComponent.setModel(change); + _this.filterManager.onFilterChanged(); + captureModelChangedResolveFunc(true); + } + }); + return modelChanged.resolveNow(true, function (modelChanged) { return modelChanged; }); + }, + //This one might be overriden from the colDef + suppressFilterButton: false + }; + return baseParams; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderRowComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], HeaderRowComp.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], HeaderRowComp.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], HeaderRowComp.prototype, "context", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], HeaderRowComp.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], HeaderRowComp.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], HeaderRowComp.prototype, "componentRecipes", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderRowComp.prototype, "init", null); + return HeaderRowComp; + }(component_1.Component)); + exports.HeaderRowComp = HeaderRowComp; + + +/***/ }), +/* 102 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var context_1 = __webpack_require__(7); + var column_1 = __webpack_require__(19); + var utils_1 = __webpack_require__(8); + var dragAndDropService_1 = __webpack_require__(40); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var horizontalResizeService_1 = __webpack_require__(103); + var gridOptionsWrapper_1 = __webpack_require__(4); + var cssClassApplier_1 = __webpack_require__(104); + var setLeftFeature_1 = __webpack_require__(55); + var gridApi_1 = __webpack_require__(14); + var sortController_1 = __webpack_require__(74); + var eventService_1 = __webpack_require__(5); + var componentRecipes_1 = __webpack_require__(52); + var agCheckbox_1 = __webpack_require__(105); + var componentAnnotations_1 = __webpack_require__(43); + var selectAllFeature_1 = __webpack_require__(106); + var events_1 = __webpack_require__(11); + var columnHoverService_1 = __webpack_require__(69); + var beans_1 = __webpack_require__(56); + var hoverFeature_1 = __webpack_require__(76); + var touchListener_1 = __webpack_require__(79); + var HeaderWrapperComp = (function (_super) { + __extends(HeaderWrapperComp, _super); + function HeaderWrapperComp(column, dragSourceDropTarget, pinned) { + var _this = _super.call(this, HeaderWrapperComp.TEMPLATE) || this; + _this.column = column; + _this.dragSourceDropTarget = dragSourceDropTarget; + _this.pinned = pinned; + return _this; + } + HeaderWrapperComp.prototype.getColumn = function () { + return this.column; + }; + HeaderWrapperComp.prototype.init = function () { + this.instantiate(this.context); + var displayName = this.columnController.getDisplayNameForColumn(this.column, 'header', true); + var enableSorting = this.gridOptionsWrapper.isEnableSorting() && !this.column.getColDef().suppressSorting; + var enableMenu = this.menuFactory.isMenuEnabled(this.column) && !this.column.getColDef().suppressMenu; + this.appendHeaderComp(displayName, enableSorting, enableMenu); + this.setupWidth(); + this.setupMovingCss(); + this.setupTooltip(); + this.setupResize(); + this.setupMenuClass(); + this.setupSortableClass(enableSorting); + this.addColumnHoverListener(); + this.addFeature(this.context, new hoverFeature_1.HoverFeature([this.column], this.getGui())); + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_FILTER_ACTIVE_CHANGED, this.onFilterChanged.bind(this)); + this.onFilterChanged(); + this.addFeature(this.context, new selectAllFeature_1.SelectAllFeature(this.cbSelectAll, this.column)); + var setLeftFeature = new setLeftFeature_1.SetLeftFeature(this.column, this.getGui(), this.beans); + setLeftFeature.init(); + this.addDestroyFunc(setLeftFeature.destroy.bind(setLeftFeature)); + this.addAttributes(); + cssClassApplier_1.CssClassApplier.addHeaderClassesFromColDef(this.column.getColDef(), this.getGui(), this.gridOptionsWrapper, this.column, null); + }; + HeaderWrapperComp.prototype.addColumnHoverListener = function () { + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_COLUMN_HOVER_CHANGED, this.onColumnHover.bind(this)); + this.onColumnHover(); + }; + HeaderWrapperComp.prototype.onColumnHover = function () { + var isHovered = this.columnHoverService.isHovered(this.column); + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-column-hover', isHovered); + }; + HeaderWrapperComp.prototype.setupSortableClass = function (enableSorting) { + if (enableSorting) { + var element = this.getGui(); + utils_1.Utils.addCssClass(element, 'ag-header-cell-sortable'); + } + }; + HeaderWrapperComp.prototype.onFilterChanged = function () { + var filterPresent = this.column.isFilterActive(); + utils_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-header-cell-filtered', filterPresent); + }; + HeaderWrapperComp.prototype.appendHeaderComp = function (displayName, enableSorting, enableMenu) { + var _this = this; + var params = { + column: this.column, + displayName: displayName, + enableSorting: enableSorting, + enableMenu: enableMenu, + showColumnMenu: function (source) { + _this.gridApi.showColumnMenuAfterButtonClick(_this.column, source); + }, + progressSort: function (multiSort) { + _this.sortController.progressSort(_this.column, !!multiSort, "uiColumnSorted"); + }, + setSort: function (sort, multiSort) { + _this.sortController.setSortForColumn(_this.column, sort, !!multiSort, "uiColumnSorted"); + }, + api: this.gridApi, + columnApi: this.columnApi, + context: this.gridOptionsWrapper.getContext() + }; + var callback = this.afterHeaderCompCreated.bind(this, displayName); + this.componentRecipes.newHeaderComponent(params).then(callback); + }; + HeaderWrapperComp.prototype.afterHeaderCompCreated = function (displayName, headerComp) { + this.appendChild(headerComp); + this.setupMove(headerComp.getGui(), displayName); + if (headerComp.destroy) { + this.addDestroyFunc(headerComp.destroy.bind(headerComp)); + } + }; + HeaderWrapperComp.prototype.onColumnMovingChanged = function () { + // this function adds or removes the moving css, based on if the col is moving. + // this is what makes the header go dark when it is been moved (gives impression to + // user that the column was picked up). + if (this.column.isMoving()) { + utils_1.Utils.addCssClass(this.getGui(), 'ag-header-cell-moving'); + } + else { + utils_1.Utils.removeCssClass(this.getGui(), 'ag-header-cell-moving'); + } + }; + HeaderWrapperComp.prototype.setupMove = function (eHeaderCellLabel, displayName) { + var _this = this; + var suppressMove = this.gridOptionsWrapper.isSuppressMovableColumns() + || this.column.getColDef().suppressMovable + || this.column.isLockPosition(); + if (suppressMove) { + return; + } + if (eHeaderCellLabel) { + var dragSource_1 = { + type: dragAndDropService_1.DragSourceType.HeaderCell, + eElement: eHeaderCellLabel, + dragItemCallback: function () { return _this.createDragItem(); }, + dragItemName: displayName, + dragSourceDropTarget: this.dragSourceDropTarget, + dragStarted: function () { return _this.column.setMoving(true, "uiColumnMoved"); }, + dragStopped: function () { return _this.column.setMoving(false, "uiColumnMoved"); } + }; + this.dragAndDropService.addDragSource(dragSource_1, true); + this.addDestroyFunc(function () { return _this.dragAndDropService.removeDragSource(dragSource_1); }); + } + }; + HeaderWrapperComp.prototype.createDragItem = function () { + var visibleState = {}; + visibleState[this.column.getId()] = this.column.isVisible(); + return { + columns: [this.column], + visibleState: visibleState + }; + }; + HeaderWrapperComp.prototype.setupResize = function () { + var _this = this; + var colDef = this.column.getColDef(); + // if no eResize in template, do nothing + if (!this.eResize) { + return; + } + if (!this.column.isResizable()) { + utils_1.Utils.removeFromParent(this.eResize); + return; + } + var finishedWithResizeFunc = this.horizontalResizeService.addResizeBar({ + eResizeBar: this.eResize, + onResizeStart: this.onResizeStart.bind(this), + onResizing: this.onResizing.bind(this, false), + onResizeEnd: this.onResizing.bind(this, true) + }); + this.addDestroyFunc(finishedWithResizeFunc); + var weWantAutoSize = !this.gridOptionsWrapper.isSuppressAutoSize() && !colDef.suppressAutoSize; + if (weWantAutoSize) { + this.addDestroyableEventListener(this.eResize, 'dblclick', function () { + _this.columnController.autoSizeColumn(_this.column, "uiColumnResized"); + }); + var touchListener = new touchListener_1.TouchListener(this.eResize); + this.addDestroyableEventListener(touchListener, touchListener_1.TouchListener.EVENT_DOUBLE_TAP, function () { + _this.columnController.autoSizeColumn(_this.column, "uiColumnResized"); + }); + this.addDestroyFunc(touchListener.destroy.bind(touchListener)); + } + }; + HeaderWrapperComp.prototype.onResizing = function (finished, resizeAmount) { + var resizeAmountNormalised = this.normaliseResizeAmount(resizeAmount); + var newWidth = this.resizeStartWidth + resizeAmountNormalised; + this.columnController.setColumnWidth(this.column, newWidth, this.resizeWithShiftKey, finished, "uiColumnDragged"); + }; + HeaderWrapperComp.prototype.onResizeStart = function (shiftKey) { + this.resizeStartWidth = this.column.getActualWidth(); + this.resizeWithShiftKey = shiftKey; + }; + HeaderWrapperComp.prototype.setupTooltip = function () { + var colDef = this.column.getColDef(); + // add tooltip if exists + if (colDef.headerTooltip) { + this.getGui().title = colDef.headerTooltip; + } + }; + HeaderWrapperComp.prototype.setupMovingCss = function () { + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_MOVING_CHANGED, this.onColumnMovingChanged.bind(this)); + this.onColumnMovingChanged(); + }; + HeaderWrapperComp.prototype.addAttributes = function () { + this.getGui().setAttribute("col-id", this.column.getColId()); + }; + HeaderWrapperComp.prototype.setupWidth = function () { + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_WIDTH_CHANGED, this.onColumnWidthChanged.bind(this)); + this.onColumnWidthChanged(); + }; + HeaderWrapperComp.prototype.setupMenuClass = function () { + this.addDestroyableEventListener(this.column, column_1.Column.EVENT_MENU_VISIBLE_CHANGED, this.onMenuVisible.bind(this)); + this.onColumnWidthChanged(); + }; + HeaderWrapperComp.prototype.onMenuVisible = function () { + this.addOrRemoveCssClass('ag-column-menu-visible', this.column.isMenuVisible()); + }; + HeaderWrapperComp.prototype.onColumnWidthChanged = function () { + this.getGui().style.width = this.column.getActualWidth() + 'px'; + }; + // optionally inverts the drag, depending on pinned and RTL + // note - this method is duplicated in RenderedHeaderGroupCell - should refactor out? + HeaderWrapperComp.prototype.normaliseResizeAmount = function (dragChange) { + var result = dragChange; + if (this.gridOptionsWrapper.isEnableRtl()) { + // for RTL, dragging left makes the col bigger, except when pinning left + if (this.pinned !== column_1.Column.PINNED_LEFT) { + result *= -1; + } + } + else { + // for LTR (ie normal), dragging left makes the col smaller, except when pinning right + if (this.pinned === column_1.Column.PINNED_RIGHT) { + result *= -1; + } + } + return result; + }; + HeaderWrapperComp.TEMPLATE = ''; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderWrapperComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], HeaderWrapperComp.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], HeaderWrapperComp.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('horizontalResizeService'), + __metadata("design:type", horizontalResizeService_1.HorizontalResizeService) + ], HeaderWrapperComp.prototype, "horizontalResizeService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], HeaderWrapperComp.prototype, "context", void 0); + __decorate([ + context_1.Autowired('menuFactory'), + __metadata("design:type", Object) + ], HeaderWrapperComp.prototype, "menuFactory", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], HeaderWrapperComp.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], HeaderWrapperComp.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('sortController'), + __metadata("design:type", sortController_1.SortController) + ], HeaderWrapperComp.prototype, "sortController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], HeaderWrapperComp.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], HeaderWrapperComp.prototype, "componentRecipes", void 0); + __decorate([ + context_1.Autowired('columnHoverService'), + __metadata("design:type", columnHoverService_1.ColumnHoverService) + ], HeaderWrapperComp.prototype, "columnHoverService", void 0); + __decorate([ + context_1.Autowired('beans'), + __metadata("design:type", beans_1.Beans) + ], HeaderWrapperComp.prototype, "beans", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eResize'), + __metadata("design:type", HTMLElement) + ], HeaderWrapperComp.prototype, "eResize", void 0); + __decorate([ + componentAnnotations_1.RefSelector('cbSelectAll'), + __metadata("design:type", agCheckbox_1.AgCheckbox) + ], HeaderWrapperComp.prototype, "cbSelectAll", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderWrapperComp.prototype, "init", null); + return HeaderWrapperComp; + }(component_1.Component)); + exports.HeaderWrapperComp = HeaderWrapperComp; + + +/***/ }), +/* 103 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var dragService_1 = __webpack_require__(41); + var HorizontalResizeService = (function () { + function HorizontalResizeService() { + } + HorizontalResizeService.prototype.addResizeBar = function (params) { + var _this = this; + var dragSource = { + dragStartPixels: 0, + eElement: params.eResizeBar, + onDragStart: this.onDragStart.bind(this, params), + onDragStop: this.onDragStop.bind(this, params), + onDragging: this.onDragging.bind(this, params) + }; + this.dragService.addDragSource(dragSource, true); + // we pass remove func back to the caller, so call can tell us when they + // are finished, and then we remove the listener from the drag source + var finishedWithResizeFunc = function () { return _this.dragService.removeDragSource(dragSource); }; + return finishedWithResizeFunc; + }; + HorizontalResizeService.prototype.onDragStart = function (params, mouseEvent) { + this.draggingStarted = true; + this.dragStartX = mouseEvent.clientX; + this.setResizeIcons(); + var shiftKey = mouseEvent instanceof MouseEvent ? mouseEvent.shiftKey === true : false; + params.onResizeStart(shiftKey); + }; + HorizontalResizeService.prototype.setResizeIcons = function () { + this.oldBodyCursor = this.eGridDiv.style.cursor; + this.oldMsUserSelect = this.eGridDiv.style.msUserSelect; + this.oldWebkitUserSelect = this.eGridDiv.style.webkitUserSelect; + // change the body cursor, so when drag moves out of the drag bar, the cursor is still 'resize' (or 'move' + this.eGridDiv.style.cursor = 'col-resize'; + // we don't want text selection outside the grid (otherwise it looks weird as text highlights when we move) + this.eGridDiv.style.msUserSelect = 'none'; + this.eGridDiv.style.webkitUserSelect = 'none'; + }; + HorizontalResizeService.prototype.onDragStop = function (params, mouseEvent) { + params.onResizeEnd(this.resizeAmount); + this.resetIcons(); + }; + HorizontalResizeService.prototype.resetIcons = function () { + // we don't want text selection outside the grid (otherwise it looks weird as text highlights when we move) + this.eGridDiv.style.cursor = this.oldBodyCursor; + this.eGridDiv.style.msUserSelect = this.oldMsUserSelect; + this.eGridDiv.style.webkitUserSelect = this.oldWebkitUserSelect; + }; + HorizontalResizeService.prototype.onDragging = function (params, mouseEvent) { + this.resizeAmount = mouseEvent.clientX - this.dragStartX; + params.onResizing(this.resizeAmount); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HorizontalResizeService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('dragService'), + __metadata("design:type", dragService_1.DragService) + ], HorizontalResizeService.prototype, "dragService", void 0); + __decorate([ + context_1.Autowired('eGridDiv'), + __metadata("design:type", HTMLElement) + ], HorizontalResizeService.prototype, "eGridDiv", void 0); + HorizontalResizeService = __decorate([ + context_1.Bean('horizontalResizeService') + ], HorizontalResizeService); + return HorizontalResizeService; + }()); + exports.HorizontalResizeService = HorizontalResizeService; + + +/***/ }), +/* 104 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var CssClassApplier = (function () { + function CssClassApplier() { + } + CssClassApplier.addHeaderClassesFromColDef = function (abstractColDef, eHeaderCell, gridOptionsWrapper, column, columnGroup) { + if (utils_1.Utils.missing(abstractColDef)) { + return; + } + this.addColumnClassesFromCollDef(abstractColDef.headerClass, abstractColDef, eHeaderCell, gridOptionsWrapper, column, columnGroup); + }; + CssClassApplier.addToolPanelClassesFromColDef = function (abstractColDef, eHeaderCell, gridOptionsWrapper, column, columnGroup) { + if (utils_1.Utils.missing(abstractColDef)) { + return; + } + this.addColumnClassesFromCollDef(abstractColDef.toolPanelClass, abstractColDef, eHeaderCell, gridOptionsWrapper, column, columnGroup); + }; + CssClassApplier.addColumnClassesFromCollDef = function (classesOrFunc, abstractColDef, eHeaderCell, gridOptionsWrapper, column, columnGroup) { + if (utils_1.Utils.missing(classesOrFunc)) { + return; + } + var classToUse; + if (typeof classesOrFunc === 'function') { + var params = { + // bad naming, as colDef here can be a group or a column, + // however most people won't appreciate the difference, + // so keeping it as colDef to avoid confusion. + colDef: abstractColDef, + column: column, + columnGroup: columnGroup, + context: gridOptionsWrapper.getContext(), + api: gridOptionsWrapper.getApi() + }; + var headerClassFunc = classesOrFunc; + classToUse = headerClassFunc(params); + } + else { + classToUse = classesOrFunc; + } + if (typeof classToUse === 'string') { + utils_1.Utils.addCssClass(eHeaderCell, classToUse); + } + else if (Array.isArray(classToUse)) { + classToUse.forEach(function (cssClassItem) { + utils_1.Utils.addCssClass(eHeaderCell, cssClassItem); + }); + } + }; + return CssClassApplier; + }()); + exports.CssClassApplier = CssClassApplier; + + +/***/ }), +/* 105 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var componentAnnotations_1 = __webpack_require__(43); + var utils_1 = __webpack_require__(8); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var AgCheckbox = (function (_super) { + __extends(AgCheckbox, _super); + function AgCheckbox() { + var _this = _super.call(this) || this; + _this.selected = false; + _this.readOnly = false; + _this.passive = false; + return _this; + } + AgCheckbox.prototype.preConstruct = function () { + this.setTemplate(AgCheckbox.TEMPLATE); + }; + AgCheckbox.prototype.postConstruct = function () { + this.loadIcons(); + this.updateIcons(); + if (this.props.label) { + this.eLabel.innerText = this.props.label; + } + }; + AgCheckbox.prototype.loadIcons = function () { + utils_1.Utils.removeAllChildren(this.eChecked); + utils_1.Utils.removeAllChildren(this.eUnchecked); + utils_1.Utils.removeAllChildren(this.eIndeterminate); + if (this.readOnly) { + this.eChecked.appendChild(utils_1.Utils.createIconNoSpan('checkboxCheckedReadOnly', this.gridOptionsWrapper, null)); + this.eUnchecked.appendChild(utils_1.Utils.createIconNoSpan('checkboxUncheckedReadOnly', this.gridOptionsWrapper, null)); + this.eIndeterminate.appendChild(utils_1.Utils.createIconNoSpan('checkboxIndeterminateReadOnly', this.gridOptionsWrapper, null)); + } + else { + this.eChecked.appendChild(utils_1.Utils.createIconNoSpan('checkboxChecked', this.gridOptionsWrapper, null)); + this.eUnchecked.appendChild(utils_1.Utils.createIconNoSpan('checkboxUnchecked', this.gridOptionsWrapper, null)); + this.eIndeterminate.appendChild(utils_1.Utils.createIconNoSpan('checkboxIndeterminate', this.gridOptionsWrapper, null)); + } + }; + AgCheckbox.prototype.onClick = function (event) { + // if we don't set the path, then won't work in Edge, as once the is removed from the dom, + // it's not possible to calculate the path by following the parent's chain. in other browser (eg + // chrome) there is event.path for this purpose, but missing in Edge. + utils_1.Utils.addAgGridEventPath(event); + if (!this.readOnly) { + this.toggle(); + } + }; + AgCheckbox.prototype.getNextValue = function () { + if (this.selected === undefined) { + return true; + } + else { + return !this.selected; + } + }; + AgCheckbox.prototype.setPassive = function (passive) { + this.passive = passive; + }; + AgCheckbox.prototype.setReadOnly = function (readOnly) { + this.readOnly = readOnly; + this.loadIcons(); + }; + AgCheckbox.prototype.isReadOnly = function () { + return this.readOnly; + }; + AgCheckbox.prototype.isSelected = function () { + return this.selected; + }; + AgCheckbox.prototype.toggle = function () { + var nextValue = this.getNextValue(); + if (this.passive) { + var event_1 = { + type: AgCheckbox.EVENT_CHANGED, + selected: nextValue + }; + this.dispatchEvent(event_1); + } + else { + this.setSelected(nextValue); + } + }; + AgCheckbox.prototype.setSelected = function (selected) { + if (this.selected === selected) { + return; + } + if (selected === true) { + this.selected = true; + } + else if (selected === false) { + this.selected = false; + } + else { + this.selected = undefined; + } + this.updateIcons(); + var event = { + type: AgCheckbox.EVENT_CHANGED, + selected: this.selected + }; + this.dispatchEvent(event); + }; + AgCheckbox.prototype.updateIcons = function () { + utils_1.Utils.setVisible(this.eChecked, this.selected === true); + utils_1.Utils.setVisible(this.eUnchecked, this.selected === false); + utils_1.Utils.setVisible(this.eIndeterminate, this.selected === undefined); + }; + AgCheckbox.EVENT_CHANGED = 'change'; + AgCheckbox.TEMPLATE = '' + + ' ' + + ' ' + + ' ' + + ' ' + + ''; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], AgCheckbox.prototype, "gridOptionsWrapper", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('.ag-checkbox-checked'), + __metadata("design:type", HTMLElement) + ], AgCheckbox.prototype, "eChecked", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('.ag-checkbox-unchecked'), + __metadata("design:type", HTMLElement) + ], AgCheckbox.prototype, "eUnchecked", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('.ag-checkbox-indeterminate'), + __metadata("design:type", HTMLElement) + ], AgCheckbox.prototype, "eIndeterminate", void 0); + __decorate([ + componentAnnotations_1.QuerySelector('.ag-checkbox-label'), + __metadata("design:type", HTMLElement) + ], AgCheckbox.prototype, "eLabel", void 0); + __decorate([ + context_1.PreConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], AgCheckbox.prototype, "preConstruct", null); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], AgCheckbox.prototype, "postConstruct", null); + __decorate([ + componentAnnotations_1.Listener('click'), + __metadata("design:type", Function), + __metadata("design:paramtypes", [MouseEvent]), + __metadata("design:returntype", void 0) + ], AgCheckbox.prototype, "onClick", null); + return AgCheckbox; + }(component_1.Component)); + exports.AgCheckbox = AgCheckbox; + + +/***/ }), +/* 106 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var agCheckbox_1 = __webpack_require__(105); + var beanStub_1 = __webpack_require__(37); + var context_1 = __webpack_require__(7); + var columnApi_1 = __webpack_require__(22); + var gridApi_1 = __webpack_require__(14); + var events_1 = __webpack_require__(11); + var eventService_1 = __webpack_require__(5); + var constants_1 = __webpack_require__(9); + var selectionController_1 = __webpack_require__(33); + var gridOptionsWrapper_1 = __webpack_require__(4); + var SelectAllFeature = (function (_super) { + __extends(SelectAllFeature, _super); + function SelectAllFeature(cbSelectAll, column) { + var _this = _super.call(this) || this; + _this.cbSelectAllVisible = false; + _this.processingEventFromCheckbox = false; + _this.cbSelectAll = cbSelectAll; + _this.column = column; + var colDef = column.getColDef(); + _this.filteredOnly = colDef ? !!colDef.headerCheckboxSelectionFilteredOnly : false; + return _this; + } + SelectAllFeature.prototype.postConstruct = function () { + this.showOrHideSelectAll(); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED, this.showOrHideSelectAll.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_SELECTION_CHANGED, this.onSelectionChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_MODEL_UPDATED, this.onModelChanged.bind(this)); + this.addDestroyableEventListener(this.cbSelectAll, agCheckbox_1.AgCheckbox.EVENT_CHANGED, this.onCbSelectAll.bind(this)); + }; + SelectAllFeature.prototype.showOrHideSelectAll = function () { + this.cbSelectAllVisible = this.isCheckboxSelection(); + this.cbSelectAll.setVisible(this.cbSelectAllVisible); + if (this.cbSelectAllVisible) { + // in case user is trying this feature with the wrong model type + this.checkRightRowModelType(); + // make sure checkbox is showing the right state + this.updateStateOfCheckbox(); + } + }; + SelectAllFeature.prototype.onModelChanged = function () { + if (!this.cbSelectAllVisible) { + return; + } + this.updateStateOfCheckbox(); + }; + SelectAllFeature.prototype.onSelectionChanged = function () { + if (!this.cbSelectAllVisible) { + return; + } + this.updateStateOfCheckbox(); + }; + SelectAllFeature.prototype.getNextCheckboxState = function (selectionCount) { + if (selectionCount.selected === 0 && selectionCount.notSelected === 0) { + // if no rows, always have it unselected + return false; + } + else if (selectionCount.selected > 0 && selectionCount.notSelected > 0) { + // if mix of selected and unselected, this is the tri-state + return null; + } + else if (selectionCount.selected > 0) { + // only selected + return true; + } + else { + // nothing selected + return false; + } + }; + SelectAllFeature.prototype.updateStateOfCheckbox = function () { + if (this.processingEventFromCheckbox) { + return; + } + this.processingEventFromCheckbox = true; + var selectionCount = this.getSelectionCount(); + var allSelected = this.getNextCheckboxState(selectionCount); + this.cbSelectAll.setSelected(allSelected); + this.processingEventFromCheckbox = false; + }; + SelectAllFeature.prototype.getSelectionCount = function () { + var selectedCount = 0; + var notSelectedCount = 0; + var callback = function (node) { + if (node.isSelected()) { + selectedCount++; + } + else if (!node.selectable) { + // don't count non-selectable nodes! + } + else { + notSelectedCount++; + } + }; + if (this.filteredOnly) { + this.gridApi.forEachNodeAfterFilter(callback); + } + else { + this.gridApi.forEachNode(callback); + } + return { + notSelected: notSelectedCount, + selected: selectedCount + }; + }; + SelectAllFeature.prototype.checkRightRowModelType = function () { + var rowModelType = this.rowModel.getType(); + var rowModelMatches = rowModelType === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE; + if (!rowModelMatches) { + console.log("ag-Grid: selectAllCheckbox is only available if using normal row model, you are using " + rowModelType); + } + }; + SelectAllFeature.prototype.onCbSelectAll = function () { + if (this.processingEventFromCheckbox) { + return; + } + if (!this.cbSelectAllVisible) { + return; + } + var value = this.cbSelectAll.isSelected(); + if (value) { + this.selectionController.selectAllRowNodes(this.filteredOnly); + } + else { + this.selectionController.deselectAllRowNodes(this.filteredOnly); + } + }; + SelectAllFeature.prototype.isCheckboxSelection = function () { + var result = this.column.getColDef().headerCheckboxSelection; + if (typeof result === 'function') { + var func = result; + result = func({ + column: this.column, + colDef: this.column.getColDef(), + columnApi: this.columnApi, + api: this.gridApi + }); + } + if (result) { + if (this.gridOptionsWrapper.isRowModelServerSide()) { + console.warn('headerCheckboxSelection is not supported for Server Side Row Model'); + return false; + } + if (this.gridOptionsWrapper.isRowModelInfinite()) { + console.warn('headerCheckboxSelection is not supported for Infinite Row Model'); + return false; + } + if (this.gridOptionsWrapper.isRowModelViewport()) { + console.warn('headerCheckboxSelection is not supported for Viewport Row Model'); + return false; + } + // otherwise the row model is compatible, so return true + return true; + } + else { + return false; + } + }; + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], SelectAllFeature.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], SelectAllFeature.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], SelectAllFeature.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], SelectAllFeature.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], SelectAllFeature.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], SelectAllFeature.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], SelectAllFeature.prototype, "postConstruct", null); + return SelectAllFeature; + }(beanStub_1.BeanStub)); + exports.SelectAllFeature = SelectAllFeature; + + +/***/ }), +/* 107 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var column_1 = __webpack_require__(19); + var utils_1 = __webpack_require__(8); + var columnGroup_1 = __webpack_require__(18); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var gridOptionsWrapper_1 = __webpack_require__(4); + var horizontalResizeService_1 = __webpack_require__(103); + var context_1 = __webpack_require__(7); + var cssClassApplier_1 = __webpack_require__(104); + var dragAndDropService_1 = __webpack_require__(40); + var setLeftFeature_1 = __webpack_require__(55); + var gridApi_1 = __webpack_require__(14); + var componentRecipes_1 = __webpack_require__(52); + var beans_1 = __webpack_require__(56); + var hoverFeature_1 = __webpack_require__(76); + var HeaderGroupWrapperComp = (function (_super) { + __extends(HeaderGroupWrapperComp, _super); + function HeaderGroupWrapperComp(columnGroup, dragSourceDropTarget, pinned) { + var _this = _super.call(this, HeaderGroupWrapperComp.TEMPLATE) || this; + // the children can change, we keep destroy functions related to listening to the children here + _this.childColumnsDestroyFuncs = []; + _this.columnGroup = columnGroup; + _this.dragSourceDropTarget = dragSourceDropTarget; + _this.pinned = pinned; + return _this; + } + HeaderGroupWrapperComp.prototype.postConstruct = function () { + cssClassApplier_1.CssClassApplier.addHeaderClassesFromColDef(this.columnGroup.getColGroupDef(), this.getGui(), this.gridOptionsWrapper, null, this.columnGroup); + var displayName = this.columnController.getDisplayNameForColumnGroup(this.columnGroup, 'header'); + this.appendHeaderGroupComp(displayName); + this.setupResize(); + this.addClasses(); + this.setupWidth(); + this.addAttributes(); + this.setupMovingCss(); + this.setupTooltip(); + this.addFeature(this.context, new hoverFeature_1.HoverFeature(this.columnGroup.getOriginalColumnGroup().getLeafColumns(), this.getGui())); + var setLeftFeature = new setLeftFeature_1.SetLeftFeature(this.columnGroup, this.getGui(), this.beans); + setLeftFeature.init(); + this.addDestroyFunc(setLeftFeature.destroy.bind(setLeftFeature)); + }; + HeaderGroupWrapperComp.prototype.setupMovingCss = function () { + var _this = this; + var originalColumnGroup = this.columnGroup.getOriginalColumnGroup(); + var leafColumns = originalColumnGroup.getLeafColumns(); + leafColumns.forEach(function (col) { + _this.addDestroyableEventListener(col, column_1.Column.EVENT_MOVING_CHANGED, _this.onColumnMovingChanged.bind(_this)); + }); + this.onColumnMovingChanged(); + }; + HeaderGroupWrapperComp.prototype.setupTooltip = function () { + var colGroupDef = this.columnGroup.getColGroupDef(); + // add tooltip if exists + if (colGroupDef && colGroupDef.headerTooltip) { + this.getGui().title = colGroupDef.headerTooltip; + } + }; + HeaderGroupWrapperComp.prototype.onColumnMovingChanged = function () { + // this function adds or removes the moving css, based on if the col is moving. + // this is what makes the header go dark when it is been moved (gives impression to + // user that the column was picked up). + if (this.columnGroup.isMoving()) { + utils_1.Utils.addCssClass(this.getGui(), 'ag-header-cell-moving'); + } + else { + utils_1.Utils.removeCssClass(this.getGui(), 'ag-header-cell-moving'); + } + }; + HeaderGroupWrapperComp.prototype.addAttributes = function () { + this.getGui().setAttribute("col-id", this.columnGroup.getUniqueId()); + }; + HeaderGroupWrapperComp.prototype.appendHeaderGroupComp = function (displayName) { + var _this = this; + var params = { + displayName: displayName, + columnGroup: this.columnGroup, + setExpanded: function (expanded) { + _this.columnController.setColumnGroupOpened(_this.columnGroup.getOriginalColumnGroup(), expanded, "gridInitializing"); + }, + api: this.gridApi, + columnApi: this.columnApi, + context: this.gridOptionsWrapper.getContext() + }; + if (!displayName) { + var leafCols = this.columnGroup.getLeafColumns(); + displayName = leafCols ? leafCols[0].getColDef().headerName : ''; + } + var callback = this.afterHeaderCompCreated.bind(this, displayName); + this.componentRecipes.newHeaderGroupComponent(params).then(callback); + }; + HeaderGroupWrapperComp.prototype.afterHeaderCompCreated = function (displayName, headerGroupComp) { + this.appendChild(headerGroupComp); + this.setupMove(headerGroupComp.getGui(), displayName); + if (headerGroupComp.destroy) { + this.addDestroyFunc(headerGroupComp.destroy.bind(headerGroupComp)); + } + }; + HeaderGroupWrapperComp.prototype.addClasses = function () { + // having different classes below allows the style to not have a bottom border + // on the group header, if no group is specified + // columnGroup.getColGroupDef + if (this.columnGroup.isPadding()) { + this.addCssClass('ag-header-group-cell-no-group'); + } + else { + this.addCssClass('ag-header-group-cell-with-group'); + } + }; + HeaderGroupWrapperComp.prototype.setupMove = function (eHeaderGroup, displayName) { + var _this = this; + if (!eHeaderGroup) { + return; + } + if (this.isSuppressMoving()) { + return; + } + var allLeafColumns = this.columnGroup.getOriginalColumnGroup().getLeafColumns(); + if (eHeaderGroup) { + var dragSource_1 = { + type: dragAndDropService_1.DragSourceType.HeaderCell, + eElement: eHeaderGroup, + dragItemName: displayName, + // we add in the original group leaf columns, so we move both visible and non-visible items + dragItemCallback: this.getDragItemForGroup.bind(this), + dragSourceDropTarget: this.dragSourceDropTarget, + dragStarted: function () { return allLeafColumns.forEach(function (col) { return col.setMoving(true, "uiColumnDragged"); }); }, + dragStopped: function () { return allLeafColumns.forEach(function (col) { return col.setMoving(false, "uiColumnDragged"); }); } + }; + this.dragAndDropService.addDragSource(dragSource_1, true); + this.addDestroyFunc(function () { return _this.dragAndDropService.removeDragSource(dragSource_1); }); + } + }; + // when moving the columns, we want to move all the columns (contained within the DragItem) in this group in one go, + // and in the order they are currently in the screen. + HeaderGroupWrapperComp.prototype.getDragItemForGroup = function () { + var allColumnsOriginalOrder = this.columnGroup.getOriginalColumnGroup().getLeafColumns(); + // capture visible state, used when reentering grid to dictate which columns should be visible + var visibleState = {}; + allColumnsOriginalOrder.forEach(function (column) { return visibleState[column.getId()] = column.isVisible(); }); + var allColumnsCurrentOrder = []; + this.columnController.getAllDisplayedColumns().forEach(function (column) { + if (allColumnsOriginalOrder.indexOf(column) >= 0) { + allColumnsCurrentOrder.push(column); + utils_1.Utils.removeFromArray(allColumnsOriginalOrder, column); + } + }); + // we are left with non-visible columns, stick these in at the end + allColumnsOriginalOrder.forEach(function (column) { return allColumnsCurrentOrder.push(column); }); + // create and return dragItem + return { + columns: allColumnsCurrentOrder, + visibleState: visibleState + }; + }; + HeaderGroupWrapperComp.prototype.isSuppressMoving = function () { + // if any child is fixed, then don't allow moving + var childSuppressesMoving = false; + this.columnGroup.getLeafColumns().forEach(function (column) { + if (column.getColDef().suppressMovable || column.isLockPosition()) { + childSuppressesMoving = true; + } + }); + var result = childSuppressesMoving || this.gridOptionsWrapper.isSuppressMovableColumns(); + return result; + }; + HeaderGroupWrapperComp.prototype.setupWidth = function () { + // we need to listen to changes in child columns, as they impact our width + this.addListenersToChildrenColumns(); + // the children belonging to this group can change, so we need to add and remove listeners as they change + this.addDestroyableEventListener(this.columnGroup, columnGroup_1.ColumnGroup.EVENT_DISPLAYED_CHILDREN_CHANGED, this.onDisplayedChildrenChanged.bind(this)); + this.onWidthChanged(); + // the child listeners are not tied to this components lifecycle, as children can get added and removed + // to the group - hence they are on a different lifecycle. so we must make sure the existing children + // listeners are removed when we finally get destroyed + this.addDestroyFunc(this.destroyListenersOnChildrenColumns.bind(this)); + }; + HeaderGroupWrapperComp.prototype.onDisplayedChildrenChanged = function () { + this.addListenersToChildrenColumns(); + this.onWidthChanged(); + }; + HeaderGroupWrapperComp.prototype.addListenersToChildrenColumns = function () { + var _this = this; + // first destroy any old listeners + this.destroyListenersOnChildrenColumns(); + // now add new listeners to the new set of children + var widthChangedListener = this.onWidthChanged.bind(this); + this.columnGroup.getLeafColumns().forEach(function (column) { + column.addEventListener(column_1.Column.EVENT_WIDTH_CHANGED, widthChangedListener); + column.addEventListener(column_1.Column.EVENT_VISIBLE_CHANGED, widthChangedListener); + _this.childColumnsDestroyFuncs.push(function () { + column.removeEventListener(column_1.Column.EVENT_WIDTH_CHANGED, widthChangedListener); + column.removeEventListener(column_1.Column.EVENT_VISIBLE_CHANGED, widthChangedListener); + }); + }); + }; + HeaderGroupWrapperComp.prototype.destroyListenersOnChildrenColumns = function () { + this.childColumnsDestroyFuncs.forEach(function (func) { return func(); }); + this.childColumnsDestroyFuncs = []; + }; + HeaderGroupWrapperComp.prototype.onWidthChanged = function () { + this.getGui().style.width = this.columnGroup.getActualWidth() + 'px'; + }; + HeaderGroupWrapperComp.prototype.setupResize = function () { + var _this = this; + this.eHeaderCellResize = this.getRefElement('agResize'); + if (!this.columnGroup.isResizable()) { + utils_1.Utils.removeFromParent(this.eHeaderCellResize); + return; + } + var finishedWithResizeFunc = this.horizontalResizeService.addResizeBar({ + eResizeBar: this.eHeaderCellResize, + onResizeStart: this.onResizeStart.bind(this), + onResizing: this.onResizing.bind(this, false), + onResizeEnd: this.onResizing.bind(this, true) + }); + this.addDestroyFunc(finishedWithResizeFunc); + if (!this.gridOptionsWrapper.isSuppressAutoSize()) { + this.eHeaderCellResize.addEventListener('dblclick', function (event) { + // get list of all the column keys we are responsible for + var keys = []; + _this.columnGroup.getDisplayedLeafColumns().forEach(function (column) { + // not all cols in the group may be participating with auto-resize + if (!column.getColDef().suppressAutoSize) { + keys.push(column.getColId()); + } + }); + if (keys.length > 0) { + _this.columnController.autoSizeColumns(keys, "uiColumnResized"); + } + }); + } + }; + HeaderGroupWrapperComp.prototype.onResizeStart = function (shiftKey) { + var _this = this; + var leafCols = this.columnGroup.getDisplayedLeafColumns(); + this.resizeCols = utils_1.Utils.filter(leafCols, function (col) { return col.isResizable(); }); + this.resizeStartWidth = 0; + this.resizeCols.forEach(function (col) { return _this.resizeStartWidth += col.getActualWidth(); }); + this.resizeRatios = []; + this.resizeCols.forEach(function (col) { return _this.resizeRatios.push(col.getActualWidth() / _this.resizeStartWidth); }); + var takeFromGroup = null; + if (shiftKey) { + takeFromGroup = this.columnController.getDisplayedGroupAfter(this.columnGroup); + } + if (takeFromGroup) { + var takeFromLeafCols = takeFromGroup.getDisplayedLeafColumns(); + this.resizeTakeFromCols = utils_1.Utils.filter(takeFromLeafCols, function (col) { return col.isResizable(); }); + this.resizeTakeFromStartWidth = 0; + this.resizeTakeFromCols.forEach(function (col) { return _this.resizeTakeFromStartWidth += col.getActualWidth(); }); + this.resizeTakeFromRatios = []; + this.resizeTakeFromCols.forEach(function (col) { return _this.resizeTakeFromRatios.push(col.getActualWidth() / _this.resizeTakeFromStartWidth); }); + } + else { + this.resizeTakeFromCols = null; + this.resizeTakeFromStartWidth = null; + this.resizeTakeFromRatios = null; + } + }; + HeaderGroupWrapperComp.prototype.onResizing = function (finished, resizeAmount) { + var resizeSets = []; + var resizeAmountNormalised = this.normaliseDragChange(resizeAmount); + resizeSets.push({ + columns: this.resizeCols, + ratios: this.resizeRatios, + width: this.resizeStartWidth + resizeAmountNormalised + }); + if (this.resizeTakeFromCols) { + resizeSets.push({ + columns: this.resizeTakeFromCols, + ratios: this.resizeTakeFromRatios, + width: this.resizeTakeFromStartWidth - resizeAmountNormalised + }); + } + this.columnController.resizeColumnSets(resizeSets, finished, 'uiColumnDragged'); + }; + // optionally inverts the drag, depending on pinned and RTL + // note - this method is duplicated in RenderedHeaderCell - should refactor out? + HeaderGroupWrapperComp.prototype.normaliseDragChange = function (dragChange) { + var result = dragChange; + if (this.gridOptionsWrapper.isEnableRtl()) { + // for RTL, dragging left makes the col bigger, except when pinning left + if (this.pinned !== column_1.Column.PINNED_LEFT) { + result *= -1; + } + } + else { + // for LTR (ie normal), dragging left makes the col smaller, except when pinning right + if (this.pinned === column_1.Column.PINNED_RIGHT) { + result *= -1; + } + } + return result; + }; + HeaderGroupWrapperComp.TEMPLATE = '
' + + '
' + + '
'; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], HeaderGroupWrapperComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], HeaderGroupWrapperComp.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('horizontalResizeService'), + __metadata("design:type", horizontalResizeService_1.HorizontalResizeService) + ], HeaderGroupWrapperComp.prototype, "horizontalResizeService", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], HeaderGroupWrapperComp.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], HeaderGroupWrapperComp.prototype, "context", void 0); + __decorate([ + context_1.Autowired('componentRecipes'), + __metadata("design:type", componentRecipes_1.ComponentRecipes) + ], HeaderGroupWrapperComp.prototype, "componentRecipes", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], HeaderGroupWrapperComp.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], HeaderGroupWrapperComp.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('beans'), + __metadata("design:type", beans_1.Beans) + ], HeaderGroupWrapperComp.prototype, "beans", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderGroupWrapperComp.prototype, "postConstruct", null); + return HeaderGroupWrapperComp; + }(component_1.Component)); + exports.HeaderGroupWrapperComp = HeaderGroupWrapperComp; + + +/***/ }), +/* 108 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var dragAndDropService_1 = __webpack_require__(40); + var context_1 = __webpack_require__(7); + var moveColumnController_1 = __webpack_require__(109); + var column_1 = __webpack_require__(19); + var bodyDropPivotTarget_1 = __webpack_require__(110); + var columnController_1 = __webpack_require__(17); + var DropType; + (function (DropType) { + DropType[DropType["ColumnMove"] = 0] = "ColumnMove"; + DropType[DropType["Pivot"] = 1] = "Pivot"; + })(DropType || (DropType = {})); + var BodyDropTarget = (function () { + function BodyDropTarget(pinned, eContainer) { + this.dropListeners = {}; + this.pinned = pinned; + this.eContainer = eContainer; + } + BodyDropTarget.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + this.moveColumnController.registerGridComp(gridPanel); + switch (this.pinned) { + case column_1.Column.PINNED_LEFT: + this.eSecondaryContainers = this.gridPanel.getDropTargetLeftContainers(); + break; + case column_1.Column.PINNED_RIGHT: + this.eSecondaryContainers = this.gridPanel.getDropTargetRightContainers(); + break; + default: + this.eSecondaryContainers = this.gridPanel.getDropTargetBodyContainers(); + break; + } + }; + BodyDropTarget.prototype.isInterestedIn = function (type) { + // not interested in row drags + return type === dragAndDropService_1.DragSourceType.HeaderCell || type === dragAndDropService_1.DragSourceType.ToolPanel; + }; + BodyDropTarget.prototype.getSecondaryContainers = function () { + return this.eSecondaryContainers; + }; + BodyDropTarget.prototype.getContainer = function () { + return this.eContainer; + }; + BodyDropTarget.prototype.init = function () { + this.moveColumnController = new moveColumnController_1.MoveColumnController(this.pinned, this.eContainer); + this.context.wireBean(this.moveColumnController); + var bodyDropPivotTarget = new bodyDropPivotTarget_1.BodyDropPivotTarget(this.pinned); + this.context.wireBean(bodyDropPivotTarget); + this.dropListeners[DropType.ColumnMove] = this.moveColumnController; + this.dropListeners[DropType.Pivot] = bodyDropPivotTarget; + this.dragAndDropService.addDropTarget(this); + }; + BodyDropTarget.prototype.getIconName = function () { + return this.currentDropListener.getIconName(); + }; + // we want to use the bodyPivotTarget if the user is dragging columns in from the toolPanel + // and we are in pivot mode, as it has to logic to set pivot/value/group on the columns when + // dropped into the grid's body. + BodyDropTarget.prototype.getDropType = function (draggingEvent) { + if (this.columnController.isPivotMode()) { + // in pivot mode, then if moving a column (ie didn't come from toolpanel) then it's + // a standard column move, however if it came from teh toolpanel, then we are introducing + // dimensions or values to the grid + if (draggingEvent.dragSource.type === dragAndDropService_1.DragSourceType.ToolPanel) { + return DropType.Pivot; + } + else { + return DropType.ColumnMove; + } + } + else { + // it's a column, and not pivot mode, so always moving + return DropType.ColumnMove; + } + }; + BodyDropTarget.prototype.onDragEnter = function (draggingEvent) { + // we pick the drop listener depending on whether we are in pivot mode are not. if we are + // in pivot mode, then dropping cols changes the row group, pivot, value stats. otherwise + // we change visibility state and position. + // if (this.columnController.isPivotMode()) { + var dropType = this.getDropType(draggingEvent); + this.currentDropListener = this.dropListeners[dropType]; + this.currentDropListener.onDragEnter(draggingEvent); + }; + BodyDropTarget.prototype.onDragLeave = function (params) { + this.currentDropListener.onDragLeave(params); + }; + BodyDropTarget.prototype.onDragging = function (params) { + this.currentDropListener.onDragging(params); + }; + BodyDropTarget.prototype.onDragStop = function (params) { + this.currentDropListener.onDragStop(params); + }; + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], BodyDropTarget.prototype, "context", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], BodyDropTarget.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], BodyDropTarget.prototype, "columnController", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], BodyDropTarget.prototype, "init", null); + return BodyDropTarget; + }()); + exports.BodyDropTarget = BodyDropTarget; + + +/***/ }), +/* 109 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var logger_1 = __webpack_require__(6); + var columnController_1 = __webpack_require__(17); + var column_1 = __webpack_require__(19); + var utils_1 = __webpack_require__(8); + var dragAndDropService_1 = __webpack_require__(40); + var gridOptionsWrapper_1 = __webpack_require__(4); + var MoveColumnController = (function () { + function MoveColumnController(pinned, eContainer) { + this.needToMoveLeft = false; + this.needToMoveRight = false; + this.pinned = pinned; + this.eContainer = eContainer; + this.centerContainer = !utils_1.Utils.exists(pinned); + } + MoveColumnController.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + MoveColumnController.prototype.init = function () { + this.logger = this.loggerFactory.create('MoveColumnController'); + }; + MoveColumnController.prototype.getIconName = function () { + return this.pinned ? dragAndDropService_1.DragAndDropService.ICON_PINNED : dragAndDropService_1.DragAndDropService.ICON_MOVE; + }; + MoveColumnController.prototype.onDragEnter = function (draggingEvent) { + // we do dummy drag, so make sure column appears in the right location when first placed + var columns = draggingEvent.dragItem.columns; + var dragCameFromToolPanel = draggingEvent.dragSource.type === dragAndDropService_1.DragSourceType.ToolPanel; + if (dragCameFromToolPanel) { + // the if statement doesn't work if drag leaves grid, then enters again + this.setColumnsVisible(columns, true, "uiColumnDragged"); + } + else { + // restore previous state of visible columns upon re-entering. this means if the user drags + // a group out, and then drags the group back in, only columns that were originally visible + // will be visible again. otherwise a group with three columns (but only two visible) could + // be dragged out, then when it's dragged in again, all three are visible. this stops that. + var visibleState_1 = draggingEvent.dragItem.visibleState; + var visibleColumns = columns.filter(function (column) { return visibleState_1[column.getId()]; }); + this.setColumnsVisible(visibleColumns, true, "uiColumnDragged"); + } + this.setColumnsPinned(columns, this.pinned, "uiColumnDragged"); + this.onDragging(draggingEvent, true); + }; + MoveColumnController.prototype.onDragLeave = function (draggingEvent) { + var hideColumnOnExit = !this.gridOptionsWrapper.isSuppressDragLeaveHidesColumns() && !draggingEvent.fromNudge; + if (hideColumnOnExit) { + var dragItem = draggingEvent.dragSource.dragItemCallback(); + var columns = dragItem.columns; + this.setColumnsVisible(columns, false, "uiColumnDragged"); + } + this.ensureIntervalCleared(); + }; + MoveColumnController.prototype.setColumnsVisible = function (columns, visible, source) { + if (source === void 0) { source = "api"; } + if (columns) { + var allowedCols = columns.filter(function (c) { return !c.isLockVisible(); }); + this.columnController.setColumnsVisible(allowedCols, visible, source); + } + }; + MoveColumnController.prototype.setColumnsPinned = function (columns, pinned, source) { + if (source === void 0) { source = "api"; } + if (columns) { + var allowedCols = columns.filter(function (c) { return !c.isLockPinned(); }); + this.columnController.setColumnsPinned(allowedCols, pinned, source); + } + }; + MoveColumnController.prototype.onDragStop = function () { + this.ensureIntervalCleared(); + }; + MoveColumnController.prototype.normaliseX = function (x) { + // flip the coordinate if doing RTL + var flipHorizontallyForRtl = this.gridOptionsWrapper.isEnableRtl(); + if (flipHorizontallyForRtl) { + var clientWidth = this.eContainer.clientWidth; + x = clientWidth - x; + } + // adjust for scroll only if centre container (the pinned containers dont scroll) + var adjustForScroll = this.centerContainer; + if (adjustForScroll) { + x += this.gridPanel.getBodyViewportScrollLeft(); + } + return x; + }; + MoveColumnController.prototype.checkCenterForScrolling = function (xAdjustedForScroll) { + if (this.centerContainer) { + // scroll if the mouse has gone outside the grid (or just outside the scrollable part if pinning) + // putting in 50 buffer, so even if user gets to edge of grid, a scroll will happen + var firstVisiblePixel = this.gridPanel.getBodyViewportScrollLeft(); + var lastVisiblePixel = firstVisiblePixel + this.gridPanel.getCenterWidth(); + if (this.gridOptionsWrapper.isEnableRtl()) { + this.needToMoveRight = xAdjustedForScroll < (firstVisiblePixel + 50); + this.needToMoveLeft = xAdjustedForScroll > (lastVisiblePixel - 50); + } + else { + this.needToMoveLeft = xAdjustedForScroll < (firstVisiblePixel + 50); + this.needToMoveRight = xAdjustedForScroll > (lastVisiblePixel - 50); + } + if (this.needToMoveLeft || this.needToMoveRight) { + this.ensureIntervalStarted(); + } + else { + this.ensureIntervalCleared(); + } + } + }; + MoveColumnController.prototype.onDragging = function (draggingEvent, fromEnter) { + var _this = this; + if (fromEnter === void 0) { fromEnter = false; } + this.lastDraggingEvent = draggingEvent; + // if moving up or down (ie not left or right) then do nothing + if (utils_1.Utils.missing(draggingEvent.hDirection)) { + return; + } + var xNormalised = this.normaliseX(draggingEvent.x); + // if the user is dragging into the panel, ie coming from the side panel into the main grid, + // we don't want to scroll the grid this time, it would appear like the table is jumping + // each time a column is dragged in. + if (!fromEnter) { + this.checkCenterForScrolling(xNormalised); + } + var hDirectionNormalised = this.normaliseDirection(draggingEvent.hDirection); + var dragSourceType = draggingEvent.dragSource.type; + var columnsToMove = draggingEvent.dragSource.dragItemCallback().columns; + columnsToMove = columnsToMove.filter(function (col) { + if (col.isLockPinned()) { + // if locked return true only if both col and container are same pin type. + // double equals (==) here on purpose so that null==undefined is true (for not pinned options) + return col.getPinned() == _this.pinned; + } + else { + // if not pin locked, then always allowed to be in this container + return true; + } + }); + this.attemptMoveColumns(dragSourceType, columnsToMove, hDirectionNormalised, xNormalised, fromEnter); + }; + MoveColumnController.prototype.normaliseDirection = function (hDirection) { + if (this.gridOptionsWrapper.isEnableRtl()) { + switch (hDirection) { + case dragAndDropService_1.HDirection.Left: return dragAndDropService_1.HDirection.Right; + case dragAndDropService_1.HDirection.Right: return dragAndDropService_1.HDirection.Left; + default: console.error("ag-Grid: Unknown direction " + hDirection); + } + } + else { + return hDirection; + } + }; + // returns the index of the first column in the list ONLY if the cols are all beside + // each other. if the cols are not beside each other, then returns null + MoveColumnController.prototype.calculateOldIndex = function (movingCols) { + var gridCols = this.columnController.getAllGridColumns(); + var indexes = []; + movingCols.forEach(function (col) { return indexes.push(gridCols.indexOf(col)); }); + utils_1.Utils.sortNumberArray(indexes); + var firstIndex = indexes[0]; + var lastIndex = indexes[indexes.length - 1]; + var spread = lastIndex - firstIndex; + var gapsExist = spread !== indexes.length - 1; + return gapsExist ? null : firstIndex; + }; + MoveColumnController.prototype.attemptMoveColumns = function (dragSourceType, allMovingColumns, hDirection, xAdjusted, fromEnter) { + var draggingLeft = hDirection === dragAndDropService_1.HDirection.Left; + var draggingRight = hDirection === dragAndDropService_1.HDirection.Right; + var validMoves = this.calculateValidMoves(allMovingColumns, draggingRight, xAdjusted); + // if cols are not adjacent, then this returns null. when moving, we constrain the direction of the move + // (ie left or right) to the mouse direction. however + var oldIndex = this.calculateOldIndex(allMovingColumns); + // fromEnter = false; + for (var i = 0; i < validMoves.length; i++) { + var newIndex = validMoves[i]; + // the two check below stop an error when the user grabs a group my a middle column, then + // it is possible the mouse pointer is to the right of a column while been dragged left. + // so we need to make sure that the mouse pointer is actually left of the left most column + // if moving left, and right of the right most column if moving right + // we check 'fromEnter' below so we move the column to the new spot if the mouse is coming from + // outside the grid, eg if the column is moving from side panel, mouse is moving left, then we should + // place the column to the RHS even if the mouse is moving left and the column is already on + // the LHS. otherwise we stick to the rule described above. + var constrainDirection = oldIndex !== null && !fromEnter; + // don't consider 'fromEnter' when dragging header cells, otherwise group can jump to opposite direction of drag + if (dragSourceType == dragAndDropService_1.DragSourceType.HeaderCell) { + constrainDirection = oldIndex !== null; + } + if (constrainDirection) { + // only allow left drag if this column is moving left + if (draggingLeft && newIndex >= oldIndex) { + continue; + } + // only allow right drag if this column is moving right + if (draggingRight && newIndex <= oldIndex) { + continue; + } + } + if (!this.columnController.doesMovePassRules(allMovingColumns, newIndex)) { + continue; + } + this.columnController.moveColumns(allMovingColumns, newIndex, "uiColumnDragged"); + // important to return here, so once we do the first valid move, we don't try do any more + return; + } + }; + MoveColumnController.prototype.calculateValidMoves = function (movingCols, draggingRight, x) { + // this is the list of cols on the screen, so it's these we use when comparing the x mouse position + var allDisplayedCols = this.columnController.getDisplayedColumns(this.pinned); + // but this list is the list of all cols, when we move a col it's the index within this list that gets used, + // so the result we return has to be and index location for this list + var allGridCols = this.columnController.getAllGridColumns(); + var colIsMovingFunc = function (col) { return movingCols.indexOf(col) >= 0; }; + var colIsNotMovingFunc = function (col) { return movingCols.indexOf(col) < 0; }; + var movingDisplayedCols = allDisplayedCols.filter(colIsMovingFunc); + var otherDisplayedCols = allDisplayedCols.filter(colIsNotMovingFunc); + var otherGridCols = allGridCols.filter(colIsNotMovingFunc); + // work out how many DISPLAYED columns fit before the 'x' position. this gives us the displayIndex. + // for example, if cols are a,b,c,d and we find a,b fit before 'x', then we want to place the moving + // col between b and c (so that it is under the mouse position). + var displayIndex = 0; + var availableWidth = x; + // if we are dragging right, then the columns will be to the left of the mouse, so we also want to + // include the width of the moving columns + if (draggingRight) { + var widthOfMovingDisplayedCols_1 = 0; + movingDisplayedCols.forEach(function (col) { return widthOfMovingDisplayedCols_1 += col.getActualWidth(); }); + availableWidth -= widthOfMovingDisplayedCols_1; + } + // now count how many of the displayed columns will fit to the left + for (var i = 0; i < otherDisplayedCols.length; i++) { + var col = otherDisplayedCols[i]; + availableWidth -= col.getActualWidth(); + if (availableWidth < 0) { + break; + } + displayIndex++; + } + // trial and error, if going right, we adjust by one, i didn't manage to quantify why, but it works + if (draggingRight) { + displayIndex++; + } + // the display index is with respect to all the showing columns, however when we move, it's with + // respect to all grid columns, so we need to translate from display index to grid index + var gridColIndex; + if (displayIndex > 0) { + var leftColumn = otherDisplayedCols[displayIndex - 1]; + gridColIndex = otherGridCols.indexOf(leftColumn) + 1; + } + else { + gridColIndex = 0; + } + var validMoves = [gridColIndex]; + // add in all adjacent empty columns as other valid moves. this allows us to try putting the new + // column in any place of a hidden column, to try different combinations so that we don't break + // married children. in other words, maybe the new index breaks a group, but only because some + // columns are hidden, maybe we can reshuffle the hidden columns to find a place that works. + var nextCol = allGridCols[gridColIndex]; + while (utils_1.Utils.exists(nextCol) && this.isColumnHidden(allDisplayedCols, nextCol)) { + gridColIndex++; + validMoves.push(gridColIndex); + nextCol = allGridCols[gridColIndex]; + } + return validMoves; + }; + // isHidden takes into account visible=false and group=closed, ie it is not displayed + MoveColumnController.prototype.isColumnHidden = function (displayedColumns, col) { + return displayedColumns.indexOf(col) < 0; + }; + MoveColumnController.prototype.ensureIntervalStarted = function () { + if (!this.movingIntervalId) { + this.intervalCount = 0; + this.failedMoveAttempts = 0; + this.movingIntervalId = setInterval(this.moveInterval.bind(this), 100); + if (this.needToMoveLeft) { + this.dragAndDropService.setGhostIcon(dragAndDropService_1.DragAndDropService.ICON_LEFT, true); + } + else { + this.dragAndDropService.setGhostIcon(dragAndDropService_1.DragAndDropService.ICON_RIGHT, true); + } + } + }; + MoveColumnController.prototype.ensureIntervalCleared = function () { + if (this.moveInterval) { + clearInterval(this.movingIntervalId); + this.movingIntervalId = null; + this.dragAndDropService.setGhostIcon(dragAndDropService_1.DragAndDropService.ICON_MOVE); + } + }; + MoveColumnController.prototype.moveInterval = function () { + // the amounts we move get bigger at each interval, so the speed accelerates, starting a bit slow + // and getting faster. this is to give smoother user experience. we max at 100px to limit the speed. + var pixelsToMove; + this.intervalCount++; + pixelsToMove = 10 + (this.intervalCount * 5); + if (pixelsToMove > 100) { + pixelsToMove = 100; + } + var pixelsMoved; + if (this.needToMoveLeft) { + pixelsMoved = this.gridPanel.scrollHorizontally(-pixelsToMove); + } + else if (this.needToMoveRight) { + pixelsMoved = this.gridPanel.scrollHorizontally(pixelsToMove); + } + if (pixelsMoved !== 0) { + this.onDragging(this.lastDraggingEvent); + this.failedMoveAttempts = 0; + } + else { + // we count the failed move attempts. if we fail to move 7 times, then we pin the column. + // this is how we achieve pining by dragging the column to the edge of the grid. + this.failedMoveAttempts++; + var columns = this.lastDraggingEvent.dragItem.columns; + var columnsThatCanPin = columns.filter(function (c) { return !c.isLockPinned(); }); + if (columnsThatCanPin.length > 0) { + this.dragAndDropService.setGhostIcon(dragAndDropService_1.DragAndDropService.ICON_PINNED); + if (this.failedMoveAttempts > 7) { + var pinType = this.needToMoveLeft ? column_1.Column.PINNED_LEFT : column_1.Column.PINNED_RIGHT; + this.setColumnsPinned(columnsThatCanPin, pinType, "uiColumnDragged"); + this.dragAndDropService.nudge(); + } + } + } + }; + __decorate([ + context_1.Autowired('loggerFactory'), + __metadata("design:type", logger_1.LoggerFactory) + ], MoveColumnController.prototype, "loggerFactory", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], MoveColumnController.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('dragAndDropService'), + __metadata("design:type", dragAndDropService_1.DragAndDropService) + ], MoveColumnController.prototype, "dragAndDropService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], MoveColumnController.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], MoveColumnController.prototype, "init", null); + return MoveColumnController; + }()); + exports.MoveColumnController = MoveColumnController; + + +/***/ }), +/* 110 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var dragAndDropService_1 = __webpack_require__(40); + var columnController_1 = __webpack_require__(17); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var BodyDropPivotTarget = (function () { + function BodyDropPivotTarget(pinned) { + this.columnsToAggregate = []; + this.columnsToGroup = []; + this.columnsToPivot = []; + this.pinned = pinned; + } + /** Callback for when drag enters */ + BodyDropPivotTarget.prototype.onDragEnter = function (draggingEvent) { + var _this = this; + this.clearColumnsList(); + // in pivot mode, we don't accept any drops if functions are read only + if (this.gridOptionsWrapper.isFunctionsReadOnly()) { + return; + } + var dragColumns = draggingEvent.dragItem.columns; + dragColumns.forEach(function (column) { + // we don't allow adding secondary columns + if (!column.isPrimary()) { + return; + } + if (column.isAnyFunctionActive()) { + return; + } + if (column.isAllowValue()) { + _this.columnsToAggregate.push(column); + } + else if (column.isAllowRowGroup()) { + _this.columnsToGroup.push(column); + } + else if (column.isAllowRowGroup()) { + _this.columnsToPivot.push(column); + } + }); + }; + BodyDropPivotTarget.prototype.getIconName = function () { + var totalColumns = this.columnsToAggregate.length + this.columnsToGroup.length + this.columnsToPivot.length; + if (totalColumns > 0) { + return this.pinned ? dragAndDropService_1.DragAndDropService.ICON_PINNED : dragAndDropService_1.DragAndDropService.ICON_MOVE; + } + else { + return null; + } + }; + /** Callback for when drag leaves */ + BodyDropPivotTarget.prototype.onDragLeave = function (draggingEvent) { + // if we are taking columns out of the center, then we remove them from the report + this.clearColumnsList(); + }; + BodyDropPivotTarget.prototype.clearColumnsList = function () { + this.columnsToAggregate.length = 0; + this.columnsToGroup.length = 0; + this.columnsToPivot.length = 0; + }; + /** Callback for when dragging */ + BodyDropPivotTarget.prototype.onDragging = function (draggingEvent) { + }; + /** Callback for when drag stops */ + BodyDropPivotTarget.prototype.onDragStop = function (draggingEvent) { + if (this.columnsToAggregate.length > 0) { + this.columnController.addValueColumns(this.columnsToAggregate, "toolPanelDragAndDrop"); + } + if (this.columnsToGroup.length > 0) { + this.columnController.addRowGroupColumns(this.columnsToGroup, "toolPanelDragAndDrop"); + } + if (this.columnsToPivot.length > 0) { + this.columnController.addPivotColumns(this.columnsToPivot, "toolPanelDragAndDrop"); + } + }; + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], BodyDropPivotTarget.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], BodyDropPivotTarget.prototype, "gridOptionsWrapper", void 0); + return BodyDropPivotTarget; + }()); + exports.BodyDropPivotTarget = BodyDropPivotTarget; + + +/***/ }), +/* 111 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var constants_1 = __webpack_require__(9); + var columnController_1 = __webpack_require__(17); + var utils_1 = __webpack_require__(8); + var gridRow_1 = __webpack_require__(35); + var gridCell_1 = __webpack_require__(34); + var gridOptionsWrapper_1 = __webpack_require__(4); + var pinnedRowModel_1 = __webpack_require__(95); + var CellNavigationService = (function () { + function CellNavigationService() { + } + // returns null if no cell to focus on, ie at the end of the grid + CellNavigationService.prototype.getNextCellToFocus = function (key, lastCellToFocus) { + // starting with the provided cell, we keep moving until we find a cell we can + // focus on. + var pointer = lastCellToFocus; + var finished = false; + // finished will be true when either: + // a) cell found that we can focus on + // b) run out of cells (ie the method returns null) + while (!finished) { + switch (key) { + case constants_1.Constants.KEY_UP: + pointer = this.getCellAbove(pointer); + break; + case constants_1.Constants.KEY_DOWN: + pointer = this.getCellBelow(pointer); + break; + case constants_1.Constants.KEY_RIGHT: + if (this.gridOptionsWrapper.isEnableRtl()) { + pointer = this.getCellToLeft(pointer); + } + else { + pointer = this.getCellToRight(pointer); + } + break; + case constants_1.Constants.KEY_LEFT: + if (this.gridOptionsWrapper.isEnableRtl()) { + pointer = this.getCellToRight(pointer); + } + else { + pointer = this.getCellToLeft(pointer); + } + break; + default: + console.log('ag-Grid: unknown key for navigation ' + key); + pointer = null; + break; + } + if (pointer) { + finished = this.isCellGoodToFocusOn(pointer); + } + else { + finished = true; + } + } + return pointer; + }; + CellNavigationService.prototype.isCellGoodToFocusOn = function (gridCell) { + var column = gridCell.column; + var rowNode; + switch (gridCell.floating) { + case constants_1.Constants.PINNED_TOP: + rowNode = this.pinnedRowModel.getPinnedTopRow(gridCell.rowIndex); + break; + case constants_1.Constants.PINNED_BOTTOM: + rowNode = this.pinnedRowModel.getPinnedBottomRow(gridCell.rowIndex); + break; + default: + rowNode = this.rowModel.getRow(gridCell.rowIndex); + break; + } + var suppressNavigable = column.isSuppressNavigable(rowNode); + return !suppressNavigable; + }; + CellNavigationService.prototype.getCellToLeft = function (lastCell) { + var colToLeft = this.columnController.getDisplayedColBefore(lastCell.column); + if (!colToLeft) { + return null; + } + else { + var gridCellDef = { rowIndex: lastCell.rowIndex, column: colToLeft, floating: lastCell.floating }; + return new gridCell_1.GridCell(gridCellDef); + } + }; + CellNavigationService.prototype.getCellToRight = function (lastCell) { + var colToRight = this.columnController.getDisplayedColAfter(lastCell.column); + // if already on right, do nothing + if (!colToRight) { + return null; + } + else { + var gridCellDef = { rowIndex: lastCell.rowIndex, column: colToRight, floating: lastCell.floating }; + return new gridCell_1.GridCell(gridCellDef); + } + }; + CellNavigationService.prototype.getRowBelow = function (lastRow) { + // if already on top row, do nothing + if (this.isLastRowInContainer(lastRow)) { + if (lastRow.isFloatingBottom()) { + return null; + } + else if (lastRow.isNotFloating()) { + if (this.pinnedRowModel.isRowsToRender(constants_1.Constants.PINNED_BOTTOM)) { + return new gridRow_1.GridRow(0, constants_1.Constants.PINNED_BOTTOM); + } + else { + return null; + } + } + else { + if (this.rowModel.isRowsToRender()) { + return new gridRow_1.GridRow(0, null); + } + else if (this.pinnedRowModel.isRowsToRender(constants_1.Constants.PINNED_BOTTOM)) { + return new gridRow_1.GridRow(0, constants_1.Constants.PINNED_BOTTOM); + } + else { + return null; + } + } + } + else { + return new gridRow_1.GridRow(lastRow.rowIndex + 1, lastRow.floating); + } + }; + CellNavigationService.prototype.getCellBelow = function (lastCell) { + var rowBelow = this.getRowBelow(lastCell.getGridRow()); + if (rowBelow) { + var gridCellDef = { rowIndex: rowBelow.rowIndex, column: lastCell.column, floating: rowBelow.floating }; + return new gridCell_1.GridCell(gridCellDef); + } + else { + return null; + } + }; + CellNavigationService.prototype.isLastRowInContainer = function (gridRow) { + if (gridRow.isFloatingTop()) { + var lastTopIndex = this.pinnedRowModel.getPinnedTopRowData().length - 1; + return lastTopIndex <= gridRow.rowIndex; + } + else if (gridRow.isFloatingBottom()) { + var lastBottomIndex = this.pinnedRowModel.getPinnedBottomRowData().length - 1; + return lastBottomIndex <= gridRow.rowIndex; + } + else { + var lastBodyIndex = this.rowModel.getPageLastRow(); + return lastBodyIndex <= gridRow.rowIndex; + } + }; + CellNavigationService.prototype.getRowAbove = function (lastRow) { + // if already on top row, do nothing + if (lastRow.rowIndex === 0) { + if (lastRow.isFloatingTop()) { + return null; + } + else if (lastRow.isNotFloating()) { + if (this.pinnedRowModel.isRowsToRender(constants_1.Constants.PINNED_TOP)) { + return this.getLastFloatingTopRow(); + } + else { + return null; + } + } + else { + // last floating bottom + if (this.rowModel.isRowsToRender()) { + return this.getLastBodyCell(); + } + else if (this.pinnedRowModel.isRowsToRender(constants_1.Constants.PINNED_TOP)) { + return this.getLastFloatingTopRow(); + } + else { + return null; + } + } + } + else { + return new gridRow_1.GridRow(lastRow.rowIndex - 1, lastRow.floating); + } + }; + CellNavigationService.prototype.getCellAbove = function (lastCell) { + var rowAbove = this.getRowAbove(lastCell.getGridRow()); + if (rowAbove) { + var gridCellDef = { rowIndex: rowAbove.rowIndex, column: lastCell.column, floating: rowAbove.floating }; + return new gridCell_1.GridCell(gridCellDef); + } + else { + return null; + } + }; + CellNavigationService.prototype.getLastBodyCell = function () { + var lastBodyRow = this.rowModel.getPageLastRow(); + return new gridRow_1.GridRow(lastBodyRow, null); + }; + CellNavigationService.prototype.getLastFloatingTopRow = function () { + var lastFloatingRow = this.pinnedRowModel.getPinnedTopRowData().length - 1; + return new gridRow_1.GridRow(lastFloatingRow, constants_1.Constants.PINNED_TOP); + }; + CellNavigationService.prototype.getNextTabbedCell = function (gridCell, backwards) { + if (backwards) { + return this.getNextTabbedCellBackwards(gridCell); + } + else { + return this.getNextTabbedCellForwards(gridCell); + } + }; + CellNavigationService.prototype.getNextTabbedCellForwards = function (gridCell) { + var displayedColumns = this.columnController.getAllDisplayedColumns(); + var newRowIndex = gridCell.rowIndex; + var newFloating = gridCell.floating; + // move along to the next cell + var newColumn = this.columnController.getDisplayedColAfter(gridCell.column); + // check if end of the row, and if so, go forward a row + if (!newColumn) { + newColumn = displayedColumns[0]; + var rowBelow = this.getRowBelow(gridCell.getGridRow()); + if (utils_1.Utils.missing(rowBelow)) { + return; + } + newRowIndex = rowBelow.rowIndex; + newFloating = rowBelow.floating; + } + var gridCellDef = { rowIndex: newRowIndex, column: newColumn, floating: newFloating }; + return new gridCell_1.GridCell(gridCellDef); + }; + CellNavigationService.prototype.getNextTabbedCellBackwards = function (gridCell) { + var displayedColumns = this.columnController.getAllDisplayedColumns(); + var newRowIndex = gridCell.rowIndex; + var newFloating = gridCell.floating; + // move along to the next cell + var newColumn = this.columnController.getDisplayedColBefore(gridCell.column); + // check if end of the row, and if so, go forward a row + if (!newColumn) { + newColumn = displayedColumns[displayedColumns.length - 1]; + var rowAbove = this.getRowAbove(gridCell.getGridRow()); + if (utils_1.Utils.missing(rowAbove)) { + return; + } + newRowIndex = rowAbove.rowIndex; + newFloating = rowAbove.floating; + } + var gridCellDef = { rowIndex: newRowIndex, column: newColumn, floating: newFloating }; + return new gridCell_1.GridCell(gridCellDef); + }; + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], CellNavigationService.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], CellNavigationService.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('pinnedRowModel'), + __metadata("design:type", pinnedRowModel_1.PinnedRowModel) + ], CellNavigationService.prototype, "pinnedRowModel", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], CellNavigationService.prototype, "gridOptionsWrapper", void 0); + CellNavigationService = __decorate([ + context_1.Bean('cellNavigationService') + ], CellNavigationService); + return CellNavigationService; + }()); + exports.CellNavigationService = CellNavigationService; + + +/***/ }), +/* 112 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + // class returns unique instance id's for columns. + // eg, the following calls (in this order) will result in: + // + // getInstanceIdForKey('country') => 0 + // getInstanceIdForKey('country') => 1 + // getInstanceIdForKey('country') => 2 + // getInstanceIdForKey('country') => 3 + // getInstanceIdForKey('age') => 0 + // getInstanceIdForKey('age') => 1 + // getInstanceIdForKey('country') => 4 + var GroupInstanceIdCreator = (function () { + function GroupInstanceIdCreator() { + // this map contains keys to numbers, so we remember what the last call was + this.existingIds = {}; + } + GroupInstanceIdCreator.prototype.getInstanceIdForKey = function (key) { + var lastResult = this.existingIds[key]; + var result; + if (typeof lastResult !== 'number') { + // first time this key + result = 0; + } + else { + result = lastResult + 1; + } + this.existingIds[key] = result; + return result; + }; + return GroupInstanceIdCreator; + }()); + exports.GroupInstanceIdCreator = GroupInstanceIdCreator; + + +/***/ }), +/* 113 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var column_1 = __webpack_require__(19); + var gridOptionsWrapper_1 = __webpack_require__(4); + var utils_1 = __webpack_require__(8); + var columnController_1 = __webpack_require__(17); + var balancedColumnTreeBuilder_1 = __webpack_require__(3); + var AutoGroupColService = (function () { + function AutoGroupColService() { + } + AutoGroupColService_1 = AutoGroupColService; + AutoGroupColService.prototype.createAutoGroupColumns = function (rowGroupColumns) { + var _this = this; + var groupAutoColumns = []; + var doingTreeData = this.gridOptionsWrapper.isTreeData(); + var doingMultiAutoColumn = this.gridOptionsWrapper.isGroupMultiAutoColumn(); + if (doingTreeData && doingMultiAutoColumn) { + console.log('ag-Grid: you cannot mix groupMultiAutoColumn with treeData, only one column can be used to display groups when doing tree data'); + doingMultiAutoColumn = false; + } + // if doing groupMultiAutoColumn, then we call the method multiple times, once + // for each column we are grouping by + if (doingMultiAutoColumn) { + rowGroupColumns.forEach(function (rowGroupCol, index) { + groupAutoColumns.push(_this.createOneAutoGroupColumn(rowGroupCol, index)); + }); + } + else { + groupAutoColumns.push(this.createOneAutoGroupColumn(null)); + } + return groupAutoColumns; + }; + // rowGroupCol and index are missing if groupMultiAutoColumn=false + AutoGroupColService.prototype.createOneAutoGroupColumn = function (rowGroupCol, index) { + // if one provided by user, use it, otherwise create one + var defaultAutoColDef = this.generateDefaultColDef(rowGroupCol); + // if doing multi, set the field + var colId; + if (rowGroupCol) { + colId = AutoGroupColService_1.GROUP_AUTO_COLUMN_ID + "-" + rowGroupCol.getId(); + } + else { + colId = AutoGroupColService_1.GROUP_AUTO_COLUMN_BUNDLE_ID; + } + var userAutoColDef = this.gridOptionsWrapper.getAutoGroupColumnDef(); + utils_1._.mergeDeep(defaultAutoColDef, userAutoColDef); + defaultAutoColDef = this.balancedColumnTreeBuilder.mergeColDefs(defaultAutoColDef); + defaultAutoColDef.colId = colId; + // For tree data the filter is always allowed + if (!this.gridOptionsWrapper.isTreeData()) { + // we would only allow filter if the user has provided field or value getter. otherwise the filter + // would not be able to work. + var noFieldOrValueGetter = utils_1._.missing(defaultAutoColDef.field) && utils_1._.missing(defaultAutoColDef.valueGetter) && utils_1._.missing(defaultAutoColDef.filterValueGetter); + if (noFieldOrValueGetter) { + defaultAutoColDef.suppressFilter = true; + } + } + // if showing many cols, we don't want to show more than one with a checkbox for selection + if (index > 0) { + defaultAutoColDef.headerCheckboxSelection = false; + } + var newCol = new column_1.Column(defaultAutoColDef, colId, true); + this.context.wireBean(newCol); + return newCol; + }; + AutoGroupColService.prototype.generateDefaultColDef = function (rowGroupCol) { + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var defaultAutoColDef = { + headerName: localeTextFunc('group', 'Group'), + cellRenderer: 'agGroupCellRenderer' + }; + // we never allow moving the group column + // defaultAutoColDef.suppressMovable = true; + if (rowGroupCol) { + var rowGroupColDef = rowGroupCol.getColDef(); + utils_1._.assign(defaultAutoColDef, { + // cellRendererParams.groupKey: colDefToCopy.field; + headerName: this.columnController.getDisplayNameForColumn(rowGroupCol, 'header'), + headerValueGetter: rowGroupColDef.headerValueGetter + }); + if (rowGroupColDef.cellRenderer) { + utils_1._.assign(defaultAutoColDef, { + cellRendererParams: { + innerRenderer: rowGroupColDef.cellRenderer, + innerRendererParams: rowGroupColDef.cellRendererParams + } + }); + } + defaultAutoColDef.showRowGroup = rowGroupCol.getColId(); + } + else { + defaultAutoColDef.showRowGroup = true; + } + return defaultAutoColDef; + }; + AutoGroupColService.GROUP_AUTO_COLUMN_ID = 'ag-Grid-AutoColumn'; + AutoGroupColService.GROUP_AUTO_COLUMN_BUNDLE_ID = AutoGroupColService_1.GROUP_AUTO_COLUMN_ID; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], AutoGroupColService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], AutoGroupColService.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], AutoGroupColService.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('balancedColumnTreeBuilder'), + __metadata("design:type", balancedColumnTreeBuilder_1.BalancedColumnTreeBuilder) + ], AutoGroupColService.prototype, "balancedColumnTreeBuilder", void 0); + AutoGroupColService = AutoGroupColService_1 = __decorate([ + context_1.Bean('autoGroupColService') + ], AutoGroupColService); + return AutoGroupColService; + var AutoGroupColService_1; + }()); + exports.AutoGroupColService = AutoGroupColService; + + +/***/ }), +/* 114 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var Downloader = (function () { + function Downloader() { + } + Downloader.prototype.download = function (fileName, content, mimeType) { + // for Excel, we need \ufeff at the start + // http://stackoverflow.com/questions/17879198/adding-utf-8-bom-to-string-blob + var blobObject = new Blob(["\ufeff", content], { + type: mimeType + }); + // Internet Explorer + if (window.navigator.msSaveOrOpenBlob) { + window.navigator.msSaveOrOpenBlob(blobObject, fileName); + } + else { + // Chrome + var downloadLink = document.createElement("a"); + downloadLink.href = window.URL.createObjectURL(blobObject); + downloadLink.download = fileName; + document.body.appendChild(downloadLink); + downloadLink.click(); + document.body.removeChild(downloadLink); + } + }; + Downloader = __decorate([ + context_1.Bean('downloader') + ], Downloader); + return Downloader; + }()); + exports.Downloader = Downloader; + + +/***/ }), +/* 115 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var constants_1 = __webpack_require__(9); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var ImmutableService = (function () { + function ImmutableService() { + } + ImmutableService.prototype.postConstruct = function () { + if (this.rowModel.getType() === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + this.clientSideRowModel = this.rowModel; + } + }; + // converts the setRowData() command to a transaction + ImmutableService.prototype.createTransactionForRowData = function (data) { + if (utils_1._.missing(this.clientSideRowModel)) { + console.error('ag-Grid: ImmutableService only works with ClientSideRowModel'); + return; + } + var getRowNodeIdFunc = this.gridOptionsWrapper.getRowNodeIdFunc(); + if (utils_1._.missing(getRowNodeIdFunc)) { + console.error('ag-Grid: ImmutableService requires getRowNodeId() callback to be implemented, your row data need IDs!'); + return; + } + // convert the data into a transaction object by working out adds, removes and updates + var transaction = { + remove: [], + update: [], + add: [] + }; + var existingNodesMap = this.clientSideRowModel.getCopyOfNodesMap(); + var orderMap = {}; + if (utils_1._.exists(data)) { + // split all the new data in the following: + // if new, push to 'add' + // if update, push to 'update' + // if not changed, do not include in the transaction + data.forEach(function (dataItem, index) { + var id = getRowNodeIdFunc(dataItem); + var existingNode = existingNodesMap[id]; + orderMap[id] = index; + if (existingNode) { + var dataHasChanged = existingNode.data !== dataItem; + if (dataHasChanged) { + transaction.update.push(dataItem); + } + // otherwise, if data not changed, we just don't include it anywhere, as it's not a delta + // remove from list, so we know the item is not to be removed + existingNodesMap[id] = undefined; + } + else { + transaction.add.push(dataItem); + } + }); + } + // at this point, all rows that are left, should be removed + utils_1._.iterateObject(existingNodesMap, function (id, rowNode) { + if (rowNode) { + transaction.remove.push(rowNode.data); + } + }); + return [transaction, orderMap]; + }; + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], ImmutableService.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ImmutableService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ImmutableService.prototype, "postConstruct", null); + ImmutableService = __decorate([ + context_1.Bean('immutableService') + ], ImmutableService); + return ImmutableService; + }()); + exports.ImmutableService = ImmutableService; + + +/***/ }), +/* 116 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var ColDefUtil = (function () { + function ColDefUtil() { + } + ColDefUtil.STRING_PROPERTIES = [ + 'headerName', + 'columnGroupShow', + 'headerClass', + 'toolPanelClass', + 'headerValueGetter', + 'pivotKeys', + 'groupId', + 'colId', + 'sort', + 'field', + 'type', + 'tooltipField', + 'headerTooltip', + 'cellClass', + 'showRowGroup', + 'template', + 'templateUrl', + 'filter', + 'aggFunc', + 'cellRenderer', + 'cellEditor', + 'pinned' + ]; + ColDefUtil.OBJECT_PROPERTIES = [ + 'headerGroupComponent', + 'headerGroupComponentFramework', + 'headerGroupComponentParams', + 'cellStyle', + 'cellRendererParams', + 'cellEditorFramework', + 'cellEditorParams', + 'pinnedRowCellRendererFramework', + 'pinnedRowCellRendererParams', + 'filterFramework', + 'filterParams', + 'pivotValueColumn', + 'headerComponent', + 'headerComponentFramework', + 'headerComponentParams', + 'floatingFilterComponent', + 'floatingFilterComponentParams', + 'floatingFilterComponentFramework', + 'refData' + ]; + ColDefUtil.ARRAY_PROPERTIES = [ + 'children', + 'sortingOrder', + 'allowedAggFuncs', + 'menuTabs', + 'pivotTotalColumnIds', + 'cellClassRules', + 'icons' + ]; + ColDefUtil.NUMBER_PROPERTIES = [ + 'sortedAt', + 'width', + 'minWidth', + 'maxWidth', + 'rowGroupIndex', + 'pivotIndex' + ]; + ColDefUtil.BOOLEAN_PROPERTIES = [ + 'suppressCellFlash', + 'suppressToolPanel', + 'openByDefault', + 'marryChildren', + 'hide', + 'rowGroup', + 'pivot', + 'checkboxSelection', + 'headerCheckboxSelection', + 'headerCheckboxSelectionFilteredOnly', + 'suppressMenu', + 'suppressSorting', + 'suppressMovable', + 'suppressFilter', + 'lockPosition', + 'lockVisible', + 'lockPinned', + 'unSortIcon', + 'suppressSizeToFit', + 'suppressResize', + 'suppressAutoSize', + 'enableRowGroup', + 'enablePivot', + 'enableValue', + 'editable', + 'suppressPaste', + 'suppressNavigable', + 'enableCellChangeFlash', + 'rowDrag', + 'autoHeight' + ]; + ColDefUtil.FUNCTION_PROPERTIES = [ + 'valueGetter', + 'valueSetter', + 'filterValueGetter', + 'keyCreator', + 'cellRenderer', + 'cellRendererFramework', + 'pinnedRowCellRenderer', + 'valueFormatter', + 'pinnedRowValueFormatter', + 'valueParser', + 'comparator', + 'equals', + 'pivotComparator', + 'suppressKeyboardEvent', + 'colSpan', + 'rowSpan', + 'getQuickFilterText', + 'newValueHandler', + 'onCellValueChanged', + 'onCellClicked', + 'onCellDoubleClicked', + 'onCellContextMenu', + 'tooltip', + 'cellRendererSelector', + 'cellEditorSelector' + ]; + ColDefUtil.ALL_PROPERTIES = ColDefUtil.ARRAY_PROPERTIES + .concat(ColDefUtil.OBJECT_PROPERTIES) + .concat(ColDefUtil.STRING_PROPERTIES) + .concat(ColDefUtil.NUMBER_PROPERTIES) + .concat(ColDefUtil.FUNCTION_PROPERTIES) + .concat(ColDefUtil.BOOLEAN_PROPERTIES); + return ColDefUtil; + }()); + exports.ColDefUtil = ColDefUtil; + + +/***/ }), +/* 117 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + // class returns a unique id to use for the column. it checks the existing columns, and if the requested + // id is already taken, it will start appending numbers until it gets a unique id. + // eg, if the col field is 'name', it will try ids: {name, name_1, name_2...} + // if no field or id provided in the col, it will try the ids of natural numbers + var utils_1 = __webpack_require__(8); + var ColumnKeyCreator = (function () { + function ColumnKeyCreator() { + this.existingKeys = []; + } + ColumnKeyCreator.prototype.getUniqueKey = function (colId, colField) { + // in case user passed in number for colId, convert to string + colId = utils_1.Utils.toStringOrNull(colId); + var count = 0; + while (true) { + var idToTry = void 0; + if (colId) { + idToTry = colId; + if (count !== 0) { + idToTry += '_' + count; + } + } + else if (colField) { + idToTry = colField; + if (count !== 0) { + idToTry += '_' + count; + } + } + else { + idToTry = '' + count; + } + if (this.existingKeys.indexOf(idToTry) < 0) { + this.existingKeys.push(idToTry); + return idToTry; + } + count++; + } + }; + return ColumnKeyCreator; + }()); + exports.ColumnKeyCreator = ColumnKeyCreator; + + +/***/ }), +/* 118 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + exports.DefaultColumnTypes = { + numericColumn: { + headerClass: "ag-numeric-header", + cellClass: "ag-numeric-cell" + } + }; + + +/***/ }), +/* 119 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var grid_1 = __webpack_require__(120); + function initialiseAgGridWithAngular1(angular) { + var angularModule = angular.module("agGrid", []); + angularModule.directive("agGrid", function () { + return { + restrict: "A", + controller: ['$element', '$scope', '$compile', '$attrs', AngularDirectiveController], + scope: true + }; + }); + } + exports.initialiseAgGridWithAngular1 = initialiseAgGridWithAngular1; + function AngularDirectiveController($element, $scope, $compile, $attrs) { + var gridOptions; + var quickFilterOnScope; + var keyOfGridInScope = $attrs.agGrid; + quickFilterOnScope = keyOfGridInScope + '.quickFilterText'; + gridOptions = $scope.$eval(keyOfGridInScope); + if (!gridOptions) { + console.warn("WARNING - grid options for ag-Grid not found. Please ensure the attribute ag-grid points to a valid object on the scope"); + return; + } + var eGridDiv = $element[0]; + var gridParams = { + $scope: $scope, + $compile: $compile, + quickFilterOnScope: quickFilterOnScope + }; + var grid = new grid_1.Grid(eGridDiv, gridOptions, gridParams); + $scope.$on("$destroy", function () { + grid.destroy(); + grid = null; + }); + } + + +/***/ }), +/* 120 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var gridOptionsWrapper_1 = __webpack_require__(4); + var selectionController_1 = __webpack_require__(33); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var rowRenderer_1 = __webpack_require__(26); + var headerRootComp_1 = __webpack_require__(99); + var filterManager_1 = __webpack_require__(45); + var valueService_1 = __webpack_require__(28); + var eventService_1 = __webpack_require__(5); + var gridPanel_1 = __webpack_require__(91); + var gridApi_1 = __webpack_require__(14); + var balancedColumnTreeBuilder_1 = __webpack_require__(3); + var displayedGroupCreator_1 = __webpack_require__(24); + var expressionService_1 = __webpack_require__(23); + var templateService_1 = __webpack_require__(27); + var popupService_1 = __webpack_require__(46); + var logger_1 = __webpack_require__(6); + var columnUtils_1 = __webpack_require__(20); + var autoWidthCalculator_1 = __webpack_require__(25); + var horizontalResizeService_1 = __webpack_require__(103); + var context_1 = __webpack_require__(7); + var csvCreator_1 = __webpack_require__(15); + var gridCore_1 = __webpack_require__(44); + var standardMenu_1 = __webpack_require__(121); + var dragAndDropService_1 = __webpack_require__(40); + var dragService_1 = __webpack_require__(41); + var sortController_1 = __webpack_require__(74); + var focusedCellController_1 = __webpack_require__(58); + var mouseEventService_1 = __webpack_require__(67); + var cellNavigationService_1 = __webpack_require__(111); + var utils_1 = __webpack_require__(8); + var filterStage_1 = __webpack_require__(122); + var sortStage_1 = __webpack_require__(125); + var flattenStage_1 = __webpack_require__(127); + var cellEditorFactory_1 = __webpack_require__(59); + var events_1 = __webpack_require__(11); + var infiniteRowModel_1 = __webpack_require__(128); + var clientSideRowModel_1 = __webpack_require__(134); + var cellRendererFactory_1 = __webpack_require__(61); + var cellRendererService_1 = __webpack_require__(65); + var valueFormatterService_1 = __webpack_require__(66); + var agCheckbox_1 = __webpack_require__(105); + var baseFrameworkFactory_1 = __webpack_require__(137); + var scrollVisibleService_1 = __webpack_require__(71); + var downloader_1 = __webpack_require__(114); + var xmlFactory_1 = __webpack_require__(138); + var gridSerializer_1 = __webpack_require__(16); + var stylingService_1 = __webpack_require__(68); + var columnHoverService_1 = __webpack_require__(69); + var columnAnimationService_1 = __webpack_require__(57); + var sortService_1 = __webpack_require__(126); + var filterService_1 = __webpack_require__(123); + var rowNodeFactory_1 = __webpack_require__(139); + var autoGroupColService_1 = __webpack_require__(113); + var paginationProxy_1 = __webpack_require__(70); + var immutableService_1 = __webpack_require__(115); + var constants_1 = __webpack_require__(9); + var valueCache_1 = __webpack_require__(29); + var changeDetectionService_1 = __webpack_require__(140); + var alignedGridsService_1 = __webpack_require__(94); + var pinnedRowModel_1 = __webpack_require__(95); + var componentResolver_1 = __webpack_require__(47); + var componentRecipes_1 = __webpack_require__(52); + var componentProvider_1 = __webpack_require__(48); + var agComponentUtils_1 = __webpack_require__(89); + var componentMetadataProvider_1 = __webpack_require__(90); + var beans_1 = __webpack_require__(56); + var environment_1 = __webpack_require__(42); + var animationFrameService_1 = __webpack_require__(72); + var navigationService_1 = __webpack_require__(96); + var heightScaler_1 = __webpack_require__(75); + var selectableService_1 = __webpack_require__(124); + var autoHeightCalculator_1 = __webpack_require__(98); + var paginationComp_1 = __webpack_require__(141); + var Grid = (function () { + function Grid(eGridDiv, gridOptions, params) { + if (!eGridDiv) { + console.error('ag-Grid: no div element provided to the grid'); + } + if (!gridOptions) { + console.error('ag-Grid: no gridOptions provided to the grid'); + } + var rowModelClass = this.getRowModelClass(gridOptions); + var enterprise = utils_1.Utils.exists(Grid.enterpriseBeans); + var frameworkFactory = params ? params.frameworkFactory : null; + if (utils_1.Utils.missing(frameworkFactory)) { + frameworkFactory = new baseFrameworkFactory_1.BaseFrameworkFactory(); + } + var overrideBeans = []; + if (Grid.enterpriseBeans) { + overrideBeans = overrideBeans.concat(Grid.enterpriseBeans); + } + if (Grid.frameworkBeans) { + overrideBeans = overrideBeans.concat(Grid.frameworkBeans); + } + var seed = { + enterprise: enterprise, + gridOptions: gridOptions, + eGridDiv: eGridDiv, + $scope: params ? params.$scope : null, + $compile: params ? params.$compile : null, + quickFilterOnScope: params ? params.quickFilterOnScope : null, + globalEventListener: params ? params.globalEventListener : null, + frameworkFactory: frameworkFactory + }; + if (params && params.seedBeanInstances) { + utils_1.Utils.assign(seed, params.seedBeanInstances); + } + var components = [ + { componentName: 'AgCheckbox', theClass: agCheckbox_1.AgCheckbox }, + { componentName: 'AgGridComp', theClass: gridPanel_1.GridPanel }, + { componentName: 'AgHeaderRoot', theClass: headerRootComp_1.HeaderRootComp }, + { componentName: 'AgPagination', theClass: paginationComp_1.PaginationComp }, + ]; + if (Grid.enterpriseComponents) { + components = components.concat(Grid.enterpriseComponents); + } + var contextParams = { + overrideBeans: overrideBeans, + seed: seed, + //Careful with the order of the beans here, there are dependencies between them that need to be kept + beans: [rowModelClass, beans_1.Beans, paginationProxy_1.PaginationAutoPageSizeService, gridApi_1.GridApi, componentProvider_1.ComponentProvider, agComponentUtils_1.AgComponentUtils, componentMetadataProvider_1.ComponentMetadataProvider, + componentProvider_1.ComponentProvider, componentResolver_1.ComponentResolver, componentRecipes_1.ComponentRecipes, heightScaler_1.HeightScaler, autoHeightCalculator_1.AutoHeightCalculator, + cellRendererFactory_1.CellRendererFactory, horizontalResizeService_1.HorizontalResizeService, pinnedRowModel_1.PinnedRowModel, dragService_1.DragService, + displayedGroupCreator_1.DisplayedGroupCreator, eventService_1.EventService, gridOptionsWrapper_1.GridOptionsWrapper, selectionController_1.SelectionController, + filterManager_1.FilterManager, columnController_1.ColumnController, paginationProxy_1.PaginationProxy, rowRenderer_1.RowRenderer, expressionService_1.ExpressionService, + balancedColumnTreeBuilder_1.BalancedColumnTreeBuilder, csvCreator_1.CsvCreator, downloader_1.Downloader, xmlFactory_1.XmlFactory, gridSerializer_1.GridSerializer, templateService_1.TemplateService, + navigationService_1.NavigationService, popupService_1.PopupService, valueCache_1.ValueCache, valueService_1.ValueService, alignedGridsService_1.AlignedGridsService, + logger_1.LoggerFactory, columnUtils_1.ColumnUtils, autoWidthCalculator_1.AutoWidthCalculator, popupService_1.PopupService, gridCore_1.GridCore, standardMenu_1.StandardMenuFactory, + dragAndDropService_1.DragAndDropService, columnApi_1.ColumnApi, focusedCellController_1.FocusedCellController, mouseEventService_1.MouseEventService, + cellNavigationService_1.CellNavigationService, filterStage_1.FilterStage, sortStage_1.SortStage, flattenStage_1.FlattenStage, filterService_1.FilterService, rowNodeFactory_1.RowNodeFactory, + cellEditorFactory_1.CellEditorFactory, cellRendererService_1.CellRendererService, valueFormatterService_1.ValueFormatterService, stylingService_1.StylingService, scrollVisibleService_1.ScrollVisibleService, + columnHoverService_1.ColumnHoverService, columnAnimationService_1.ColumnAnimationService, sortService_1.SortService, selectableService_1.SelectableService, autoGroupColService_1.AutoGroupColService, immutableService_1.ImmutableService, + changeDetectionService_1.ChangeDetectionService, environment_1.Environment, animationFrameService_1.AnimationFrameService, sortController_1.SortController], + components: components, + debug: !!gridOptions.debug + }; + var isLoggingFunc = function () { return contextParams.debug; }; + this.context = new context_1.Context(contextParams, new logger_1.Logger('Context', isLoggingFunc)); + this.setColumnsAndData(); + this.dispatchGridReadyEvent(gridOptions); + if (gridOptions.debug) { + console.log('ag-Grid -> initialised successfully, enterprise = ' + enterprise); + } + } + Grid.setEnterpriseBeans = function (enterpriseBeans, rowModelClasses) { + this.enterpriseBeans = enterpriseBeans; + // the enterprise can inject additional row models. this is how it injects the viewportRowModel + utils_1.Utils.iterateObject(rowModelClasses, function (key, value) { return Grid.RowModelClasses[key] = value; }); + }; + Grid.setEnterpriseComponents = function (components) { + this.enterpriseComponents = components; + }; + Grid.setFrameworkBeans = function (frameworkBeans) { + this.frameworkBeans = frameworkBeans; + }; + Grid.prototype.setColumnsAndData = function () { + var gridOptionsWrapper = this.context.getBean('gridOptionsWrapper'); + var columnController = this.context.getBean('columnController'); + var rowModel = this.context.getBean('rowModel'); + var columnDefs = gridOptionsWrapper.getColumnDefs(); + var rowData = gridOptionsWrapper.getRowData(); + var nothingToSet = utils_1.Utils.missing(columnDefs) && utils_1.Utils.missing(rowData); + if (nothingToSet) { + return; + } + if (utils_1.Utils.exists(columnDefs)) { + columnController.setColumnDefs(columnDefs, "gridInitializing"); + } + if (utils_1.Utils.exists(rowData) && rowModel.getType() === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + var clientSideRowModel = rowModel; + clientSideRowModel.setRowData(rowData); + } + }; + Grid.prototype.dispatchGridReadyEvent = function (gridOptions) { + var eventService = this.context.getBean('eventService'); + var readyEvent = { + type: events_1.Events.EVENT_GRID_READY, + api: gridOptions.api, + columnApi: gridOptions.columnApi + }; + eventService.dispatchEvent(readyEvent); + }; + Grid.prototype.getRowModelClass = function (gridOptions) { + var rowModelType = gridOptions.rowModelType; + //TODO: temporary measure before 'enterprise' is completely removed (similar handling in gridOptionsWrapper is also required) + rowModelType = rowModelType === 'enterprise' ? constants_1.Constants.ROW_MODEL_TYPE_SERVER_SIDE : rowModelType; + if (utils_1.Utils.exists(rowModelType)) { + var rowModelClass = Grid.RowModelClasses[rowModelType]; + if (utils_1.Utils.exists(rowModelClass)) { + return rowModelClass; + } + else { + if (rowModelType === 'normal') { + console.warn("ag-Grid: normal rowModel deprecated. Should now be called client side row model instead."); + return clientSideRowModel_1.ClientSideRowModel; + } + console.error('ag-Grid: could not find matching row model for rowModelType ' + rowModelType); + if (rowModelType === constants_1.Constants.ROW_MODEL_TYPE_VIEWPORT) { + console.error('ag-Grid: rowModelType viewport is only available in ag-Grid Enterprise'); + } + if (rowModelType === constants_1.Constants.ROW_MODEL_TYPE_SERVER_SIDE) { + console.error('ag-Grid: rowModelType server side is only available in ag-Grid Enterprise'); + } + } + } + return clientSideRowModel_1.ClientSideRowModel; + }; + ; + Grid.prototype.destroy = function () { + this.context.destroy(); + }; + // the default is ClientSideRowModel, which is also used for pagination. + // the enterprise adds viewport to this list. + Grid.RowModelClasses = { + infinite: infiniteRowModel_1.InfiniteRowModel, + clientSide: clientSideRowModel_1.ClientSideRowModel + }; + return Grid; + }()); + exports.Grid = Grid; + + +/***/ }), +/* 121 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var filterManager_1 = __webpack_require__(45); + var utils_1 = __webpack_require__(8); + var popupService_1 = __webpack_require__(46); + var gridOptionsWrapper_1 = __webpack_require__(4); + var eventService_1 = __webpack_require__(5); + var StandardMenuFactory = (function () { + function StandardMenuFactory() { + } + StandardMenuFactory.prototype.hideActiveMenu = function () { + if (this.hidePopup) { + this.hidePopup(); + } + }; + StandardMenuFactory.prototype.showMenuAfterMouseEvent = function (column, mouseEvent) { + var _this = this; + this.showPopup(column, function (eMenu) { + _this.popupService.positionPopupUnderMouseEvent({ + column: column, + type: 'columnMenu', + mouseEvent: mouseEvent, + ePopup: eMenu + }); + }); + }; + StandardMenuFactory.prototype.showMenuAfterButtonClick = function (column, eventSource) { + var _this = this; + this.showPopup(column, function (eMenu) { + _this.popupService.positionPopupUnderComponent({ type: 'columnMenu', eventSource: eventSource, + ePopup: eMenu, keepWithinBounds: true, column: column }); + }); + }; + StandardMenuFactory.prototype.showPopup = function (column, positionCallback) { + var _this = this; + var filterWrapper = this.filterManager.getOrCreateFilterWrapper(column); + var eMenu = document.createElement('div'); + utils_1.Utils.addCssClass(eMenu, 'ag-menu'); + filterWrapper.guiPromise.promise.then(function (gui) { + eMenu.appendChild(gui); + }); + var hidePopup; + var bodyScrollListener = function (event) { + // if h scroll, popup is no longer over the column + if (event.direction === 'horizontal') { + hidePopup(); + } + }; + this.eventService.addEventListener('bodyScroll', bodyScrollListener); + var closedCallback = function () { + _this.eventService.removeEventListener('bodyScroll', bodyScrollListener); + column.setMenuVisible(false, "contextMenu"); + }; + // need to show filter before positioning, as only after filter + // is visible can we find out what the width of it is + hidePopup = this.popupService.addAsModalPopup(eMenu, true, closedCallback); + positionCallback(eMenu); + filterWrapper.filterPromise.then(function (filter) { + if (filter.afterGuiAttached) { + var params = { + hidePopup: hidePopup + }; + filter.afterGuiAttached(params); + } + }); + this.hidePopup = hidePopup; + column.setMenuVisible(true, "contextMenu"); + }; + StandardMenuFactory.prototype.isMenuEnabled = function (column) { + // for standard, we show menu if filter is enabled, and he menu is not suppressed + return this.gridOptionsWrapper.isEnableFilter() && column.isFilterAllowed(); + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], StandardMenuFactory.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], StandardMenuFactory.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('popupService'), + __metadata("design:type", popupService_1.PopupService) + ], StandardMenuFactory.prototype, "popupService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], StandardMenuFactory.prototype, "gridOptionsWrapper", void 0); + StandardMenuFactory = __decorate([ + context_1.Bean('menuFactory') + ], StandardMenuFactory); + return StandardMenuFactory; + }()); + exports.StandardMenuFactory = StandardMenuFactory; + + +/***/ }), +/* 122 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var filterService_1 = __webpack_require__(123); + var selectableService_1 = __webpack_require__(124); + var FilterStage = (function () { + function FilterStage() { + } + FilterStage.prototype.execute = function (params) { + var rowNode = params.rowNode; + if (this.gridOptionsWrapper.isEnableServerSideFilter()) { + this.filterService.filter(rowNode, false); + } + else { + this.filterService.filterAccordingToColumnState(rowNode); + } + this.selectableService.updateSelectableAfterFiltering(rowNode); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], FilterStage.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('selectableService'), + __metadata("design:type", selectableService_1.SelectableService) + ], FilterStage.prototype, "selectableService", void 0); + __decorate([ + context_1.Autowired('filterService'), + __metadata("design:type", filterService_1.FilterService) + ], FilterStage.prototype, "filterService", void 0); + FilterStage = __decorate([ + context_1.Bean('filterStage') + ], FilterStage); + return FilterStage; + }()); + exports.FilterStage = FilterStage; + + +/***/ }), +/* 123 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var filterManager_1 = __webpack_require__(45); + var gridOptionsWrapper_1 = __webpack_require__(4); + var FilterService = (function () { + function FilterService() { + } + FilterService.prototype.postConstruct = function () { + this.doingTreeData = this.gridOptionsWrapper.isTreeData(); + }; + FilterService.prototype.filterAccordingToColumnState = function (rowNode) { + var filterActive = this.filterManager.isAnyFilterPresent(); + this.filter(rowNode, filterActive); + }; + FilterService.prototype.filter = function (rowNode, filterActive) { + var _this = this; + // recursively get all children that are groups to also filter + if (rowNode.hasChildren()) { + rowNode.childrenAfterGroup.forEach(function (node) { return _this.filter(node, filterActive); }); + // result of filter for this node + if (filterActive) { + rowNode.childrenAfterFilter = rowNode.childrenAfterGroup.filter(function (childNode) { + // a group is included in the result if it has any children of it's own. + // by this stage, the child groups are already filtered + var passBecauseChildren = childNode.childrenAfterFilter && childNode.childrenAfterFilter.length > 0; + // both leaf level nodes and tree data nodes have data. these get added if + // the data passes the filter + var passBecauseDataPasses = childNode.data && _this.filterManager.doesRowPassFilter(childNode); + // note - tree data nodes pass either if a) they pass themselves or b) any children of that node pass + return passBecauseChildren || passBecauseDataPasses; + }); + } + else { + // if not filtering, the result is the original list + rowNode.childrenAfterFilter = rowNode.childrenAfterGroup; + } + this.setAllChildrenCount(rowNode); + } + else { + rowNode.childrenAfterFilter = rowNode.childrenAfterGroup; + rowNode.setAllChildrenCount(null); + } + }; + FilterService.prototype.setAllChildrenCountTreeData = function (rowNode) { + // for tree data, we include all children, groups and leafs + var allChildrenCount = 0; + rowNode.childrenAfterFilter.forEach(function (child) { + // include child itself + allChildrenCount++; + // include children of children + allChildrenCount += child.allChildrenCount; + }); + rowNode.setAllChildrenCount(allChildrenCount); + }; + FilterService.prototype.setAllChildrenCountGridGrouping = function (rowNode) { + // for grid data, we only count the leafs + var allChildrenCount = 0; + rowNode.childrenAfterFilter.forEach(function (child) { + if (child.group) { + allChildrenCount += child.allChildrenCount; + } + else { + allChildrenCount++; + } + }); + rowNode.setAllChildrenCount(allChildrenCount); + }; + FilterService.prototype.setAllChildrenCount = function (rowNode) { + if (this.doingTreeData) { + this.setAllChildrenCountTreeData(rowNode); + } + else { + this.setAllChildrenCountGridGrouping(rowNode); + } + }; + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], FilterService.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], FilterService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], FilterService.prototype, "postConstruct", null); + FilterService = __decorate([ + context_1.Bean("filterService") + ], FilterService); + return FilterService; + }()); + exports.FilterService = FilterService; + + +/***/ }), +/* 124 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var SelectableService = (function () { + function SelectableService() { + } + SelectableService.prototype.init = function () { + this.groupSelectsChildren = this.gridOptionsWrapper.isGroupSelectsChildren(); + this.isRowSelectableFunc = this.gridOptionsWrapper.getIsRowSelectableFunc(); + }; + SelectableService.prototype.updateSelectableAfterGrouping = function (rowNode) { + if (this.isRowSelectableFunc) { + var nextChildrenFunc = function (rowNode) { return rowNode.childrenAfterGroup; }; + this.recurseDown(rowNode.childrenAfterGroup, nextChildrenFunc); + } + }; + SelectableService.prototype.updateSelectableAfterFiltering = function (rowNode) { + if (this.isRowSelectableFunc) { + var nextChildrenFunc = function (rowNode) { return rowNode.childrenAfterFilter; }; + this.recurseDown(rowNode.childrenAfterGroup, nextChildrenFunc); + } + }; + SelectableService.prototype.recurseDown = function (children, nextChildrenFunc) { + var _this = this; + children.forEach(function (child) { + if (!child.group) { + return; + } // only interested in groups + if (child.hasChildren()) { + _this.recurseDown(nextChildrenFunc(child), nextChildrenFunc); + } + var rowSelectable; + if (_this.groupSelectsChildren) { + // have this group selectable if at least one direct child is selectable + var firstSelectable = utils_1._.find(nextChildrenFunc(child), 'selectable', true); + rowSelectable = utils_1._.exists(firstSelectable); + } + else { + // directly retrieve selectable value from user callback + rowSelectable = _this.isRowSelectableFunc(child); + } + child.setRowSelectable(rowSelectable); + }); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], SelectableService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], SelectableService.prototype, "init", null); + SelectableService = __decorate([ + context_1.Bean('selectableService') + ], SelectableService); + return SelectableService; + }()); + exports.SelectableService = SelectableService; + + +/***/ }), +/* 125 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var sortService_1 = __webpack_require__(126); + var SortStage = (function () { + function SortStage() { + } + SortStage.prototype.execute = function (params) { + // if the sorting is already done by the server, then we should not do it here + if (this.gridOptionsWrapper.isEnableServerSideSorting()) { + this.sortService.sort(params.rowNode, null); + } + else { + this.sortService.sortAccordingToColumnsState(params.rowNode); + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], SortStage.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('sortService'), + __metadata("design:type", sortService_1.SortService) + ], SortStage.prototype, "sortService", void 0); + SortStage = __decorate([ + context_1.Bean('sortStage') + ], SortStage); + return SortStage; + }()); + exports.SortStage = SortStage; + + +/***/ }), +/* 126 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var sortController_1 = __webpack_require__(74); + var utils_1 = __webpack_require__(8); + var valueService_1 = __webpack_require__(28); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnController_1 = __webpack_require__(17); + var SortService = (function () { + function SortService() { + } + SortService.prototype.init = function () { + this.postSortFunc = this.gridOptionsWrapper.getPostSortFunc(); + }; + SortService.prototype.sortAccordingToColumnsState = function (rowNode) { + var sortOptions = this.sortController.getSortForRowController(); + this.sort(rowNode, sortOptions); + }; + SortService.prototype.sort = function (rowNode, sortOptions) { + var _this = this; + rowNode.childrenAfterSort = rowNode.childrenAfterFilter.slice(0); + // we clear out the 'pull down open parents' first, as the values mix up the sorting + this.pullDownDataForHideOpenParents(rowNode, true); + var sortActive = utils_1._.exists(sortOptions) && sortOptions.length > 0; + if (sortActive) { + // RE https://ag-grid.atlassian.net/browse/AG-444 + //Javascript sort is non deterministic when all the array items are equals + //ie Comparator always returns 0, so if you want to ensure the array keeps its + //order, then you need to add an additional sorting condition manually, in this + //case we are going to inspect the original array position + var sortedRowNodes = rowNode.childrenAfterSort.map(function (it, pos) { + return { currentPos: pos, rowNode: it }; + }); + sortedRowNodes.sort(this.compareRowNodes.bind(this, sortOptions)); + rowNode.childrenAfterSort = sortedRowNodes.map(function (sorted) { return sorted.rowNode; }); + } + this.updateChildIndexes(rowNode); + this.pullDownDataForHideOpenParents(rowNode, false); + // sort any groups recursively + rowNode.childrenAfterFilter.forEach(function (child) { + if (child.hasChildren()) { + _this.sort(child, sortOptions); + } + }); + if (this.postSortFunc) { + this.postSortFunc(rowNode.childrenAfterSort); + } + }; + SortService.prototype.compareRowNodes = function (sortOptions, sortedNodeA, sortedNodeB) { + var nodeA = sortedNodeA.rowNode; + var nodeB = sortedNodeB.rowNode; + // Iterate columns, return the first that doesn't match + for (var i = 0, len = sortOptions.length; i < len; i++) { + var sortOption = sortOptions[i]; + // let compared = compare(nodeA, nodeB, sortOption.column, sortOption.inverter === -1); + var isInverted = sortOption.inverter === -1; + var valueA = this.getValue(nodeA, sortOption.column); + var valueB = this.getValue(nodeB, sortOption.column); + var comparatorResult = void 0; + if (sortOption.column.getColDef().comparator) { + //if comparator provided, use it + comparatorResult = sortOption.column.getColDef().comparator(valueA, valueB, nodeA, nodeB, isInverted); + } + else { + //otherwise do our own comparison + comparatorResult = utils_1._.defaultComparator(valueA, valueB, this.gridOptionsWrapper.isAccentedSort()); + } + if (comparatorResult !== 0) { + return comparatorResult * sortOption.inverter; + } + } + // All matched, we make is so that the original sort order is kept: + return sortedNodeA.currentPos - sortedNodeB.currentPos; + }; + SortService.prototype.getValue = function (nodeA, column) { + return this.valueService.getValue(column, nodeA); + }; + SortService.prototype.updateChildIndexes = function (rowNode) { + if (utils_1._.missing(rowNode.childrenAfterSort)) { + return; + } + rowNode.childrenAfterSort.forEach(function (child, index) { + var firstChild = index === 0; + var lastChild = index === rowNode.childrenAfterSort.length - 1; + child.setFirstChild(firstChild); + child.setLastChild(lastChild); + child.setChildIndex(index); + }); + }; + SortService.prototype.pullDownDataForHideOpenParents = function (rowNode, clearOperation) { + var _this = this; + if (utils_1._.missing(rowNode.childrenAfterSort)) { + return; + } + if (!this.gridOptionsWrapper.isGroupHideOpenParents()) { + return; + } + rowNode.childrenAfterSort.forEach(function (childRowNode) { + var groupDisplayCols = _this.columnController.getGroupDisplayColumns(); + groupDisplayCols.forEach(function (groupDisplayCol) { + var showRowGroup = groupDisplayCol.getColDef().showRowGroup; + if (typeof showRowGroup !== 'string') { + console.error('ag-Grid: groupHideOpenParents only works when specifying specific columns for colDef.showRowGroup'); + return; + } + var displayingGroupKey = showRowGroup; + var rowGroupColumn = _this.columnController.getPrimaryColumn(displayingGroupKey); + var thisRowNodeMatches = rowGroupColumn === childRowNode.rowGroupColumn; + if (thisRowNodeMatches) { + return; + } + if (clearOperation) { + // if doing a clear operation, we clear down the value for every possible group column + childRowNode.setGroupValue(groupDisplayCol.getId(), null); + } + else { + // if doing a set operation, we set only where the pull down is to occur + var parentToStealFrom = childRowNode.getFirstChildOfFirstChild(rowGroupColumn); + if (parentToStealFrom) { + childRowNode.setGroupValue(groupDisplayCol.getId(), parentToStealFrom.key); + } + } + }); + }); + }; + __decorate([ + context_1.Autowired('sortController'), + __metadata("design:type", sortController_1.SortController) + ], SortService.prototype, "sortController", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], SortService.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], SortService.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], SortService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], SortService.prototype, "init", null); + SortService = __decorate([ + context_1.Bean('sortService') + ], SortService); + return SortService; + }()); + exports.SortService = SortService; + + +/***/ }), +/* 127 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var rowNode_1 = __webpack_require__(32); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var selectionController_1 = __webpack_require__(33); + var eventService_1 = __webpack_require__(5); + var columnController_1 = __webpack_require__(17); + var FlattenStage = (function () { + function FlattenStage() { + } + FlattenStage.prototype.execute = function (params) { + var rootNode = params.rowNode; + // even if not doing grouping, we do the mapping, as the client might + // of passed in data that already has a grouping in it somewhere + var result = []; + // putting value into a wrapper so it's passed by reference + var nextRowTop = { value: 0 }; + var skipLeafNodes = this.columnController.isPivotMode(); + // if we are reducing, and not grouping, then we want to show the root node, as that + // is where the pivot values are + var showRootNode = skipLeafNodes && rootNode.leafGroup; + var topList = showRootNode ? [rootNode] : rootNode.childrenAfterSort; + // set all row tops to null, then set row tops on all visible rows. if we don't + // do this, then the algorithm below only sets row tops, old row tops from old rows + // will still lie around + this.resetRowTops(rootNode); + this.recursivelyAddToRowsToDisplay(topList, result, nextRowTop, skipLeafNodes, 0); + // don't show total footer when showRootNode is true (i.e. in pivot mode and no groups) + var includeGroupTotalFooter = !showRootNode && this.gridOptionsWrapper.isGroupIncludeTotalFooter(); + if (includeGroupTotalFooter) { + this.ensureFooterNodeExists(rootNode); + this.addRowNodeToRowsToDisplay(rootNode.sibling, result, nextRowTop, 0); + } + return result; + }; + FlattenStage.prototype.resetRowTops = function (rowNode) { + rowNode.clearRowTop(); + if (rowNode.hasChildren()) { + if (rowNode.childrenAfterGroup) { + for (var i = 0; i < rowNode.childrenAfterGroup.length; i++) { + this.resetRowTops(rowNode.childrenAfterGroup[i]); + } + } + if (rowNode.sibling) { + rowNode.sibling.clearRowTop(); + } + } + }; + FlattenStage.prototype.recursivelyAddToRowsToDisplay = function (rowsToFlatten, result, nextRowTop, skipLeafNodes, uiLevel) { + if (utils_1.Utils.missingOrEmpty(rowsToFlatten)) { + return; + } + var groupSuppressRow = this.gridOptionsWrapper.isGroupSuppressRow(); + var hideOpenParents = this.gridOptionsWrapper.isGroupHideOpenParents(); + // these two are mutually exclusive, so if first set, we don't set the second + var groupRemoveSingleChildren = this.gridOptionsWrapper.isGroupRemoveSingleChildren(); + var groupRemoveLowestSingleChildren = !groupRemoveSingleChildren && this.gridOptionsWrapper.isGroupRemoveLowestSingleChildren(); + for (var i = 0; i < rowsToFlatten.length; i++) { + var rowNode = rowsToFlatten[i]; + // check all these cases, for working out if this row should be included in the final mapped list + var isParent = rowNode.hasChildren(); + var isGroupSuppressedNode = groupSuppressRow && isParent; + var isSkippedLeafNode = skipLeafNodes && !isParent; + var isRemovedSingleChildrenGroup = groupRemoveSingleChildren && isParent && rowNode.childrenAfterGroup.length === 1; + var isRemovedLowestSingleChildrenGroup = groupRemoveLowestSingleChildren && isParent && rowNode.leafGroup && rowNode.childrenAfterGroup.length === 1; + // hide open parents means when group is open, we don't show it. we also need to make sure the + // group is expandable in the first place (as leaf groups are not expandable if pivot mode is on). + // the UI will never allow expanding leaf groups, however the user might via the API (or menu option 'expand all') + var neverAllowToExpand = skipLeafNodes && rowNode.leafGroup; + var isHiddenOpenParent = hideOpenParents && rowNode.expanded && (!neverAllowToExpand); + var thisRowShouldBeRendered = !isSkippedLeafNode && !isGroupSuppressedNode && !isHiddenOpenParent && !isRemovedSingleChildrenGroup && !isRemovedLowestSingleChildrenGroup; + if (thisRowShouldBeRendered) { + this.addRowNodeToRowsToDisplay(rowNode, result, nextRowTop, uiLevel); + } + // if we are pivoting, we never map below the leaf group + if (skipLeafNodes && rowNode.leafGroup) { + continue; + } + if (isParent) { + var excludedParent = isRemovedSingleChildrenGroup || isRemovedLowestSingleChildrenGroup; + // we traverse the group if it is expended, however we always traverse if the parent node + // was removed (as the group will never be opened if it is not displayed, we show the children instead) + if (rowNode.expanded || excludedParent) { + // if the parent was excluded, then ui level is that of the parent + var uiLevelForChildren = excludedParent ? uiLevel : uiLevel + 1; + this.recursivelyAddToRowsToDisplay(rowNode.childrenAfterSort, result, nextRowTop, skipLeafNodes, uiLevelForChildren); + // put a footer in if user is looking for it + if (this.gridOptionsWrapper.isGroupIncludeFooter()) { + this.ensureFooterNodeExists(rowNode); + this.addRowNodeToRowsToDisplay(rowNode.sibling, result, nextRowTop, uiLevel); + } + } + else { + } + } + else if (rowNode.master && rowNode.expanded) { + var detailNode = this.createDetailNode(rowNode); + this.addRowNodeToRowsToDisplay(detailNode, result, nextRowTop, uiLevel); + } + } + }; + // duplicated method, it's also in floatingRowModel + FlattenStage.prototype.addRowNodeToRowsToDisplay = function (rowNode, result, nextRowTop, uiLevel) { + result.push(rowNode); + if (utils_1.Utils.missing(rowNode.rowHeight)) { + var rowHeight = this.gridOptionsWrapper.getRowHeightForNode(rowNode); + rowNode.setRowHeight(rowHeight); + } + rowNode.setUiLevel(uiLevel); + rowNode.setRowTop(nextRowTop.value); + rowNode.setRowIndex(result.length - 1); + nextRowTop.value += rowNode.rowHeight; + }; + FlattenStage.prototype.ensureFooterNodeExists = function (groupNode) { + // only create footer node once, otherwise we have daemons and + // the animate screws up with the daemons hanging around + if (utils_1.Utils.exists(groupNode.sibling)) { + return; + } + var footerNode = new rowNode_1.RowNode(); + this.context.wireBean(footerNode); + Object.keys(groupNode).forEach(function (key) { + footerNode[key] = groupNode[key]; + }); + footerNode.footer = true; + footerNode.rowTop = null; + footerNode.oldRowTop = null; + if (utils_1.Utils.exists(footerNode.id)) { + footerNode.id = 'rowGroupFooter_' + footerNode.id; + } + // get both header and footer to reference each other as siblings. this is never undone, + // only overwritten. so if a group is expanded, then contracted, it will have a ghost + // sibling - but that's fine, as we can ignore this if the header is contracted. + footerNode.sibling = groupNode; + groupNode.sibling = footerNode; + }; + FlattenStage.prototype.createDetailNode = function (masterNode) { + if (utils_1.Utils.exists(masterNode.detailNode)) { + return masterNode.detailNode; + } + else { + var detailNode = new rowNode_1.RowNode(); + this.context.wireBean(detailNode); + detailNode.detail = true; + // flower was renamed to 'detail', but keeping for backwards compatibility + detailNode.flower = detailNode.detail; + detailNode.parent = masterNode; + if (utils_1.Utils.exists(masterNode.id)) { + detailNode.id = 'detail_' + masterNode.id; + } + detailNode.data = masterNode.data; + detailNode.level = masterNode.level + 1; + masterNode.detailNode = detailNode; + masterNode.childFlower = masterNode.detailNode; // for backwards compatibility + return detailNode; + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], FlattenStage.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], FlattenStage.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], FlattenStage.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], FlattenStage.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], FlattenStage.prototype, "columnController", void 0); + FlattenStage = __decorate([ + context_1.Bean('flattenStage') + ], FlattenStage); + return FlattenStage; + }()); + exports.FlattenStage = FlattenStage; + + +/***/ }), +/* 128 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var selectionController_1 = __webpack_require__(33); + var events_1 = __webpack_require__(11); + var sortController_1 = __webpack_require__(74); + var filterManager_1 = __webpack_require__(45); + var constants_1 = __webpack_require__(9); + var infiniteCache_1 = __webpack_require__(129); + var beanStub_1 = __webpack_require__(37); + var rowNodeCache_1 = __webpack_require__(132); + var rowNodeBlockLoader_1 = __webpack_require__(133); + var gridApi_1 = __webpack_require__(14); + var columnApi_1 = __webpack_require__(22); + var InfiniteRowModel = (function (_super) { + __extends(InfiniteRowModel, _super); + function InfiniteRowModel() { + return _super !== null && _super.apply(this, arguments) || this; + } + InfiniteRowModel.prototype.getRowBounds = function (index) { + return { + rowHeight: this.rowHeight, + rowTop: this.rowHeight * index + }; + }; + InfiniteRowModel.prototype.init = function () { + var _this = this; + if (!this.gridOptionsWrapper.isRowModelInfinite()) { + return; + } + this.rowHeight = this.gridOptionsWrapper.getRowHeightAsNumber(); + this.addEventListeners(); + this.setDatasource(this.gridOptionsWrapper.getDatasource()); + this.addDestroyFunc(function () { return _this.destroyCache(); }); + }; + InfiniteRowModel.prototype.destroyDatasource = function () { + if (this.datasource && this.datasource.destroy) { + this.datasource.destroy(); + } + this.datasource = null; + }; + InfiniteRowModel.prototype.isLastRowFound = function () { + return this.infiniteCache ? this.infiniteCache.isMaxRowFound() : false; + }; + InfiniteRowModel.prototype.addEventListeners = function () { + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_FILTER_CHANGED, this.onFilterChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_SORT_CHANGED, this.onSortChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.onColumnEverything.bind(this)); + }; + InfiniteRowModel.prototype.onFilterChanged = function () { + if (this.gridOptionsWrapper.isEnableServerSideFilter()) { + this.reset(); + } + }; + InfiniteRowModel.prototype.onSortChanged = function () { + if (this.gridOptionsWrapper.isEnableServerSideSorting()) { + this.reset(); + } + }; + InfiniteRowModel.prototype.onColumnEverything = function () { + // if the columns get reset, then this means the sort order could be impacted + if (this.gridOptionsWrapper.isEnableServerSideSorting()) { + this.reset(); + } + }; + InfiniteRowModel.prototype.destroy = function () { + _super.prototype.destroy.call(this); + }; + InfiniteRowModel.prototype.getType = function () { + return constants_1.Constants.ROW_MODEL_TYPE_INFINITE; + }; + InfiniteRowModel.prototype.setDatasource = function (datasource) { + this.destroyDatasource(); + this.datasource = datasource; + // only reset if we have a valid datasource to working with + if (datasource) { + this.checkForDeprecated(); + this.reset(); + } + }; + InfiniteRowModel.prototype.checkForDeprecated = function () { + var ds = this.datasource; + // the number of concurrent loads we are allowed to the server + if (utils_1.Utils.exists(ds.maxConcurrentRequests)) { + console.error('ag-Grid: since version 5.1.x, maxConcurrentRequests is replaced with grid property maxConcurrentDatasourceRequests'); + } + if (utils_1.Utils.exists(ds.maxPagesInCache)) { + console.error('ag-Grid: since version 5.1.x, maxPagesInCache is replaced with grid property maxPagesInPaginationCache'); + } + if (utils_1.Utils.exists(ds.overflowSize)) { + console.error('ag-Grid: since version 5.1.x, overflowSize is replaced with grid property paginationOverflowSize'); + } + if (utils_1.Utils.exists(ds.blockSize)) { + console.error('ag-Grid: since version 5.1.x, pageSize/blockSize is replaced with grid property infinitePageSize'); + } + }; + InfiniteRowModel.prototype.isEmpty = function () { + return utils_1.Utils.missing(this.infiniteCache); + }; + InfiniteRowModel.prototype.isRowsToRender = function () { + return utils_1.Utils.exists(this.infiniteCache); + }; + InfiniteRowModel.prototype.getNodesInRangeForSelection = function (firstInRange, lastInRange) { + return this.infiniteCache.getRowNodesInRange(firstInRange, lastInRange); + }; + InfiniteRowModel.prototype.reset = function () { + // important to return here, as the user could be setting filter or sort before + // data-source is set + if (utils_1.Utils.missing(this.datasource)) { + return; + } + // if user is providing id's, then this means we can keep the selection between datsource hits, + // as the rows will keep their unique id's even if, for example, server side sorting or filtering + // is done. + var userGeneratingIds = utils_1.Utils.exists(this.gridOptionsWrapper.getRowNodeIdFunc()); + if (!userGeneratingIds) { + this.selectionController.reset(); + } + this.resetCache(); + var event = this.createModelUpdatedEvent(); + this.eventService.dispatchEvent(event); + }; + InfiniteRowModel.prototype.createModelUpdatedEvent = function () { + return { + type: events_1.Events.EVENT_MODEL_UPDATED, + api: this.gridApi, + columnApi: this.columnApi, + // not sure if these should all be false - noticed if after implementing, + // maybe they should be true? + newPage: false, + newData: false, + keepRenderedRows: false, + animate: false + }; + }; + InfiniteRowModel.prototype.resetCache = function () { + // if not first time creating a cache, need to destroy the old one + this.destroyCache(); + var maxConcurrentRequests = this.gridOptionsWrapper.getMaxConcurrentDatasourceRequests(); + // there is a bi-directional dependency between the loader and the cache, + // so we create loader here, and then pass dependencies in setDependencies() method later + this.rowNodeBlockLoader = new rowNodeBlockLoader_1.RowNodeBlockLoader(maxConcurrentRequests); + this.context.wireBean(this.rowNodeBlockLoader); + var cacheSettings = { + // the user provided datasource + datasource: this.datasource, + // sort and filter model + filterModel: this.filterManager.getFilterModel(), + sortModel: this.sortController.getSortModel(), + rowNodeBlockLoader: this.rowNodeBlockLoader, + // properties - this way we take a snapshot of them, so if user changes any, they will be + // used next time we create a new cache, which is generally after a filter or sort change, + // or a new datasource is set + maxConcurrentRequests: maxConcurrentRequests, + overflowSize: this.gridOptionsWrapper.getCacheOverflowSize(), + initialRowCount: this.gridOptionsWrapper.getInfiniteInitialRowCount(), + maxBlocksInCache: this.gridOptionsWrapper.getMaxBlocksInCache(), + blockSize: this.gridOptionsWrapper.getCacheBlockSize(), + rowHeight: this.gridOptionsWrapper.getRowHeightAsNumber(), + // the cache could create this, however it is also used by the pages, so handy to create it + // here as the settings are also passed to the pages + lastAccessedSequence: new utils_1.NumberSequence() + }; + // set defaults + if (!(cacheSettings.maxConcurrentRequests >= 1)) { + cacheSettings.maxConcurrentRequests = 2; + } + // page size needs to be 1 or greater. having it at 1 would be silly, as you would be hitting the + // server for one page at a time. so the default if not specified is 100. + if (!(cacheSettings.blockSize >= 1)) { + cacheSettings.blockSize = 100; + } + // if user doesn't give initial rows to display, we assume zero + if (!(cacheSettings.initialRowCount >= 1)) { + cacheSettings.initialRowCount = 0; + } + // if user doesn't provide overflow, we use default overflow of 1, so user can scroll past + // the current page and request first row of next page + if (!(cacheSettings.overflowSize >= 1)) { + cacheSettings.overflowSize = 1; + } + this.infiniteCache = new infiniteCache_1.InfiniteCache(cacheSettings); + this.context.wireBean(this.infiniteCache); + this.infiniteCache.addEventListener(rowNodeCache_1.RowNodeCache.EVENT_CACHE_UPDATED, this.onCacheUpdated.bind(this)); + }; + InfiniteRowModel.prototype.destroyCache = function () { + if (this.infiniteCache) { + this.infiniteCache.destroy(); + this.infiniteCache = null; + } + if (this.rowNodeBlockLoader) { + this.rowNodeBlockLoader.destroy(); + this.rowNodeBlockLoader = null; + } + }; + InfiniteRowModel.prototype.onCacheUpdated = function () { + var event = this.createModelUpdatedEvent(); + this.eventService.dispatchEvent(event); + }; + InfiniteRowModel.prototype.getRow = function (rowIndex) { + return this.infiniteCache ? this.infiniteCache.getRow(rowIndex) : null; + }; + InfiniteRowModel.prototype.getRowNode = function (id) { + var result = null; + this.forEachNode(function (rowNode) { + if (rowNode.id === id) { + result = rowNode; + } + }); + return result; + }; + InfiniteRowModel.prototype.forEachNode = function (callback) { + if (this.infiniteCache) { + this.infiniteCache.forEachNodeDeep(callback, new utils_1.NumberSequence()); + } + }; + InfiniteRowModel.prototype.getCurrentPageHeight = function () { + return this.getRowCount() * this.rowHeight; + }; + InfiniteRowModel.prototype.getRowIndexAtPixel = function (pixel) { + if (this.rowHeight !== 0) { + var rowIndexForPixel = Math.floor(pixel / this.rowHeight); + if (rowIndexForPixel > this.getPageLastRow()) { + return this.getPageLastRow(); + } + else { + return rowIndexForPixel; + } + } + else { + return 0; + } + }; + InfiniteRowModel.prototype.getPageFirstRow = function () { + return 0; + }; + InfiniteRowModel.prototype.getPageLastRow = function () { + return this.infiniteCache ? this.infiniteCache.getVirtualRowCount() - 1 : 0; + }; + InfiniteRowModel.prototype.getRowCount = function () { + return this.infiniteCache ? this.infiniteCache.getVirtualRowCount() : 0; + }; + InfiniteRowModel.prototype.updateRowData = function (transaction) { + if (utils_1.Utils.exists(transaction.remove) || utils_1.Utils.exists(transaction.update)) { + console.warn('ag-Grid: updateRowData for InfiniteRowModel does not support remove or update, only add'); + return; + } + if (utils_1.Utils.missing(transaction.addIndex)) { + console.warn('ag-Grid: updateRowData for InfiniteRowModel requires add and addIndex to be set'); + return; + } + if (this.infiniteCache) { + this.infiniteCache.insertItemsAtIndex(transaction.addIndex, transaction.add); + } + }; + InfiniteRowModel.prototype.isRowPresent = function (rowNode) { + return false; + }; + InfiniteRowModel.prototype.refreshCache = function () { + if (this.infiniteCache) { + this.infiniteCache.refreshCache(); + } + }; + InfiniteRowModel.prototype.purgeCache = function () { + if (this.infiniteCache) { + this.infiniteCache.purgeCache(); + } + }; + InfiniteRowModel.prototype.getVirtualRowCount = function () { + if (this.infiniteCache) { + return this.infiniteCache.getVirtualRowCount(); + } + else { + return null; + } + }; + InfiniteRowModel.prototype.isMaxRowFound = function () { + if (this.infiniteCache) { + return this.infiniteCache.isMaxRowFound(); + } + }; + InfiniteRowModel.prototype.setVirtualRowCount = function (rowCount, maxRowFound) { + if (this.infiniteCache) { + this.infiniteCache.setVirtualRowCount(rowCount, maxRowFound); + } + }; + InfiniteRowModel.prototype.getBlockState = function () { + if (this.rowNodeBlockLoader) { + return this.rowNodeBlockLoader.getBlockState(); + } + else { + return null; + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], InfiniteRowModel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], InfiniteRowModel.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('sortController'), + __metadata("design:type", sortController_1.SortController) + ], InfiniteRowModel.prototype, "sortController", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], InfiniteRowModel.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], InfiniteRowModel.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], InfiniteRowModel.prototype, "context", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], InfiniteRowModel.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], InfiniteRowModel.prototype, "columnApi", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], InfiniteRowModel.prototype, "init", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], InfiniteRowModel.prototype, "destroyDatasource", null); + __decorate([ + context_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], InfiniteRowModel.prototype, "destroy", null); + InfiniteRowModel = __decorate([ + context_1.Bean('rowModel') + ], InfiniteRowModel); + return InfiniteRowModel; + }(beanStub_1.BeanStub)); + exports.InfiniteRowModel = InfiniteRowModel; + + +/***/ }), +/* 129 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var logger_1 = __webpack_require__(6); + var infiniteBlock_1 = __webpack_require__(130); + var rowNodeCache_1 = __webpack_require__(132); + var gridApi_1 = __webpack_require__(14); + var columnApi_1 = __webpack_require__(22); + var InfiniteCache = (function (_super) { + __extends(InfiniteCache, _super); + function InfiniteCache(params) { + return _super.call(this, params) || this; + } + InfiniteCache.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('InfiniteCache'); + }; + InfiniteCache.prototype.init = function () { + _super.prototype.init.call(this); + // start load of data, as the virtualRowCount will remain at 0 otherwise, + // so we need this to kick things off, otherwise grid would never call getRow() + this.getRow(0); + }; + InfiniteCache.prototype.moveItemsDown = function (block, moveFromIndex, moveCount) { + var startRow = block.getStartRow(); + var endRow = block.getEndRow(); + var indexOfLastRowToMove = moveFromIndex + moveCount; + // all rows need to be moved down below the insertion index + for (var currentRowIndex = endRow - 1; currentRowIndex >= startRow; currentRowIndex--) { + // don't move rows at or before the insertion index + if (currentRowIndex < indexOfLastRowToMove) { + continue; + } + var indexOfNodeWeWant = currentRowIndex - moveCount; + var nodeForThisIndex = this.getRow(indexOfNodeWeWant, true); + if (nodeForThisIndex) { + block.setRowNode(currentRowIndex, nodeForThisIndex); + } + else { + block.setBlankRowNode(currentRowIndex); + block.setDirty(); + } + } + }; + InfiniteCache.prototype.insertItems = function (block, indexToInsert, items) { + var pageStartRow = block.getStartRow(); + var pageEndRow = block.getEndRow(); + var newRowNodes = []; + // next stage is insert the rows into this page, if applicable + for (var index = 0; index < items.length; index++) { + var rowIndex = indexToInsert + index; + var currentRowInThisPage = rowIndex >= pageStartRow && rowIndex < pageEndRow; + if (currentRowInThisPage) { + var dataItem = items[index]; + var newRowNode = block.setNewData(rowIndex, dataItem); + newRowNodes.push(newRowNode); + } + } + return newRowNodes; + }; + InfiniteCache.prototype.insertItemsAtIndex = function (indexToInsert, items) { + // get all page id's as NUMBERS (not strings, as we need to sort as numbers) and in descending order + var _this = this; + var newNodes = []; + this.forEachBlockInReverseOrder(function (block) { + var pageEndRow = block.getEndRow(); + // if the insertion is after this page, then this page is not impacted + if (pageEndRow <= indexToInsert) { + return; + } + _this.moveItemsDown(block, indexToInsert, items.length); + var newNodesThisPage = _this.insertItems(block, indexToInsert, items); + newNodesThisPage.forEach(function (rowNode) { return newNodes.push(rowNode); }); + }); + if (this.isMaxRowFound()) { + this.hack_setVirtualRowCount(this.getVirtualRowCount() + items.length); + } + this.onCacheUpdated(); + var event = { + type: events_1.Events.EVENT_ROW_DATA_UPDATED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + // the rowRenderer will not pass dontCreatePage, meaning when rendering the grid, + // it will want new pages in the cache as it asks for rows. only when we are inserting / + // removing rows via the api is dontCreatePage set, where we move rows between the pages. + InfiniteCache.prototype.getRow = function (rowIndex, dontCreatePage) { + if (dontCreatePage === void 0) { dontCreatePage = false; } + var blockId = Math.floor(rowIndex / this.cacheParams.blockSize); + var block = this.getBlock(blockId); + if (!block) { + if (dontCreatePage) { + return null; + } + else { + block = this.createBlock(blockId); + } + } + return block.getRow(rowIndex); + }; + InfiniteCache.prototype.createBlock = function (blockNumber) { + var newBlock = new infiniteBlock_1.InfiniteBlock(blockNumber, this.cacheParams); + this.context.wireBean(newBlock); + this.postCreateBlock(newBlock); + return newBlock; + }; + // we have this on infinite row model only, not server side row model, + // because for server side, it would leave the children in inconsistent + // state - eg if a node had children, but after the refresh it had data + // for a different row, then the children would be with the wrong row node. + InfiniteCache.prototype.refreshCache = function () { + this.forEachBlockInOrder(function (block) { return block.setDirty(); }); + this.checkBlockToLoad(); + }; + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], InfiniteCache.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], InfiniteCache.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], InfiniteCache.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], InfiniteCache.prototype, "gridApi", void 0); + __decorate([ + __param(0, context_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], InfiniteCache.prototype, "setBeans", null); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], InfiniteCache.prototype, "init", null); + return InfiniteCache; + }(rowNodeCache_1.RowNodeCache)); + exports.InfiniteCache = InfiniteCache; + + +/***/ }), +/* 130 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var gridOptionsWrapper_1 = __webpack_require__(4); + var context_1 = __webpack_require__(7); + var rowNodeBlock_1 = __webpack_require__(131); + var rowRenderer_1 = __webpack_require__(26); + var InfiniteBlock = (function (_super) { + __extends(InfiniteBlock, _super); + function InfiniteBlock(pageNumber, params) { + var _this = _super.call(this, pageNumber, params) || this; + _this.cacheParams = params; + return _this; + } + InfiniteBlock.prototype.createBlankRowNode = function (rowIndex) { + var rowNode = _super.prototype.createBlankRowNode.call(this, rowIndex); + rowNode.uiLevel = 0; + this.setIndexAndTopOnRowNode(rowNode, rowIndex); + return rowNode; + }; + InfiniteBlock.prototype.setDataAndId = function (rowNode, data, index) { + if (utils_1.Utils.exists(data)) { + // this means if the user is not providing id's we just use the + // index for the row. this will allow selection to work (that is based + // on index) as long user is not inserting or deleting rows, + // or wanting to keep selection between server side sorting or filtering + rowNode.setDataAndId(data, index.toString()); + } + else { + rowNode.setDataAndId(undefined, undefined); + } + }; + InfiniteBlock.prototype.setRowNode = function (rowIndex, rowNode) { + _super.prototype.setRowNode.call(this, rowIndex, rowNode); + this.setIndexAndTopOnRowNode(rowNode, rowIndex); + }; + InfiniteBlock.prototype.init = function () { + _super.prototype.init.call(this, { + context: this.context, + rowRenderer: this.rowRenderer + }); + }; + InfiniteBlock.prototype.getNodeIdPrefix = function () { + return null; + }; + InfiniteBlock.prototype.getRow = function (displayIndex) { + return this.getRowUsingLocalIndex(displayIndex); + }; + InfiniteBlock.prototype.setIndexAndTopOnRowNode = function (rowNode, rowIndex) { + rowNode.setRowIndex(rowIndex); + rowNode.rowTop = this.cacheParams.rowHeight * rowIndex; + }; + InfiniteBlock.prototype.loadFromDatasource = function () { + var _this = this; + // PROBLEM . . . . when the user sets sort via colDef.sort, then this code + // is executing before the sort is set up, so server is not getting the sort + // model. need to change with regards order - so the server side request is + // AFTER thus it gets the right sort model. + var params = { + startRow: this.getStartRow(), + endRow: this.getEndRow(), + successCallback: this.pageLoaded.bind(this, this.getVersion()), + failCallback: this.pageLoadFailed.bind(this), + sortModel: this.cacheParams.sortModel, + filterModel: this.cacheParams.filterModel, + context: this.gridOptionsWrapper.getContext() + }; + if (utils_1.Utils.missing(this.cacheParams.datasource.getRows)) { + console.warn("ag-Grid: datasource is missing getRows method"); + return; + } + // check if old version of datasource used + var getRowsParams = utils_1.Utils.getFunctionParameters(this.cacheParams.datasource.getRows); + if (getRowsParams.length > 1) { + console.warn('ag-grid: It looks like your paging datasource is of the old type, taking more than one parameter.'); + console.warn('ag-grid: From ag-grid 1.9.0, now the getRows takes one parameter. See the documentation for details.'); + } + // put in timeout, to force result to be async + setTimeout(function () { + _this.cacheParams.datasource.getRows(params); + }, 0); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], InfiniteBlock.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], InfiniteBlock.prototype, "context", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], InfiniteBlock.prototype, "rowRenderer", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], InfiniteBlock.prototype, "init", null); + return InfiniteBlock; + }(rowNodeBlock_1.RowNodeBlock)); + exports.InfiniteBlock = InfiniteBlock; + + +/***/ }), +/* 131 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var rowNode_1 = __webpack_require__(32); + var beanStub_1 = __webpack_require__(37); + var RowNodeBlock = (function (_super) { + __extends(RowNodeBlock, _super); + function RowNodeBlock(blockNumber, rowNodeCacheParams) { + var _this = _super.call(this) || this; + _this.version = 0; + _this.state = RowNodeBlock.STATE_DIRTY; + _this.rowNodeCacheParams = rowNodeCacheParams; + _this.blockNumber = blockNumber; + // we don't need to calculate these now, as the inputs don't change, + // however it makes the code easier to read if we work them out up front + _this.startRow = blockNumber * rowNodeCacheParams.blockSize; + _this.endRow = _this.startRow + rowNodeCacheParams.blockSize; + return _this; + } + RowNodeBlock.prototype.isAnyNodeOpen = function (rowCount) { + var result = false; + this.forEachNodeCallback(function (rowNode) { + if (rowNode.expanded) { + result = true; + } + }, rowCount); + return result; + }; + RowNodeBlock.prototype.forEachNodeCallback = function (callback, rowCount) { + for (var rowIndex = this.startRow; rowIndex < this.endRow; rowIndex++) { + // we check against rowCount as this page may be the last one, and if it is, then + // the last rows are not part of the set + if (rowIndex < rowCount) { + var rowNode = this.getRowUsingLocalIndex(rowIndex); + callback(rowNode, rowIndex); + } + } + }; + RowNodeBlock.prototype.forEachNode = function (callback, sequence, rowCount, deep) { + this.forEachNodeCallback(function (rowNode) { + callback(rowNode, sequence.next()); + // this will only every happen for server side row model, as infinite + // row model doesn't have groups + if (deep && rowNode.childrenCache) { + rowNode.childrenCache.forEachNodeDeep(callback, sequence); + } + }, rowCount); + }; + RowNodeBlock.prototype.forEachNodeDeep = function (callback, sequence, rowCount) { + this.forEachNode(callback, sequence, rowCount, true); + }; + RowNodeBlock.prototype.forEachNodeShallow = function (callback, sequence, rowCount) { + this.forEachNode(callback, sequence, rowCount, false); + }; + RowNodeBlock.prototype.getVersion = function () { + return this.version; + }; + RowNodeBlock.prototype.getLastAccessed = function () { + return this.lastAccessed; + }; + RowNodeBlock.prototype.getRowUsingLocalIndex = function (rowIndex, dontTouchLastAccessed) { + if (dontTouchLastAccessed === void 0) { dontTouchLastAccessed = false; } + if (!dontTouchLastAccessed) { + this.lastAccessed = this.rowNodeCacheParams.lastAccessedSequence.next(); + } + var localIndex = rowIndex - this.startRow; + return this.rowNodes[localIndex]; + }; + RowNodeBlock.prototype.init = function (beans) { + this.beans = beans; + this.createRowNodes(); + }; + RowNodeBlock.prototype.getStartRow = function () { + return this.startRow; + }; + RowNodeBlock.prototype.getEndRow = function () { + return this.endRow; + }; + RowNodeBlock.prototype.getBlockNumber = function () { + return this.blockNumber; + }; + RowNodeBlock.prototype.setDirty = function () { + // in case any current loads in progress, this will have their results ignored + this.version++; + this.state = RowNodeBlock.STATE_DIRTY; + }; + RowNodeBlock.prototype.setDirtyAndPurge = function () { + this.setDirty(); + this.rowNodes.forEach(function (rowNode) { + rowNode.setData(null); + }); + }; + RowNodeBlock.prototype.getState = function () { + return this.state; + }; + RowNodeBlock.prototype.setRowNode = function (rowIndex, rowNode) { + var localIndex = rowIndex - this.startRow; + this.rowNodes[localIndex] = rowNode; + }; + RowNodeBlock.prototype.setBlankRowNode = function (rowIndex) { + var localIndex = rowIndex - this.startRow; + var newRowNode = this.createBlankRowNode(rowIndex); + this.rowNodes[localIndex] = newRowNode; + return newRowNode; + }; + RowNodeBlock.prototype.setNewData = function (rowIndex, dataItem) { + var newRowNode = this.setBlankRowNode(rowIndex); + this.setDataAndId(newRowNode, dataItem, this.startRow + rowIndex); + return newRowNode; + }; + RowNodeBlock.prototype.createBlankRowNode = function (rowIndex) { + var rowNode = new rowNode_1.RowNode(); + this.beans.context.wireBean(rowNode); + rowNode.setRowHeight(this.rowNodeCacheParams.rowHeight); + return rowNode; + }; + // creates empty row nodes, data is missing as not loaded yet + RowNodeBlock.prototype.createRowNodes = function () { + this.rowNodes = []; + for (var i = 0; i < this.rowNodeCacheParams.blockSize; i++) { + var rowIndex = this.startRow + i; + var rowNode = this.createBlankRowNode(rowIndex); + this.rowNodes.push(rowNode); + } + }; + RowNodeBlock.prototype.load = function () { + this.state = RowNodeBlock.STATE_LOADING; + this.loadFromDatasource(); + }; + RowNodeBlock.prototype.pageLoadFailed = function () { + this.state = RowNodeBlock.STATE_FAILED; + var event = { + type: RowNodeBlock.EVENT_LOAD_COMPLETE, + success: false, + page: this, + lastRow: null + }; + this.dispatchEvent(event); + }; + RowNodeBlock.prototype.populateWithRowData = function (rows) { + var _this = this; + var rowNodesToRefresh = []; + this.rowNodes.forEach(function (rowNode, index) { + var data = rows[index]; + if (rowNode.stub) { + rowNodesToRefresh.push(rowNode); + } + _this.setDataAndId(rowNode, data, _this.startRow + index); + }); + if (rowNodesToRefresh.length > 0) { + this.beans.rowRenderer.redrawRows(rowNodesToRefresh); + } + }; + RowNodeBlock.prototype.destroy = function () { + _super.prototype.destroy.call(this); + this.rowNodes.forEach(function (rowNode) { + if (rowNode.childrenCache) { + rowNode.childrenCache.destroy(); + rowNode.childrenCache = null; + } + // this is needed, so row render knows to fade out the row, otherwise it + // see's row top is present, and thinks the row should be shown. maybe + // rowNode should have a flag on whether it is visible??? + rowNode.clearRowTop(); + }); + }; + RowNodeBlock.prototype.pageLoaded = function (version, rows, lastRow) { + // we need to check the version, in case there was an old request + // from the server that was sent before we refreshed the cache, + // if the load was done as a result of a cache refresh + if (version === this.version) { + this.state = RowNodeBlock.STATE_LOADED; + this.populateWithRowData(rows); + } + lastRow = utils_1.Utils.cleanNumber(lastRow); + // check here if lastrow should be set + var event = { + type: RowNodeBlock.EVENT_LOAD_COMPLETE, + success: true, + page: this, + lastRow: lastRow + }; + this.dispatchEvent(event); + }; + RowNodeBlock.EVENT_LOAD_COMPLETE = 'loadComplete'; + RowNodeBlock.STATE_DIRTY = 'dirty'; + RowNodeBlock.STATE_LOADING = 'loading'; + RowNodeBlock.STATE_LOADED = 'loaded'; + RowNodeBlock.STATE_FAILED = 'failed'; + return RowNodeBlock; + }(beanStub_1.BeanStub)); + exports.RowNodeBlock = RowNodeBlock; + + +/***/ }), +/* 132 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var beanStub_1 = __webpack_require__(37); + var rowNodeBlock_1 = __webpack_require__(131); + var RowNodeCache = (function (_super) { + __extends(RowNodeCache, _super); + function RowNodeCache(cacheParams) { + var _this = _super.call(this) || this; + _this.maxRowFound = false; + _this.blocks = {}; + _this.blockCount = 0; + _this.virtualRowCount = cacheParams.initialRowCount; + _this.cacheParams = cacheParams; + return _this; + } + RowNodeCache.prototype.destroy = function () { + var _this = this; + _super.prototype.destroy.call(this); + this.forEachBlockInOrder(function (block) { return _this.destroyBlock(block); }); + }; + RowNodeCache.prototype.init = function () { + var _this = this; + this.active = true; + this.addDestroyFunc(function () { return _this.active = false; }); + }; + RowNodeCache.prototype.isActive = function () { + return this.active; + }; + RowNodeCache.prototype.getVirtualRowCount = function () { + return this.virtualRowCount; + }; + RowNodeCache.prototype.hack_setVirtualRowCount = function (virtualRowCount) { + this.virtualRowCount = virtualRowCount; + }; + RowNodeCache.prototype.isMaxRowFound = function () { + return this.maxRowFound; + }; + // listener on EVENT_LOAD_COMPLETE + RowNodeCache.prototype.onPageLoaded = function (event) { + this.cacheParams.rowNodeBlockLoader.loadComplete(); + this.checkBlockToLoad(); + // if we are not active, then we ignore all events, otherwise we could end up getting the + // grid to refresh even though we are no longer the active cache + if (!this.isActive()) { + return; + } + this.logger.log("onPageLoaded: page = " + event.page.getBlockNumber() + ", lastRow = " + event.lastRow); + if (event.success) { + this.checkVirtualRowCount(event.page, event.lastRow); + } + }; + RowNodeCache.prototype.purgeBlocksIfNeeded = function (blockToExclude) { + var _this = this; + // no purge if user didn't give maxBlocksInCache + if (utils_1.Utils.missing(this.cacheParams.maxBlocksInCache)) { + return; + } + // no purge if block count is less than max allowed + if (this.blockCount <= this.cacheParams.maxBlocksInCache) { + return; + } + // put all candidate blocks into a list for sorting + var blocksForPurging = []; + this.forEachBlockInOrder(function (block) { + // we exclude checking for the page just created, as this has yet to be accessed and hence + // the lastAccessed stamp will not be updated for the first time yet + if (block === blockToExclude) { + return; + } + blocksForPurging.push(block); + }); + // note: need to verify that this sorts items in the right order + blocksForPurging.sort(function (a, b) { return b.getLastAccessed() - a.getLastAccessed(); }); + // we remove (maxBlocksInCache - 1) as we already excluded the 'just created' page. + // in other words, after the splice operation below, we have taken out the blocks + // we want to keep, which means we are left with blocks that we can potentially purge + var blocksToKeep = this.cacheParams.maxBlocksInCache - 1; + blocksForPurging.splice(0, blocksToKeep); + // try and purge each block + blocksForPurging.forEach(function (block) { + // we never purge blocks if they are open, as purging them would mess up with + // our indexes, it would be very messy to restore the purged block to it's + // previous state if it had open children (and what if open children of open + // children, jeeeesus, just thinking about it freaks me out) so best is have a + // rule, if block is open, we never purge. + if (block.isAnyNodeOpen(_this.virtualRowCount)) { + return; + } + // at this point, block is not needed, and no open nodes, so burn baby burn + _this.removeBlockFromCache(block); + }); + }; + RowNodeCache.prototype.postCreateBlock = function (newBlock) { + newBlock.addEventListener(rowNodeBlock_1.RowNodeBlock.EVENT_LOAD_COMPLETE, this.onPageLoaded.bind(this)); + this.setBlock(newBlock.getBlockNumber(), newBlock); + this.purgeBlocksIfNeeded(newBlock); + this.checkBlockToLoad(); + }; + RowNodeCache.prototype.removeBlockFromCache = function (blockToRemove) { + if (!blockToRemove) { + return; + } + this.destroyBlock(blockToRemove); + // we do not want to remove the 'loaded' event listener, as the + // concurrent loads count needs to be updated when the load is complete + // if the purged page is in loading state + }; + // gets called after: 1) block loaded 2) block created 3) cache refresh + RowNodeCache.prototype.checkBlockToLoad = function () { + this.cacheParams.rowNodeBlockLoader.checkBlockToLoad(); + }; + RowNodeCache.prototype.checkVirtualRowCount = function (block, lastRow) { + // if client provided a last row, we always use it, as it could change between server calls + // if user deleted data and then called refresh on the grid. + if (typeof lastRow === 'number' && lastRow >= 0) { + this.virtualRowCount = lastRow; + this.maxRowFound = true; + this.onCacheUpdated(); + } + else if (!this.maxRowFound) { + // otherwise, see if we need to add some virtual rows + var lastRowIndex = (block.getBlockNumber() + 1) * this.cacheParams.blockSize; + var lastRowIndexPlusOverflow = lastRowIndex + this.cacheParams.overflowSize; + if (this.virtualRowCount < lastRowIndexPlusOverflow) { + this.virtualRowCount = lastRowIndexPlusOverflow; + this.onCacheUpdated(); + } + else if (this.cacheParams.dynamicRowHeight) { + // the only other time is if dynamic row height, as loading rows + // will change the height of the block, given the height of the rows + // is only known after the row is loaded. + this.onCacheUpdated(); + } + } + }; + RowNodeCache.prototype.setVirtualRowCount = function (rowCount, maxRowFound) { + this.virtualRowCount = rowCount; + // if undefined is passed, we do not set this value, if one of {true,false} + // is passed, we do set the value. + if (utils_1.Utils.exists(maxRowFound)) { + this.maxRowFound = maxRowFound; + } + // if we are still searching, then the row count must not end at the end + // of a particular page, otherwise the searching will not pop into the + // next page + if (!this.maxRowFound) { + if (this.virtualRowCount % this.cacheParams.blockSize === 0) { + this.virtualRowCount++; + } + } + this.onCacheUpdated(); + }; + RowNodeCache.prototype.forEachNodeDeep = function (callback, sequence) { + var _this = this; + this.forEachBlockInOrder(function (block) { + block.forEachNodeDeep(callback, sequence, _this.virtualRowCount); + }); + }; + RowNodeCache.prototype.forEachBlockInOrder = function (callback) { + var ids = this.getBlockIdsSorted(); + this.forEachBlockId(ids, callback); + }; + RowNodeCache.prototype.forEachBlockInReverseOrder = function (callback) { + var ids = this.getBlockIdsSorted().reverse(); + this.forEachBlockId(ids, callback); + }; + RowNodeCache.prototype.forEachBlockId = function (ids, callback) { + var _this = this; + ids.forEach(function (id) { + var block = _this.blocks[id]; + callback(block, id); + }); + }; + RowNodeCache.prototype.getBlockIdsSorted = function () { + // get all page id's as NUMBERS (not strings, as we need to sort as numbers) and in descending order + var numberComparator = function (a, b) { return a - b; }; // default comparator for array is string comparison + var blockIds = Object.keys(this.blocks).map(function (idStr) { return parseInt(idStr); }).sort(numberComparator); + return blockIds; + }; + RowNodeCache.prototype.getBlock = function (blockId) { + return this.blocks[blockId]; + }; + RowNodeCache.prototype.setBlock = function (id, block) { + this.blocks[id] = block; + this.blockCount++; + this.cacheParams.rowNodeBlockLoader.addBlock(block); + }; + RowNodeCache.prototype.destroyBlock = function (block) { + delete this.blocks[block.getBlockNumber()]; + block.destroy(); + this.blockCount--; + this.cacheParams.rowNodeBlockLoader.removeBlock(block); + }; + // gets called 1) row count changed 2) cache purged 3) items inserted + RowNodeCache.prototype.onCacheUpdated = function () { + if (this.isActive()) { + // this results in both row models (infinite and server side) firing ModelUpdated, + // however server side row model also updates the row indexes first + var event_1 = { + type: RowNodeCache.EVENT_CACHE_UPDATED + }; + this.dispatchEvent(event_1); + } + }; + RowNodeCache.prototype.purgeCache = function () { + var _this = this; + this.forEachBlockInOrder(function (block) { return _this.removeBlockFromCache(block); }); + this.onCacheUpdated(); + }; + RowNodeCache.prototype.getRowNodesInRange = function (firstInRange, lastInRange) { + var _this = this; + var result = []; + var lastBlockId = -1; + var inActiveRange = false; + var numberSequence = new utils_1.NumberSequence(); + // if only one node passed, we start the selection at the top + if (utils_1.Utils.missing(firstInRange)) { + inActiveRange = true; + } + var foundGapInSelection = false; + this.forEachBlockInOrder(function (block, id) { + if (foundGapInSelection) + return; + if (inActiveRange && (lastBlockId + 1 !== id)) { + foundGapInSelection = true; + return; + } + lastBlockId = id; + block.forEachNodeShallow(function (rowNode) { + var hitFirstOrLast = rowNode === firstInRange || rowNode === lastInRange; + if (inActiveRange || hitFirstOrLast) { + result.push(rowNode); + } + if (hitFirstOrLast) { + inActiveRange = !inActiveRange; + } + }, numberSequence, _this.virtualRowCount); + }); + // inActiveRange will be still true if we never hit the second rowNode + var invalidRange = foundGapInSelection || inActiveRange; + return invalidRange ? [] : result; + }; + RowNodeCache.EVENT_CACHE_UPDATED = 'cacheUpdated'; + return RowNodeCache; + }(beanStub_1.BeanStub)); + exports.RowNodeCache = RowNodeCache; + + +/***/ }), +/* 133 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var rowNodeBlock_1 = __webpack_require__(131); + var logger_1 = __webpack_require__(6); + var context_1 = __webpack_require__(7); + var utils_1 = __webpack_require__(8); + var RowNodeBlockLoader = (function () { + function RowNodeBlockLoader(maxConcurrentRequests) { + this.activeBlockLoadsCount = 0; + this.blocks = []; + this.active = true; + this.maxConcurrentRequests = maxConcurrentRequests; + } + RowNodeBlockLoader.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('RowNodeBlockLoader'); + }; + RowNodeBlockLoader.prototype.addBlock = function (block) { + this.blocks.push(block); + }; + RowNodeBlockLoader.prototype.removeBlock = function (block) { + utils_1._.removeFromArray(this.blocks, block); + }; + RowNodeBlockLoader.prototype.destroy = function () { + this.active = false; + }; + RowNodeBlockLoader.prototype.loadComplete = function () { + this.activeBlockLoadsCount--; + }; + RowNodeBlockLoader.prototype.checkBlockToLoad = function () { + if (!this.active) { + return; + } + this.printCacheStatus(); + if (this.activeBlockLoadsCount >= this.maxConcurrentRequests) { + this.logger.log("checkBlockToLoad: max loads exceeded"); + return; + } + var blockToLoad = null; + this.blocks.forEach(function (block) { + if (block.getState() === rowNodeBlock_1.RowNodeBlock.STATE_DIRTY) { + blockToLoad = block; + } + }); + if (blockToLoad) { + blockToLoad.load(); + this.activeBlockLoadsCount++; + this.logger.log("checkBlockToLoad: loading page " + blockToLoad.getBlockNumber()); + this.printCacheStatus(); + } + else { + this.logger.log("checkBlockToLoad: no pages to load"); + } + }; + RowNodeBlockLoader.prototype.getBlockState = function () { + var result = {}; + this.blocks.forEach(function (block) { + var nodeIdPrefix = block.getNodeIdPrefix(); + var stateItem = { + blockNumber: block.getBlockNumber(), + startRow: block.getStartRow(), + endRow: block.getEndRow(), + pageStatus: block.getState() + }; + if (utils_1._.exists(nodeIdPrefix)) { + result[nodeIdPrefix + block.getBlockNumber()] = stateItem; + } + else { + result[block.getBlockNumber()] = stateItem; + } + }); + return result; + }; + RowNodeBlockLoader.prototype.printCacheStatus = function () { + if (this.logger.isLogging()) { + this.logger.log("printCacheStatus: activePageLoadsCount = " + this.activeBlockLoadsCount + "," + + (" blocks = " + JSON.stringify(this.getBlockState()))); + } + }; + __decorate([ + __param(0, context_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [logger_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], RowNodeBlockLoader.prototype, "setBeans", null); + return RowNodeBlockLoader; + }()); + exports.RowNodeBlockLoader = RowNodeBlockLoader; + + +/***/ }), +/* 134 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var constants_1 = __webpack_require__(9); + var gridOptionsWrapper_1 = __webpack_require__(4); + var columnApi_1 = __webpack_require__(22); + var columnController_1 = __webpack_require__(17); + var filterManager_1 = __webpack_require__(45); + var rowNode_1 = __webpack_require__(32); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var context_1 = __webpack_require__(7); + var selectionController_1 = __webpack_require__(33); + var clientSideNodeManager_1 = __webpack_require__(135); + var changedPath_1 = __webpack_require__(136); + var valueService_1 = __webpack_require__(28); + var valueCache_1 = __webpack_require__(29); + var gridApi_1 = __webpack_require__(14); + var RecursionType; + (function (RecursionType) { + RecursionType[RecursionType["Normal"] = 0] = "Normal"; + RecursionType[RecursionType["AfterFilter"] = 1] = "AfterFilter"; + RecursionType[RecursionType["AfterFilterAndSort"] = 2] = "AfterFilterAndSort"; + RecursionType[RecursionType["PivotNodes"] = 3] = "PivotNodes"; + })(RecursionType || (RecursionType = {})); + ; + var ClientSideRowModel = (function () { + function ClientSideRowModel() { + } + ClientSideRowModel.prototype.init = function () { + var refreshEverythingFunc = this.refreshModel.bind(this, { step: constants_1.Constants.STEP_EVERYTHING }); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, refreshEverythingFunc); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, refreshEverythingFunc); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_COLUMN_VALUE_CHANGED, this.onValueChanged.bind(this)); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_COLUMN_PIVOT_CHANGED, this.refreshModel.bind(this, { step: constants_1.Constants.STEP_PIVOT })); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_ROW_GROUP_OPENED, this.onRowGroupOpened.bind(this)); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_FILTER_CHANGED, this.onFilterChanged.bind(this)); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_SORT_CHANGED, this.onSortChanged.bind(this)); + this.eventService.addModalPriorityEventListener(events_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, refreshEverythingFunc); + var refreshMapFunc = this.refreshModel.bind(this, { step: constants_1.Constants.STEP_MAP, keepRenderedRows: true, animate: true }); + this.gridOptionsWrapper.addEventListener(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_REMOVE_SINGLE_CHILDREN, refreshMapFunc); + this.gridOptionsWrapper.addEventListener(gridOptionsWrapper_1.GridOptionsWrapper.PROP_GROUP_REMOVE_LOWEST_SINGLE_CHILDREN, refreshMapFunc); + this.rootNode = new rowNode_1.RowNode(); + this.nodeManager = new clientSideNodeManager_1.ClientSideNodeManager(this.rootNode, this.gridOptionsWrapper, this.context, this.eventService, this.columnController); + this.context.wireBean(this.rootNode); + }; + // returns false if row was moved, otherwise true + ClientSideRowModel.prototype.ensureRowAtPixel = function (rowNode, pixel) { + var indexAtPixelNow = this.getRowIndexAtPixel(pixel); + var rowNodeAtPixelNow = this.getRow(indexAtPixelNow); + if (rowNodeAtPixelNow === rowNode) { + return false; + } + utils_1.Utils.removeFromArray(this.rootNode.allLeafChildren, rowNode); + utils_1.Utils.insertIntoArray(this.rootNode.allLeafChildren, rowNode, indexAtPixelNow); + this.refreshModel({ step: constants_1.Constants.STEP_EVERYTHING, keepRenderedRows: true, animate: true, keepEditingRows: true }); + return true; + }; + ClientSideRowModel.prototype.isLastRowFound = function () { + return true; + }; + ClientSideRowModel.prototype.getRowCount = function () { + if (this.rowsToDisplay) { + return this.rowsToDisplay.length; + } + else { + return 0; + } + }; + ClientSideRowModel.prototype.getRowBounds = function (index) { + if (utils_1.Utils.missing(this.rowsToDisplay)) { + return null; + } + var rowNode = this.rowsToDisplay[index]; + if (rowNode) { + return { + rowTop: rowNode.rowTop, + rowHeight: rowNode.rowHeight + }; + } + else { + return null; + } + }; + ClientSideRowModel.prototype.onRowGroupOpened = function () { + var animate = this.gridOptionsWrapper.isAnimateRows(); + this.refreshModel({ step: constants_1.Constants.STEP_MAP, keepRenderedRows: true, animate: animate }); + }; + ClientSideRowModel.prototype.onFilterChanged = function () { + var animate = this.gridOptionsWrapper.isAnimateRows(); + this.refreshModel({ step: constants_1.Constants.STEP_FILTER, keepRenderedRows: true, animate: animate }); + }; + ClientSideRowModel.prototype.onSortChanged = function () { + // we only act on the sort event here if the user is doing in grid sorting. + // we ignore it if the sorting is happening on the server side. + if (this.gridOptionsWrapper.isEnableServerSideSorting()) { + return; + } + var animate = this.gridOptionsWrapper.isAnimateRows(); + this.refreshModel({ step: constants_1.Constants.STEP_SORT, keepRenderedRows: true, animate: animate, keepEditingRows: true }); + }; + ClientSideRowModel.prototype.getType = function () { + return constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE; + }; + ClientSideRowModel.prototype.onValueChanged = function () { + if (this.columnController.isPivotActive()) { + this.refreshModel({ step: constants_1.Constants.STEP_PIVOT }); + } + else { + this.refreshModel({ step: constants_1.Constants.STEP_AGGREGATE }); + } + }; + ClientSideRowModel.prototype.createChangePath = function (rowNodeTransactions) { + // for updates, if the row is updated at all, then we re-calc all the values + // in that row. we could compare each value to each old value, however if we + // did this, we would be calling the valueService twice, once on the old value + // and once on the new value. so it's less valueGetter calls if we just assume + // each column is different. that way the changedPath is used so that only + // the impacted parent rows are recalculated, parents who's children have + // not changed are not impacted. + var valueColumns = this.columnController.getValueColumns(); + var noValueColumns = utils_1.Utils.missingOrEmpty(valueColumns); + var noTransactions = utils_1.Utils.missingOrEmpty(rowNodeTransactions); + var changedPath = new changedPath_1.ChangedPath(false); + if (noValueColumns || noTransactions) { + changedPath.setInactive(); + } + return changedPath; + }; + ClientSideRowModel.prototype.refreshModel = function (params) { + // this goes through the pipeline of stages. what's in my head is similar + // to the diagram on this page: + // http://commons.apache.org/sandbox/commons-pipeline/pipeline_basics.html + // however we want to keep the results of each stage, hence we manually call + // each step rather than have them chain each other. + var _this = this; + // fallthrough in below switch is on purpose, + // eg if STEP_FILTER, then all steps below this + // step get done + // let start: number; + // console.log('======= start ======='); + var changedPath = this.createChangePath(params.rowNodeTransactions); + switch (params.step) { + case constants_1.Constants.STEP_EVERYTHING: + // start = new Date().getTime(); + this.doRowGrouping(params.groupState, params.rowNodeTransactions, params.rowNodeOrder, changedPath); + // console.log('rowGrouping = ' + (new Date().getTime() - start)); + case constants_1.Constants.STEP_FILTER: + // start = new Date().getTime(); + this.doFilter(); + // console.log('filter = ' + (new Date().getTime() - start)); + case constants_1.Constants.STEP_PIVOT: + this.doPivot(changedPath); + case constants_1.Constants.STEP_AGGREGATE:// depends on agg fields + // start = new Date().getTime(); + this.doAggregate(changedPath); + // console.log('aggregation = ' + (new Date().getTime() - start)); + case constants_1.Constants.STEP_SORT: + // start = new Date().getTime(); + this.doSort(); + // console.log('sort = ' + (new Date().getTime() - start)); + case constants_1.Constants.STEP_MAP: + // start = new Date().getTime(); + this.doRowsToDisplay(); + } + var event = { + type: events_1.Events.EVENT_MODEL_UPDATED, + api: this.gridApi, + columnApi: this.columnApi, + animate: params.animate, + keepRenderedRows: params.keepRenderedRows, + newData: params.newData, + newPage: false + }; + this.eventService.dispatchEvent(event); + if (this.$scope) { + setTimeout(function () { + _this.$scope.$apply(); + }, 0); + } + }; + ClientSideRowModel.prototype.isEmpty = function () { + var rowsMissing; + var doingLegacyTreeData = utils_1.Utils.exists(this.gridOptionsWrapper.getNodeChildDetailsFunc()); + if (doingLegacyTreeData) { + rowsMissing = utils_1.Utils.missing(this.rootNode.childrenAfterGroup) || this.rootNode.childrenAfterGroup.length === 0; + } + else { + rowsMissing = utils_1.Utils.missing(this.rootNode.allLeafChildren) || this.rootNode.allLeafChildren.length === 0; + } + var empty = utils_1.Utils.missing(this.rootNode) || rowsMissing || !this.columnController.isReady(); + return empty; + }; + ClientSideRowModel.prototype.isRowsToRender = function () { + return utils_1.Utils.exists(this.rowsToDisplay) && this.rowsToDisplay.length > 0; + }; + ClientSideRowModel.prototype.getNodesInRangeForSelection = function (firstInRange, lastInRange) { + // if lastSelectedNode is missing, we start at the first row + var firstRowHit = !lastInRange; + var lastRowHit = false; + var lastRow; + var result = []; + var groupsSelectChildren = this.gridOptionsWrapper.isGroupSelectsChildren(); + this.forEachNodeAfterFilterAndSort(function (rowNode) { + var lookingForLastRow = firstRowHit && !lastRowHit; + // check if we need to flip the select switch + if (!firstRowHit) { + if (rowNode === lastInRange || rowNode === firstInRange) { + firstRowHit = true; + } + } + var skipThisGroupNode = rowNode.group && groupsSelectChildren; + if (!skipThisGroupNode) { + var inRange = firstRowHit && !lastRowHit; + var childOfLastRow = rowNode.isParentOfNode(lastRow); + if (inRange || childOfLastRow) { + result.push(rowNode); + } + } + if (lookingForLastRow) { + if (rowNode === lastInRange || rowNode === firstInRange) { + lastRowHit = true; + if (rowNode === lastInRange) { + lastRow = lastInRange; + } + else { + lastRow = firstInRange; + } + } + } + }); + return result; + }; + ClientSideRowModel.prototype.setDatasource = function (datasource) { + console.error('ag-Grid: should never call setDatasource on clientSideRowController'); + }; + ClientSideRowModel.prototype.getTopLevelNodes = function () { + return this.rootNode ? this.rootNode.childrenAfterGroup : null; + }; + ClientSideRowModel.prototype.getRootNode = function () { + return this.rootNode; + }; + ClientSideRowModel.prototype.getRow = function (index) { + return this.rowsToDisplay[index]; + }; + ClientSideRowModel.prototype.isRowPresent = function (rowNode) { + return this.rowsToDisplay.indexOf(rowNode) >= 0; + }; + ClientSideRowModel.prototype.getVirtualRowCount = function () { + console.warn('ag-Grid: rowModel.getVirtualRowCount() is not longer a function, use rowModel.getRowCount() instead'); + return this.getPageLastRow(); + }; + ClientSideRowModel.prototype.getPageFirstRow = function () { + return 0; + }; + ClientSideRowModel.prototype.getPageLastRow = function () { + if (this.rowsToDisplay) { + return this.rowsToDisplay.length - 1; + } + else { + return 0; + } + }; + ClientSideRowModel.prototype.getRowIndexAtPixel = function (pixelToMatch) { + if (this.isEmpty()) { + return -1; + } + // do binary search of tree + // http://oli.me.uk/2013/06/08/searching-javascript-arrays-with-a-binary-search/ + var bottomPointer = 0; + var topPointer = this.rowsToDisplay.length - 1; + // quick check, if the pixel is out of bounds, then return last row + if (pixelToMatch <= 0) { + // if pixel is less than or equal zero, it's always the first row + return 0; + } + var lastNode = this.rowsToDisplay[this.rowsToDisplay.length - 1]; + if (lastNode.rowTop <= pixelToMatch) { + return this.rowsToDisplay.length - 1; + } + while (true) { + var midPointer = Math.floor((bottomPointer + topPointer) / 2); + var currentRowNode = this.rowsToDisplay[midPointer]; + if (this.isRowInPixel(currentRowNode, pixelToMatch)) { + return midPointer; + } + else if (currentRowNode.rowTop < pixelToMatch) { + bottomPointer = midPointer + 1; + } + else if (currentRowNode.rowTop > pixelToMatch) { + topPointer = midPointer - 1; + } + } + }; + ClientSideRowModel.prototype.isRowInPixel = function (rowNode, pixelToMatch) { + var topPixel = rowNode.rowTop; + var bottomPixel = rowNode.rowTop + rowNode.rowHeight; + var pixelInRow = topPixel <= pixelToMatch && bottomPixel > pixelToMatch; + return pixelInRow; + }; + ClientSideRowModel.prototype.getCurrentPageHeight = function () { + if (this.rowsToDisplay && this.rowsToDisplay.length > 0) { + var lastRow = this.rowsToDisplay[this.rowsToDisplay.length - 1]; + var lastPixel = lastRow.rowTop + lastRow.rowHeight; + return lastPixel; + } + else { + return 0; + } + }; + ClientSideRowModel.prototype.forEachLeafNode = function (callback) { + if (this.rootNode.allLeafChildren) { + this.rootNode.allLeafChildren.forEach(function (rowNode, index) { return callback(rowNode, index); }); + } + }; + ClientSideRowModel.prototype.forEachNode = function (callback) { + this.recursivelyWalkNodesAndCallback(this.rootNode.childrenAfterGroup, callback, RecursionType.Normal, 0); + }; + ClientSideRowModel.prototype.forEachNodeAfterFilter = function (callback) { + this.recursivelyWalkNodesAndCallback(this.rootNode.childrenAfterFilter, callback, RecursionType.AfterFilter, 0); + }; + ClientSideRowModel.prototype.forEachNodeAfterFilterAndSort = function (callback) { + this.recursivelyWalkNodesAndCallback(this.rootNode.childrenAfterSort, callback, RecursionType.AfterFilterAndSort, 0); + }; + ClientSideRowModel.prototype.forEachPivotNode = function (callback) { + this.recursivelyWalkNodesAndCallback([this.rootNode], callback, RecursionType.PivotNodes, 0); + }; + // iterates through each item in memory, and calls the callback function + // nodes - the rowNodes to traverse + // callback - the user provided callback + // recursion type - need this to know what child nodes to recurse, eg if looking at all nodes, or filtered notes etc + // index - works similar to the index in forEach in javascripts array function + ClientSideRowModel.prototype.recursivelyWalkNodesAndCallback = function (nodes, callback, recursionType, index) { + if (nodes) { + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + callback(node, index++); + // go to the next level if it is a group + if (node.hasChildren()) { + // depending on the recursion type, we pick a difference set of children + var nodeChildren = void 0; + switch (recursionType) { + case RecursionType.Normal: + nodeChildren = node.childrenAfterGroup; + break; + case RecursionType.AfterFilter: + nodeChildren = node.childrenAfterFilter; + break; + case RecursionType.AfterFilterAndSort: + nodeChildren = node.childrenAfterSort; + break; + case RecursionType.PivotNodes: + // for pivot, we don't go below leafGroup levels + nodeChildren = !node.leafGroup ? node.childrenAfterSort : null; + break; + } + if (nodeChildren) { + index = this.recursivelyWalkNodesAndCallback(nodeChildren, callback, recursionType, index); + } + } + } + } + return index; + }; + // it's possible to recompute the aggregate without doing the other parts + // + gridApi.recomputeAggregates() + ClientSideRowModel.prototype.doAggregate = function (changedPath) { + if (this.aggregationStage) { + this.aggregationStage.execute({ rowNode: this.rootNode, changedPath: changedPath }); + } + }; + // + gridApi.expandAll() + // + gridApi.collapseAll() + ClientSideRowModel.prototype.expandOrCollapseAll = function (expand) { + var usingTreeData = this.gridOptionsWrapper.isTreeData(); + if (this.rootNode) { + recursiveExpandOrCollapse(this.rootNode.childrenAfterGroup); + } + function recursiveExpandOrCollapse(rowNodes) { + if (!rowNodes) { + return; + } + rowNodes.forEach(function (rowNode) { + var shouldExpandOrCollapse = usingTreeData ? utils_1.Utils.exists(rowNode.childrenAfterGroup) : rowNode.group; + if (shouldExpandOrCollapse) { + rowNode.expanded = expand; + recursiveExpandOrCollapse(rowNode.childrenAfterGroup); + } + }); + } + this.refreshModel({ step: constants_1.Constants.STEP_MAP }); + }; + ClientSideRowModel.prototype.doSort = function () { + this.sortStage.execute({ rowNode: this.rootNode }); + }; + ClientSideRowModel.prototype.doRowGrouping = function (groupState, rowNodeTransactions, rowNodeOrder, changedPath) { + var _this = this; + // grouping is enterprise only, so if service missing, skip the step + var doingLegacyTreeData = utils_1.Utils.exists(this.gridOptionsWrapper.getNodeChildDetailsFunc()); + if (doingLegacyTreeData) { + return; + } + if (this.groupStage) { + if (utils_1.Utils.exists(rowNodeTransactions)) { + rowNodeTransactions.forEach(function (tran) { + _this.groupStage.execute({ rowNode: _this.rootNode, + rowNodeTransaction: tran, + rowNodeOrder: rowNodeOrder, + changedPath: changedPath }); + }); + } + else { + // groups are about to get disposed, so need to deselect any that are selected + this.selectionController.removeGroupsFromSelection(); + this.groupStage.execute({ rowNode: this.rootNode, changedPath: changedPath }); + // set open/closed state on groups + this.restoreGroupState(groupState); + } + if (this.gridOptionsWrapper.isGroupSelectsChildren()) { + this.selectionController.updateGroupsFromChildrenSelections(); + } + } + else { + this.rootNode.childrenAfterGroup = this.rootNode.allLeafChildren; + } + }; + ClientSideRowModel.prototype.restoreGroupState = function (groupState) { + if (!groupState) { + return; + } + utils_1.Utils.traverseNodesWithKey(this.rootNode.childrenAfterGroup, function (node, key) { + // if the group was open last time, then open it this time. however + // if was not open last time, then don't touch the group, so the 'groupDefaultExpanded' + // setting will take effect. + if (typeof groupState[key] === 'boolean') { + node.expanded = groupState[key]; + } + }); + }; + ClientSideRowModel.prototype.doFilter = function () { + this.filterStage.execute({ rowNode: this.rootNode }); + }; + ClientSideRowModel.prototype.doPivot = function (changedPath) { + if (this.pivotStage) { + this.pivotStage.execute({ rowNode: this.rootNode, changedPath: changedPath }); + } + }; + ClientSideRowModel.prototype.getGroupState = function () { + if (!this.rootNode.childrenAfterGroup || !this.gridOptionsWrapper.isRememberGroupStateWhenNewData()) { + return null; + } + var result = {}; + utils_1.Utils.traverseNodesWithKey(this.rootNode.childrenAfterGroup, function (node, key) { return result[key] = node.expanded; }); + return result; + }; + ClientSideRowModel.prototype.getCopyOfNodesMap = function () { + return this.nodeManager.getCopyOfNodesMap(); + }; + ClientSideRowModel.prototype.getRowNode = function (id) { + return this.nodeManager.getRowNode(id); + }; + // rows: the rows to put into the model + ClientSideRowModel.prototype.setRowData = function (rowData) { + // no need to invalidate cache, as the cache is stored on the rowNode, + // so new rowNodes means the cache is wiped anyway. + // remember group state, so we can expand groups that should be expanded + var groupState = this.getGroupState(); + this.nodeManager.setRowData(rowData); + // this event kicks off: + // - clears selection + // - updates filters + // - shows 'no rows' overlay if needed + var rowDataChangedEvent = { + type: events_1.Events.EVENT_ROW_DATA_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(rowDataChangedEvent); + this.refreshModel({ + step: constants_1.Constants.STEP_EVERYTHING, + groupState: groupState, + newData: true + }); + }; + ClientSideRowModel.prototype.batchUpdateRowData = function (rowDataTransaction, callback) { + var _this = this; + if (!this.rowDataTransactionBatch) { + this.rowDataTransactionBatch = []; + var waitMillis = this.gridOptionsWrapper.getBatchUpdateWaitMillis(); + setTimeout(function () { + _this.executeBatchUpdateRowData(); + _this.rowDataTransactionBatch = null; + }, waitMillis); + } + this.rowDataTransactionBatch.push({ rowDataTransaction: rowDataTransaction, callback: callback }); + }; + ClientSideRowModel.prototype.executeBatchUpdateRowData = function () { + var _this = this; + this.valueCache.onDataChanged(); + var callbackFuncsBound = []; + var rowNodeTrans = []; + this.rowDataTransactionBatch.forEach(function (tranItem) { + var rowNodeTran = _this.nodeManager.updateRowData(tranItem.rowDataTransaction, null); + rowNodeTrans.push(rowNodeTran); + if (tranItem.callback) { + callbackFuncsBound.push(tranItem.callback.bind(rowNodeTran)); + } + }); + this.commonUpdateRowData(rowNodeTrans); + // do callbacks in next VM turn so it's async + if (callbackFuncsBound.length > 0) { + setTimeout(function () { + callbackFuncsBound.forEach(function (func) { return func(); }); + }, 0); + } + }; + ClientSideRowModel.prototype.updateRowData = function (rowDataTran, rowNodeOrder) { + this.valueCache.onDataChanged(); + var rowNodeTran = this.nodeManager.updateRowData(rowDataTran, rowNodeOrder); + this.commonUpdateRowData([rowNodeTran], rowNodeOrder); + return rowNodeTran; + }; + // common to updateRowData and batchUpdateRowData + ClientSideRowModel.prototype.commonUpdateRowData = function (rowNodeTrans, rowNodeOrder) { + this.refreshModel({ + step: constants_1.Constants.STEP_EVERYTHING, + rowNodeTransactions: rowNodeTrans, + rowNodeOrder: rowNodeOrder, + keepRenderedRows: true, + animate: true, + keepEditingRows: true + }); + var event = { + type: events_1.Events.EVENT_ROW_DATA_UPDATED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event); + }; + ClientSideRowModel.prototype.doRowsToDisplay = function () { + this.rowsToDisplay = this.flattenStage.execute({ rowNode: this.rootNode }); + }; + ClientSideRowModel.prototype.onRowHeightChanged = function () { + this.refreshModel({ step: constants_1.Constants.STEP_MAP, keepRenderedRows: true, keepEditingRows: true }); + }; + ClientSideRowModel.prototype.resetRowHeights = function () { + this.forEachNode(function (rowNode) { return rowNode.setRowHeight(null); }); + this.onRowHeightChanged(); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ClientSideRowModel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], ClientSideRowModel.prototype, "columnController", void 0); + __decorate([ + context_1.Autowired('filterManager'), + __metadata("design:type", filterManager_1.FilterManager) + ], ClientSideRowModel.prototype, "filterManager", void 0); + __decorate([ + context_1.Autowired('$scope'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "$scope", void 0); + __decorate([ + context_1.Autowired('selectionController'), + __metadata("design:type", selectionController_1.SelectionController) + ], ClientSideRowModel.prototype, "selectionController", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], ClientSideRowModel.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], ClientSideRowModel.prototype, "context", void 0); + __decorate([ + context_1.Autowired('valueService'), + __metadata("design:type", valueService_1.ValueService) + ], ClientSideRowModel.prototype, "valueService", void 0); + __decorate([ + context_1.Autowired('valueCache'), + __metadata("design:type", valueCache_1.ValueCache) + ], ClientSideRowModel.prototype, "valueCache", void 0); + __decorate([ + context_1.Autowired('columnApi'), + __metadata("design:type", columnApi_1.ColumnApi) + ], ClientSideRowModel.prototype, "columnApi", void 0); + __decorate([ + context_1.Autowired('gridApi'), + __metadata("design:type", gridApi_1.GridApi) + ], ClientSideRowModel.prototype, "gridApi", void 0); + __decorate([ + context_1.Autowired('filterStage'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "filterStage", void 0); + __decorate([ + context_1.Autowired('sortStage'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "sortStage", void 0); + __decorate([ + context_1.Autowired('flattenStage'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "flattenStage", void 0); + __decorate([ + context_1.Optional('groupStage'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "groupStage", void 0); + __decorate([ + context_1.Optional('aggregationStage'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "aggregationStage", void 0); + __decorate([ + context_1.Optional('pivotStage'), + __metadata("design:type", Object) + ], ClientSideRowModel.prototype, "pivotStage", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ClientSideRowModel.prototype, "init", null); + ClientSideRowModel = __decorate([ + context_1.Bean('rowModel') + ], ClientSideRowModel); + return ClientSideRowModel; + }()); + exports.ClientSideRowModel = ClientSideRowModel; + + +/***/ }), +/* 135 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var rowNode_1 = __webpack_require__(32); + var utils_1 = __webpack_require__(8); + var ClientSideNodeManager = (function () { + function ClientSideNodeManager(rootNode, gridOptionsWrapper, context, eventService, columnController) { + this.nextId = 0; + // when user is provide the id's, we also keep a map of ids to row nodes for convenience + this.allNodesMap = {}; + this.rootNode = rootNode; + this.gridOptionsWrapper = gridOptionsWrapper; + this.context = context; + this.eventService = eventService; + this.columnController = columnController; + this.rootNode.group = true; + this.rootNode.level = -1; + this.rootNode.id = ClientSideNodeManager.ROOT_NODE_ID; + this.rootNode.allLeafChildren = []; + this.rootNode.childrenAfterGroup = []; + this.rootNode.childrenAfterSort = []; + this.rootNode.childrenAfterFilter = []; + // if we make this class a bean, then can annotate postConstruct + this.postConstruct(); + } + // @PostConstruct - this is not a bean, so postConstruct called by constructor + ClientSideNodeManager.prototype.postConstruct = function () { + // func below doesn't have 'this' pointer, so need to pull out these bits + this.getNodeChildDetails = this.gridOptionsWrapper.getNodeChildDetailsFunc(); + this.suppressParentsInRowNodes = this.gridOptionsWrapper.isSuppressParentsInRowNodes(); + this.doesDataFlower = this.gridOptionsWrapper.getDoesDataFlowerFunc(); + this.isRowMasterFunc = this.gridOptionsWrapper.getIsRowMasterFunc(); + this.doingLegacyTreeData = utils_1.Utils.exists(this.getNodeChildDetails); + this.doingMasterDetail = this.gridOptionsWrapper.isMasterDetail(); + }; + ClientSideNodeManager.prototype.getCopyOfNodesMap = function () { + var result = utils_1.Utils.cloneObject(this.allNodesMap); + return result; + }; + ClientSideNodeManager.prototype.getRowNode = function (id) { + return this.allNodesMap[id]; + }; + ClientSideNodeManager.prototype.setRowData = function (rowData) { + this.rootNode.childrenAfterFilter = null; + this.rootNode.childrenAfterGroup = null; + this.rootNode.childrenAfterSort = null; + this.rootNode.childrenMapped = null; + this.nextId = 0; + this.allNodesMap = {}; + if (!rowData) { + this.rootNode.allLeafChildren = []; + this.rootNode.childrenAfterGroup = []; + return; + } + // kick off recursion + var result = this.recursiveFunction(rowData, null, ClientSideNodeManager.TOP_LEVEL); + if (this.doingLegacyTreeData) { + this.rootNode.childrenAfterGroup = result; + this.setLeafChildren(this.rootNode); + } + else { + this.rootNode.allLeafChildren = result; + } + }; + ClientSideNodeManager.prototype.updateRowData = function (rowDataTran, rowNodeOrder) { + var _this = this; + if (this.isLegacyTreeData()) { + return null; + } + var add = rowDataTran.add, addIndex = rowDataTran.addIndex, remove = rowDataTran.remove, update = rowDataTran.update; + var rowNodeTransaction = { + remove: [], + update: [], + add: [] + }; + if (utils_1.Utils.exists(add)) { + var useIndex = typeof addIndex === 'number' && addIndex >= 0; + if (useIndex) { + // items get inserted in reverse order for index insertion + add.reverse().forEach(function (item) { + var newRowNode = _this.addRowNode(item, addIndex); + rowNodeTransaction.add.push(newRowNode); + }); + } + else { + add.forEach(function (item) { + var newRowNode = _this.addRowNode(item); + rowNodeTransaction.add.push(newRowNode); + }); + } + } + if (utils_1.Utils.exists(remove)) { + remove.forEach(function (item) { + var removedRowNode = _this.updatedRowNode(item, false); + if (removedRowNode) { + rowNodeTransaction.remove.push(removedRowNode); + } + }); + } + if (utils_1.Utils.exists(update)) { + update.forEach(function (item) { + var updatedRowNode = _this.updatedRowNode(item, true); + if (updatedRowNode) { + rowNodeTransaction.update.push(updatedRowNode); + } + }); + } + if (rowNodeOrder) { + utils_1.Utils.sortRowNodesByOrder(this.rootNode.allLeafChildren, rowNodeOrder); + } + return rowNodeTransaction; + }; + ClientSideNodeManager.prototype.addRowNode = function (data, index) { + var newNode = this.createNode(data, null, ClientSideNodeManager.TOP_LEVEL); + if (utils_1.Utils.exists(index)) { + utils_1.Utils.insertIntoArray(this.rootNode.allLeafChildren, newNode, index); + } + else { + this.rootNode.allLeafChildren.push(newNode); + } + return newNode; + }; + ClientSideNodeManager.prototype.updatedRowNode = function (data, update) { + var rowNodeIdFunc = this.gridOptionsWrapper.getRowNodeIdFunc(); + var rowNode; + if (utils_1.Utils.exists(rowNodeIdFunc)) { + // find rowNode using id + var id = rowNodeIdFunc(data); + rowNode = this.allNodesMap[id]; + if (!rowNode) { + console.error("ag-Grid: could not find row id=" + id + ", data item was not found for this id"); + return null; + } + } + else { + // find rowNode using object references + rowNode = utils_1.Utils.find(this.rootNode.allLeafChildren, function (rowNode) { return rowNode.data === data; }); + if (!rowNode) { + console.error("ag-Grid: could not find data item as object was not found", data); + return null; + } + } + if (update) { + // do update + rowNode.updateData(data); + } + else { + // do delete + rowNode.setSelected(false); + // so row renderer knows to fade row out (and not reposition it) + rowNode.clearRowTop(); + utils_1.Utils.removeFromArray(this.rootNode.allLeafChildren, rowNode); + this.allNodesMap[rowNode.id] = undefined; + } + return rowNode; + }; + ClientSideNodeManager.prototype.recursiveFunction = function (rowData, parent, level) { + var _this = this; + // make sure the rowData is an array and not a string of json - this was a commonly reported problem on the forum + if (typeof rowData === 'string') { + console.warn('ag-Grid: rowData must be an array, however you passed in a string. If you are loading JSON, make sure you convert the JSON string to JavaScript objects first'); + return; + } + var rowNodes = []; + rowData.forEach(function (dataItem) { + var node = _this.createNode(dataItem, parent, level); + rowNodes.push(node); + }); + return rowNodes; + }; + ClientSideNodeManager.prototype.createNode = function (dataItem, parent, level) { + var node = new rowNode_1.RowNode(); + this.context.wireBean(node); + var doingTreeData = this.gridOptionsWrapper.isTreeData(); + var doingLegacyTreeData = !doingTreeData && utils_1.Utils.exists(this.getNodeChildDetails); + var nodeChildDetails = doingLegacyTreeData ? this.getNodeChildDetails(dataItem) : null; + if (nodeChildDetails && nodeChildDetails.group) { + node.group = true; + node.childrenAfterGroup = this.recursiveFunction(nodeChildDetails.children, node, level + 1); + node.expanded = nodeChildDetails.expanded === true; + node.field = nodeChildDetails.field; + node.key = nodeChildDetails.key; + node.canFlower = node.master; // deprecated, is now 'master' + // pull out all the leaf children and add to our node + this.setLeafChildren(node); + } + else { + node.group = false; + if (doingTreeData) { + node.master = false; + node.expanded = false; + } + else { + // this is the default, for when doing grid data + if (this.doesDataFlower) { + node.master = this.doesDataFlower(dataItem); + } + else if (this.doingMasterDetail) { + // if we are doing master detail, then the + // default is that everything can flower. + if (this.isRowMasterFunc) { + node.master = this.isRowMasterFunc(dataItem); + } + else { + node.master = true; + } + } + else { + node.master = false; + } + var rowGroupColumns = this.columnController.getRowGroupColumns(); + var numRowGroupColumns = rowGroupColumns ? rowGroupColumns.length : 0; + // need to take row group into account when determining level + var masterRowLevel = level + numRowGroupColumns; + node.expanded = node.master ? this.isExpanded(masterRowLevel) : false; + } + } + // support for backwards compatibility, canFlow is now called 'master' + node.canFlower = node.master; + if (parent && !this.suppressParentsInRowNodes) { + node.parent = parent; + } + node.level = level; + node.setDataAndId(dataItem, this.nextId.toString()); + this.allNodesMap[node.id] = node; + this.nextId++; + return node; + }; + ClientSideNodeManager.prototype.isExpanded = function (level) { + var expandByDefault = this.gridOptionsWrapper.getGroupDefaultExpanded(); + if (expandByDefault === -1) { + return true; + } + else { + return level < expandByDefault; + } + }; + // this is only used for doing legacy tree data + ClientSideNodeManager.prototype.setLeafChildren = function (node) { + node.allLeafChildren = []; + if (node.childrenAfterGroup) { + node.childrenAfterGroup.forEach(function (childAfterGroup) { + if (childAfterGroup.group) { + if (childAfterGroup.allLeafChildren) { + childAfterGroup.allLeafChildren.forEach(function (leafChild) { return node.allLeafChildren.push(leafChild); }); + } + } + else { + node.allLeafChildren.push(childAfterGroup); + } + }); + } + }; + ClientSideNodeManager.prototype.insertItemsAtIndex = function (index, rowData) { + if (this.isLegacyTreeData()) { + return null; + } + var nodeList = this.rootNode.allLeafChildren; + if (index > nodeList.length) { + console.warn("ag-Grid: invalid index " + index + ", max index is " + nodeList.length); + return; + } + var newNodes = []; + // go through the items backwards, otherwise they get added in reverse order + for (var i = rowData.length - 1; i >= 0; i--) { + var data = rowData[i]; + var newNode = this.createNode(data, null, ClientSideNodeManager.TOP_LEVEL); + utils_1.Utils.insertIntoArray(nodeList, newNode, index); + newNodes.push(newNode); + } + return newNodes.length > 0 ? newNodes : null; + }; + ClientSideNodeManager.prototype.addItems = function (items) { + var nodeList = this.rootNode.allLeafChildren; + return this.insertItemsAtIndex(nodeList.length, items); + }; + ClientSideNodeManager.prototype.isLegacyTreeData = function () { + var rowsAlreadyGrouped = utils_1.Utils.exists(this.gridOptionsWrapper.getNodeChildDetailsFunc()); + if (rowsAlreadyGrouped) { + console.warn('ag-Grid: adding and removing rows is not supported when using nodeChildDetailsFunc, ie it is not ' + + 'supported for legacy tree data. Please see the docs on the new preferred way of providing tree data that works with delta updates.'); + return true; + } + else { + return false; + } + }; + ClientSideNodeManager.TOP_LEVEL = 0; + ClientSideNodeManager.ROOT_NODE_ID = 'ROOT_NODE_ID'; + return ClientSideNodeManager; + }()); + exports.ClientSideNodeManager = ClientSideNodeManager; + + +/***/ }), +/* 136 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var ChangedPath = (function () { + function ChangedPath(keepingColumns) { + this.active = true; + this.nodeIdsToBoolean = {}; + this.nodeIdsToColumns = {}; + this.keepingColumns = keepingColumns; + } + ChangedPath.prototype.setInactive = function () { + this.active = false; + }; + ChangedPath.prototype.isActive = function () { + return this.active; + }; + ChangedPath.prototype.addParentNode = function (rowNode, columns) { + var _this = this; + this.validateActive(); + var pointer = rowNode; + while (pointer) { + // add this item to the path, all the way to parent + this.nodeIdsToBoolean[pointer.id] = true; + // if columns, add the columns in all the way to parent, merging + // in any other columns that might be there already + if (this.keepingColumns && columns) { + if (!this.nodeIdsToColumns[pointer.id]) { + this.nodeIdsToColumns[pointer.id] = {}; + } + columns.forEach(function (col) { return _this.nodeIdsToColumns[pointer.id][col.getId()] = true; }); + } + pointer = pointer.parent; + } + }; + ChangedPath.prototype.isInPath = function (rowNode) { + this.validateActive(); + return this.nodeIdsToBoolean[rowNode.id]; + }; + ChangedPath.prototype.getValueColumnsForNode = function (rowNode, valueColumns) { + this.validateActive(); + if (!this.keepingColumns) { + return valueColumns; + } + var colsForThisNode = this.nodeIdsToColumns[rowNode.id]; + var result = valueColumns.filter(function (col) { return colsForThisNode[col.getId()]; }); + return result; + }; + ChangedPath.prototype.getNotValueColumnsForNode = function (rowNode, valueColumns) { + this.validateActive(); + if (!this.keepingColumns) { + return null; + } + var colsForThisNode = this.nodeIdsToColumns[rowNode.id]; + var result = valueColumns.filter(function (col) { return !colsForThisNode[col.getId()]; }); + return result; + }; + // this is to check for a bug in our code. each part that uses ChangePath should check + // if it is valid first, and not use it if it is not valid + ChangedPath.prototype.validateActive = function () { + if (!this.active) { + throw "ag-Grid: tried to work on an invalid changed path"; + } + }; + return ChangedPath; + }()); + exports.ChangedPath = ChangedPath; + + +/***/ }), +/* 137 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + /** The base frameworks, eg React & Angular 2, override this bean with implementations specific to their requirement. */ + var BaseFrameworkFactory = (function () { + function BaseFrameworkFactory() { + } + BaseFrameworkFactory.prototype.dateComponent = function (gridOptions) { + return gridOptions.dateComponent; + }; + BaseFrameworkFactory.prototype.colDefFloatingCellRenderer = function (colDef) { + return colDef.pinnedRowCellRenderer; + }; + BaseFrameworkFactory.prototype.colDefCellRenderer = function (colDef) { + return colDef.cellRenderer; + }; + BaseFrameworkFactory.prototype.colDefCellEditor = function (colDef) { + return colDef.cellEditor; + }; + BaseFrameworkFactory.prototype.colDefFilter = function (colDef) { + return colDef.filter; + }; + BaseFrameworkFactory.prototype.gridOptionsFullWidthCellRenderer = function (gridOptions) { + return gridOptions.fullWidthCellRenderer; + }; + BaseFrameworkFactory.prototype.gridOptionsGroupRowRenderer = function (gridOptions) { + return gridOptions.groupRowRenderer; + }; + BaseFrameworkFactory.prototype.gridOptionsGroupRowInnerRenderer = function (gridOptions) { + return gridOptions.groupRowInnerRenderer; + }; + BaseFrameworkFactory.prototype.setTimeout = function (action, timeout) { + setTimeout(action, timeout); + }; + return BaseFrameworkFactory; + }()); + exports.BaseFrameworkFactory = BaseFrameworkFactory; + + +/***/ }), +/* 138 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var LINE_SEPARATOR = '\r\n'; + var XmlFactory = (function () { + function XmlFactory() { + } + XmlFactory.prototype.createXml = function (xmlElement, booleanTransformer) { + var _this = this; + var props = ""; + if (xmlElement.properties) { + if (xmlElement.properties.prefixedAttributes) { + xmlElement.properties.prefixedAttributes.forEach(function (prefixedSet) { + Object.keys(prefixedSet.map).forEach(function (key) { + props += _this.returnAttributeIfPopulated(prefixedSet.prefix + key, prefixedSet.map[key], booleanTransformer); + }); + }); + } + if (xmlElement.properties.rawMap) { + Object.keys(xmlElement.properties.rawMap).forEach(function (key) { + props += _this.returnAttributeIfPopulated(key, xmlElement.properties.rawMap[key], booleanTransformer); + }); + } + } + var result = "<" + xmlElement.name + props; + if (!xmlElement.children && xmlElement.textNode == null) { + return result + "/>" + LINE_SEPARATOR; + } + if (xmlElement.textNode != null) { + return result + ">" + xmlElement.textNode + "" + LINE_SEPARATOR; + } + result += ">" + LINE_SEPARATOR; + xmlElement.children.forEach(function (it) { + result += _this.createXml(it, booleanTransformer); + }); + return result + "" + LINE_SEPARATOR; + }; + XmlFactory.prototype.returnAttributeIfPopulated = function (key, value, booleanTransformer) { + if (!value) { + return ""; + } + var xmlValue = value; + if ((typeof (value) === 'boolean')) { + if (booleanTransformer) { + xmlValue = booleanTransformer(value); + } + } + xmlValue = '"' + xmlValue + '"'; + return " " + key + "=" + xmlValue; + }; + XmlFactory = __decorate([ + context_1.Bean('xmlFactory') + ], XmlFactory); + return XmlFactory; + }()); + exports.XmlFactory = XmlFactory; + + +/***/ }), +/* 139 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var rowNode_1 = __webpack_require__(32); + var clientSideNodeManager_1 = __webpack_require__(135); + var gridOptionsWrapper_1 = __webpack_require__(4); + var eventService_1 = __webpack_require__(5); + var context_1 = __webpack_require__(7); + var columnController_1 = __webpack_require__(17); + var RowNodeFactory = (function () { + function RowNodeFactory() { + } + RowNodeFactory.prototype.create = function (data) { + var rootNode = new rowNode_1.RowNode(); + var nodeManager = new clientSideNodeManager_1.ClientSideNodeManager(rootNode, this.gridOptionsWrapper, this.context, this.eventService, this.columnController); + this.context.wireBean(rootNode); + nodeManager.setRowData(data); + return rootNode; + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], RowNodeFactory.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], RowNodeFactory.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('context'), + __metadata("design:type", context_1.Context) + ], RowNodeFactory.prototype, "context", void 0); + __decorate([ + context_1.Autowired('columnController'), + __metadata("design:type", columnController_1.ColumnController) + ], RowNodeFactory.prototype, "columnController", void 0); + RowNodeFactory = __decorate([ + context_1.Bean("rowNodeFactory") + ], RowNodeFactory); + return RowNodeFactory; + }()); + exports.RowNodeFactory = RowNodeFactory; + + +/***/ }), +/* 140 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var changedPath_1 = __webpack_require__(136); + var rowRenderer_1 = __webpack_require__(26); + var eventService_1 = __webpack_require__(5); + var constants_1 = __webpack_require__(9); + var beanStub_1 = __webpack_require__(37); + var events_1 = __webpack_require__(11); + var ChangeDetectionService = (function (_super) { + __extends(ChangeDetectionService, _super); + function ChangeDetectionService() { + return _super !== null && _super.apply(this, arguments) || this; + } + ChangeDetectionService.prototype.init = function () { + if (this.rowModel.getType() === constants_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + this.clientSideRowModel = this.rowModel; + } + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_CELL_VALUE_CHANGED, this.onCellValueChanged.bind(this)); + }; + ChangeDetectionService.prototype.onCellValueChanged = function (event) { + this.doChangeDetection(event.node, event.column); + }; + ChangeDetectionService.prototype.doChangeDetection = function (rowNode, column) { + if (this.gridOptionsWrapper.isSuppressChangeDetection()) { + return; + } + // step 1 of change detection is to update the aggregated values + if (this.clientSideRowModel && !rowNode.isRowPinned()) { + var onlyChangedColumns = this.gridOptionsWrapper.isAggregateOnlyChangedColumns(); + var changedPath = new changedPath_1.ChangedPath(onlyChangedColumns); + changedPath.addParentNode(rowNode.parent, [column]); + this.clientSideRowModel.doAggregate(changedPath); + } + // step 2 of change detection is to refresh the cells + this.rowRenderer.refreshCells(); + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], ChangeDetectionService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], ChangeDetectionService.prototype, "rowModel", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], ChangeDetectionService.prototype, "rowRenderer", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], ChangeDetectionService.prototype, "eventService", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ChangeDetectionService.prototype, "init", null); + ChangeDetectionService = __decorate([ + context_1.Bean('changeDetectionService') + ], ChangeDetectionService); + return ChangeDetectionService; + }(beanStub_1.BeanStub)); + exports.ChangeDetectionService = ChangeDetectionService; + + +/***/ }), +/* 141 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var component_1 = __webpack_require__(36); + var context_1 = __webpack_require__(7); + var gridOptionsWrapper_1 = __webpack_require__(4); + var componentAnnotations_1 = __webpack_require__(43); + var utils_1 = __webpack_require__(8); + var eventService_1 = __webpack_require__(5); + var events_1 = __webpack_require__(11); + var rowRenderer_1 = __webpack_require__(26); + var paginationProxy_1 = __webpack_require__(70); + var PaginationComp = (function (_super) { + __extends(PaginationComp, _super); + function PaginationComp() { + return _super.call(this) || this; + } + PaginationComp.prototype.postConstruct = function () { + this.setTemplate(this.getTemplate()); + var isPaging = this.gridOptionsWrapper.isPagination(); + var paginationPanelEnabled = isPaging && !this.gridOptionsWrapper.isSuppressPaginationPanel(); + if (!paginationPanelEnabled) { + this.setVisible(false); + return; + } + this.addDestroyableEventListener(this.eventService, events_1.Events.EVENT_PAGINATION_CHANGED, this.onPaginationChanged.bind(this)); + this.addDestroyableEventListener(this.btFirst, 'click', this.onBtFirst.bind(this)); + this.addDestroyableEventListener(this.btLast, 'click', this.onBtLast.bind(this)); + this.addDestroyableEventListener(this.btNext, 'click', this.onBtNext.bind(this)); + this.addDestroyableEventListener(this.btPrevious, 'click', this.onBtPrevious.bind(this)); + this.onPaginationChanged(); + }; + PaginationComp.prototype.onPaginationChanged = function () { + this.enableOrDisableButtons(); + this.updateRowLabels(); + this.setCurrentPageLabel(); + this.setTotalLabels(); + }; + PaginationComp.prototype.setCurrentPageLabel = function () { + var pagesExist = this.paginationProxy.getTotalPages() > 0; + var currentPage = this.paginationProxy.getCurrentPage(); + var toDisplay = pagesExist ? currentPage + 1 : 0; + this.lbCurrent.innerHTML = this.formatNumber(toDisplay); + }; + PaginationComp.prototype.formatNumber = function (value) { + var userFunc = this.gridOptionsWrapper.getPaginationNumberFormatterFunc(); + if (userFunc) { + return userFunc({ value: value }); + } + else { + return utils_1._.formatNumberCommas(value); + } + }; + PaginationComp.prototype.getTemplate = function () { + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var strPage = localeTextFunc('page', 'Page'); + var strTo = localeTextFunc('to', 'to'); + var strOf = localeTextFunc('of', 'of'); + var strFirst = localeTextFunc('first', 'First'); + var strPrevious = localeTextFunc('previous', 'Previous'); + var strNext = localeTextFunc('next', 'Next'); + var strLast = localeTextFunc('last', 'Last'); + return "
\n \n " + strTo + " " + strOf + " \n \n \n \n \n " + strPage + " " + strOf + " \n \n \n \n
"; + }; + PaginationComp.prototype.onBtNext = function () { + this.paginationProxy.goToNextPage(); + }; + PaginationComp.prototype.onBtPrevious = function () { + this.paginationProxy.goToPreviousPage(); + }; + PaginationComp.prototype.onBtFirst = function () { + this.paginationProxy.goToFirstPage(); + }; + PaginationComp.prototype.onBtLast = function () { + this.paginationProxy.goToLastPage(); + }; + PaginationComp.prototype.enableOrDisableButtons = function () { + var currentPage = this.paginationProxy.getCurrentPage(); + var maxRowFound = this.paginationProxy.isLastPageFound(); + var totalPages = this.paginationProxy.getTotalPages(); + var disablePreviousAndFirst = currentPage === 0; + this.btPrevious.disabled = disablePreviousAndFirst; + this.btFirst.disabled = disablePreviousAndFirst; + var zeroPagesToDisplay = this.isZeroPagesToDisplay(); + var onLastPage = maxRowFound && currentPage === (totalPages - 1); + var disableNext = onLastPage || zeroPagesToDisplay; + this.btNext.disabled = disableNext; + var disableLast = !maxRowFound || zeroPagesToDisplay || currentPage === (totalPages - 1); + this.btLast.disabled = disableLast; + }; + PaginationComp.prototype.updateRowLabels = function () { + var currentPage = this.paginationProxy.getCurrentPage(); + var pageSize = this.paginationProxy.getPageSize(); + var maxRowFound = this.paginationProxy.isLastPageFound(); + var rowCount = this.paginationProxy.isLastPageFound() ? + this.paginationProxy.getTotalRowCount() : null; + var startRow; + var endRow; + if (this.isZeroPagesToDisplay()) { + startRow = 0; + endRow = 0; + } + else { + startRow = (pageSize * currentPage) + 1; + endRow = startRow + pageSize - 1; + if (maxRowFound && endRow > rowCount) { + endRow = rowCount; + } + } + this.lbFirstRowOnPage.innerHTML = this.formatNumber(startRow); + this.lbLastRowOnPage.innerHTML = this.formatNumber(endRow); + }; + PaginationComp.prototype.isZeroPagesToDisplay = function () { + var maxRowFound = this.paginationProxy.isLastPageFound(); + var totalPages = this.paginationProxy.getTotalPages(); + return maxRowFound && totalPages === 0; + }; + PaginationComp.prototype.setTotalLabels = function () { + var lastPageFound = this.paginationProxy.isLastPageFound(); + var totalPages = this.paginationProxy.getTotalPages(); + var rowCount = this.paginationProxy.isLastPageFound() ? + this.paginationProxy.getTotalRowCount() : null; + if (lastPageFound) { + this.lbTotal.innerHTML = this.formatNumber(totalPages); + this.lbRecordCount.innerHTML = this.formatNumber(rowCount); + } + else { + var moreText = this.gridOptionsWrapper.getLocaleTextFunc()('more', 'more'); + this.lbTotal.innerHTML = moreText; + this.lbRecordCount.innerHTML = moreText; + } + }; + __decorate([ + context_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", gridOptionsWrapper_1.GridOptionsWrapper) + ], PaginationComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + context_1.Autowired('eventService'), + __metadata("design:type", eventService_1.EventService) + ], PaginationComp.prototype, "eventService", void 0); + __decorate([ + context_1.Autowired('paginationProxy'), + __metadata("design:type", paginationProxy_1.PaginationProxy) + ], PaginationComp.prototype, "paginationProxy", void 0); + __decorate([ + context_1.Autowired('rowRenderer'), + __metadata("design:type", rowRenderer_1.RowRenderer) + ], PaginationComp.prototype, "rowRenderer", void 0); + __decorate([ + componentAnnotations_1.RefSelector('btFirst'), + __metadata("design:type", HTMLButtonElement) + ], PaginationComp.prototype, "btFirst", void 0); + __decorate([ + componentAnnotations_1.RefSelector('btPrevious'), + __metadata("design:type", HTMLButtonElement) + ], PaginationComp.prototype, "btPrevious", void 0); + __decorate([ + componentAnnotations_1.RefSelector('btNext'), + __metadata("design:type", HTMLButtonElement) + ], PaginationComp.prototype, "btNext", void 0); + __decorate([ + componentAnnotations_1.RefSelector('btLast'), + __metadata("design:type", HTMLButtonElement) + ], PaginationComp.prototype, "btLast", void 0); + __decorate([ + componentAnnotations_1.RefSelector('lbRecordCount'), + __metadata("design:type", Object) + ], PaginationComp.prototype, "lbRecordCount", void 0); + __decorate([ + componentAnnotations_1.RefSelector('lbFirstRowOnPage'), + __metadata("design:type", Object) + ], PaginationComp.prototype, "lbFirstRowOnPage", void 0); + __decorate([ + componentAnnotations_1.RefSelector('lbLastRowOnPage'), + __metadata("design:type", Object) + ], PaginationComp.prototype, "lbLastRowOnPage", void 0); + __decorate([ + componentAnnotations_1.RefSelector('eSummaryPanel'), + __metadata("design:type", Object) + ], PaginationComp.prototype, "eSummaryPanel", void 0); + __decorate([ + componentAnnotations_1.RefSelector('lbCurrent'), + __metadata("design:type", Object) + ], PaginationComp.prototype, "lbCurrent", void 0); + __decorate([ + componentAnnotations_1.RefSelector('lbTotal'), + __metadata("design:type", Object) + ], PaginationComp.prototype, "lbTotal", void 0); + __decorate([ + context_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], PaginationComp.prototype, "postConstruct", null); + return PaginationComp; + }(component_1.Component)); + exports.PaginationComp = PaginationComp; + + +/***/ }), +/* 142 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var componentUtil_1 = __webpack_require__(10); + var grid_1 = __webpack_require__(120); + var registered = false; + function initialiseAgGridWithWebComponents() { + console.warn('ag-grid: initialiseAgGridWithWebComponents is deprecated. Please use the ag-grid-webcomponent dependency instead. '); + // only register to WebComponents once + if (registered) { + return; + } + registered = true; + if (typeof document === 'undefined' || !document.registerElement) { + console.error('ag-Grid: unable to find document.registerElement() function, unable to initialise ag-Grid as a Web Component'); + } + // i don't think this type of extension is possible in TypeScript, so back to + // plain Javascript to create this object + var AgileGridProto = Object.create(HTMLElement.prototype); + // wrap each property with a get and set method, so we can track when changes are done + componentUtil_1.ComponentUtil.ALL_PROPERTIES.forEach(function (key) { + Object.defineProperty(AgileGridProto, key, { + set: function (v) { + this.__agGridSetProperty(key, v); + }, + get: function () { + return this.__agGridGetProperty(key); + }, + enumerable: true, + configurable: true + }); + }); + var agGridProtoNoType = AgileGridProto; + agGridProtoNoType.__agGridSetProperty = function (key, value) { + if (!this.__attributes) { + this.__attributes = {}; + } + this.__attributes[key] = value; + // keeping this consistent with the ng2 onChange, so I can reuse the handling code + var changeObject = {}; + changeObject[key] = { currentValue: value }; + this.onChange(changeObject); + }; + agGridProtoNoType.onChange = function (changes) { + if (this._initialised) { + componentUtil_1.ComponentUtil.processOnChange(changes, this._gridOptions, this.api, this.columnApi); + } + }; + agGridProtoNoType.__agGridGetProperty = function (key) { + if (!this.__attributes) { + this.__attributes = {}; + } + return this.__attributes[key]; + }; + agGridProtoNoType.setGridOptions = function (options) { + var globalEventListener = this.globalEventListener.bind(this); + this._gridOptions = componentUtil_1.ComponentUtil.copyAttributesToGridOptions(options, this); + var gridParams = { + globalEventListener: globalEventListener + }; + this._agGrid = new grid_1.Grid(this, this._gridOptions, gridParams); + this.api = options.api; + this.columnApi = options.columnApi; + this._initialised = true; + }; + // copies all the attributes into this object + agGridProtoNoType.createdCallback = function () { + for (var i = 0; i < this.attributes.length; i++) { + var attribute = this.attributes[i]; + this.setPropertyFromAttribute(attribute); + } + }; + agGridProtoNoType.setPropertyFromAttribute = function (attribute) { + var name = toCamelCase(attribute.nodeName); + var value = attribute.nodeValue; + if (componentUtil_1.ComponentUtil.ALL_PROPERTIES.indexOf(name) >= 0) { + this[name] = value; + } + }; + agGridProtoNoType.attachedCallback = function (params) { }; + agGridProtoNoType.detachedCallback = function (params) { }; + agGridProtoNoType.attributeChangedCallback = function (attributeName) { + var attribute = this.attributes[attributeName]; + this.setPropertyFromAttribute(attribute); + }; + agGridProtoNoType.globalEventListener = function (eventType, event) { + var eventLowerCase = eventType.toLowerCase(); + var browserEvent = new Event(eventLowerCase); + var browserEventNoType = browserEvent; + browserEventNoType.agGridDetails = event; + this.dispatchEvent(browserEvent); + var callbackMethod = 'on' + eventLowerCase; + if (typeof this[callbackMethod] === 'function') { + this[callbackMethod](browserEvent); + } + }; + // finally, register + document.registerElement('ag-grid', { prototype: AgileGridProto }); + } + exports.initialiseAgGridWithWebComponents = initialiseAgGridWithWebComponents; + function toCamelCase(myString) { + if (typeof myString === 'string') { + var result = myString.replace(/-([a-z])/g, function (g) { + return g[1].toUpperCase(); + }); + return result; + } + else { + return myString; + } + } + + +/***/ }), +/* 143 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + var TabbedLayout = (function () { + function TabbedLayout(params) { + var _this = this; + this.items = []; + this.params = params; + this.eGui = document.createElement('div'); + this.eGui.innerHTML = TabbedLayout.TEMPLATE; + this.eHeader = this.eGui.querySelector('[ref="tabHeader"]'); + this.eBody = this.eGui.querySelector('[ref="tabBody"]'); + utils_1.Utils.addCssClass(this.eGui, params.cssClass); + if (params.items) { + params.items.forEach(function (item) { return _this.addItem(item); }); + } + } + TabbedLayout.prototype.setAfterAttachedParams = function (params) { + this.afterAttachedParams = params; + }; + TabbedLayout.prototype.getMinWidth = function () { + var eDummyContainer = document.createElement('span'); + // position fixed, so it isn't restricted to the boundaries of the parent + eDummyContainer.style.position = 'fixed'; + // we put the dummy into the body container, so it will inherit all the + // css styles that the real cells are inheriting + this.eGui.appendChild(eDummyContainer); + var minWidth = 0; + this.items.forEach(function (itemWrapper) { + utils_1.Utils.removeAllChildren(eDummyContainer); + var eClone = itemWrapper.tabbedItem.bodyPromise.resolveNow(null, function (body) { return body.cloneNode(true); }); + if (eClone == null) { + return; + } + eDummyContainer.appendChild(eClone); + if (minWidth < eDummyContainer.offsetWidth) { + minWidth = eDummyContainer.offsetWidth; + } + }); + this.eGui.removeChild(eDummyContainer); + return minWidth; + }; + TabbedLayout.prototype.showFirstItem = function () { + if (this.items.length > 0) { + this.showItemWrapper(this.items[0]); + } + }; + TabbedLayout.prototype.addItem = function (item) { + var eHeaderButton = document.createElement('span'); + eHeaderButton.appendChild(item.title); + utils_1.Utils.addCssClass(eHeaderButton, 'ag-tab'); + this.eHeader.appendChild(eHeaderButton); + var wrapper = { + tabbedItem: item, + eHeaderButton: eHeaderButton + }; + this.items.push(wrapper); + eHeaderButton.addEventListener('click', this.showItemWrapper.bind(this, wrapper)); + }; + TabbedLayout.prototype.showItem = function (tabbedItem) { + var itemWrapper = utils_1.Utils.find(this.items, function (itemWrapper) { + return itemWrapper.tabbedItem === tabbedItem; + }); + if (itemWrapper) { + this.showItemWrapper(itemWrapper); + } + }; + TabbedLayout.prototype.showItemWrapper = function (wrapper) { + var _this = this; + if (this.params.onItemClicked) { + this.params.onItemClicked({ item: wrapper.tabbedItem }); + } + if (this.activeItem === wrapper) { + utils_1.Utils.callIfPresent(this.params.onActiveItemClicked); + return; + } + utils_1.Utils.removeAllChildren(this.eBody); + wrapper.tabbedItem.bodyPromise.then(function (body) { + _this.eBody.appendChild(body); + }); + if (this.activeItem) { + utils_1.Utils.removeCssClass(this.activeItem.eHeaderButton, 'ag-tab-selected'); + } + utils_1.Utils.addCssClass(wrapper.eHeaderButton, 'ag-tab-selected'); + this.activeItem = wrapper; + if (wrapper.tabbedItem.afterAttachedCallback) { + wrapper.tabbedItem.afterAttachedCallback(this.afterAttachedParams); + } + }; + TabbedLayout.prototype.getGui = function () { + return this.eGui; + }; + TabbedLayout.TEMPLATE = '
' + + '
' + + '
' + + '
'; + return TabbedLayout; + }()); + exports.TabbedLayout = TabbedLayout; + + +/***/ }), +/* 144 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var VerticalStack = (function () { + function VerticalStack() { + this.isLayoutPanel = true; + this.childPanels = []; + this.eGui = document.createElement('div'); + this.eGui.style.height = '100%'; + } + VerticalStack.prototype.addPanel = function (panel, height) { + var component; + if (panel.isLayoutPanel) { + this.childPanels.push(panel); + component = panel.getGui(); + } + else { + component = panel; + } + if (height) { + component.style.height = height; + } + this.eGui.appendChild(component); + }; + VerticalStack.prototype.getGui = function () { + return this.eGui; + }; + VerticalStack.prototype.doLayout = function () { + for (var i = 0; i < this.childPanels.length; i++) { + this.childPanels[i].doLayout(); + } + }; + return VerticalStack; + }()); + exports.VerticalStack = VerticalStack; + + +/***/ }), +/* 145 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + function simpleHttpRequest(params) { + return new utils_1.Promise(function (resolve) { + var httpRequest = new XMLHttpRequest(); + httpRequest.open('GET', params.url); + httpRequest.send(); + httpRequest.onreadystatechange = function () { + if (httpRequest.readyState == 4 && httpRequest.status == 200) { + var httpResponse = JSON.parse(httpRequest.responseText); + resolve(httpResponse); + } + }; + }); + } + exports.simpleHttpRequest = simpleHttpRequest; + + +/***/ }), +/* 146 */ +/***/ (function(module, exports, __webpack_require__) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var utils_1 = __webpack_require__(8); + function defaultGroupComparator(valueA, valueB, nodeA, nodeB, accentedCompare) { + if (accentedCompare === void 0) { accentedCompare = false; } + console.warn('ag-Grid: Since ag-grid 11.0.0 defaultGroupComparator is not necessary. You can remove this from your colDef'); + var nodeAIsGroup = utils_1.Utils.exists(nodeA) && nodeA.group; + var nodeBIsGroup = utils_1.Utils.exists(nodeB) && nodeB.group; + var bothAreGroups = nodeAIsGroup && nodeBIsGroup; + var bothAreNormal = !nodeAIsGroup && !nodeBIsGroup; + if (bothAreGroups) { + return utils_1.Utils.defaultComparator(nodeA.key, nodeB.key, accentedCompare); + } + else if (bothAreNormal) { + return utils_1.Utils.defaultComparator(valueA, valueB, accentedCompare); + } + else if (nodeAIsGroup) { + return 1; + } + else { + return -1; + } + } + exports.defaultGroupComparator = defaultGroupComparator; + + +/***/ }), +/* 147 */ +/***/ (function(module, exports) { + + /** + * ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components + * @version v18.0.0 + * @link http://www.ag-grid.com/ + * @license MIT + */ + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var BaseComponentWrapper = (function () { + function BaseComponentWrapper() { + } + BaseComponentWrapper.prototype.wrap = function (OriginalConstructor, mandatoryMethodList, optionalMethodList, componentName) { + var _this = this; + var wrapper = this.createWrapper(OriginalConstructor, componentName); + mandatoryMethodList.forEach((function (methodName) { + _this.createMethod(wrapper, methodName, true); + })); + if (optionalMethodList) { + optionalMethodList.forEach((function (methodName) { + _this.createMethod(wrapper, methodName, false); + })); + } + return wrapper; + }; + BaseComponentWrapper.prototype.createMethod = function (wrapper, methodName, mandatory) { + wrapper.addMethod(methodName, this.createMethodProxy(wrapper, methodName, mandatory)); + }; + BaseComponentWrapper.prototype.createMethodProxy = function (wrapper, methodName, mandatory) { + return function () { + if (wrapper.hasMethod(methodName)) { + return wrapper.callMethod(methodName, arguments); + } + if (mandatory) { + console.warn('ag-Grid: Framework component is missing the method ' + methodName + '()'); + } + return null; + }; + }; + return BaseComponentWrapper; + }()); + exports.BaseComponentWrapper = BaseComponentWrapper; + + +/***/ }), +/* 148 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var columnSelectComp_1 = __webpack_require__(149); + var menuList_1 = __webpack_require__(154); + var menuItemComponent_1 = __webpack_require__(155); + var menuItemMapper_1 = __webpack_require__(156); + var EnterpriseMenuFactory = (function () { + function EnterpriseMenuFactory() { + } + EnterpriseMenuFactory.prototype.hideActiveMenu = function () { + if (this.activeMenu) { + this.activeMenu.destroy(); + } + }; + EnterpriseMenuFactory.prototype.showMenuAfterMouseEvent = function (column, mouseEvent, defaultTab) { + var _this = this; + this.showMenu(column, function (menu) { + _this.popupService.positionPopupUnderMouseEvent({ + column: column, + type: 'columnMenu', + mouseEvent: mouseEvent, + ePopup: menu.getGui() + }); + if (defaultTab) { + menu.showTab(defaultTab); + } + }, defaultTab); + }; + EnterpriseMenuFactory.prototype.showMenuAfterButtonClick = function (column, eventSource, defaultTab, restrictToTabs) { + var _this = this; + this.showMenu(column, function (menu) { + _this.popupService.positionPopupUnderComponent({ + column: column, + type: 'columnMenu', + eventSource: eventSource, + ePopup: menu.getGui(), + nudgeX: -9, + nudgeY: -26, + minWidth: menu.getMinWidth(), + keepWithinBounds: true + }); + if (defaultTab) { + menu.showTab(defaultTab); + } + }, defaultTab, restrictToTabs); + }; + EnterpriseMenuFactory.prototype.showMenu = function (column, positionCallback, defaultTab, restrictToTabs) { + var _this = this; + var menu = new EnterpriseMenu(column, this.lastSelectedTab, restrictToTabs); + this.context.wireBean(menu); + var eMenuGui = menu.getGui(); + // need to show filter before positioning, as only after filter + // is visible can we find out what the width of it is + var hidePopup = this.popupService.addAsModalPopup(eMenuGui, true, function () { + menu.destroy(); + column.setMenuVisible(false, "contextMenu"); + }); + positionCallback(menu); + menu.afterGuiAttached({ + hidePopup: hidePopup + }); + if (!defaultTab) { + menu.showTabBasedOnPreviousSelection(); + } + menu.addEventListener(EnterpriseMenu.EVENT_TAB_SELECTED, function (event) { + _this.lastSelectedTab = event.key; + }); + column.setMenuVisible(true, "contextMenu"); + this.activeMenu = menu; + menu.addEventListener(ag_grid_1.BeanStub.EVENT_DESTROYED, function () { + if (_this.activeMenu === menu) { + _this.activeMenu = null; + } + }); + }; + EnterpriseMenuFactory.prototype.isMenuEnabled = function (column) { + return column.getMenuTabs(EnterpriseMenu.TABS_DEFAULT).length > 0; + }; + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], EnterpriseMenuFactory.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('popupService'), + __metadata("design:type", ag_grid_1.PopupService) + ], EnterpriseMenuFactory.prototype, "popupService", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], EnterpriseMenuFactory.prototype, "gridOptionsWrapper", void 0); + EnterpriseMenuFactory = __decorate([ + ag_grid_1.Bean('menuFactory') + ], EnterpriseMenuFactory); + return EnterpriseMenuFactory; + }()); + exports.EnterpriseMenuFactory = EnterpriseMenuFactory; + var EnterpriseMenu = (function (_super) { + __extends(EnterpriseMenu, _super); + function EnterpriseMenu(column, initialSelection, restrictTo) { + var _this = _super.call(this) || this; + _this.tabFactories = {}; + _this.includeChecks = {}; + _this.column = column; + _this.initialSelection = initialSelection; + _this.tabFactories[EnterpriseMenu.TAB_GENERAL] = _this.createMainPanel.bind(_this); + _this.tabFactories[EnterpriseMenu.TAB_FILTER] = _this.createFilterPanel.bind(_this); + _this.tabFactories[EnterpriseMenu.TAB_COLUMNS] = _this.createColumnsPanel.bind(_this); + _this.includeChecks[EnterpriseMenu.TAB_GENERAL] = function () { return true; }; + _this.includeChecks[EnterpriseMenu.TAB_FILTER] = function () { + var isFilterEnabled = _this.gridOptionsWrapper.isEnableFilter(); + var isFloatingFiltersEnabled = _this.gridOptionsWrapper.isFloatingFilter(); + var isAnyFilteringEnabled = isFilterEnabled || isFloatingFiltersEnabled; + var suppressFilterForThisColumn = _this.column.getColDef().suppressFilter; + return isAnyFilteringEnabled && !suppressFilterForThisColumn; + }; + _this.includeChecks[EnterpriseMenu.TAB_COLUMNS] = function () { return true; }; + _this.restrictTo = restrictTo; + return _this; + } + EnterpriseMenu.prototype.getMinWidth = function () { + return this.tabbedLayout.getMinWidth(); + }; + EnterpriseMenu.prototype.init = function () { + var _this = this; + var items = this.column.getMenuTabs(this.restrictTo ? this.restrictTo : EnterpriseMenu.TABS_DEFAULT) + .filter(function (menuTabName) { + return _this.isValidMenuTabItem(menuTabName); + }) + .filter(function (menuTabName) { + return _this.isNotSuppressed(menuTabName); + }) + .map(function (menuTabName) { + return _this.createTab(menuTabName); + }); + this.tabbedLayout = new ag_grid_1.TabbedLayout({ + items: items, + cssClass: 'ag-menu', + onActiveItemClicked: this.onHidePopup.bind(this), + onItemClicked: this.onTabItemClicked.bind(this) + }); + }; + EnterpriseMenu.prototype.isValidMenuTabItem = function (menuTabName) { + var isValid = true; + var itemsToConsider = EnterpriseMenu.TABS_DEFAULT; + if (this.restrictTo != null) { + isValid = this.restrictTo.indexOf(menuTabName) > -1; + itemsToConsider = this.restrictTo; + } + isValid = isValid && EnterpriseMenu.TABS_DEFAULT.indexOf(menuTabName) > -1; + if (!isValid) + console.warn("Trying to render an invalid menu item '" + menuTabName + "'. Check that your 'menuTabs' contains one of [" + itemsToConsider + "]"); + return isValid; + }; + EnterpriseMenu.prototype.isNotSuppressed = function (menuTabName) { + return this.includeChecks[menuTabName](); + }; + EnterpriseMenu.prototype.createTab = function (name) { + return this.tabFactories[name](); + }; + EnterpriseMenu.prototype.showTabBasedOnPreviousSelection = function () { + // show the tab the user was on last time they had a menu open + this.showTab(this.initialSelection); + }; + EnterpriseMenu.prototype.showTab = function (toShow) { + if (this.tabItemColumns && toShow === EnterpriseMenu.TAB_COLUMNS) { + this.tabbedLayout.showItem(this.tabItemColumns); + } + else if (this.tabItemFilter && toShow === EnterpriseMenu.TAB_FILTER) { + this.tabbedLayout.showItem(this.tabItemFilter); + } + else if (this.tabItemGeneral && toShow === EnterpriseMenu.TAB_GENERAL) { + this.tabbedLayout.showItem(this.tabItemGeneral); + } + else { + this.tabbedLayout.showFirstItem(); + } + }; + EnterpriseMenu.prototype.onTabItemClicked = function (event) { + var key; + switch (event.item) { + case this.tabItemColumns: + key = EnterpriseMenu.TAB_COLUMNS; + break; + case this.tabItemFilter: + key = EnterpriseMenu.TAB_FILTER; + break; + case this.tabItemGeneral: + key = EnterpriseMenu.TAB_GENERAL; + break; + } + if (key) { + var event_1 = { + type: EnterpriseMenu.EVENT_TAB_SELECTED, + key: key + }; + this.dispatchEvent(event_1); + } + }; + EnterpriseMenu.prototype.destroy = function () { + if (this.columnSelectPanel) { + this.columnSelectPanel.destroy(); + } + if (this.mainMenuList) { + this.mainMenuList.destroy(); + } + _super.prototype.destroy.call(this); + }; + EnterpriseMenu.prototype.getMenuItems = function () { + var defaultMenuOptions = this.getDefaultMenuOptions(); + var result; + var userFunc = this.gridOptionsWrapper.getMainMenuItemsFunc(); + if (userFunc) { + var userOptions = userFunc({ + column: this.column, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext(), + defaultItems: defaultMenuOptions + }); + result = userOptions; + } + else { + result = defaultMenuOptions; + } + // GUI looks weird when two separators are side by side. this can happen accidentally + // if we remove items from the menu then two separators can edit up adjacent. + ag_grid_1.Utils.removeRepeatsFromArray(result, EnterpriseMenu.MENU_ITEM_SEPARATOR); + return result; + }; + EnterpriseMenu.prototype.getDefaultMenuOptions = function () { + var result = []; + var allowPinning = !this.column.isLockPinned(); + var rowGroupCount = this.columnController.getRowGroupColumns().length; + var doingGrouping = rowGroupCount > 0; + var groupedByThisColumn = this.columnController.getRowGroupColumns().indexOf(this.column) >= 0; + var allowValue = this.column.isAllowValue(); + var allowRowGroup = this.column.isAllowRowGroup(); + var isPrimary = this.column.isPrimary(); + var pivotModeOn = this.columnController.isPivotMode(); + var isInMemoryRowModel = this.rowModel.getType() === ag_grid_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE; + var usingTreeData = this.gridOptionsWrapper.isTreeData(); + var allowValueAgg = + // if primary, then only allow aggValue if grouping and it's a value columns + (isPrimary && doingGrouping && allowValue) + || !isPrimary; + if (allowPinning) { + result.push('pinSubMenu'); + } + if (allowValueAgg) { + result.push('valueAggSubMenu'); + } + if (allowPinning || allowValueAgg) { + result.push(EnterpriseMenu.MENU_ITEM_SEPARATOR); + } + result.push('autoSizeThis'); + result.push('autoSizeAll'); + result.push(EnterpriseMenu.MENU_ITEM_SEPARATOR); + if (allowRowGroup && this.column.isPrimary()) { + if (groupedByThisColumn) { + result.push('rowUnGroup'); + } + else { + result.push('rowGroup'); + } + } + result.push(EnterpriseMenu.MENU_ITEM_SEPARATOR); + result.push('resetColumns'); + result.push('toolPanel'); + // only add grouping expand/collapse if grouping in the InMemoryRowModel + // if pivoting, we only have expandable groups if grouping by 2 or more columns + // as the lowest level group is not expandable while pivoting. + // if not pivoting, then any active row group can be expanded. + var allowExpandAndContract = false; + if (isInMemoryRowModel) { + if (usingTreeData) { + allowExpandAndContract = true; + } + else { + allowExpandAndContract = pivotModeOn ? rowGroupCount > 1 : rowGroupCount > 0; + } + } + if (allowExpandAndContract) { + result.push('expandAll'); + result.push('contractAll'); + } + return result; + }; + EnterpriseMenu.prototype.createMainPanel = function () { + this.mainMenuList = new menuList_1.MenuList(); + this.context.wireBean(this.mainMenuList); + var menuItems = this.getMenuItems(); + var menuItemsMapped = this.menuItemMapper.mapWithStockItems(menuItems, this.column); + this.mainMenuList.addMenuItems(menuItemsMapped); + this.mainMenuList.addEventListener(menuItemComponent_1.MenuItemComponent.EVENT_ITEM_SELECTED, this.onHidePopup.bind(this)); + this.tabItemGeneral = { + title: ag_grid_1.Utils.createIconNoSpan('menu', this.gridOptionsWrapper, this.column), + bodyPromise: ag_grid_1.Promise.resolve(this.mainMenuList.getGui()), + name: EnterpriseMenu.TAB_GENERAL + }; + return this.tabItemGeneral; + }; + EnterpriseMenu.prototype.onHidePopup = function () { + this.hidePopupFunc(); + }; + EnterpriseMenu.prototype.createFilterPanel = function () { + var filterWrapper = this.filterManager.getOrCreateFilterWrapper(this.column); + var afterFilterAttachedCallback; + filterWrapper.filterPromise.then(function (filter) { + if (filter.afterGuiAttached) { + afterFilterAttachedCallback = filter.afterGuiAttached.bind(filter); + } + }); + this.tabItemFilter = { + title: ag_grid_1.Utils.createIconNoSpan('filter', this.gridOptionsWrapper, this.column), + bodyPromise: filterWrapper.guiPromise.promise, + afterAttachedCallback: afterFilterAttachedCallback, + name: EnterpriseMenu.TAB_FILTER + }; + return this.tabItemFilter; + }; + EnterpriseMenu.prototype.createColumnsPanel = function () { + var eWrapperDiv = document.createElement('div'); + ag_grid_1.Utils.addCssClass(eWrapperDiv, 'ag-menu-column-select-wrapper'); + this.columnSelectPanel = new columnSelectComp_1.ColumnSelectComp(false); + this.context.wireBean(this.columnSelectPanel); + eWrapperDiv.appendChild(this.columnSelectPanel.getGui()); + this.tabItemColumns = { + title: ag_grid_1.Utils.createIconNoSpan('columns', this.gridOptionsWrapper, this.column), + bodyPromise: ag_grid_1.Promise.resolve(eWrapperDiv), + name: EnterpriseMenu.TAB_COLUMNS + }; + return this.tabItemColumns; + }; + EnterpriseMenu.prototype.afterGuiAttached = function (params) { + this.tabbedLayout.setAfterAttachedParams({ hidePopup: params.hidePopup }); + this.hidePopupFunc = params.hidePopup; + // if the body scrolls, we want to hide the menu, as the menu will not appear in the right location anymore + var onBodyScroll = function (event) { + // if h scroll, popup is no longer over the column + if (event.direction === 'horizontal') { + params.hidePopup(); + } + }; + this.addDestroyFunc(params.hidePopup); + this.addDestroyableEventListener(this.eventService, 'bodyScroll', onBodyScroll); + }; + EnterpriseMenu.prototype.getGui = function () { + return this.tabbedLayout.getGui(); + }; + EnterpriseMenu.EVENT_TAB_SELECTED = 'tabSelected'; + EnterpriseMenu.TAB_FILTER = 'filterMenuTab'; + EnterpriseMenu.TAB_GENERAL = 'generalMenuTab'; + EnterpriseMenu.TAB_COLUMNS = 'columnsMenuTab'; + EnterpriseMenu.TABS_DEFAULT = [EnterpriseMenu.TAB_GENERAL, EnterpriseMenu.TAB_FILTER, EnterpriseMenu.TAB_COLUMNS]; + EnterpriseMenu.MENU_ITEM_SEPARATOR = 'separator'; + __decorate([ + ag_grid_1.Autowired('columnController'), + __metadata("design:type", ag_grid_1.ColumnController) + ], EnterpriseMenu.prototype, "columnController", void 0); + __decorate([ + ag_grid_1.Autowired('filterManager'), + __metadata("design:type", ag_grid_1.FilterManager) + ], EnterpriseMenu.prototype, "filterManager", void 0); + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], EnterpriseMenu.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('gridApi'), + __metadata("design:type", ag_grid_1.GridApi) + ], EnterpriseMenu.prototype, "gridApi", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], EnterpriseMenu.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('eventService'), + __metadata("design:type", ag_grid_1.EventService) + ], EnterpriseMenu.prototype, "eventService", void 0); + __decorate([ + ag_grid_1.Autowired('menuItemMapper'), + __metadata("design:type", menuItemMapper_1.MenuItemMapper) + ], EnterpriseMenu.prototype, "menuItemMapper", void 0); + __decorate([ + ag_grid_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], EnterpriseMenu.prototype, "rowModel", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], EnterpriseMenu.prototype, "init", null); + return EnterpriseMenu; + }(ag_grid_1.BeanStub)); + exports.EnterpriseMenu = EnterpriseMenu; + + +/***/ }), +/* 149 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var columnContainerComp_1 = __webpack_require__(150); + var columnSelectHeaderComp_1 = __webpack_require__(153); + var ColumnSelectComp = (function (_super) { + __extends(ColumnSelectComp, _super); + // we allow dragging in the toolPanel, but not when this component appears in the column menu + function ColumnSelectComp(allowDragging) { + var _this = _super.call(this, ColumnSelectComp.TEMPLATE) || this; + _this.allowDragging = allowDragging; + return _this; + } + ColumnSelectComp.prototype.init = function () { + this.instantiate(this.context); + var hideFilter = this.gridOptionsWrapper.isToolPanelSuppressColumnFilter(); + var hideSelect = this.gridOptionsWrapper.isToolPanelSuppressColumnSelectAll(); + var hideExpand = this.gridOptionsWrapper.isToolPanelSuppressColumnExpandAll(); + if (hideExpand && hideFilter && hideSelect) { + this.columnSelectHeaderComp.setVisible(false); + } + }; + ColumnSelectComp.prototype.onFilterChanged = function (event) { + this.columnContainerComp.setFilterText(event.filterText); + }; + ColumnSelectComp.prototype.onSelectAll = function () { + this.columnContainerComp.doSetSelectedAll(true); + }; + ColumnSelectComp.prototype.onUnselectAll = function () { + this.columnContainerComp.doSetSelectedAll(false); + }; + ColumnSelectComp.prototype.onExpandAll = function () { + this.columnContainerComp.doSetExpandedAll(true); + }; + ColumnSelectComp.prototype.onCollapseAll = function () { + this.columnContainerComp.doSetExpandedAll(false); + }; + ColumnSelectComp.prototype.onGroupExpanded = function (event) { + this.columnSelectHeaderComp.setExpandState(event.state); + }; + ColumnSelectComp.TEMPLATE = "
\n \n \n \n \n
"; + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ColumnSelectComp.prototype, "context", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ColumnSelectComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.RefSelector('eColumnSelectHeader'), + __metadata("design:type", columnSelectHeaderComp_1.ColumnSelectHeaderComp) + ], ColumnSelectComp.prototype, "columnSelectHeaderComp", void 0); + __decorate([ + main_1.RefSelector('eToolPanelColumnsContainerComp'), + __metadata("design:type", columnContainerComp_1.ColumnContainerComp) + ], ColumnSelectComp.prototype, "columnContainerComp", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ColumnSelectComp.prototype, "init", null); + return ColumnSelectComp; + }(main_1.Component)); + exports.ColumnSelectComp = ColumnSelectComp; + + +/***/ }), +/* 150 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var toolPanelGroupComp_1 = __webpack_require__(151); + var toolPanelColumnComp_1 = __webpack_require__(152); + var columnSelectHeaderComp_1 = __webpack_require__(153); + var ColumnContainerComp = (function (_super) { + __extends(ColumnContainerComp, _super); + function ColumnContainerComp() { + return _super.call(this, ColumnContainerComp.TEMPLATE) || this; + } + ColumnContainerComp.prototype.init = function () { + this.addDestroyableEventListener(this.globalEventService, main_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.onColumnsChanged.bind(this)); + this.expandGroupsByDefault = !this.gridOptionsWrapper.isContractColumnSelection(); + if (this.columnController.isReady()) { + this.onColumnsChanged(); + } + }; + ColumnContainerComp.prototype.onColumnsChanged = function () { + this.destroyColumnComps(); + this.columnTree = this.columnController.getPrimaryColumnTree(); + var groupsExist = this.columnController.isPrimaryColumnGroupsPresent(); + this.recursivelyAddComps(this.columnTree, 0, groupsExist); + this.updateVisibilityOfRows(); + }; + ColumnContainerComp.prototype.destroyColumnComps = function () { + main_1.Utils.removeAllChildren(this.getGui()); + if (this.columnComps) { + main_1.Utils.iterateObject(this.columnComps, function (key, renderedItem) { return renderedItem.destroy(); }); + } + this.columnComps = {}; + }; + ColumnContainerComp.prototype.recursivelyAddGroupComps = function (columnGroup, dept, groupsExist) { + // only render group if user provided the definition + var newDept; + if (columnGroup.getColGroupDef() && columnGroup.getColGroupDef().suppressToolPanel) { + return; + } + if (!columnGroup.isPadding()) { + var renderedGroup = new toolPanelGroupComp_1.ToolPanelGroupComp(columnGroup, dept, this.onGroupExpanded.bind(this), this.props.allowDragging, this.expandGroupsByDefault); + this.context.wireBean(renderedGroup); + this.getGui().appendChild(renderedGroup.getGui()); + // we want to indent on the gui for the children + newDept = dept + 1; + this.columnComps[columnGroup.getId()] = renderedGroup; + } + else { + // no children, so no indent + newDept = dept; + } + this.recursivelyAddComps(columnGroup.getChildren(), newDept, groupsExist); + }; + ColumnContainerComp.prototype.onGroupExpanded = function () { + this.updateVisibilityOfRows(); + this.fireExpandedEvent(); + }; + ColumnContainerComp.prototype.fireExpandedEvent = function () { + var _this = this; + var expandedCount = 0; + var notExpandedCount = 0; + var recursiveFunc = function (items) { + items.forEach(function (item) { + // only interested in groups + if (item instanceof main_1.OriginalColumnGroup) { + var comp = _this.columnComps[item.getId()]; + if (comp) { + if (comp.isExpanded()) { + expandedCount++; + } + else { + notExpandedCount++; + } + } + var columnGroup = item; + var groupChildren = columnGroup.getChildren(); + recursiveFunc(groupChildren); + } + }); + }; + recursiveFunc(this.columnTree); + var state; + if (expandedCount > 0 && notExpandedCount > 0) { + state = columnSelectHeaderComp_1.SELECTED_STATE.INDETERMINIATE; + } + else if (notExpandedCount > 0) { + state = columnSelectHeaderComp_1.SELECTED_STATE.UNCHECKED; + } + else { + state = columnSelectHeaderComp_1.SELECTED_STATE.CHECKED; + } + this.dispatchEvent({ type: 'groupExpanded', state: state }); + }; + ColumnContainerComp.prototype.recursivelyAddColumnComps = function (column, dept, groupsExist) { + if (column.getColDef() && column.getColDef().suppressToolPanel) { + return; + } + var renderedColumn = new toolPanelColumnComp_1.ToolPanelColumnComp(column, dept, this.props.allowDragging, groupsExist); + this.context.wireBean(renderedColumn); + this.getGui().appendChild(renderedColumn.getGui()); + this.columnComps[column.getId()] = renderedColumn; + }; + ColumnContainerComp.prototype.recursivelyAddComps = function (tree, dept, groupsExist) { + var _this = this; + tree.forEach(function (child) { + if (child instanceof main_1.OriginalColumnGroup) { + _this.recursivelyAddGroupComps(child, dept, groupsExist); + } + else { + _this.recursivelyAddColumnComps(child, dept, groupsExist); + } + }); + }; + ColumnContainerComp.prototype.destroy = function () { + _super.prototype.destroy.call(this); + this.destroyColumnComps(); + }; + ColumnContainerComp.prototype.doSetExpandedAll = function (value) { + main_1._.iterateObject(this.columnComps, function (key, renderedItem) { + if (renderedItem.isExpandable()) { + renderedItem.setExpanded(value); + } + }); + }; + ColumnContainerComp.prototype.setFilterText = function (filterText) { + this.filterText = main_1._.exists(filterText) ? filterText.toLowerCase() : null; + this.updateVisibilityOfRows(); + }; + ColumnContainerComp.prototype.updateVisibilityOfRows = function () { + // we have to create the filter results first as that requires dept first search, then setting + // the visibility requires breadth first search. this is because a group passes filter if CHILDREN + // pass filter, a column passes group open/closed visibility if a PARENT is open. so we need to do + // two recursions. we pass the result of the first recursion to the second. + var filterResults = main_1._.exists(this.filterText) ? this.createFilterResults() : null; + this.recursivelySetVisibility(this.columnTree, true, filterResults); + }; + ColumnContainerComp.prototype.createFilterResults = function () { + var _this = this; + var filterResults = {}; + // we recurse dept first - as the item should show if any of the children are showing + var recursivelyCheckFilter = function (items) { + var atLeastOneThisLevelPassed = false; + items.forEach(function (item) { + var atLeastOneChildPassed = false; + if (item instanceof main_1.OriginalColumnGroup) { + var columnGroup = item; + var groupChildren = columnGroup.getChildren(); + atLeastOneChildPassed = recursivelyCheckFilter(groupChildren); + } + var filterPasses; + if (atLeastOneChildPassed) { + filterPasses = true; + } + else { + var comp = _this.columnComps[item.getId()]; + if (comp) { + filterPasses = comp.getDisplayName().toLowerCase().indexOf(_this.filterText) >= 0; + } + else { + filterPasses = true; + } + } + filterResults[item.getId()] = filterPasses; + if (filterPasses) { + atLeastOneThisLevelPassed = true; + } + }); + return atLeastOneThisLevelPassed; + }; + recursivelyCheckFilter(this.columnTree); + return filterResults; + }; + ColumnContainerComp.prototype.recursivelySetVisibility = function (columnTree, parentGroupsOpen, filterResults) { + var _this = this; + columnTree.forEach(function (child) { + var comp = _this.columnComps[child.getId()]; + if (comp) { + var passesFilter = filterResults ? filterResults[child.getId()] : true; + comp.setVisible(parentGroupsOpen && passesFilter); + } + if (child instanceof main_1.OriginalColumnGroup) { + var columnGroup = child; + var childrenOpen = void 0; + if (comp) { + var expanded = comp.isExpanded(); + childrenOpen = parentGroupsOpen ? expanded : false; + } + else { + childrenOpen = parentGroupsOpen; + } + var children = columnGroup.getChildren(); + _this.recursivelySetVisibility(children, childrenOpen, filterResults); + } + }); + }; + ColumnContainerComp.prototype.doSetSelectedAll = function (checked) { + main_1._.iterateObject(this.columnComps, function (key, column) { + column.onSelectAllChanged(checked); + }); + }; + ColumnContainerComp.TEMPLATE = "
"; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ColumnContainerComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ColumnContainerComp.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ColumnContainerComp.prototype, "globalEventService", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ColumnContainerComp.prototype, "context", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ColumnContainerComp.prototype, "init", null); + return ColumnContainerComp; + }(main_1.Component)); + exports.ColumnContainerComp = ColumnContainerComp; + + +/***/ }), +/* 151 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var ToolPanelGroupComp = (function (_super) { + __extends(ToolPanelGroupComp, _super); + function ToolPanelGroupComp(columnGroup, columnDept, expandedCallback, allowDragging, expandByDefault) { + var _this = _super.call(this) || this; + _this.processingColumnStateChange = false; + _this.columnGroup = columnGroup; + _this.columnDept = columnDept; + _this.expandedCallback = expandedCallback; + _this.allowDragging = allowDragging; + _this.expanded = expandByDefault; + return _this; + } + ToolPanelGroupComp.prototype.init = function () { + this.setTemplate(ToolPanelGroupComp.TEMPLATE); + this.instantiate(this.context); + var eText = this.queryForHtmlElement('#eText'); + // this.displayName = this.columnGroup.getColGroupDef() ? this.columnGroup.getColGroupDef().headerName : null; + this.displayName = this.columnController.getDisplayNameForOriginalColumnGroup(null, this.columnGroup, 'toolPanel'); + if (main_1.Utils.missing(this.displayName)) { + this.displayName = '>>'; + } + eText.innerHTML = this.displayName; + this.setupExpandContract(); + this.addCssClass('ag-toolpanel-indent-' + this.columnDept); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onColumnStateChanged.bind(this)); + this.setOpenClosedIcons(); + this.setupDragging(); + this.onColumnStateChanged(); + this.addVisibilityListenersToAllChildren(); + main_1.CssClassApplier.addToolPanelClassesFromColDef(this.columnGroup.getColGroupDef(), this.getGui(), this.gridOptionsWrapper, null, this.columnGroup); + }; + ToolPanelGroupComp.prototype.addVisibilityListenersToAllChildren = function () { + var _this = this; + this.columnGroup.getLeafColumns().forEach(function (column) { + _this.addDestroyableEventListener(column, main_1.Column.EVENT_VISIBLE_CHANGED, _this.onColumnStateChanged.bind(_this)); + _this.addDestroyableEventListener(column, main_1.Column.EVENT_VALUE_CHANGED, _this.onColumnStateChanged.bind(_this)); + _this.addDestroyableEventListener(column, main_1.Column.EVENT_PIVOT_CHANGED, _this.onColumnStateChanged.bind(_this)); + _this.addDestroyableEventListener(column, main_1.Column.EVENT_ROW_GROUP_CHANGED, _this.onColumnStateChanged.bind(_this)); + }); + }; + ToolPanelGroupComp.prototype.setupDragging = function () { + var _this = this; + if (!this.allowDragging) { + main_1._.setVisible(this.eDragHandle, false); + return; + } + var dragSource = { + type: main_1.DragSourceType.ToolPanel, + eElement: this.eDragHandle, + dragItemName: this.displayName, + dragItemCallback: function () { return _this.createDragItem(); } + }; + this.dragAndDropService.addDragSource(dragSource, true); + this.addDestroyFunc(function () { return _this.dragAndDropService.removeDragSource(dragSource); }); + }; + ToolPanelGroupComp.prototype.createDragItem = function () { + var visibleState = {}; + this.columnGroup.getLeafColumns().forEach(function (col) { + visibleState[col.getId()] = col.isVisible(); + }); + return { + columns: this.columnGroup.getLeafColumns(), + visibleState: visibleState + }; + }; + ToolPanelGroupComp.prototype.setupExpandContract = function () { + this.eGroupClosedIcon = this.queryForHtmlElement('#eGroupClosedIcon'); + this.eGroupOpenedIcon = this.queryForHtmlElement('#eGroupOpenedIcon'); + this.eGroupClosedIcon.appendChild(main_1.Utils.createIcon('columnSelectClosed', this.gridOptionsWrapper, null)); + this.eGroupOpenedIcon.appendChild(main_1.Utils.createIcon('columnSelectOpen', this.gridOptionsWrapper, null)); + this.addDestroyableEventListener(this.eGroupClosedIcon, 'click', this.onExpandOrContractClicked.bind(this)); + this.addDestroyableEventListener(this.eGroupOpenedIcon, 'click', this.onExpandOrContractClicked.bind(this)); + var eColumnGroupIcons = this.queryForHtmlElement('#eColumnGroupIcons'); + var touchListener = new main_1.TouchListener(eColumnGroupIcons, true); + this.addDestroyableEventListener(touchListener, main_1.TouchListener.EVENT_TAP, this.onExpandOrContractClicked.bind(this)); + this.addDestroyFunc(touchListener.destroy.bind(touchListener)); + }; + ToolPanelGroupComp.prototype.onLabelClicked = function () { + var nextState = !this.cbSelect.isSelected(); + this.onChangeCommon(nextState); + }; + ToolPanelGroupComp.prototype.onCheckboxChanged = function (event) { + this.onChangeCommon(event.selected); + }; + ToolPanelGroupComp.prototype.onChangeCommon = function (nextState) { + if (this.processingColumnStateChange) { + return; + } + var childColumns = this.columnGroup.getLeafColumns(); + if (this.columnController.isPivotMode()) { + if (nextState) { + this.actionCheckedReduce(childColumns); + } + else { + this.actionUnCheckedReduce(childColumns); + } + } + else { + var allowedColumns = childColumns.filter(function (c) { return !c.isLockVisible(); }); + this.columnController.setColumnsVisible(allowedColumns, nextState, "toolPanelUi"); + } + if (this.selectionCallback) { + this.selectionCallback(this.isSelected()); + } + }; + ToolPanelGroupComp.prototype.actionUnCheckedReduce = function (columns) { + var columnsToUnPivot = []; + var columnsToUnValue = []; + var columnsToUnGroup = []; + columns.forEach(function (column) { + if (column.isPivotActive()) { + columnsToUnPivot.push(column); + } + if (column.isRowGroupActive()) { + columnsToUnGroup.push(column); + } + if (column.isValueActive()) { + columnsToUnValue.push(column); + } + }); + if (columnsToUnPivot.length > 0) { + this.columnController.removePivotColumns(columnsToUnPivot, "toolPanelUi"); + } + if (columnsToUnGroup.length > 0) { + this.columnController.removeRowGroupColumns(columnsToUnGroup, "toolPanelUi"); + } + if (columnsToUnValue.length > 0) { + this.columnController.removeValueColumns(columnsToUnValue, "toolPanelUi"); + } + }; + ToolPanelGroupComp.prototype.actionCheckedReduce = function (columns) { + var columnsToAggregate = []; + var columnsToGroup = []; + var columnsToPivot = []; + columns.forEach(function (column) { + // don't change any column that's already got a function active + if (column.isAnyFunctionActive()) { + return; + } + if (column.isAllowValue()) { + columnsToAggregate.push(column); + } + else if (column.isAllowRowGroup()) { + columnsToGroup.push(column); + } + else if (column.isAllowRowGroup()) { + columnsToPivot.push(column); + } + }); + if (columnsToAggregate.length > 0) { + this.columnController.addValueColumns(columnsToAggregate, "toolPanelUi"); + } + if (columnsToGroup.length > 0) { + this.columnController.addRowGroupColumns(columnsToGroup, "toolPanelUi"); + } + if (columnsToPivot.length > 0) { + this.columnController.addPivotColumns(columnsToPivot, "toolPanelUi"); + } + }; + ToolPanelGroupComp.prototype.onColumnStateChanged = function () { + var selectedValue = this.workOutSelectedValue(); + var readOnlyValue = this.workOutReadOnlyValue(); + this.processingColumnStateChange = true; + this.cbSelect.setSelected(selectedValue); + if (this.selectionCallback) { + this.selectionCallback(this.isSelected()); + } + this.cbSelect.setReadOnly(readOnlyValue); + this.processingColumnStateChange = false; + }; + ToolPanelGroupComp.prototype.workOutReadOnlyValue = function () { + var pivotMode = this.columnController.isPivotMode(); + var colsThatCanAction = 0; + this.columnGroup.getLeafColumns().forEach(function (col) { + if (pivotMode) { + if (col.isAnyFunctionAllowed()) { + colsThatCanAction++; + } + } + else { + if (!col.isLockVisible()) { + colsThatCanAction++; + } + } + }); + return colsThatCanAction === 0; + }; + ToolPanelGroupComp.prototype.workOutSelectedValue = function () { + var _this = this; + var pivotMode = this.columnController.isPivotMode(); + var visibleChildCount = 0; + var hiddenChildCount = 0; + this.columnGroup.getLeafColumns().forEach(function (column) { + if (_this.isColumnVisible(column, pivotMode)) { + visibleChildCount++; + } + else { + hiddenChildCount++; + } + }); + var selectedValue; + if (visibleChildCount > 0 && hiddenChildCount > 0) { + selectedValue = null; + } + else if (visibleChildCount > 0) { + selectedValue = true; + } + else { + selectedValue = false; + } + return selectedValue; + }; + ToolPanelGroupComp.prototype.isColumnVisible = function (column, pivotMode) { + if (pivotMode) { + var pivoted = column.isPivotActive(); + var grouped = column.isRowGroupActive(); + var aggregated = column.isValueActive(); + return pivoted || grouped || aggregated; + } + else { + return column.isVisible(); + } + }; + ToolPanelGroupComp.prototype.onExpandOrContractClicked = function () { + this.expanded = !this.expanded; + this.setOpenClosedIcons(); + this.expandedCallback(); + }; + ToolPanelGroupComp.prototype.setOpenClosedIcons = function () { + var folderOpen = this.expanded; + main_1.Utils.setVisible(this.eGroupClosedIcon, !folderOpen); + main_1.Utils.setVisible(this.eGroupOpenedIcon, folderOpen); + }; + ToolPanelGroupComp.prototype.isExpanded = function () { + return this.expanded; + }; + ToolPanelGroupComp.prototype.getDisplayName = function () { + return this.displayName; + }; + ToolPanelGroupComp.prototype.onSelectAllChanged = function (value) { + if ((value && !this.cbSelect.isSelected()) || + (!value && this.cbSelect.isSelected())) { + if (!this.cbSelect.isReadOnly()) { + this.cbSelect.toggle(); + } + } + }; + ToolPanelGroupComp.prototype.isSelected = function () { + return this.cbSelect.isSelected(); + }; + ToolPanelGroupComp.prototype.isSelectable = function () { + return !this.cbSelect.isReadOnly(); + }; + ToolPanelGroupComp.prototype.isExpandable = function () { + return true; + }; + ToolPanelGroupComp.prototype.setExpanded = function (value) { + if (this.expanded !== value) { + this.onExpandOrContractClicked(); + } + }; + ToolPanelGroupComp.TEMPLATE = "
\n \n \n \n \n \n \n \n
"; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ToolPanelGroupComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ToolPanelGroupComp.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ToolPanelGroupComp.prototype, "context", void 0); + __decorate([ + main_1.Autowired('dragAndDropService'), + __metadata("design:type", main_1.DragAndDropService) + ], ToolPanelGroupComp.prototype, "dragAndDropService", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ToolPanelGroupComp.prototype, "eventService", void 0); + __decorate([ + main_1.RefSelector('cbSelect'), + __metadata("design:type", main_1.AgCheckbox) + ], ToolPanelGroupComp.prototype, "cbSelect", void 0); + __decorate([ + main_1.RefSelector('eDragHandle'), + __metadata("design:type", HTMLElement) + ], ToolPanelGroupComp.prototype, "eDragHandle", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ToolPanelGroupComp.prototype, "init", null); + return ToolPanelGroupComp; + }(main_1.Component)); + exports.ToolPanelGroupComp = ToolPanelGroupComp; + + +/***/ }), +/* 152 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var ToolPanelColumnComp = (function (_super) { + __extends(ToolPanelColumnComp, _super); + function ToolPanelColumnComp(column, columnDept, allowDragging, groupsExist) { + var _this = _super.call(this) || this; + _this.processingColumnStateChange = false; + _this.column = column; + _this.columnDept = columnDept; + _this.allowDragging = allowDragging; + _this.groupsExist = groupsExist; + return _this; + } + ToolPanelColumnComp.prototype.init = function () { + this.setTemplate(ToolPanelColumnComp.TEMPLATE); + this.displayName = this.columnController.getDisplayNameForColumn(this.column, 'toolPanel'); + this.eLabel.innerHTML = this.displayName; + // if grouping, we add an extra level of indent, to cater for expand/contract icons we need to indent for + var indent = this.columnDept; + if (this.groupsExist) { + this.addCssClass('ag-toolpanel-add-group-indent'); + } + this.addCssClass("ag-toolpanel-indent-" + indent); + this.setupDragging(); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onColumnStateChanged.bind(this)); + this.addDestroyableEventListener(this.column, main_1.Column.EVENT_VALUE_CHANGED, this.onColumnStateChanged.bind(this)); + this.addDestroyableEventListener(this.column, main_1.Column.EVENT_PIVOT_CHANGED, this.onColumnStateChanged.bind(this)); + this.addDestroyableEventListener(this.column, main_1.Column.EVENT_ROW_GROUP_CHANGED, this.onColumnStateChanged.bind(this)); + this.addDestroyableEventListener(this.column, main_1.Column.EVENT_VISIBLE_CHANGED, this.onColumnStateChanged.bind(this)); + this.addDestroyableEventListener(this.gridOptionsWrapper, 'functionsReadOnly', this.onColumnStateChanged.bind(this)); + this.instantiate(this.context); + this.onColumnStateChanged(); + main_1.CssClassApplier.addToolPanelClassesFromColDef(this.column.getColDef(), this.getGui(), this.gridOptionsWrapper, this.column, null); + }; + ToolPanelColumnComp.prototype.onLabelClicked = function () { + var nextState = !this.cbSelect.isSelected(); + this.onChangeCommon(nextState); + }; + ToolPanelColumnComp.prototype.onCheckboxChanged = function (event) { + this.onChangeCommon(event.selected); + }; + ToolPanelColumnComp.prototype.onChangeCommon = function (nextState) { + // only want to action if the user clicked the checkbox, not is we are setting the checkbox because + // of a change in the model + if (this.processingColumnStateChange) { + return; + } + // action in a timeout, as the action takes some time, we want to update the icons first + // so the user gets nice feedback when they click. otherwise there would be a lag and the + // user would think the checkboxes were clunky + if (this.columnController.isPivotMode()) { + if (nextState) { + this.actionCheckedPivotMode(); + } + else { + this.actionUnCheckedPivotMode(); + } + } + else { + this.columnController.setColumnVisible(this.column, nextState, "columnMenu"); + } + if (this.selectionCallback) { + this.selectionCallback(this.isSelected()); + } + }; + ToolPanelColumnComp.prototype.actionUnCheckedPivotMode = function () { + var functionPassive = this.gridOptionsWrapper.isFunctionsPassive(); + var column = this.column; + var columnController = this.columnController; + // remove pivot if column is pivoted + if (column.isPivotActive()) { + if (functionPassive) { + var copyOfPivotColumns = this.columnController.getPivotColumns().slice(); + copyOfPivotColumns.push(column); + var event_1 = { + type: main_1.Events.EVENT_COLUMN_PIVOT_CHANGE_REQUEST, + columns: copyOfPivotColumns, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + else { + columnController.removePivotColumn(column, "columnMenu"); + } + } + // remove value if column is value + if (column.isValueActive()) { + if (functionPassive) { + var copyOfValueColumns = this.columnController.getValueColumns().slice(); + copyOfValueColumns.push(column); + var event_2 = { + type: main_1.Events.EVENT_COLUMN_VALUE_CHANGE_REQUEST, + columns: copyOfValueColumns, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_2); + } + else { + columnController.removeValueColumn(column, "columnMenu"); + } + } + // remove group if column is grouped + if (column.isRowGroupActive()) { + if (functionPassive) { + var copyOfRowGroupColumns = this.columnController.getRowGroupColumns().slice(); + copyOfRowGroupColumns.push(column); + var event_3 = { + type: main_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGE_REQUEST, + columns: copyOfRowGroupColumns, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_3); + } + else { + columnController.removeRowGroupColumn(column, "columnMenu"); + } + } + }; + ToolPanelColumnComp.prototype.actionCheckedPivotMode = function () { + var column = this.column; + // function already active, so do nothing + if (column.isValueActive() || column.isPivotActive() || column.isRowGroupActive()) { + return; + } + var functionPassive = this.gridOptionsWrapper.isFunctionsPassive(); + if (column.isAllowValue()) { + if (functionPassive) { + var copyOfValueColumns = this.columnController.getValueColumns().slice(); + main_1.Utils.removeFromArray(copyOfValueColumns, column); + var event_4 = { + type: main_1.Events.EVENT_COLUMN_VALUE_CHANGE_REQUEST, + api: this.gridApi, + columnApi: this.columnApi, + columns: copyOfValueColumns + }; + this.eventService.dispatchEvent(event_4); + } + else { + this.columnController.addValueColumn(column, "columnMenu"); + } + } + else if (column.isAllowRowGroup()) { + if (functionPassive) { + var copyOfRowGroupColumns = this.columnController.getRowGroupColumns().slice(); + main_1.Utils.removeFromArray(copyOfRowGroupColumns, column); + var event_5 = { + type: main_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGE_REQUEST, + api: this.gridApi, + columnApi: this.columnApi, + columns: copyOfRowGroupColumns + }; + this.eventService.dispatchEvent(event_5); + } + else { + this.columnController.addRowGroupColumn(column, "columnMenu"); + } + } + else if (column.isAllowPivot()) { + if (functionPassive) { + var copyOfPivotColumns = this.columnController.getPivotColumns().slice(); + main_1.Utils.removeFromArray(copyOfPivotColumns, column); + var event_6 = { + type: main_1.Events.EVENT_COLUMN_PIVOT_CHANGE_REQUEST, + api: this.gridApi, + columnApi: this.columnApi, + columns: copyOfPivotColumns + }; + this.eventService.dispatchEvent(event_6); + } + else { + this.columnController.addPivotColumn(column, "columnMenu"); + } + } + }; + ToolPanelColumnComp.prototype.setupDragging = function () { + var _this = this; + if (!this.allowDragging) { + main_1._.setVisible(this.eDragHandle, false); + return; + } + var dragSource = { + type: main_1.DragSourceType.ToolPanel, + eElement: this.eDragHandle, + dragItemName: this.displayName, + dragItemCallback: function () { return _this.createDragItem(); } + }; + this.dragAndDropService.addDragSource(dragSource, true); + this.addDestroyFunc(function () { return _this.dragAndDropService.removeDragSource(dragSource); }); + }; + ToolPanelColumnComp.prototype.createDragItem = function () { + var visibleState = {}; + visibleState[this.column.getId()] = this.column.isVisible(); + return { + columns: [this.column], + visibleState: visibleState + }; + }; + ToolPanelColumnComp.prototype.onColumnStateChanged = function () { + this.processingColumnStateChange = true; + var isPivotMode = this.columnController.isPivotMode(); + if (isPivotMode) { + // if reducing, checkbox means column is one of pivot, value or group + var anyFunctionActive = this.column.isAnyFunctionActive(); + this.cbSelect.setSelected(anyFunctionActive); + if (this.selectionCallback) { + this.selectionCallback(this.isSelected()); + } + } + else { + // if not reducing, the checkbox tells us if column is visible or not + this.cbSelect.setSelected(this.column.isVisible()); + if (this.selectionCallback) { + this.selectionCallback(this.isSelected()); + } + } + var checkboxReadOnly; + if (isPivotMode) { + // when in pivot mode, the item should be read only if: + // a) gui is not allowed make any changes + var functionsReadOnly = this.gridOptionsWrapper.isFunctionsReadOnly(); + // b) column is not allow any functions on it + var noFunctionsAllowed = !this.column.isAnyFunctionAllowed(); + checkboxReadOnly = functionsReadOnly || noFunctionsAllowed; + } + else { + // when in normal mode, the checkbox is read only if visibility is locked + checkboxReadOnly = this.column.isLockVisible(); + } + this.cbSelect.setReadOnly(checkboxReadOnly); + var checkboxPassive = isPivotMode && this.gridOptionsWrapper.isFunctionsPassive(); + this.cbSelect.setPassive(checkboxPassive); + this.processingColumnStateChange = false; + }; + ToolPanelColumnComp.prototype.getDisplayName = function () { + return this.displayName; + }; + ToolPanelColumnComp.prototype.onSelectAllChanged = function (value) { + if (value !== this.cbSelect.isSelected()) { + if (!this.cbSelect.isReadOnly()) { + this.cbSelect.toggle(); + } + } + }; + ToolPanelColumnComp.prototype.isSelected = function () { + return this.cbSelect.isSelected(); + }; + ToolPanelColumnComp.prototype.isSelectable = function () { + return !this.cbSelect.isReadOnly(); + }; + ToolPanelColumnComp.prototype.isExpandable = function () { + return false; + }; + ToolPanelColumnComp.prototype.setExpanded = function (value) { + console.warn('ag-grid: can not expand a column item that does not represent a column group header'); + }; + ToolPanelColumnComp.TEMPLATE = "
\n \n \n \n
"; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ToolPanelColumnComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ToolPanelColumnComp.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ToolPanelColumnComp.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('dragAndDropService'), + __metadata("design:type", main_1.DragAndDropService) + ], ToolPanelColumnComp.prototype, "dragAndDropService", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ToolPanelColumnComp.prototype, "context", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], ToolPanelColumnComp.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], ToolPanelColumnComp.prototype, "gridApi", void 0); + __decorate([ + main_1.RefSelector('eLabel'), + __metadata("design:type", HTMLElement) + ], ToolPanelColumnComp.prototype, "eLabel", void 0); + __decorate([ + main_1.RefSelector('cbSelect'), + __metadata("design:type", main_1.AgCheckbox) + ], ToolPanelColumnComp.prototype, "cbSelect", void 0); + __decorate([ + main_1.RefSelector('eDragHandle'), + __metadata("design:type", HTMLElement) + ], ToolPanelColumnComp.prototype, "eDragHandle", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ToolPanelColumnComp.prototype, "init", null); + return ToolPanelColumnComp; + }(main_1.Component)); + exports.ToolPanelColumnComp = ToolPanelColumnComp; + + +/***/ }), +/* 153 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var SELECTED_STATE; + (function (SELECTED_STATE) { + SELECTED_STATE[SELECTED_STATE["CHECKED"] = 0] = "CHECKED"; + SELECTED_STATE[SELECTED_STATE["UNCHECKED"] = 1] = "UNCHECKED"; + SELECTED_STATE[SELECTED_STATE["INDETERMINIATE"] = 2] = "INDETERMINIATE"; + })(SELECTED_STATE = exports.SELECTED_STATE || (exports.SELECTED_STATE = {})); + ; + var ColumnSelectHeaderComp = (function (_super) { + __extends(ColumnSelectHeaderComp, _super); + function ColumnSelectHeaderComp() { + var _this = _super !== null && _super.apply(this, arguments) || this; + _this.expandState = SELECTED_STATE.CHECKED; + _this.selectState = SELECTED_STATE.CHECKED; + return _this; + } + ColumnSelectHeaderComp.prototype.preConstruct = function () { + var translate = this.gridOptionsWrapper.getLocaleTextFunc(); + this.setTemplate("
\n
\n \n \n \n \n \n \n \n \n \n \n
\n
\n \n
\n
"); + }; + ColumnSelectHeaderComp.prototype.init = function () { + this.instantiate(this.context); + this.addEventListeners(); + if (this.columnController.isReady()) { + this.setColumnsCheckedState(); + this.showOrHideOptions(); + } + this.setExpandState(SELECTED_STATE.CHECKED); + }; + // we only show expand / collapse if we are showing columns + ColumnSelectHeaderComp.prototype.showOrHideOptions = function () { + var showFilter = !this.gridOptionsWrapper.isToolPanelSuppressColumnFilter(); + var showSelect = !this.gridOptionsWrapper.isToolPanelSuppressColumnSelectAll(); + var showExpand = !this.gridOptionsWrapper.isToolPanelSuppressColumnExpandAll(); + var groupsPresent = this.columnController.isPrimaryColumnGroupsPresent(); + main_1._.setVisible(this.eFilter, showFilter); + main_1._.setVisible(this.eSelect, showSelect); + main_1._.setVisible(this.eExpand, showExpand && groupsPresent); + }; + ColumnSelectHeaderComp.prototype.addEventListeners = function () { + var _this = this; + var eventsImpactingCheckedState = [ + main_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, + main_1.Events.EVENT_COLUMN_PIVOT_CHANGED, + main_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, + main_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, + main_1.Events.EVENT_COLUMN_VALUE_CHANGED, + main_1.Events.EVENT_COLUMN_VISIBLE, + main_1.Events.EVENT_NEW_COLUMNS_LOADED + ]; + eventsImpactingCheckedState.forEach(function (event) { + _this.addDestroyableEventListener(_this.eventService, event, _this.setColumnsCheckedState.bind(_this)); + }); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_NEW_COLUMNS_LOADED, this.showOrHideOptions.bind(this)); + }; + ColumnSelectHeaderComp.prototype.onFilterTextChanged = function () { + var _this = this; + if (!this.onFilterTextChangedDebounced) { + this.onFilterTextChangedDebounced = main_1._.debounce(function () { + var filterText = _this.eFilterTextField.value; + _this.dispatchEvent({ type: 'filterChanged', filterText: filterText }); + }, 400); + } + this.onFilterTextChangedDebounced(); + }; + ColumnSelectHeaderComp.prototype.onSelectClicked = function () { + // here we just fire the event. the following happens is the flow of events: + // 1. event here fired. + // 2. toolpanel updates the columns. + // 3. column controller fires events of column updated + // 4. update in this panel is updated based on events fired by column controller + if (this.selectState === SELECTED_STATE.CHECKED) { + this.dispatchEvent({ type: 'unselectAll' }); + } + else { + this.dispatchEvent({ type: 'selectAll' }); + } + }; + ColumnSelectHeaderComp.prototype.onExpandClicked = function () { + if (this.expandState === SELECTED_STATE.CHECKED) { + this.dispatchEvent({ type: 'collapseAll' }); + } + else { + this.dispatchEvent({ type: 'expandAll' }); + } + }; + ColumnSelectHeaderComp.prototype.setExpandState = function (state) { + this.expandState = state; + main_1._.setVisible(this.eExpandChecked, this.expandState === SELECTED_STATE.CHECKED); + main_1._.setVisible(this.eExpandUnchecked, this.expandState === SELECTED_STATE.UNCHECKED); + main_1._.setVisible(this.eExpandIndeterminate, this.expandState === SELECTED_STATE.INDETERMINIATE); + }; + ColumnSelectHeaderComp.prototype.setColumnsCheckedState = function () { + var columns = this.columnController.getAllPrimaryColumns(); + var pivotMode = this.columnController.isPivotMode(); + var checkedCount = 0; + var uncheckedCount = 0; + columns.forEach(function (col) { + // not not count columns not in tool panel + var colDef = col.getColDef(); + if (colDef && colDef.suppressToolPanel) { + return; + } + var checked; + if (pivotMode) { + var noPivotModeOptionsAllowed = !col.isAllowPivot() && !col.isAllowRowGroup() && !col.isAllowValue(); + if (noPivotModeOptionsAllowed) { + return; + } + checked = col.isValueActive() || col.isPivotActive() || col.isRowGroupActive(); + } + else { + checked = col.isVisible(); + } + if (checked) { + checkedCount++; + } + else { + uncheckedCount++; + } + }); + if (checkedCount > 0 && uncheckedCount > 0) { + this.selectState = SELECTED_STATE.INDETERMINIATE; + } + else if (uncheckedCount > 0) { + this.selectState = SELECTED_STATE.UNCHECKED; + } + else { + this.selectState = SELECTED_STATE.CHECKED; + } + main_1._.setVisible(this.eSelectChecked, this.selectState === SELECTED_STATE.CHECKED); + main_1._.setVisible(this.eSelectUnchecked, this.selectState === SELECTED_STATE.UNCHECKED); + main_1._.setVisible(this.eSelectIndeterminate, this.selectState === SELECTED_STATE.INDETERMINIATE); + }; + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ColumnSelectHeaderComp.prototype, "context", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ColumnSelectHeaderComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ColumnSelectHeaderComp.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ColumnSelectHeaderComp.prototype, "eventService", void 0); + __decorate([ + main_1.RefSelector('eFilterTextField'), + __metadata("design:type", HTMLInputElement) + ], ColumnSelectHeaderComp.prototype, "eFilterTextField", void 0); + __decorate([ + main_1.RefSelector('eSelectChecked'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eSelectChecked", void 0); + __decorate([ + main_1.RefSelector('eSelectUnchecked'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eSelectUnchecked", void 0); + __decorate([ + main_1.RefSelector('eSelectIndeterminate'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eSelectIndeterminate", void 0); + __decorate([ + main_1.RefSelector('eExpandChecked'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eExpandChecked", void 0); + __decorate([ + main_1.RefSelector('eExpandUnchecked'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eExpandUnchecked", void 0); + __decorate([ + main_1.RefSelector('eExpandIndeterminate'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eExpandIndeterminate", void 0); + __decorate([ + main_1.RefSelector('eExpand'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eExpand", void 0); + __decorate([ + main_1.RefSelector('eSelect'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eSelect", void 0); + __decorate([ + main_1.RefSelector('eFilter'), + __metadata("design:type", HTMLElement) + ], ColumnSelectHeaderComp.prototype, "eFilter", void 0); + __decorate([ + main_1.PreConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ColumnSelectHeaderComp.prototype, "preConstruct", null); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ColumnSelectHeaderComp.prototype, "init", null); + return ColumnSelectHeaderComp; + }(main_1.Component)); + exports.ColumnSelectHeaderComp = ColumnSelectHeaderComp; + + +/***/ }), +/* 154 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var menuItemComponent_1 = __webpack_require__(155); + var MenuList = (function (_super) { + __extends(MenuList, _super); + function MenuList() { + var _this = _super.call(this, MenuList.TEMPLATE) || this; + _this.timerCount = 0; + _this.removeChildFuncs = []; + return _this; + // console.log('MenuList->constructor() ' + this.instance); + } + MenuList.prototype.clearActiveItem = function () { + this.removeActiveItem(); + this.removeChildPopup(); + }; + MenuList.prototype.addMenuItems = function (menuItems) { + var _this = this; + if (ag_grid_1.Utils.missing(menuItems)) { + return; + } + menuItems.forEach(function (menuItemOrString) { + if (menuItemOrString === 'separator') { + _this.addSeparator(); + } + else if (typeof menuItemOrString === 'string') { + console.log("ag-Grid: unrecognised menu item " + menuItemOrString); + } + else { + var menuItem = menuItemOrString; + _this.addItem(menuItem); + } + }); + }; + MenuList.prototype.addItem = function (menuItemDef) { + var _this = this; + var cMenuItem = new menuItemComponent_1.MenuItemComponent(menuItemDef); + this.context.wireBean(cMenuItem); + this.getGui().appendChild(cMenuItem.getGui()); + this.addDestroyFunc(function () { return cMenuItem.destroy(); }); + cMenuItem.addEventListener(menuItemComponent_1.MenuItemComponent.EVENT_ITEM_SELECTED, function (event) { + if (menuItemDef.subMenu) { + _this.showChildMenu(menuItemDef, cMenuItem, event.mouseEvent); + } + else { + _this.dispatchEvent(event); + } + }); + cMenuItem.addGuiEventListener('mouseenter', this.mouseEnterItem.bind(this, menuItemDef, cMenuItem)); + cMenuItem.addGuiEventListener('mouseleave', function () { return _this.timerCount++; }); + }; + MenuList.prototype.mouseEnterItem = function (menuItemParams, menuItem) { + if (menuItemParams.disabled) { + return; + } + if (this.activeMenuItemParams !== menuItemParams) { + this.removeChildPopup(); + } + this.removeActiveItem(); + this.activeMenuItemParams = menuItemParams; + this.activeMenuItem = menuItem; + ag_grid_1.Utils.addCssClass(this.activeMenuItem.getGui(), 'ag-menu-option-active'); + if (menuItemParams.subMenu) { + this.addHoverForChildPopup(menuItemParams, menuItem); + } + }; + MenuList.prototype.removeActiveItem = function () { + if (this.activeMenuItem) { + ag_grid_1.Utils.removeCssClass(this.activeMenuItem.getGui(), 'ag-menu-option-active'); + this.activeMenuItem = null; + this.activeMenuItemParams = null; + } + }; + MenuList.prototype.addHoverForChildPopup = function (menuItemDef, menuItemComp) { + var _this = this; + var timerCountCopy = this.timerCount; + setTimeout(function () { + var shouldShow = timerCountCopy === _this.timerCount; + var showingThisMenu = _this.subMenuParentDef === menuItemDef; + if (shouldShow && !showingThisMenu) { + _this.showChildMenu(menuItemDef, menuItemComp, null); + } + }, 500); + }; + MenuList.prototype.addSeparator = function () { + this.getGui().appendChild(ag_grid_1.Utils.loadTemplate(MenuList.SEPARATOR_TEMPLATE)); + }; + MenuList.prototype.showChildMenu = function (menuItemDef, menuItemComp, mouseEvent) { + var _this = this; + this.removeChildPopup(); + var childMenu = new MenuList(); + this.context.wireBean(childMenu); + childMenu.addMenuItems(menuItemDef.subMenu); + var ePopup = ag_grid_1.Utils.loadTemplate('
'); + ePopup.appendChild(childMenu.getGui()); + var hidePopupFunc = this.popupService.addAsModalPopup(ePopup, true, null, mouseEvent); + this.popupService.positionPopupForMenu({ + eventSource: menuItemComp.getGui(), + ePopup: ePopup + }); + this.subMenuParentDef = menuItemDef; + var selectedListener = function (event) { + _this.dispatchEvent(event); + }; + childMenu.addEventListener(menuItemComponent_1.MenuItemComponent.EVENT_ITEM_SELECTED, selectedListener); + this.removeChildFuncs.push(function () { + childMenu.clearActiveItem(); + childMenu.destroy(); + _this.subMenuParentDef = null; + childMenu.removeEventListener(menuItemComponent_1.MenuItemComponent.EVENT_ITEM_SELECTED, selectedListener); + hidePopupFunc(); + }); + }; + MenuList.prototype.removeChildPopup = function () { + this.removeChildFuncs.forEach(function (func) { return func(); }); + this.removeChildFuncs = []; + }; + MenuList.prototype.destroy = function () { + // console.log('MenuList->destroy() ' + this.instance); + this.removeChildPopup(); + _super.prototype.destroy.call(this); + }; + // private instance = Math.random(); + MenuList.TEMPLATE = '
'; + MenuList.SEPARATOR_TEMPLATE = '
' + + ' ' + + ' ' + + ' ' + + ' ' + + '
'; + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], MenuList.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('popupService'), + __metadata("design:type", ag_grid_1.PopupService) + ], MenuList.prototype, "popupService", void 0); + return MenuList; + }(ag_grid_1.Component)); + exports.MenuList = MenuList; + + +/***/ }), +/* 155 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var MenuItemComponent = (function (_super) { + __extends(MenuItemComponent, _super); + function MenuItemComponent(params) { + var _this = _super.call(this, MenuItemComponent.TEMPLATE) || this; + _this.params = params; + return _this; + } + MenuItemComponent.prototype.init = function () { + var _this = this; + if (this.params.checked) { + this.queryForHtmlElement('#eIcon').innerHTML = ''; + } + else if (this.params.icon) { + if (ag_grid_1.Utils.isNodeOrElement(this.params.icon)) { + this.queryForHtmlElement('#eIcon').appendChild(this.params.icon); + } + else if (typeof this.params.icon === 'string') { + this.queryForHtmlElement('#eIcon').innerHTML = this.params.icon; + } + else { + console.log('ag-Grid: menu item icon must be DOM node or string'); + } + } + else { + // if i didn't put space here, the alignment was messed up, probably + // fixable with CSS but i was spending to much time trying to figure + // it out. + this.queryForHtmlElement('#eIcon').innerHTML = ' '; + } + if (this.params.tooltip) { + this.getGui().setAttribute('title', this.params.tooltip); + } + if (this.params.shortcut) { + this.queryForHtmlElement('#eShortcut').innerHTML = this.params.shortcut; + } + if (this.params.subMenu) { + if (this.gridOptionsWrapper.isEnableRtl()) { + // for RTL, we show arrow going left + this.queryForHtmlElement('#ePopupPointer').classList.add('ag-icon-small-left'); + } + else { + // for normal, we show arrow going right + this.queryForHtmlElement('#ePopupPointer').classList.add('ag-icon-small-right'); + } + } + else { + this.queryForHtmlElement('#ePopupPointer').innerHTML = ' '; + } + this.queryForHtmlElement('#eName').innerHTML = this.params.name; + if (this.params.disabled) { + ag_grid_1.Utils.addCssClass(this.getGui(), 'ag-menu-option-disabled'); + } + else { + this.addGuiEventListener('click', this.onOptionSelected.bind(this)); + } + if (this.params.cssClasses) { + this.params.cssClasses.forEach(function (it) { return ag_grid_1.Utils.addCssClass(_this.getGui(), it); }); + } + }; + MenuItemComponent.prototype.onOptionSelected = function (mouseEvent) { + var event = { + type: MenuItemComponent.EVENT_ITEM_SELECTED, + action: this.params.action, + checked: this.params.checked, + cssClasses: this.params.cssClasses, + disabled: this.params.disabled, + icon: this.params.icon, + name: this.params.name, + shortcut: this.params.shortcut, + subMenu: this.params.subMenu, + tooltip: this.params.tooltip, + mouseEvent: mouseEvent + }; + this.dispatchEvent(event); + if (this.params.action) { + this.params.action(); + } + }; + MenuItemComponent.prototype.destroy = function () { + // console.log('MenuItemComponent->destroy() ' + this.instance); + _super.prototype.destroy.call(this); + }; + // private instance = Math.random(); + MenuItemComponent.TEMPLATE = '
' + + ' ' + + ' ' + + ' ' + + ' ' + + '
'; + MenuItemComponent.EVENT_ITEM_SELECTED = 'itemSelected'; + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], MenuItemComponent.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], MenuItemComponent.prototype, "init", null); + return MenuItemComponent; + }(ag_grid_1.Component)); + exports.MenuItemComponent = MenuItemComponent; + + +/***/ }), +/* 156 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var clipboardService_1 = __webpack_require__(157); + var aggFuncService_1 = __webpack_require__(159); + var MenuItemMapper = (function () { + function MenuItemMapper() { + } + MenuItemMapper.prototype.mapWithStockItems = function (originalList, column) { + var _this = this; + if (!originalList) { + return []; + } + var resultList = []; + originalList.forEach(function (menuItemOrString) { + var result; + if (typeof menuItemOrString === 'string') { + result = _this.getStockMenuItem(menuItemOrString, column); + } + else { + result = menuItemOrString; + } + if (result.subMenu) { + var resultDef = result; + resultDef.subMenu = _this.mapWithStockItems(resultDef.subMenu, column); + } + resultList.push(result); + }); + return resultList; + }; + MenuItemMapper.prototype.getStockMenuItem = function (key, column) { + var _this = this; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + switch (key) { + case 'pinSubMenu': return { + name: localeTextFunc('pinColumn', 'Pin Column'), + icon: ag_grid_1.Utils.createIconNoSpan('menuPin', this.gridOptionsWrapper, null), + subMenu: ['pinLeft', 'pinRight', 'clearPinned'] + }; + case 'pinLeft': return { + name: localeTextFunc('pinLeft', 'Pin Left'), + action: function () { return _this.columnController.setColumnPinned(column, ag_grid_1.Column.PINNED_LEFT, "contextMenu"); }, + checked: column.isPinnedLeft() + }; + case 'pinRight': return { + name: localeTextFunc('pinRight', 'Pin Right'), + action: function () { return _this.columnController.setColumnPinned(column, ag_grid_1.Column.PINNED_RIGHT, "contextMenu"); }, + checked: column.isPinnedRight() + }; + case 'clearPinned': return { + name: localeTextFunc('noPin', 'No Pin'), + action: function () { return _this.columnController.setColumnPinned(column, null, "contextMenu"); }, + checked: !column.isPinned() + }; + case 'valueAggSubMenu': return { + name: localeTextFunc('valueAggregation', 'Value Aggregation'), + icon: ag_grid_1.Utils.createIconNoSpan('menuValue', this.gridOptionsWrapper, null), + subMenu: this.createAggregationSubMenu(column) + }; + case 'autoSizeThis': return { + name: localeTextFunc('autosizeThiscolumn', 'Autosize This Column'), + action: function () { return _this.columnController.autoSizeColumn(column, "contextMenu"); } + }; + case 'autoSizeAll': return { + name: localeTextFunc('autosizeAllColumns', 'Autosize All Columns'), + action: function () { return _this.columnController.autoSizeAllColumns("contextMenu"); } + }; + case 'rowGroup': return { + name: localeTextFunc('groupBy', 'Group by') + ' ' + this.columnController.getDisplayNameForColumn(column, 'header'), + action: function () { return _this.columnController.addRowGroupColumn(column, "contextMenu"); }, + icon: ag_grid_1.Utils.createIconNoSpan('menuAddRowGroup', this.gridOptionsWrapper, null) + }; + case 'rowUnGroup': return { + name: localeTextFunc('ungroupBy', 'Un-Group by') + ' ' + this.columnController.getDisplayNameForColumn(column, 'header'), + action: function () { return _this.columnController.removeRowGroupColumn(column, "contextMenu"); }, + icon: ag_grid_1.Utils.createIconNoSpan('menuRemoveRowGroup', this.gridOptionsWrapper, null) + }; + case 'resetColumns': return { + name: localeTextFunc('resetColumns', 'Reset Columns'), + action: function () { return _this.columnController.resetColumnState("contextMenu"); } + }; + case 'expandAll': return { + name: localeTextFunc('expandAll', 'Expand All'), + action: function () { return _this.gridApi.expandAll(); } + }; + case 'contractAll': return { + name: localeTextFunc('collapseAll', 'Collapse All'), + action: function () { return _this.gridApi.collapseAll(); } + }; + case 'copy': return { + name: localeTextFunc('copy', 'Copy'), + shortcut: localeTextFunc('ctrlC', 'Ctrl+C'), + icon: ag_grid_1.Utils.createIconNoSpan('clipboardCopy', this.gridOptionsWrapper, null), + action: function () { return _this.clipboardService.copyToClipboard(false); } + }; + case 'copyWithHeaders': return { + name: localeTextFunc('copyWithHeaders', 'Copy with Headers'), + // shortcut: localeTextFunc('ctrlC','Ctrl+C'), + icon: ag_grid_1.Utils.createIconNoSpan('clipboardCopy', this.gridOptionsWrapper, null), + action: function () { return _this.clipboardService.copyToClipboard(true); } + }; + case 'paste': return { + name: localeTextFunc('paste', 'Paste'), + shortcut: localeTextFunc('ctrlV', 'Ctrl+V'), + disabled: true, + icon: ag_grid_1.Utils.createIconNoSpan('clipboardPaste', this.gridOptionsWrapper, null), + action: function () { return _this.clipboardService.pasteFromClipboard(); } + }; + case 'toolPanel': return { + name: localeTextFunc('toolPanel', 'Tool Panel'), + checked: this.gridApi.isToolPanelShowing(), + action: function () { return _this.gridApi.showToolPanel(!_this.gridApi.isToolPanelShowing()); } + }; + case 'export': + var exportSubMenuItems = []; + if (!this.gridOptionsWrapper.isSuppressCsvExport()) { + exportSubMenuItems.push('csvExport'); + } + if (!this.gridOptionsWrapper.isSuppressExcelExport()) { + exportSubMenuItems.push('excelExport'); + } + return { + name: localeTextFunc('export', 'Export'), + subMenu: exportSubMenuItems + }; + case 'csvExport': return { + name: localeTextFunc('csvExport', 'CSV Export'), + action: function () { return _this.gridApi.exportDataAsCsv({}); } + }; + case 'excelExport': return { + name: localeTextFunc('excelExport', 'Excel Export'), + action: function () { return _this.gridApi.exportDataAsExcel({}); } + }; + case 'separator': return 'separator'; + default: + console.log("ag-Grid: unknown menu item type " + key); + return null; + } + }; + MenuItemMapper.prototype.createAggregationSubMenu = function (column) { + var _this = this; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var columnIsAlreadyAggValue = column.isValueActive(); + var funcNames = this.aggFuncService.getFuncNames(column); + var columnToUse; + if (column.isPrimary()) { + columnToUse = column; + } + else { + columnToUse = column.getColDef().pivotValueColumn; + } + var result = []; + funcNames.forEach(function (funcName) { + result.push({ + name: localeTextFunc(funcName, funcName), + action: function () { + _this.columnController.setColumnAggFunc(columnToUse, funcName, "contextMenu"); + _this.columnController.addValueColumn(columnToUse, "contextMenu"); + }, + checked: columnIsAlreadyAggValue && columnToUse.getAggFunc() === funcName + }); + }); + return result; + }; + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], MenuItemMapper.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('columnController'), + __metadata("design:type", ag_grid_1.ColumnController) + ], MenuItemMapper.prototype, "columnController", void 0); + __decorate([ + ag_grid_1.Autowired('gridApi'), + __metadata("design:type", ag_grid_1.GridApi) + ], MenuItemMapper.prototype, "gridApi", void 0); + __decorate([ + ag_grid_1.Autowired('clipboardService'), + __metadata("design:type", clipboardService_1.ClipboardService) + ], MenuItemMapper.prototype, "clipboardService", void 0); + __decorate([ + ag_grid_1.Autowired('aggFuncService'), + __metadata("design:type", aggFuncService_1.AggFuncService) + ], MenuItemMapper.prototype, "aggFuncService", void 0); + MenuItemMapper = __decorate([ + ag_grid_1.Bean('menuItemMapper') + ], MenuItemMapper); + return MenuItemMapper; + }()); + exports.MenuItemMapper = MenuItemMapper; + + +/***/ }), +/* 157 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var rangeController_1 = __webpack_require__(158); + var ClipboardService = (function () { + function ClipboardService() { + } + ClipboardService.prototype.init = function () { + this.logger = this.loggerFactory.create('ClipboardService'); + }; + ClipboardService.prototype.pasteFromClipboard = function () { + var _this = this; + this.logger.log('pasteFromClipboard'); + this.executeOnTempElement(function (textArea) { + textArea.focus(); + }, function (element) { + var data = element.value; + if (main_1.Utils.missingOrEmpty(data)) + return; + var parsedData = _this.dataToArray(data); + var userFunc = _this.gridOptionsWrapper.getProcessDataFromClipboardFunc(); + if (userFunc) { + parsedData = userFunc({ data: parsedData }); + } + if (main_1.Utils.missingOrEmpty(parsedData)) + return; + _this.eventService.dispatchEvent({ + type: main_1.Events.EVENT_PASTE_START, + api: _this.gridOptionsWrapper.getApi(), + columnApi: _this.gridOptionsWrapper.getColumnApi(), + source: 'clipboard' + }); + var singleCellInClipboard = parsedData.length == 1 && parsedData[0].length == 1; + _this.rangeController.isMoreThanOneCell() && !singleCellInClipboard ? + _this.pasteToRange(parsedData) : _this.pasteToSingleCell(parsedData); + _this.eventService.dispatchEvent({ + type: main_1.Events.EVENT_PASTE_END, + api: _this.gridOptionsWrapper.getApi(), + columnApi: _this.gridOptionsWrapper.getColumnApi(), + source: 'clipboard' + }); + }); + }; + ClipboardService.prototype.pasteToRange = function (clipboardData) { + var _this = this; + // remove extra empty row which is inserted when clipboard has more than one row + if (clipboardData.length > 1) + clipboardData.pop(); + var cellsToFlash = {}; + var updatedRowNodes = []; + var updatedColumnIds = []; + // true if clipboard data can be evenly pasted into range, otherwise false + var abortRepeatingPasteIntoRows = this.rangeSize() % clipboardData.length != 0; + var indexOffset = 0, dataRowIndex = 0; + var rowCallback = function (currentRow, rowNode, columns, index) { + var atEndOfClipboardData = index - indexOffset >= clipboardData.length; + if (atEndOfClipboardData) { + if (abortRepeatingPasteIntoRows) + return; + // increment offset and reset data index to repeat paste of data + indexOffset += dataRowIndex; + dataRowIndex = 0; + } + var currentRowData = clipboardData[index - indexOffset]; + // otherwise we are not the first row, so copy + updatedRowNodes.push(rowNode); + columns.forEach(function (column, index) { + if (!column.isCellEditable(rowNode)) + return; + // ignore columns we don't have data for - happens when to range is bigger than copied data range + if (index >= currentRowData.length) + return; + var firstRowValue = currentRowData[index]; + var processCellFromClipboardFunc = _this.gridOptionsWrapper.getProcessCellFromClipboardFunc(); + firstRowValue = _this.userProcessCell(rowNode, column, firstRowValue, processCellFromClipboardFunc, main_1.Constants.EXPORT_TYPE_DRAG_COPY); + _this.valueService.setValue(rowNode, column, firstRowValue); + var gridCellDef = { rowIndex: currentRow.rowIndex, floating: currentRow.floating, column: column }; + var cellId = new main_1.GridCell(gridCellDef).createId(); + cellsToFlash[cellId] = true; + }); + ++dataRowIndex; + }; + this.iterateActiveRanges(false, rowCallback); + this.rowRenderer.refreshCells({ rowNodes: updatedRowNodes, columns: updatedColumnIds }); + this.dispatchFlashCells(cellsToFlash); + this.fireRowChanged(updatedRowNodes); + }; + ClipboardService.prototype.pasteToSingleCell = function (parsedData) { + var focusedCell = this.focusedCellController.getFocusedCell(); + if (!focusedCell) { + return; + } + // remove last row if empty, excel puts empty last row in + var lastLine = parsedData[parsedData.length - 1]; + if (lastLine.length === 1 && lastLine[0] === '') { + main_1.Utils.removeFromArray(parsedData, lastLine); + } + var currentRow = new main_1.GridRow(focusedCell.rowIndex, focusedCell.floating); + var cellsToFlash = {}; + var updatedRowNodes = []; + var updatedColumnIds = []; + var columnsToPasteInto = this.columnController.getDisplayedColumnsStartingAt(focusedCell.column); + var onlyOneCellInRange = parsedData.length === 1 && parsedData[0].length === 1; + if (onlyOneCellInRange) { + this.singleCellRange(parsedData, updatedRowNodes, currentRow, cellsToFlash, updatedColumnIds); + } + else { + this.multipleCellRange(parsedData, currentRow, updatedRowNodes, columnsToPasteInto, cellsToFlash, updatedColumnIds, main_1.Constants.EXPORT_TYPE_CLIPBOARD); + } + // this is very heavy, should possibly just refresh the specific cells? + this.rowRenderer.refreshCells({ rowNodes: updatedRowNodes, columns: updatedColumnIds }); + this.dispatchFlashCells(cellsToFlash); + this.focusedCellController.setFocusedCell(focusedCell.rowIndex, focusedCell.column, focusedCell.floating, true); + this.fireRowChanged(updatedRowNodes); + }; + ClipboardService.prototype.copyRangeDown = function () { + var _this = this; + if (this.rangeController.isEmpty()) { + return; + } + this.eventService.dispatchEvent({ + type: main_1.Events.EVENT_PASTE_START, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + source: 'rangeDown' + }); + var cellsToFlash = {}; + var firstRowValues = null; + var updatedRowNodes = []; + var updatedColumnIds = []; + var rowCallback = function (currentRow, rowNode, columns) { + // take reference of first row, this is the one we will be using to copy from + if (!firstRowValues) { + firstRowValues = []; + // two reasons for looping through columns + columns.forEach(function (column) { + // reason 1 - to get the initial values to copy down + var value = _this.valueService.getValue(column, rowNode); + var processCellForClipboardFunc = _this.gridOptionsWrapper.getProcessCellForClipboardFunc(); + value = _this.userProcessCell(rowNode, column, value, processCellForClipboardFunc, main_1.Constants.EXPORT_TYPE_DRAG_COPY); + firstRowValues.push(value); + // reason 2 - to record the columnId for refreshing + updatedColumnIds.push(column.getId()); + }); + } + else { + // otherwise we are not the first row, so copy + updatedRowNodes.push(rowNode); + columns.forEach(function (column, index) { + if (!column.isCellEditable(rowNode)) { + return; + } + var firstRowValue = firstRowValues[index]; + var processCellFromClipboardFunc = _this.gridOptionsWrapper.getProcessCellFromClipboardFunc(); + firstRowValue = _this.userProcessCell(rowNode, column, firstRowValue, processCellFromClipboardFunc, main_1.Constants.EXPORT_TYPE_DRAG_COPY); + _this.valueService.setValue(rowNode, column, firstRowValue); + var gridCellDef = { rowIndex: currentRow.rowIndex, floating: currentRow.floating, column: column }; + var cellId = new main_1.GridCell(gridCellDef).createId(); + cellsToFlash[cellId] = true; + }); + } + }; + this.iterateActiveRanges(true, rowCallback); + // this is very heavy, should possibly just refresh the specific cells? + this.rowRenderer.refreshCells({ rowNodes: updatedRowNodes, columns: updatedColumnIds }); + this.dispatchFlashCells(cellsToFlash); + this.fireRowChanged(updatedRowNodes); + this.eventService.dispatchEvent({ + type: main_1.Events.EVENT_PASTE_END, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + source: 'rangeDown' + }); + }; + ClipboardService.prototype.fireRowChanged = function (rowNodes) { + var _this = this; + if (!this.gridOptionsWrapper.isFullRowEdit()) { + return; + } + rowNodes.forEach(function (rowNode) { + var event = { + type: main_1.Events.EVENT_ROW_VALUE_CHANGED, + node: rowNode, + data: rowNode.data, + rowIndex: rowNode.rowIndex, + rowPinned: rowNode.rowPinned, + context: _this.gridOptionsWrapper.getContext(), + api: _this.gridOptionsWrapper.getApi(), + columnApi: _this.gridOptionsWrapper.getColumnApi() + }; + _this.eventService.dispatchEvent(event); + }); + }; + ClipboardService.prototype.multipleCellRange = function (clipboardGridData, currentRow, updatedRowNodes, columnsToPasteInto, cellsToFlash, updatedColumnIds, type) { + var _this = this; + clipboardGridData.forEach(function (clipboardRowData) { + // if we have come to end of rows in grid, then skip + if (!currentRow) { + return; + } + var rowNode = _this.getRowNode(currentRow); + updatedRowNodes.push(rowNode); + clipboardRowData.forEach(function (value, index) { + var column = columnsToPasteInto[index]; + if (main_1.Utils.missing(column)) { + return; + } + if (!column.isCellEditable(rowNode)) { + return; + } + _this.updateCellValue(rowNode, column, value, currentRow, cellsToFlash, updatedColumnIds, type); + }); + // move to next row down for next set of values + currentRow = _this.cellNavigationService.getRowBelow(currentRow); + }); + return currentRow; + }; + ClipboardService.prototype.singleCellRange = function (parsedData, updatedRowNodes, currentRow, cellsToFlash, updatedColumnIds) { + var _this = this; + var value = parsedData[0][0]; + var rowCallback = function (gridRow, rowNode, columns) { + updatedRowNodes.push(rowNode); + columns.forEach(function (column) { + if (column.isCellEditable(rowNode)) { + _this.updateCellValue(rowNode, column, value, currentRow, cellsToFlash, updatedColumnIds, main_1.Constants.EXPORT_TYPE_CLIPBOARD); + } + }); + }; + this.iterateActiveRanges(false, rowCallback); + }; + ClipboardService.prototype.updateCellValue = function (rowNode, column, value, currentRow, cellsToFlash, updatedColumnIds, type) { + if (column.isSuppressPaste(rowNode)) { + return; + } + var processedValue = this.userProcessCell(rowNode, column, value, this.gridOptionsWrapper.getProcessCellFromClipboardFunc(), type); + this.valueService.setValue(rowNode, column, processedValue); + var gridCellDef = { + rowIndex: currentRow.rowIndex, + floating: currentRow.floating, + column: column + }; + var cellId = new main_1.GridCell(gridCellDef).createId(); + cellsToFlash[cellId] = true; + if (updatedColumnIds.indexOf(column.getId()) < 0) { + updatedColumnIds.push(column.getId()); + } + }; + ClipboardService.prototype.copyToClipboard = function (includeHeaders) { + if (includeHeaders === void 0) { includeHeaders = false; } + this.logger.log("copyToClipboard: includeHeaders = " + includeHeaders); + var selectedRowsToCopy = !this.selectionController.isEmpty() + && !this.gridOptionsWrapper.isSuppressCopyRowsToClipboard(); + // default is copy range if exists, otherwise rows + if (this.rangeController.isMoreThanOneCell()) { + this.copySelectedRangeToClipboard(includeHeaders); + } + else if (selectedRowsToCopy) { + // otherwise copy selected rows if they exist + this.copySelectedRowsToClipboard(includeHeaders); + } + else if (this.focusedCellController.isAnyCellFocused()) { + // if there is a focused cell, copy this + this.copyFocusedCellToClipboard(includeHeaders); + } + else { + // lastly if no focused cell, try range again. this can happen + // if use has cellSelection turned off (so no focused cell) + // but has a cell clicked, so there exists a cell range + // of exactly one cell (hence the first 'if' above didn't + // get executed). + this.copySelectedRangeToClipboard(includeHeaders); + } + }; + ClipboardService.prototype.iterateActiveRanges = function (onlyFirst, rowCallback, columnCallback) { + var _this = this; + if (this.rangeController.isEmpty()) { + return; + } + var rangeSelections = this.rangeController.getCellRanges(); + if (onlyFirst) { + var range = rangeSelections[0]; + this.iterateActiveRange(range, rowCallback, columnCallback); + } + else { + rangeSelections.forEach(function (range) { return _this.iterateActiveRange(range, rowCallback, columnCallback); }); + } + }; + ClipboardService.prototype.iterateActiveRange = function (range, rowCallback, columnCallback) { + // get starting and ending row, remember rowEnd could be before rowStart + var startRow = range.start.getGridRow(); + var endRow = range.end.getGridRow(); + var startRowIsFirst = startRow.before(endRow); + var currentRow = startRowIsFirst ? startRow : endRow; + var lastRow = startRowIsFirst ? endRow : startRow; + if (main_1.Utils.exists(columnCallback)) { + columnCallback(range.columns); + } + var rangeIndex = 0; + while (true) { + var rowNode = this.getRowNode(currentRow); + rowCallback(currentRow, rowNode, range.columns, rangeIndex++); + if (currentRow.equals(lastRow)) { + break; + } + currentRow = this.cellNavigationService.getRowBelow(currentRow); + // this can happen if the user sets the active range manually, and sets a range + // that is outside of the grid, eg sets range rows 0 to 100, but grid has only 20 rows. + if (main_1._.missing(currentRow)) { + break; + } + } + }; + ClipboardService.prototype.copySelectedRangeToClipboard = function (includeHeaders) { + var _this = this; + if (includeHeaders === void 0) { includeHeaders = false; } + if (this.rangeController.isEmpty()) { + return; + } + var deliminator = this.gridOptionsWrapper.getClipboardDeliminator(); + var data = ''; + var cellsToFlash = {}; + // adds columns to the data + var columnCallback = function (columns) { + if (!includeHeaders) { + return; + } + columns.forEach(function (column, index) { + var value = _this.columnController.getDisplayNameForColumn(column, 'clipboard', true); + var processedValue = _this.userProcessHeader(column, value, _this.gridOptionsWrapper.getProcessHeaderForClipboardFunc()); + if (index != 0) { + data += deliminator; + } + if (main_1.Utils.exists(processedValue)) { + data += processedValue; + } + }); + data += '\r\n'; + }; + // adds cell values to the data + var rowCallback = function (currentRow, rowNode, columns) { + columns.forEach(function (column, index) { + var value = _this.valueService.getValue(column, rowNode); + var processedValue = _this.userProcessCell(rowNode, column, value, _this.gridOptionsWrapper.getProcessCellForClipboardFunc(), main_1.Constants.EXPORT_TYPE_CLIPBOARD); + if (index != 0) { + data += deliminator; + } + if (main_1.Utils.exists(processedValue)) { + data += processedValue; + } + var gridCellDef = { rowIndex: currentRow.rowIndex, floating: currentRow.floating, column: column }; + var cellId = new main_1.GridCell(gridCellDef).createId(); + cellsToFlash[cellId] = true; + }); + data += '\r\n'; + }; + this.iterateActiveRanges(false, rowCallback, columnCallback); + this.copyDataToClipboard(data); + this.dispatchFlashCells(cellsToFlash); + }; + ClipboardService.prototype.copyFocusedCellToClipboard = function (includeHeaders) { + if (includeHeaders === void 0) { includeHeaders = false; } + var focusedCell = this.focusedCellController.getFocusedCell(); + if (main_1.Utils.missing(focusedCell)) { + return; + } + var currentRow = focusedCell.getGridRow(); + var rowNode = this.getRowNode(currentRow); + var column = focusedCell.column; + var value = this.valueService.getValue(column, rowNode); + var processedValue = this.userProcessCell(rowNode, column, value, this.gridOptionsWrapper.getProcessCellForClipboardFunc(), main_1.Constants.EXPORT_TYPE_CLIPBOARD); + if (main_1._.missing(processedValue)) { + // copy the new line character to clipboard instead of an empty string, as the 'execCommand' will ignore it. + // this behaviour is consistent with how Excel works! + processedValue = '\n'; + } + var data = ''; + if (includeHeaders) { + data = this.columnController.getDisplayNameForColumn(column, 'clipboard', true) + '\r\n'; + } + data += processedValue.toString(); + this.copyDataToClipboard(data); + var cellId = focusedCell.createId(); + var cellsToFlash = {}; + cellsToFlash[cellId] = true; + this.dispatchFlashCells(cellsToFlash); + }; + ClipboardService.prototype.dispatchFlashCells = function (cellsToFlash) { + var _this = this; + setTimeout(function () { + var event = { + type: main_1.Events.EVENT_FLASH_CELLS, + cells: cellsToFlash, + api: _this.gridApi, + columnApi: _this.columnApi + }; + _this.eventService.dispatchEvent(event); + }, 0); + }; + ClipboardService.prototype.userProcessCell = function (rowNode, column, value, func, type) { + if (func) { + var params = { + column: column, + node: rowNode, + value: value, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext(), + type: type + }; + return func(params); + } + else { + return value; + } + }; + ClipboardService.prototype.userProcessHeader = function (column, value, func) { + if (func) { + var params = { + column: column, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext() + }; + return func(params); + } + else { + return value; + } + }; + ClipboardService.prototype.getRowNode = function (gridRow) { + switch (gridRow.floating) { + case main_1.Constants.PINNED_TOP: + return this.pinnedRowModel.getPinnedTopRowData()[gridRow.rowIndex]; + case main_1.Constants.PINNED_BOTTOM: + return this.pinnedRowModel.getPinnedBottomRowData()[gridRow.rowIndex]; + default: + return this.rowModel.getRow(gridRow.rowIndex); + } + }; + ClipboardService.prototype.copySelectedRowsToClipboard = function (includeHeaders, columnKeys) { + if (includeHeaders === void 0) { includeHeaders = false; } + var skipHeader = !includeHeaders; + var deliminator = this.gridOptionsWrapper.getClipboardDeliminator(); + var params = { + columnKeys: columnKeys, + skipHeader: skipHeader, + skipFooters: true, + suppressQuotes: true, + columnSeparator: deliminator, + onlySelected: true, + processCellCallback: this.gridOptionsWrapper.getProcessCellForClipboardFunc() + }; + var data = this.csvCreator.getDataAsCsv(params); + this.copyDataToClipboard(data); + }; + ClipboardService.prototype.copyDataToClipboard = function (data) { + var userProvidedFunc = this.gridOptionsWrapper.getSendToClipboardFunc(); + if (main_1.Utils.exists(userProvidedFunc)) { + var params = { data: data }; + userProvidedFunc(params); + } + else { + this.executeOnTempElement(function (element) { + element.value = data; + element.select(); + element.focus(); + return document.execCommand('copy'); + }); + } + }; + ClipboardService.prototype.executeOnTempElement = function (callbackNow, callbackAfter) { + var eTempInput = document.createElement('textarea'); + eTempInput.style.width = '1px'; + eTempInput.style.height = '1px'; + eTempInput.style.top = '0px'; + eTempInput.style.left = '0px'; + eTempInput.style.position = 'absolute'; + eTempInput.style.opacity = '0.0'; + var guiRoot = this.gridCore.getRootGui(); + guiRoot.appendChild(eTempInput); + try { + var result = callbackNow(eTempInput); + this.logger.log('Clipboard operation result: ' + result); + } + catch (err) { + this.logger.log('Browser doesn\t support document.execComment(\'copy\') for clipboard operations'); + } + //It needs 100 otherwise OS X seemed to not always be able to paste... Go figure... + if (callbackAfter) { + setTimeout(function () { + callbackAfter(eTempInput); + guiRoot.removeChild(eTempInput); + }, 100); + } + else { + guiRoot.removeChild(eTempInput); + } + }; + // From http://stackoverflow.com/questions/1293147/javascript-code-to-parse-csv-data + // This will parse a delimited string into an array of arrays. + // Note: this code fixes an issue with the example posted on stack overflow where it doesn't correctly handle + // empty values in the first cell. + ClipboardService.prototype.dataToArray = function (strData) { + var delimiter = this.gridOptionsWrapper.getClipboardDeliminator(); + // Create a regular expression to parse the CSV values. + var objPattern = new RegExp(( + // Delimiters. + "(\\" + delimiter + "|\\r?\\n|\\r|^)" + + // Quoted fields. + "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" + + // Standard fields. + "([^\"\\" + delimiter + "\\r\\n]*))"), "gi"); + // Create an array to hold our data. Give the array + // a default empty first row. + var arrData = [[]]; + // Create an array to hold our individual pattern matching groups. + var arrMatches; + // Required for handling edge case on first row copy + var atFirstRow = true; + // Keep looping over the regular expression matches + // until we can no longer find a match. + while (arrMatches = objPattern.exec(strData)) { + // Get the delimiter that was found. + var strMatchedDelimiter = arrMatches[1]; + // Handles case when first row is an empty cell, insert an empty string before delimiter + if (atFirstRow && strMatchedDelimiter) { + arrData[0].push(""); + } + // Check to see if the given delimiter has a length + // (is not the start of string) and if it matches + // field delimiter. If id does not, then we know + // that this delimiter is a row delimiter. + if (strMatchedDelimiter.length && strMatchedDelimiter !== delimiter) { + // Since we have reached a new row of data, + // add an empty row to our data array. + arrData.push([]); + } + var strMatchedValue = void 0; + // Now that we have our delimiter out of the way, + // let's check to see which kind of value we + // captured (quoted or unquoted). + if (arrMatches[2]) { + // We found a quoted value. When we capture + // this value, unescaped any double quotes. + strMatchedValue = arrMatches[2].replace(new RegExp("\"\"", "g"), "\""); + } + else { + // We found a non-quoted value. + strMatchedValue = arrMatches[3]; + } + // Now that we have our value string, let's add + // it to the data array. + arrData[arrData.length - 1].push(strMatchedValue); + atFirstRow = false; + } + // Return the parsed data. + return arrData; + }; + ClipboardService.prototype.rangeSize = function () { + var ranges = this.rangeController.getCellRanges(); + var _a = [ranges[0].start.rowIndex, ranges[0].end.rowIndex], startRange = _a[0], endRange = _a[1]; + return (startRange > endRange ? startRange - endRange : endRange - startRange) + 1; + }; + __decorate([ + main_1.Autowired('csvCreator'), + __metadata("design:type", main_1.CsvCreator) + ], ClipboardService.prototype, "csvCreator", void 0); + __decorate([ + main_1.Autowired('loggerFactory'), + __metadata("design:type", main_1.LoggerFactory) + ], ClipboardService.prototype, "loggerFactory", void 0); + __decorate([ + main_1.Autowired('selectionController'), + __metadata("design:type", main_1.SelectionController) + ], ClipboardService.prototype, "selectionController", void 0); + __decorate([ + main_1.Autowired('rangeController'), + __metadata("design:type", rangeController_1.RangeController) + ], ClipboardService.prototype, "rangeController", void 0); + __decorate([ + main_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], ClipboardService.prototype, "rowModel", void 0); + __decorate([ + main_1.Autowired('pinnedRowModel'), + __metadata("design:type", main_1.PinnedRowModel) + ], ClipboardService.prototype, "pinnedRowModel", void 0); + __decorate([ + main_1.Autowired('valueService'), + __metadata("design:type", main_1.ValueService) + ], ClipboardService.prototype, "valueService", void 0); + __decorate([ + main_1.Autowired('focusedCellController'), + __metadata("design:type", main_1.FocusedCellController) + ], ClipboardService.prototype, "focusedCellController", void 0); + __decorate([ + main_1.Autowired('rowRenderer'), + __metadata("design:type", main_1.RowRenderer) + ], ClipboardService.prototype, "rowRenderer", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ClipboardService.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ClipboardService.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('cellNavigationService'), + __metadata("design:type", main_1.CellNavigationService) + ], ClipboardService.prototype, "cellNavigationService", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ClipboardService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('gridCore'), + __metadata("design:type", main_1.GridCore) + ], ClipboardService.prototype, "gridCore", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], ClipboardService.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], ClipboardService.prototype, "gridApi", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ClipboardService.prototype, "init", null); + ClipboardService = __decorate([ + main_1.Bean('clipboardService') + ], ClipboardService); + return ClipboardService; + }()); + exports.ClipboardService = ClipboardService; + + +/***/ }), +/* 158 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var RangeController = (function () { + function RangeController() { + this.bodyScrollListener = this.onBodyScroll.bind(this); + this.dragging = false; + } + RangeController.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + this.autoScrollService = new AutoScrollService(this.gridPanel, this.gridOptionsWrapper); + }; + RangeController.prototype.init = function () { + this.logger = this.loggerFactory.create('RangeController'); + this.eventService.addEventListener(main_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.clearSelection.bind(this)); + this.eventService.addEventListener(main_1.Events.EVENT_COLUMN_GROUP_OPENED, this.clearSelection.bind(this)); + this.eventService.addEventListener(main_1.Events.EVENT_COLUMN_MOVED, this.clearSelection.bind(this)); + this.eventService.addEventListener(main_1.Events.EVENT_COLUMN_PINNED, this.clearSelection.bind(this)); + this.eventService.addEventListener(main_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.clearSelection.bind(this)); + this.eventService.addEventListener(main_1.Events.EVENT_COLUMN_VISIBLE, this.clearSelection.bind(this)); + }; + RangeController.prototype.setRangeToCell = function (cell, appendRange) { + if (appendRange === void 0) { appendRange = false; } + if (!this.gridOptionsWrapper.isEnableRangeSelection()) { + return; + } + var columns = this.updateSelectedColumns(cell.column, cell.column); + if (!columns) { + return; + } + var gridCellDef = { rowIndex: cell.rowIndex, floating: cell.floating, column: cell.column }; + var newRange = { + start: new main_1.GridCell(gridCellDef), + end: new main_1.GridCell(gridCellDef), + columns: columns + }; + // if not appending, then clear previous range selections + if (!appendRange || main_1._.missing(this.cellRanges)) { + this.cellRanges = []; + } + this.cellRanges.push(newRange); + this.activeRange = null; + this.dispatchChangedEvent(true, false); + }; + RangeController.prototype.extendRangeToCell = function (toCell) { + var lastRange = main_1._.existsAndNotEmpty(this.cellRanges) ? this.cellRanges[this.cellRanges.length - 1] : null; + var startCell = lastRange ? lastRange.start : toCell; + this.setRange({ + rowStart: startCell.rowIndex, + floatingStart: startCell.floating, + rowEnd: toCell.rowIndex, + floatingEnd: toCell.floating, + columnStart: startCell.column, + columnEnd: toCell.column + }); + }; + // returns true if successful, false if not successful + RangeController.prototype.extendRangeInDirection = function (startCell, key) { + var oneRangeExists = main_1._.exists(this.cellRanges) || this.cellRanges.length === 1; + var previousSelectionStart = oneRangeExists ? this.cellRanges[0].start : null; + var takeEndFromPreviousSelection = startCell.equals(previousSelectionStart); + var previousEndCell = takeEndFromPreviousSelection ? this.cellRanges[0].end : startCell; + var newEndCell = this.cellNavigationService.getNextCellToFocus(key, previousEndCell); + // if user is at end of grid, so no cell to extend to, we return false + if (!newEndCell) { + return false; + } + this.setRange({ + rowStart: startCell.rowIndex, + floatingStart: startCell.floating, + rowEnd: newEndCell.rowIndex, + floatingEnd: newEndCell.floating, + columnStart: startCell.column, + columnEnd: newEndCell.column + }); + return true; + }; + RangeController.prototype.setRange = function (rangeSelection) { + if (!this.gridOptionsWrapper.isEnableRangeSelection()) { + return; + } + this.cellRanges = []; + this.addRange(rangeSelection); + }; + RangeController.prototype.addRange = function (rangeSelection) { + if (!this.gridOptionsWrapper.isEnableRangeSelection()) { + return; + } + var columnStart = this.columnController.getColumnWithValidation(rangeSelection.columnStart); + var columnEnd = this.columnController.getPrimaryColumn(rangeSelection.columnEnd); + if (!columnStart || !columnEnd) { + return; + } + var columns = this.updateSelectedColumns(columnStart, columnEnd); + if (!columns) { + return; + } + var startGridCellDef = { column: columnStart, rowIndex: rangeSelection.rowStart, floating: rangeSelection.floatingStart }; + var endGridCellDef = { column: columnEnd, rowIndex: rangeSelection.rowEnd, floating: rangeSelection.floatingEnd }; + var newRange = { + start: new main_1.GridCell(startGridCellDef), + end: new main_1.GridCell(endGridCellDef), + columns: columns + }; + if (!this.cellRanges) { + this.cellRanges = []; + } + this.cellRanges.push(newRange); + this.dispatchChangedEvent(true, false); + }; + RangeController.prototype.getCellRanges = function () { + return this.cellRanges; + }; + RangeController.prototype.isEmpty = function () { + return main_1.Utils.missingOrEmpty(this.cellRanges); + }; + RangeController.prototype.isMoreThanOneCell = function () { + if (main_1.Utils.missingOrEmpty(this.cellRanges)) { + return false; + } + else { + if (this.cellRanges.length > 1) { + return true; + } + else { + var onlyRange = this.cellRanges[0]; + var onlyOneCellInRange = onlyRange.start.column === onlyRange.end.column && + onlyRange.start.rowIndex === onlyRange.end.rowIndex; + return !onlyOneCellInRange; + } + } + }; + RangeController.prototype.clearSelection = function () { + if (main_1.Utils.missing(this.cellRanges)) { + return; + } + this.activeRange = null; + this.cellRanges = null; + this.dispatchChangedEvent(true, false); + }; + // as the user is dragging outside of the panel, the div starts to scroll, which in turn + // means we are selection more (or less) cells, but the mouse isn't moving, so we recalculate + // the selection my mimicking a new mouse event + RangeController.prototype.onBodyScroll = function () { + this.onDragging(this.lastMouseEvent); + }; + RangeController.prototype.isCellInAnyRange = function (cell) { + return this.getCellRangeCount(cell) > 0; + }; + RangeController.prototype.isCellInSpecificRange = function (cell, range) { + var columnInRange = range.columns.indexOf(cell.column) >= 0; + var rowInRange = this.isRowInRange(cell.rowIndex, cell.floating, range); + return columnInRange && rowInRange; + }; + // returns the number of ranges this cell is in + RangeController.prototype.getCellRangeCount = function (cell) { + var _this = this; + if (main_1.Utils.missingOrEmpty(this.cellRanges)) { + return 0; + } + var matchingCount = 0; + this.cellRanges.forEach(function (cellRange) { + if (_this.isCellInSpecificRange(cell, cellRange)) { + matchingCount++; + } + }); + return matchingCount; + }; + RangeController.prototype.isRowInRange = function (rowIndex, floating, cellRange) { + var row1 = new main_1.GridRow(cellRange.start.rowIndex, cellRange.start.floating); + var row2 = new main_1.GridRow(cellRange.end.rowIndex, cellRange.end.floating); + var firstRow = row1.before(row2) ? row1 : row2; + var lastRow = row1.before(row2) ? row2 : row1; + var thisRow = new main_1.GridRow(rowIndex, floating); + if (thisRow.equals(firstRow) || thisRow.equals(lastRow)) { + return true; + } + else { + var afterFirstRow = !thisRow.before(firstRow); + var beforeLastRow = thisRow.before(lastRow); + return afterFirstRow && beforeLastRow; + } + }; + RangeController.prototype.onDragStart = function (mouseEvent) { + if (!this.gridOptionsWrapper.isEnableRangeSelection()) { + return; + } + // ctrlKey for windows, metaKey for Apple + var multiKeyPressed = mouseEvent.ctrlKey || mouseEvent.metaKey; + var allowMulti = !this.gridOptionsWrapper.isSuppressMultiRangeSelection(); + var multiSelectKeyPressed = allowMulti ? multiKeyPressed : false; + if (main_1.Utils.missing(this.cellRanges) || !multiSelectKeyPressed) { + this.cellRanges = []; + } + var cell = this.mouseEventService.getGridCellForEvent(mouseEvent); + if (main_1.Utils.missing(cell)) { + // if drag wasn't on cell, then do nothing, including do not set dragging=true, + // (which them means onDragging and onDragStop do nothing) + return; + } + this.createNewActiveRange(cell); + this.gridPanel.addScrollEventListener(this.bodyScrollListener); + this.dragging = true; + this.lastMouseEvent = mouseEvent; + this.selectionChanged(false, true); + }; + RangeController.prototype.createNewActiveRange = function (cell) { + var gridCellDef = { column: cell.column, rowIndex: cell.rowIndex, floating: cell.floating }; + this.activeRange = { + start: new main_1.GridCell(gridCellDef), + end: new main_1.GridCell(gridCellDef), + columns: [cell.column] + }; + this.cellRanges.push(this.activeRange); + }; + RangeController.prototype.selectionChanged = function (finished, started) { + this.activeRange.columns = this.updateSelectedColumns(this.activeRange.start.column, this.activeRange.end.column); + this.dispatchChangedEvent(finished, started); + }; + RangeController.prototype.dispatchChangedEvent = function (finished, started) { + var event = { + type: main_1.Events.EVENT_RANGE_SELECTION_CHANGED, + api: this.gridApi, + columnApi: this.columnApi, + finished: finished, + started: started + }; + this.eventService.dispatchEvent(event); + }; + RangeController.prototype.onDragStop = function () { + if (!this.dragging) { + return; + } + this.autoScrollService.ensureCleared(); + this.gridPanel.removeScrollEventListener(this.bodyScrollListener); + this.lastMouseEvent = null; + this.dragging = false; + this.dispatchChangedEvent(true, false); + }; + RangeController.prototype.onDragging = function (mouseEvent) { + if (!this.dragging || !this.activeRange) { + return; + } + this.lastMouseEvent = mouseEvent; + this.autoScrollService.check(mouseEvent); + var cell = this.mouseEventService.getGridCellForEvent(mouseEvent); + if (main_1.Utils.missing(cell)) { + return; + } + var columnChanged = false; + if (cell.column !== this.activeRange.end.column) { + this.activeRange.end.column = cell.column; + columnChanged = true; + } + var rowChanged = false; + if (cell.rowIndex !== this.activeRange.end.rowIndex || cell.floating !== this.activeRange.end.floating) { + this.activeRange.end.rowIndex = cell.rowIndex; + this.activeRange.end.floating = cell.floating; + rowChanged = true; + } + if (columnChanged || rowChanged) { + this.selectionChanged(false, false); + } + }; + RangeController.prototype.updateSelectedColumns = function (columnFrom, columnTo) { + var allColumns = this.columnController.getAllDisplayedColumns(); + var fromIndex = allColumns.indexOf(columnFrom); + var toIndex = allColumns.indexOf(columnTo); + if (fromIndex < 0) { + console.log('ag-Grid: column ' + columnFrom.getId() + ' is not visible'); + return null; + } + if (toIndex < 0) { + console.log('ag-Grid: column ' + columnTo.getId() + ' is not visible'); + return null; + } + var firstIndex = Math.min(fromIndex, toIndex); + var lastIndex = Math.max(fromIndex, toIndex); + var columns = []; + for (var i = firstIndex; i <= lastIndex; i++) { + columns.push(allColumns[i]); + } + return columns; + }; + __decorate([ + main_1.Autowired('loggerFactory'), + __metadata("design:type", main_1.LoggerFactory) + ], RangeController.prototype, "loggerFactory", void 0); + __decorate([ + main_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], RangeController.prototype, "rowModel", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], RangeController.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], RangeController.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('rowRenderer'), + __metadata("design:type", main_1.RowRenderer) + ], RangeController.prototype, "rowRenderer", void 0); + __decorate([ + main_1.Autowired('focusedCellController'), + __metadata("design:type", main_1.FocusedCellController) + ], RangeController.prototype, "focusedCellController", void 0); + __decorate([ + main_1.Autowired('mouseEventService'), + __metadata("design:type", main_1.MouseEventService) + ], RangeController.prototype, "mouseEventService", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], RangeController.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], RangeController.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], RangeController.prototype, "gridApi", void 0); + __decorate([ + main_1.Autowired('cellNavigationService'), + __metadata("design:type", main_1.CellNavigationService) + ], RangeController.prototype, "cellNavigationService", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], RangeController.prototype, "init", null); + RangeController = __decorate([ + main_1.Bean('rangeController') + ], RangeController); + return RangeController; + }()); + exports.RangeController = RangeController; + var AutoScrollService = (function () { + function AutoScrollService(gridPanel, gridOptionsWrapper) { + this.tickingInterval = null; + this.gridPanel = gridPanel; + this.gridOptionsWrapper = gridOptionsWrapper; + } + AutoScrollService.prototype.check = function (mouseEvent) { + // we don't do ticking if grid is auto height + if (this.gridOptionsWrapper.isGridAutoHeight()) { + return; + } + var rect = this.gridPanel.getBodyClientRect(); + this.tickLeft = mouseEvent.clientX < (rect.left + 20); + this.tickRight = mouseEvent.clientX > (rect.right - 20); + this.tickUp = mouseEvent.clientY < (rect.top + 20); + this.tickDown = mouseEvent.clientY > (rect.bottom - 20); + if (this.tickLeft || this.tickRight || this.tickUp || this.tickDown) { + this.ensureTickingStarted(); + } + else { + this.ensureCleared(); + } + }; + AutoScrollService.prototype.ensureTickingStarted = function () { + if (this.tickingInterval === null) { + this.tickingInterval = setInterval(this.doTick.bind(this), 100); + this.tickCount = 0; + } + }; + AutoScrollService.prototype.doTick = function () { + this.tickCount++; + var vScrollPosition = this.gridPanel.getVScrollPosition(); + var hScrollPosition = this.gridPanel.getHScrollPosition(); + var tickAmount; + if (this.tickCount > 20) { + tickAmount = 200; + } + else if (this.tickCount > 10) { + tickAmount = 80; + } + else { + tickAmount = 40; + } + if (this.tickUp) { + this.gridPanel.setVerticalScrollPosition(vScrollPosition.top - tickAmount); + } + if (this.tickDown) { + this.gridPanel.setVerticalScrollPosition(vScrollPosition.top + tickAmount); + } + if (this.tickLeft) { + this.gridPanel.setHorizontalScrollPosition(hScrollPosition.left - tickAmount); + } + if (this.tickRight) { + this.gridPanel.setHorizontalScrollPosition(hScrollPosition.left + tickAmount); + } + }; + AutoScrollService.prototype.ensureCleared = function () { + if (this.tickingInterval) { + clearInterval(this.tickingInterval); + this.tickingInterval = null; + } + }; + return AutoScrollService; + }()); + + +/***/ }), +/* 159 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var AggFuncService = (function () { + function AggFuncService() { + this.aggFuncsMap = {}; + this.initialised = false; + } + AggFuncService_1 = AggFuncService; + AggFuncService.prototype.init = function () { + if (this.initialised) { + return; + } + this.initialised = true; + this.initialiseWithDefaultAggregations(); + this.addAggFuncs(this.gridOptionsWrapper.getAggFuncs()); + }; + AggFuncService.prototype.initialiseWithDefaultAggregations = function () { + this.aggFuncsMap[AggFuncService_1.AGG_SUM] = aggSum; + this.aggFuncsMap[AggFuncService_1.AGG_FIRST] = aggFirst; + this.aggFuncsMap[AggFuncService_1.AGG_LAST] = aggLast; + this.aggFuncsMap[AggFuncService_1.AGG_MIN] = aggMin; + this.aggFuncsMap[AggFuncService_1.AGG_MAX] = aggMax; + this.aggFuncsMap[AggFuncService_1.AGG_COUNT] = aggCount; + this.aggFuncsMap[AggFuncService_1.AGG_AVG] = aggAvg; + }; + AggFuncService.prototype.getDefaultAggFunc = function (column) { + var allKeys = this.getFuncNames(column); + // use 'sum' if it's a) allowed for the column and b) still registered + // (ie not removed by user) + var sumInKeysList = allKeys.indexOf(AggFuncService_1.AGG_SUM) >= 0; + var sumInFuncs = main_1._.exists(this.aggFuncsMap[AggFuncService_1.AGG_SUM]); + var useSum = sumInKeysList && sumInFuncs; + if (useSum) { + return AggFuncService_1.AGG_SUM; + } + else { + if (main_1.Utils.existsAndNotEmpty(allKeys)) { + return allKeys[0]; + } + else { + return null; + } + } + }; + AggFuncService.prototype.addAggFuncs = function (aggFuncs) { + main_1.Utils.iterateObject(aggFuncs, this.addAggFunc.bind(this)); + }; + AggFuncService.prototype.addAggFunc = function (key, aggFunc) { + this.init(); + this.aggFuncsMap[key] = aggFunc; + }; + AggFuncService.prototype.getAggFunc = function (name) { + this.init(); + return this.aggFuncsMap[name]; + }; + AggFuncService.prototype.getFuncNames = function (column) { + var userAllowedFuncs = column.getColDef().allowedAggFuncs; + if (main_1._.exists(userAllowedFuncs)) { + return userAllowedFuncs; + } + else { + return Object.keys(this.aggFuncsMap).sort(); + } + }; + AggFuncService.prototype.clear = function () { + this.aggFuncsMap = {}; + }; + AggFuncService.AGG_SUM = 'sum'; + AggFuncService.AGG_FIRST = 'first'; + AggFuncService.AGG_LAST = 'last'; + AggFuncService.AGG_MIN = 'min'; + AggFuncService.AGG_MAX = 'max'; + AggFuncService.AGG_COUNT = 'count'; + AggFuncService.AGG_AVG = 'avg'; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], AggFuncService.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], AggFuncService.prototype, "init", null); + AggFuncService = AggFuncService_1 = __decorate([ + main_1.Bean('aggFuncService') + ], AggFuncService); + return AggFuncService; + var AggFuncService_1; + }()); + exports.AggFuncService = AggFuncService; + function aggSum(input) { + var result = null; + var length = input.length; + for (var i = 0; i < length; i++) { + if (typeof input[i] === 'number') { + if (result === null) { + result = input[i]; + } + else { + result += input[i]; + } + } + } + return result; + } + function aggFirst(input) { + if (input.length >= 0) { + return input[0]; + } + else { + return null; + } + } + function aggLast(input) { + if (input.length >= 0) { + return input[input.length - 1]; + } + else { + return null; + } + } + function aggMin(input) { + var result = null; + var length = input.length; + for (var i = 0; i < length; i++) { + if (typeof input[i] === 'number') { + if (result === null) { + result = input[i]; + } + else if (result > input[i]) { + result = input[i]; + } + } + } + return result; + } + function aggMax(input) { + var result = null; + var length = input.length; + for (var i = 0; i < length; i++) { + if (typeof input[i] === 'number') { + if (result === null) { + result = input[i]; + } + else if (result < input[i]) { + result = input[i]; + } + } + } + return result; + } + function aggCount(input) { + var result = { + value: 0, + toString: function () { + return this.value.toString(); + }, + // used for sorting + toNumber: function () { + return this.value; + } + }; + var length = input.length; + for (var i = 0; i < length; i++) { + var isGroupAgg = main_1.Utils.exists(input[i]) && typeof input[i].value === 'number'; + if (isGroupAgg) { + result.value += input[i].value; + } + else { + result.value++; + } + } + return result; + } + // the average function is tricky as the multiple levels require weighted averages + // for the non-leaf node aggregations. + function aggAvg(input) { + // the average will be the sum / count + var sum = 0; + var count = 0; + var length = input.length; + for (var i = 0; i < length; i++) { + var currentItem = input[i]; + var itemIsGroupResult = main_1.Utils.exists(currentItem) && typeof currentItem.value === 'number' && typeof currentItem.count === 'number'; + // skip values that are not numbers (ie skip empty values) + if (typeof currentItem === 'number') { + sum += currentItem; + count++; + // check if it's a group (ie value is a wrapper object) + } + else if (itemIsGroupResult) { + // we are aggregating groups, so we take the + // aggregated values to calculated a weighted average + sum += currentItem.value * currentItem.count; + count += currentItem.count; + } + } + // avoid divide by zero error + var value = null; + if (count !== 0) { + value = sum / count; + } + // the result will be an object. when this cell is rendered, only the avg is shown. + // however when this cell is part of another aggregation, the count is also needed + // to create a weighted average for the next level. + var result = { + count: count, + value: value, + // the grid by default uses toString to render values for an object, so this + // is a trick to get the default cellRenderer to display the avg value + toString: function () { + if (typeof this.value === 'number') { + return this.value.toString(); + } + else { + return ''; + } + }, + // used for sorting + toNumber: function () { + return this.value; + } + }; + return result; + } + + +/***/ }), +/* 160 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var GroupStage = (function () { + function GroupStage() { + // we use a sequence variable so that each time we do a grouping, we don't + // reuse the ids - otherwise the rowRenderer will confuse rowNodes between redraws + // when it tries to animate between rows. we set to -1 as others row id 0 will be shared + // with the other rows. + this.groupIdSequence = new main_1.NumberSequence(1); + } + // when grouping, these items are of note: + // rowNode.parent: RowNode: set to the parent + // rowNode.childrenAfterGroup: RowNode[] = the direct children of this group + // rowNode.childrenMapped: string=>RowNode = children mapped by group key (when groups) or an empty map if leaf group (this is then used by pivot) + // for leaf groups, rowNode.childrenAfterGroup = rowNode.allLeafChildren; + GroupStage.prototype.postConstruct = function () { + this.usingTreeData = this.gridOptionsWrapper.isTreeData(); + if (this.usingTreeData) { + this.getDataPath = this.gridOptionsWrapper.getDataPathFunc(); + if (main_1._.missing(this.getDataPath)) { + console.warn('ag-Grid: property usingTreeData=true, but you did not provide getDataPath function, please provide getDataPath function if using tree data.'); + } + } + }; + GroupStage.prototype.execute = function (params) { + var details = this.createGroupingDetails(params); + if (details.transaction) { + this.handleTransaction(details); + } + else { + this.shotgunResetEverything(details); + } + this.sortGroupsWithComparator(details.rootNode); + this.selectableService.updateSelectableAfterGrouping(details.rootNode); + }; + GroupStage.prototype.createGroupingDetails = function (params) { + var rowNode = params.rowNode, changedPath = params.changedPath, rowNodeTransaction = params.rowNodeTransaction, rowNodeOrder = params.rowNodeOrder; + var groupedCols = this.usingTreeData ? null : this.columnController.getRowGroupColumns(); + var isGrouping = this.usingTreeData || groupedCols.length > 0; + var usingTransaction = isGrouping && main_1._.exists(rowNodeTransaction); + var details = { + // someone complained that the parent attribute was causing some change detection + // to break is some angular add-on - which i never used. taking the parent out breaks + // a cyclic dependency, hence this flag got introduced. + includeParents: !this.gridOptionsWrapper.isSuppressParentsInRowNodes(), + expandByDefault: this.gridOptionsWrapper.isGroupSuppressRow() ? + -1 : this.gridOptionsWrapper.getGroupDefaultExpanded(), + groupedCols: groupedCols, + rootNode: rowNode, + pivotMode: this.columnController.isPivotMode(), + groupedColCount: this.usingTreeData ? 0 : groupedCols.length, + rowNodeOrder: rowNodeOrder, + // important not to do transaction if we are not grouping, as otherwise the 'insert index' is ignored. + // ie, if not grouping, then we just want to shotgun so the rootNode.allLeafChildren gets copied + // to rootNode.childrenAfterGroup and maintaining order (as delta transaction misses the order). + transaction: usingTransaction ? rowNodeTransaction : null, + // if no transaction, then it's shotgun, changed path would be 'not active' at this point anyway + changedPath: changedPath + }; + return details; + }; + GroupStage.prototype.handleTransaction = function (details) { + var tran = details.transaction; + if (tran.add) { + this.insertNodes(tran.add, details); + } + if (tran.update) { + this.moveNodesInWrongPath(tran.update, details); + } + if (tran.remove) { + this.removeNodes(tran.remove, details); + } + if (details.rowNodeOrder) { + this.recursiveSortChildren(details.rootNode, details); + } + }; + // this is used when doing delta updates, eg Redux, keeps nodes in right order + GroupStage.prototype.recursiveSortChildren = function (node, details) { + var _this = this; + main_1._.sortRowNodesByOrder(node.childrenAfterGroup, details.rowNodeOrder); + node.childrenAfterGroup.forEach(function (childNode) { + if (childNode.childrenAfterGroup) { + _this.recursiveSortChildren(childNode, details); + } + }); + }; + GroupStage.prototype.sortGroupsWithComparator = function (rootNode) { + // we don't do group sorting for tree data + if (this.usingTreeData) { + return; + } + var comparator = this.gridOptionsWrapper.getDefaultGroupSortComparator(); + if (main_1._.exists(comparator)) { + recursiveSort(rootNode); + } + function recursiveSort(rowNode) { + var doSort = main_1._.exists(rowNode.childrenAfterGroup) && + // we only want to sort groups, so we do not sort leafs (a leaf group has leafs as children) + !rowNode.leafGroup; + if (doSort) { + rowNode.childrenAfterGroup.sort(comparator); + rowNode.childrenAfterGroup.forEach(function (childNode) { return recursiveSort(childNode); }); + } + } + }; + GroupStage.prototype.getExistingPathForNode = function (node, details) { + var res = []; + // when doing tree data, the node is part of the path, + // but when doing grid grouping, the node is not part of the path so we start with the parent. + var pointer = this.usingTreeData ? node : node.parent; + while (pointer !== details.rootNode) { + res.push({ + key: pointer.key, + rowGroupColumn: pointer.rowGroupColumn, + field: pointer.field + }); + pointer = pointer.parent; + } + res.reverse(); + return res; + }; + GroupStage.prototype.moveNodesInWrongPath = function (childNodes, details) { + var _this = this; + childNodes.forEach(function (childNode) { + // we add node, even if parent has not changed, as the data could have + // changed, hence aggregations will be wrong + if (details.changedPath.isActive()) { + details.changedPath.addParentNode(childNode.parent); + } + var infoToKeyMapper = function (item) { return item.key; }; + var oldPath = _this.getExistingPathForNode(childNode, details).map(infoToKeyMapper); + var newPath = _this.getGroupInfo(childNode, details).map(infoToKeyMapper); + var nodeInCorrectPath = main_1._.compareArrays(oldPath, newPath); + if (!nodeInCorrectPath) { + _this.moveNode(childNode, details); + } + }); + }; + GroupStage.prototype.moveNode = function (childNode, details) { + this.removeOneNode(childNode, details); + this.insertOneNode(childNode, details); + // hack - if we didn't do this, then renaming a tree item (ie changing rowNode.key) wouldn't get + // refreshed into the gui. + // this is needed to kick off the event that rowComp listens to for refresh. this in turn + // then will get each cell in the row to refresh - which is what we need as we don't know which + // columns will be displaying the rowNode.key info. + childNode.setData(childNode.data); + // we add both old and new parents to changed path, as both will need to be refreshed. + // we already added the old parent (in calling method), so just add the new parent here + if (details.changedPath.isActive()) { + var newParent = childNode.parent; + details.changedPath.addParentNode(newParent); + } + }; + GroupStage.prototype.removeNodes = function (leafRowNodes, details) { + var _this = this; + leafRowNodes.forEach(function (leafToRemove) { + _this.removeOneNode(leafToRemove, details); + if (details.changedPath.isActive()) { + details.changedPath.addParentNode(leafToRemove.parent); + } + }); + }; + GroupStage.prototype.removeOneNode = function (childNode, details) { + var _this = this; + // utility func to execute once on each parent node + var forEachParentGroup = function (callback) { + var pointer = childNode.parent; + while (pointer !== details.rootNode) { + callback(pointer); + pointer = pointer.parent; + } + }; + // remove leaf from direct parent + this.removeFromParent(childNode); + // remove from allLeafChildren + forEachParentGroup(function (parentNode) { return main_1._.removeFromArray(parentNode.allLeafChildren, childNode); }); + // if not group, and children are present, need to move children to a group. + // otherwise if no children, we can just remove without replacing. + var replaceWithGroup = childNode.hasChildren(); + if (replaceWithGroup) { + var oldPath = this.getExistingPathForNode(childNode, details); + // because we just removed the userGroup, this will always return new support group + var newGroupNode_1 = this.findParentForNode(childNode, oldPath, details); + // these properties are the ones that will be incorrect in the newly created group, + // so copy them form the old childNode + newGroupNode_1.expanded = childNode.expanded; + newGroupNode_1.allLeafChildren = childNode.allLeafChildren; + newGroupNode_1.childrenAfterGroup = childNode.childrenAfterGroup; + newGroupNode_1.childrenMapped = childNode.childrenMapped; + newGroupNode_1.childrenAfterGroup.forEach(function (rowNode) { return rowNode.parent = newGroupNode_1; }); + } + // remove empty groups + forEachParentGroup(function (node) { + if (node.isEmptyFillerNode()) { + _this.removeFromParent(node); + // we remove selection on filler nodes here, as the selection would not be removed + // from the RowNodeManager, as filler nodes don't exist on teh RowNodeManager + node.setSelected(false); + } + }); + }; + GroupStage.prototype.removeFromParent = function (child) { + main_1._.removeFromArray(child.parent.childrenAfterGroup, child); + var mapKey = this.getChildrenMappedKey(child.key, child.rowGroupColumn); + child.parent.childrenMapped[mapKey] = undefined; + // this is important for transition, see rowComp removeFirstPassFuncs. when doing animation and + // remove, if rowTop is still present, the rowComp thinks it's just moved position. + child.setRowTop(null); + }; + GroupStage.prototype.addToParent = function (child, parent) { + var mapKey = this.getChildrenMappedKey(child.key, child.rowGroupColumn); + parent.childrenMapped[mapKey] = child; + parent.childrenAfterGroup.push(child); + }; + GroupStage.prototype.shotgunResetEverything = function (details) { + // because we are not creating the root node each time, we have the logic + // here to change leafGroup once. + // we set .leafGroup to false for tree data, as .leafGroup is only used when pivoting, and pivoting + // isn't allowed with treeData, so the grid never actually use .leafGroup when doing treeData. + details.rootNode.leafGroup = this.usingTreeData ? false : details.groupedCols.length === 0; + // we are going everything from scratch, so reset childrenAfterGroup and childrenMapped from the rootNode + details.rootNode.childrenAfterGroup = []; + details.rootNode.childrenMapped = {}; + this.insertNodes(details.rootNode.allLeafChildren, details); + }; + GroupStage.prototype.insertNodes = function (newRowNodes, details) { + var _this = this; + newRowNodes.forEach(function (rowNode) { + _this.insertOneNode(rowNode, details); + if (details.changedPath.isActive()) { + details.changedPath.addParentNode(rowNode.parent); + } + }); + }; + GroupStage.prototype.insertOneNode = function (childNode, details) { + var path = this.getGroupInfo(childNode, details); + var parentGroup = this.findParentForNode(childNode, path, details); + if (!parentGroup.group) { + console.warn("ag-Grid: duplicate group keys for row data, keys should be unique", [parentGroup.data, childNode.data]); + } + if (this.usingTreeData) { + this.swapGroupWithUserNode(parentGroup, childNode); + } + else { + childNode.parent = parentGroup; + childNode.level = path.length; + parentGroup.childrenAfterGroup.push(childNode); + } + }; + GroupStage.prototype.findParentForNode = function (childNode, path, details) { + var _this = this; + var nextNode = details.rootNode; + path.forEach(function (groupInfo, level) { + nextNode = _this.getOrCreateNextNode(nextNode, groupInfo, level, details); + // node gets added to all group nodes. + // note: we do not add to rootNode here, as the rootNode is the master list of rowNodes + nextNode.allLeafChildren.push(childNode); + }); + return nextNode; + }; + GroupStage.prototype.swapGroupWithUserNode = function (fillerGroup, userGroup) { + userGroup.parent = fillerGroup.parent; + userGroup.key = fillerGroup.key; + userGroup.field = fillerGroup.field; + userGroup.groupData = fillerGroup.groupData; + userGroup.level = fillerGroup.level; + userGroup.expanded = fillerGroup.expanded; + // we set .leafGroup to false for tree data, as .leafGroup is only used when pivoting, and pivoting + // isn't allowed with treeData, so the grid never actually use .leafGroup when doing treeData. + userGroup.leafGroup = fillerGroup.leafGroup; + // always null for userGroups, as row grouping is not allowed when doing tree data + userGroup.rowGroupIndex = fillerGroup.rowGroupIndex; + userGroup.allLeafChildren = fillerGroup.allLeafChildren; + userGroup.childrenAfterGroup = fillerGroup.childrenAfterGroup; + userGroup.childrenMapped = fillerGroup.childrenMapped; + this.removeFromParent(fillerGroup); + userGroup.childrenAfterGroup.forEach(function (rowNode) { return rowNode.parent = userGroup; }); + this.addToParent(userGroup, fillerGroup.parent); + }; + GroupStage.prototype.getOrCreateNextNode = function (parentGroup, groupInfo, level, details) { + var mapKey = this.getChildrenMappedKey(groupInfo.key, groupInfo.rowGroupColumn); + var nextNode = parentGroup.childrenMapped[mapKey]; + if (!nextNode) { + nextNode = this.createGroup(groupInfo, parentGroup, level, details); + // attach the new group to the parent + this.addToParent(nextNode, parentGroup); + } + return nextNode; + }; + GroupStage.prototype.createGroup = function (groupInfo, parent, level, details) { + var _this = this; + var groupNode = new main_1.RowNode(); + this.context.wireBean(groupNode); + groupNode.group = true; + groupNode.field = groupInfo.field; + groupNode.rowGroupColumn = groupInfo.rowGroupColumn; + groupNode.groupData = {}; + var groupDisplayCols = this.columnController.getGroupDisplayColumns(); + groupDisplayCols.forEach(function (col) { + // newGroup.rowGroupColumn=null when working off GroupInfo, and we always display the group in the group column + // if rowGroupColumn is present, then it's grid row grouping and we only include if configuration says so + var displayGroupForCol = _this.usingTreeData || col.isRowGroupDisplayed(groupNode.rowGroupColumn.getId()); + if (displayGroupForCol) { + groupNode.groupData[col.getColId()] = groupInfo.key; + } + }); + // we use negative number for the ids of the groups, this makes sure we don't clash with the + // id's of the leaf nodes. + groupNode.id = (this.groupIdSequence.next() * -1).toString(); + groupNode.key = groupInfo.key; + groupNode.level = level; + groupNode.leafGroup = this.usingTreeData ? false : level === (details.groupedColCount - 1); + // if doing pivoting, then the leaf group is never expanded, + // as we do not show leaf rows + if (details.pivotMode && groupNode.leafGroup) { + groupNode.expanded = false; + } + else { + groupNode.expanded = this.isExpanded(details.expandByDefault, level); + } + groupNode.allLeafChildren = []; + // why is this done here? we are not updating the children could as we go, + // i suspect this is updated in the filter stage + groupNode.setAllChildrenCount(0); + groupNode.rowGroupIndex = this.usingTreeData ? null : level; + groupNode.childrenAfterGroup = []; + groupNode.childrenMapped = {}; + groupNode.parent = details.includeParents ? parent : null; + return groupNode; + }; + GroupStage.prototype.getChildrenMappedKey = function (key, rowGroupColumn) { + if (rowGroupColumn) { + // grouping by columns + return rowGroupColumn.getId() + '-' + key; + } + else { + // tree data - we don't have rowGroupColumns + return key; + } + }; + GroupStage.prototype.isExpanded = function (expandByDefault, level) { + if (expandByDefault === -1) { + return true; + } + else { + return level < expandByDefault; + } + }; + GroupStage.prototype.getGroupInfo = function (rowNode, details) { + if (this.usingTreeData) { + return this.getGroupInfoFromCallback(rowNode); + } + else { + return this.getGroupInfoFromGroupColumns(rowNode, details); + } + }; + GroupStage.prototype.getGroupInfoFromCallback = function (rowNode) { + var keys = this.getDataPath(rowNode.data); + if (keys === null || keys === undefined || keys.length === 0) { + main_1._.doOnce(function () { return console.warn("getDataPath() should not return an empty path for data", rowNode.data); }, 'groupStage.getGroupInfoFromCallback'); + } + var groupInfoMapper = function (key) { return ({ key: key, field: null, rowGroupColumn: null }); }; + return keys ? keys.map(groupInfoMapper) : []; + }; + GroupStage.prototype.getGroupInfoFromGroupColumns = function (rowNode, details) { + var _this = this; + var res = []; + details.groupedCols.forEach(function (groupCol) { + var key = _this.valueService.getKeyForNode(groupCol, rowNode); + var keyExists = key !== null && key !== undefined; + // unbalanced tree and pivot mode don't work together - not because of the grid, it doesn't make + // mathematical sense as you are building up a cube. so if pivot mode, we put in a blank key where missing. + // this keeps the tree balanced and hence can be represented as a group. + if (details.pivotMode && !keyExists) { + key = ' '; + keyExists = true; + } + if (keyExists) { + var item = { + key: key, + field: groupCol.getColDef().field, + rowGroupColumn: groupCol + }; + res.push(item); + } + }); + return res; + }; + __decorate([ + main_1.Autowired('selectionController'), + __metadata("design:type", main_1.SelectionController) + ], GroupStage.prototype, "selectionController", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], GroupStage.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], GroupStage.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('selectableService'), + __metadata("design:type", main_1.SelectableService) + ], GroupStage.prototype, "selectableService", void 0); + __decorate([ + main_1.Autowired('valueService'), + __metadata("design:type", main_1.ValueService) + ], GroupStage.prototype, "valueService", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], GroupStage.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], GroupStage.prototype, "context", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], GroupStage.prototype, "postConstruct", null); + GroupStage = __decorate([ + main_1.Bean('groupStage') + ], GroupStage); + return GroupStage; + }()); + exports.GroupStage = GroupStage; + + +/***/ }), +/* 161 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var pivotStage_1 = __webpack_require__(162); + var aggFuncService_1 = __webpack_require__(159); + var AggregationStage = (function () { + function AggregationStage() { + } + // it's possible to recompute the aggregate without doing the other parts + // + gridApi.recomputeAggregates() + AggregationStage.prototype.execute = function (params) { + // we don't do aggregation if doing legacy tree good + var doingLegacyTreeData = main_1._.exists(this.gridOptionsWrapper.getNodeChildDetailsFunc()); + if (doingLegacyTreeData) { + return null; + } + var aggDetails = this.createAggDetails(params); + this.recursivelyCreateAggData(params.rowNode, aggDetails); + }; + AggregationStage.prototype.createAggDetails = function (params) { + var pivotActive = this.columnController.isPivotActive(); + var measureColumns = this.columnController.getValueColumns(); + var pivotColumns = pivotActive ? this.columnController.getPivotColumns() : []; + var aggDetails = { + changedPath: params.changedPath, + valueColumns: measureColumns, + pivotColumns: pivotColumns + }; + return aggDetails; + }; + AggregationStage.prototype.recursivelyCreateAggData = function (rowNode, aggDetails) { + var _this = this; + // aggregate all children first, as we use the result in this nodes calculations + rowNode.childrenAfterFilter.forEach(function (child) { + var nodeHasChildren = child.hasChildren(); + if (nodeHasChildren) { + _this.recursivelyCreateAggData(child, aggDetails); + } + else { + if (child.aggData) { + child.setAggData(null); + } + } + }); + //Optionally prevent the aggregation at the root Node + //https://ag-grid.atlassian.net/browse/AG-388 + var isRootNode = rowNode.level === -1; + if (isRootNode) { + var notPivoting = !this.columnController.isPivotMode(); + var suppressAggAtRootLevel = this.gridOptionsWrapper.isSuppressAggAtRootLevel(); + if (suppressAggAtRootLevel && notPivoting) { + return; + } + } + var skipBecauseNoChangedPath = aggDetails.changedPath.isActive() + && !aggDetails.changedPath.isInPath(rowNode); + if (skipBecauseNoChangedPath) { + return; + } + this.aggregateRowNode(rowNode, aggDetails); + }; + AggregationStage.prototype.aggregateRowNode = function (rowNode, aggDetails) { + var measureColumnsMissing = aggDetails.valueColumns.length === 0; + var pivotColumnsMissing = aggDetails.pivotColumns.length === 0; + var userFunc = this.gridOptionsWrapper.getGroupRowAggNodesFunc(); + var aggResult; + if (userFunc) { + aggResult = userFunc(rowNode.childrenAfterFilter); + } + else if (measureColumnsMissing) { + aggResult = null; + } + else if (pivotColumnsMissing) { + aggResult = this.aggregateRowNodeUsingValuesOnly(rowNode, aggDetails); + } + else { + aggResult = this.aggregateRowNodeUsingValuesAndPivot(rowNode); + } + rowNode.setAggData(aggResult); + // if we are grouping, then it's possible there is a sibling footer + // to the group, so update the data here also if there is one + if (rowNode.sibling) { + rowNode.sibling.setAggData(aggResult); + } + }; + AggregationStage.prototype.aggregateRowNodeUsingValuesAndPivot = function (rowNode) { + var _this = this; + var result = {}; + var pivotColumnDefs = this.pivotStage.getPivotColumnDefs(); + // Step 1: process value columns + pivotColumnDefs + .filter(function (v) { return !main_1.Utils.exists(v.pivotTotalColumnIds); }) // only process pivot value columns + .forEach(function (valueColDef) { + var keys = valueColDef.pivotKeys; + var values; + var valueColumn = valueColDef.pivotValueColumn; + if (rowNode.leafGroup) { + // lowest level group, get the values from the mapped set + values = _this.getValuesFromMappedSet(rowNode.childrenMapped, keys, valueColumn); + } + else { + // value columns and pivot columns, non-leaf group + values = _this.getValuesPivotNonLeaf(rowNode, valueColDef.colId); + } + result[valueColDef.colId] = _this.aggregateValues(values, valueColumn.getAggFunc()); + }); + // Step 2: process total columns + pivotColumnDefs + .filter(function (v) { return main_1.Utils.exists(v.pivotTotalColumnIds); }) // only process pivot total columns + .forEach(function (totalColDef) { + var aggResults = []; + //retrieve results for colIds associated with this pivot total column + totalColDef.pivotTotalColumnIds.forEach(function (colId) { + aggResults.push(result[colId]); + }); + result[totalColDef.colId] = _this.aggregateValues(aggResults, totalColDef.pivotValueColumn.getAggFunc()); + }); + return result; + }; + AggregationStage.prototype.aggregateRowNodeUsingValuesOnly = function (rowNode, aggDetails) { + var _this = this; + var result = {}; + var changedValueColumns = aggDetails.changedPath.isActive() ? + aggDetails.changedPath.getValueColumnsForNode(rowNode, aggDetails.valueColumns) + : aggDetails.valueColumns; + var notChangedValueColumns = aggDetails.changedPath.isActive() ? + aggDetails.changedPath.getNotValueColumnsForNode(rowNode, aggDetails.valueColumns) + : null; + var values2d = this.getValuesNormal(rowNode, changedValueColumns); + var oldValues = rowNode.aggData; + changedValueColumns.forEach(function (valueColumn, index) { + result[valueColumn.getId()] = _this.aggregateValues(values2d[index], valueColumn.getAggFunc()); + }); + if (notChangedValueColumns && oldValues) { + notChangedValueColumns.forEach(function (valueColumn) { + result[valueColumn.getId()] = oldValues[valueColumn.getId()]; + }); + } + return result; + }; + AggregationStage.prototype.getValuesPivotNonLeaf = function (rowNode, colId) { + var values = []; + rowNode.childrenAfterFilter.forEach(function (rowNode) { + var value = rowNode.aggData[colId]; + values.push(value); + }); + return values; + }; + AggregationStage.prototype.getValuesFromMappedSet = function (mappedSet, keys, valueColumn) { + var _this = this; + var mapPointer = mappedSet; + keys.forEach(function (key) { return mapPointer = mapPointer ? mapPointer[key] : null; }); + if (!mapPointer) { + return []; + } + var values = []; + mapPointer.forEach(function (rowNode) { + var value = _this.valueService.getValue(valueColumn, rowNode); + values.push(value); + }); + return values; + }; + AggregationStage.prototype.getValuesNormal = function (rowNode, valueColumns) { + // create 2d array, of all values for all valueColumns + var values = []; + valueColumns.forEach(function () { return values.push([]); }); + var valueColumnCount = valueColumns.length; + var rowCount = rowNode.childrenAfterFilter.length; + for (var i = 0; i < rowCount; i++) { + var childNode = rowNode.childrenAfterFilter[i]; + for (var j = 0; j < valueColumnCount; j++) { + var valueColumn = valueColumns[j]; + // if the row is a group, then it will only have an agg result value, + // which means valueGetter is never used. + var value = this.valueService.getValue(valueColumn, childNode); + values[j].push(value); + } + } + return values; + }; + AggregationStage.prototype.aggregateValues = function (values, aggFuncOrString) { + var aggFunction; + if (typeof aggFuncOrString === 'string') { + aggFunction = this.aggFuncService.getAggFunc(aggFuncOrString); + } + else { + aggFunction = aggFuncOrString; + } + if (typeof aggFunction !== 'function') { + console.error("ag-Grid: unrecognised aggregation function " + aggFuncOrString); + return null; + } + return aggFunction(values); + }; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], AggregationStage.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], AggregationStage.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('valueService'), + __metadata("design:type", main_1.ValueService) + ], AggregationStage.prototype, "valueService", void 0); + __decorate([ + main_1.Autowired('pivotStage'), + __metadata("design:type", pivotStage_1.PivotStage) + ], AggregationStage.prototype, "pivotStage", void 0); + __decorate([ + main_1.Autowired('aggFuncService'), + __metadata("design:type", aggFuncService_1.AggFuncService) + ], AggregationStage.prototype, "aggFuncService", void 0); + AggregationStage = __decorate([ + main_1.Bean('aggregationStage') + ], AggregationStage); + return AggregationStage; + }()); + exports.AggregationStage = AggregationStage; + + +/***/ }), +/* 162 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var pivotColDefService_1 = __webpack_require__(163); + var PivotStage = (function () { + function PivotStage() { + this.uniqueValues = {}; + } + PivotStage.prototype.execute = function (params) { + var rootNode = params.rowNode; + var changedPath = params.changedPath; + if (this.columnController.isPivotActive()) { + this.executePivotOn(rootNode, changedPath); + } + else { + this.executePivotOff(changedPath); + } + }; + PivotStage.prototype.executePivotOff = function (changedPath) { + this.aggregationColumnsHashLastTime = null; + this.uniqueValues = {}; + if (this.columnController.isSecondaryColumnsPresent()) { + this.columnController.setSecondaryColumns(null, "rowModelUpdated"); + changedPath.setInactive(); + } + }; + PivotStage.prototype.executePivotOn = function (rootNode, changedPath) { + var uniqueValues = this.bucketUpRowNodes(rootNode); + var uniqueValuesChanged = this.setUniqueValues(uniqueValues); + var aggregationColumns = this.columnController.getValueColumns(); + var aggregationColumnsHash = aggregationColumns.map(function (column) { return column.getId(); }).join('#'); + var aggregationFuncsHash = aggregationColumns.map(function (column) { return column.getAggFunc().toString(); }).join('#'); + var aggregationColumnsChanged = this.aggregationColumnsHashLastTime !== aggregationColumnsHash; + var aggregationFuncsChanged = this.aggregationFuncsHashLastTime !== aggregationFuncsHash; + this.aggregationColumnsHashLastTime = aggregationColumnsHash; + this.aggregationFuncsHashLastTime = aggregationFuncsHash; + if (uniqueValuesChanged || aggregationColumnsChanged || aggregationFuncsChanged) { + var result = this.pivotColDefService.createPivotColumnDefs(this.uniqueValues); + this.pivotColumnGroupDefs = result.pivotColumnGroupDefs; + this.pivotColumnDefs = result.pivotColumnDefs; + this.columnController.setSecondaryColumns(this.pivotColumnGroupDefs, "rowModelUpdated"); + // because the secondary columns have changed, then the aggregation needs to visit the whole + // tree again, so we make the changedPath not active, to force aggregation to visit all paths. + changedPath.setInactive(); + } + }; + PivotStage.prototype.setUniqueValues = function (newValues) { + var json1 = JSON.stringify(newValues); + var json2 = JSON.stringify(this.uniqueValues); + var uniqueValuesChanged = json1 !== json2; + // we only continue the below if the unique values are different, as otherwise + // the result will be the same as the last time we did it + if (uniqueValuesChanged) { + this.uniqueValues = newValues; + return true; + } + else { + return false; + } + }; + // returns true if values were different + PivotStage.prototype.bucketUpRowNodes = function (rootNode) { + var _this = this; + // accessed from inside inner function + var uniqueValues = {}; + // finds all leaf groups and calls mapRowNode with it + var recursivelySearchForLeafNodes = function (rowNode) { + if (rowNode.leafGroup) { + _this.bucketRowNode(rowNode, uniqueValues); + } + else { + rowNode.childrenAfterFilter.forEach(function (child) { + recursivelySearchForLeafNodes(child); + }); + } + }; + recursivelySearchForLeafNodes(rootNode); + return uniqueValues; + }; + PivotStage.prototype.bucketRowNode = function (rowNode, uniqueValues) { + var pivotColumns = this.columnController.getPivotColumns(); + if (pivotColumns.length === 0) { + rowNode.childrenMapped = null; + return; + } + rowNode.childrenMapped = this.bucketChildren(rowNode.childrenAfterFilter, pivotColumns, 0, uniqueValues); + }; + PivotStage.prototype.bucketChildren = function (children, pivotColumns, pivotIndex, uniqueValues) { + var _this = this; + var mappedChildren = {}; + var pivotColumn = pivotColumns[pivotIndex]; + // map the children out based on the pivot column + children.forEach(function (child) { + var key = _this.valueService.getKeyForNode(pivotColumn, child); + if (main_1.Utils.missing(key)) { + key = ''; + } + if (!uniqueValues[key]) { + uniqueValues[key] = {}; + } + if (!mappedChildren[key]) { + mappedChildren[key] = []; + } + mappedChildren[key].push(child); + }); + // if it's the last pivot column, return as is, otherwise go one level further in the map + if (pivotIndex === pivotColumns.length - 1) { + return mappedChildren; + } + else { + var result_1 = {}; + main_1.Utils.iterateObject(mappedChildren, function (key, value) { + result_1[key] = _this.bucketChildren(value, pivotColumns, pivotIndex + 1, uniqueValues[key]); + }); + return result_1; + } + }; + PivotStage.prototype.getPivotColumnDefs = function () { + return this.pivotColumnDefs; + }; + __decorate([ + main_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], PivotStage.prototype, "rowModel", void 0); + __decorate([ + main_1.Autowired('valueService'), + __metadata("design:type", main_1.ValueService) + ], PivotStage.prototype, "valueService", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], PivotStage.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], PivotStage.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('pivotColDefService'), + __metadata("design:type", pivotColDefService_1.PivotColDefService) + ], PivotStage.prototype, "pivotColDefService", void 0); + PivotStage = __decorate([ + main_1.Bean('pivotStage') + ], PivotStage); + return PivotStage; + }()); + exports.PivotStage = PivotStage; + + +/***/ }), +/* 163 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var PivotColDefService = (function () { + function PivotColDefService() { + } + PivotColDefService.prototype.createPivotColumnDefs = function (uniqueValues) { + // this is passed to the columnController, to configure the columns and groups we show + var pivotColumnGroupDefs = []; + // this is used by the aggregation stage, to do the aggregation based on the pivot columns + var pivotColumnDefs = []; + var pivotColumns = this.columnController.getPivotColumns(); + var valueColumns = this.columnController.getValueColumns(); + var levelsDeep = pivotColumns.length; + var columnIdSequence = new main_1.NumberSequence(); + this.recursivelyAddGroup(pivotColumnGroupDefs, pivotColumnDefs, 1, uniqueValues, [], columnIdSequence, levelsDeep, pivotColumns); + this.addRowGroupTotals(pivotColumnGroupDefs, pivotColumnDefs, valueColumns, pivotColumns, columnIdSequence); + this.addPivotTotalsToGroups(pivotColumnGroupDefs, pivotColumnDefs, columnIdSequence); + // we clone, so the colDefs in pivotColumnsGroupDefs and pivotColumnDefs are not shared. this is so that + // any changes the user makes (via processSecondaryColumnDefinitions) don't impact the internal aggregations, + // as these use the col defs also + var pivotColumnDefsClone = pivotColumnDefs.map(function (colDef) { return main_1.Utils.cloneObject(colDef); }); + return { + pivotColumnGroupDefs: pivotColumnGroupDefs, + pivotColumnDefs: pivotColumnDefsClone + }; + }; + // parentChildren - the list of colDefs we are adding to + // @index - how far the column is from the top (also same as pivotKeys.length) + // @uniqueValues - the values for which we should create a col for + // @pivotKeys - the keys for the pivot, eg if pivoting on {Language,Country} then could be {English,Ireland} + PivotColDefService.prototype.recursivelyAddGroup = function (parentChildren, pivotColumnDefs, index, uniqueValues, pivotKeys, columnIdSequence, levelsDeep, primaryPivotColumns) { + var _this = this; + main_1.Utils.iterateObject(uniqueValues, function (key, value) { + var newPivotKeys = pivotKeys.slice(0); + newPivotKeys.push(key); + var createGroup = index !== levelsDeep; + if (createGroup) { + var groupDef = { + children: [], + headerName: key, + pivotKeys: newPivotKeys, + columnGroupShow: 'open', + groupId: 'pivot' + columnIdSequence.next() + }; + parentChildren.push(groupDef); + _this.recursivelyAddGroup(groupDef.children, pivotColumnDefs, index + 1, value, newPivotKeys, columnIdSequence, levelsDeep, primaryPivotColumns); + } + else { + var measureColumns = _this.columnController.getValueColumns(); + var valueGroup_1 = { + children: [], + headerName: key, + pivotKeys: newPivotKeys, + columnGroupShow: 'open', + groupId: 'pivot' + columnIdSequence.next() + }; + // if no value columns selected, then we insert one blank column, so the user at least sees columns + // rendered. otherwise the grid would render with no columns (just empty groups) which would give the + // impression that the grid is broken + if (measureColumns.length === 0) { + // this is the blank column, for when no value columns enabled. + var colDef_1 = _this.createColDef(null, '-', newPivotKeys, columnIdSequence); + valueGroup_1.children.push(colDef_1); + pivotColumnDefs.push(colDef_1); + } + else { + measureColumns.forEach(function (measureColumn) { + var columnName = _this.columnController.getDisplayNameForColumn(measureColumn, 'header'); + var colDef = _this.createColDef(measureColumn, columnName, newPivotKeys, columnIdSequence); + colDef.columnGroupShow = 'open'; + valueGroup_1.children.push(colDef); + pivotColumnDefs.push(colDef); + }); + } + parentChildren.push(valueGroup_1); + } + }); + // sort by either user provided comparator, or our own one + var colDef = primaryPivotColumns[index - 1].getColDef(); + var userComparator = colDef.pivotComparator; + var comparator = this.headerNameComparator.bind(this, userComparator); + parentChildren.sort(comparator); + }; + PivotColDefService.prototype.addPivotTotalsToGroups = function (pivotColumnGroupDefs, pivotColumnDefs, columnIdSequence) { + var _this = this; + if (!this.gridOptionsWrapper.getPivotColumnGroupTotals()) + return; + var insertAfter = this.gridOptionsWrapper.getPivotColumnGroupTotals() === 'after'; + var valueCols = this.columnController.getValueColumns(); + var aggFuncs = valueCols.map(function (valueCol) { return valueCol.getAggFunc(); }); + // don't add pivot totals if there is less than 1 aggFunc or they are not all the same + if (!aggFuncs || aggFuncs.length < 1 || !this.sameAggFuncs(aggFuncs)) { + // console.warn('ag-Grid: aborting adding pivot total columns - value columns require same aggFunc'); + return; + } + // arbitrarily select a value column to use as a template for pivot columns + var valueColumn = valueCols[0]; + pivotColumnGroupDefs.forEach(function (groupDef) { + _this.recursivelyAddPivotTotal(groupDef, pivotColumnDefs, columnIdSequence, valueColumn, insertAfter); + }); + }; + PivotColDefService.prototype.recursivelyAddPivotTotal = function (groupDef, pivotColumnDefs, columnIdSequence, valueColumn, insertAfter) { + var _this = this; + var group = groupDef; + if (!group.children) + return [groupDef.colId]; + var colIds = []; + // need to recurse children first to obtain colIds used in the aggregation stage + group.children + .forEach(function (grp) { + var childColIds = _this.recursivelyAddPivotTotal(grp, pivotColumnDefs, columnIdSequence, valueColumn, insertAfter); + colIds = colIds.concat(childColIds); + }); + // only add total colDef if there is more than 1 child node + if (group.children.length > 1) { + //create total colDef using an arbitrary value column as a template + var totalColDef = this.createColDef(valueColumn, 'Total', groupDef.pivotKeys, columnIdSequence); + totalColDef.pivotTotalColumnIds = colIds; + totalColDef.aggFunc = valueColumn.getAggFunc(); + // add total colDef to group and pivot colDefs array + var children = groupDef.children; + insertAfter ? children.push(totalColDef) : children.unshift(totalColDef); + pivotColumnDefs.push(totalColDef); + } + return colIds; + }; + PivotColDefService.prototype.addRowGroupTotals = function (pivotColumnGroupDefs, pivotColumnDefs, valueColumns, pivotColumns, columnIdSequence) { + var _this = this; + if (!this.gridOptionsWrapper.getPivotRowTotals()) + return; + var insertAfter = this.gridOptionsWrapper.getPivotRowTotals() === 'after'; + // order of row group totals depends on position + var valueCols = insertAfter ? valueColumns.slice() : valueColumns.slice().reverse(); + var _loop_1 = function (i) { + var valueCol = valueCols[i]; + var colIds = []; + pivotColumnGroupDefs.forEach(function (groupDef) { + colIds = colIds.concat(_this.extractColIdsForValueColumn(groupDef, valueCol)); + }); + var levelsDeep = pivotColumns.length; + this_1.createRowGroupTotal(pivotColumnGroupDefs, pivotColumnDefs, 1, [], columnIdSequence, levelsDeep, pivotColumns, valueCol, colIds, insertAfter); + }; + var this_1 = this; + for (var i = 0; i < valueCols.length; i++) { + _loop_1(i); + } + }; + PivotColDefService.prototype.extractColIdsForValueColumn = function (groupDef, valueColumn) { + var _this = this; + var group = groupDef; + if (!group.children) { + var colDef = group; + return colDef.pivotValueColumn === valueColumn ? [colDef.colId] : []; + } + var colIds = []; + group.children + .forEach(function (grp) { + _this.extractColIdsForValueColumn(grp, valueColumn); + var childColIds = _this.extractColIdsForValueColumn(grp, valueColumn); + colIds = colIds.concat(childColIds); + }); + return colIds; + }; + PivotColDefService.prototype.createRowGroupTotal = function (parentChildren, pivotColumnDefs, index, pivotKeys, columnIdSequence, levelsDeep, primaryPivotColumns, valueColumn, colIds, insertAfter) { + var newPivotKeys = pivotKeys.slice(0); + var createGroup = index !== levelsDeep; + if (createGroup) { + var groupDef = { + children: [], + pivotKeys: newPivotKeys, + groupId: 'pivot' + columnIdSequence.next() + }; + insertAfter ? parentChildren.push(groupDef) : parentChildren.unshift(groupDef); + this.createRowGroupTotal(groupDef.children, pivotColumnDefs, index + 1, newPivotKeys, columnIdSequence, levelsDeep, primaryPivotColumns, valueColumn, colIds, insertAfter); + } + else { + var measureColumns = this.columnController.getValueColumns(); + var valueGroup = { + children: [], + pivotKeys: newPivotKeys, + groupId: 'pivot' + columnIdSequence.next() + }; + if (measureColumns.length === 0) { + var colDef = this.createColDef(null, '-', newPivotKeys, columnIdSequence); + valueGroup.children.push(colDef); + pivotColumnDefs.push(colDef); + } + else { + var columnName = this.columnController.getDisplayNameForColumn(valueColumn, 'header'); + var colDef = this.createColDef(valueColumn, columnName, newPivotKeys, columnIdSequence); + colDef.pivotTotalColumnIds = colIds; + valueGroup.children.push(colDef); + pivotColumnDefs.push(colDef); + } + insertAfter ? parentChildren.push(valueGroup) : parentChildren.unshift(valueGroup); + } + }; + PivotColDefService.prototype.createColDef = function (valueColumn, headerName, pivotKeys, columnIdSequence) { + var colDef = {}; + if (valueColumn) { + var colDefToCopy = valueColumn.getColDef(); + main_1.Utils.assign(colDef, colDefToCopy); + // even if original column was hidden, we always show the pivot value column, otherwise it would be + // very confusing for people thinking the pivot is broken + colDef.hide = false; + } + colDef.headerName = headerName; + colDef.colId = 'pivot_' + columnIdSequence.next(); + // pivot columns repeat over field, so it makes sense to use the unique id instead. For example if you want to + // assign values to pinned bottom rows using setPinnedBottomRowData the value service will use this colId. + colDef.field = colDef.colId; + colDef.pivotKeys = pivotKeys; + colDef.pivotValueColumn = valueColumn; + colDef.suppressFilter = true; + return colDef; + }; + PivotColDefService.prototype.sameAggFuncs = function (aggFuncs) { + if (aggFuncs.length == 1) + return true; + //check if all aggFunc's match + for (var i = 1; i < aggFuncs.length; i++) { + if (aggFuncs[i] !== aggFuncs[0]) + return false; + } + return true; + }; + PivotColDefService.prototype.headerNameComparator = function (userComparator, a, b) { + if (userComparator) { + return userComparator(a.headerName, b.headerName); + } + else { + if (a.headerName < b.headerName) { + return -1; + } + else if (a.headerName > b.headerName) { + return 1; + } + else { + return 0; + } + } + }; + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], PivotColDefService.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], PivotColDefService.prototype, "gridOptionsWrapper", void 0); + PivotColDefService = __decorate([ + main_1.Bean('pivotColDefService') + ], PivotColDefService); + return PivotColDefService; + }()); + exports.PivotColDefService = PivotColDefService; + + +/***/ }), +/* 164 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var setFilter_1 = __webpack_require__(165); + var richSelectCellEditor_1 = __webpack_require__(169); + var licenseManager_1 = __webpack_require__(171); + var detailCellRenderer_1 = __webpack_require__(173); + var EnterpriseBoot = (function () { + function EnterpriseBoot() { + } + EnterpriseBoot.prototype.init = function () { + this.componentProvider.registerDefaultComponent('agRichSelect', richSelectCellEditor_1.RichSelectCellEditor); + this.componentProvider.registerDefaultComponent('agRichSelectCellEditor', richSelectCellEditor_1.RichSelectCellEditor); + this.componentProvider.registerDefaultComponent('agSetColumnFilter', setFilter_1.SetFilter); + this.componentProvider.registerDefaultComponent('agDetailCellRenderer', detailCellRenderer_1.DetailCellRenderer); + this.licenseManager.validateLicense(); + }; + __decorate([ + main_1.Autowired('filterManager'), + __metadata("design:type", main_1.FilterManager) + ], EnterpriseBoot.prototype, "filterManager", void 0); + __decorate([ + main_1.Autowired('cellEditorFactory'), + __metadata("design:type", main_1.CellEditorFactory) + ], EnterpriseBoot.prototype, "cellEditorFactory", void 0); + __decorate([ + main_1.Autowired('licenseManager'), + __metadata("design:type", licenseManager_1.LicenseManager) + ], EnterpriseBoot.prototype, "licenseManager", void 0); + __decorate([ + main_1.Autowired('componentProvider'), + __metadata("design:type", main_1.ComponentProvider) + ], EnterpriseBoot.prototype, "componentProvider", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], EnterpriseBoot.prototype, "init", null); + EnterpriseBoot = __decorate([ + main_1.Bean('enterpriseBoot') + ], EnterpriseBoot); + return EnterpriseBoot; + }()); + exports.EnterpriseBoot = EnterpriseBoot; + + +/***/ }), +/* 165 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var setFilterModel_1 = __webpack_require__(166); + var setFilterListItem_1 = __webpack_require__(167); + var virtualList_1 = __webpack_require__(168); + var CheckboxState; + (function (CheckboxState) { + CheckboxState[CheckboxState["CHECKED"] = 0] = "CHECKED"; + CheckboxState[CheckboxState["UNCHECKED"] = 1] = "UNCHECKED"; + CheckboxState[CheckboxState["INTERMEDIATE"] = 2] = "INTERMEDIATE"; + })(CheckboxState || (CheckboxState = {})); + var SetFilter = (function (_super) { + __extends(SetFilter, _super); + function SetFilter() { + return _super.call(this) || this; + } + SetFilter.prototype.customInit = function () { + var _this = this; + var changeFilter = function (applyNow) { + if (applyNow === void 0) { applyNow = false; } + _this.onFilterChanged(applyNow); + }; + var debounceMs = this.filterParams && this.filterParams.debounceMs != null ? this.filterParams.debounceMs : 0; + this.debounceFilterChanged = main_1._.debounce(changeFilter, debounceMs); + this.eCheckedIcon = main_1._.createIconNoSpan('checkboxChecked', this.gridOptionsWrapper, this.filterParams.column); + this.eUncheckedIcon = main_1._.createIconNoSpan('checkboxUnchecked', this.gridOptionsWrapper, this.filterParams.column); + this.eIndeterminateCheckedIcon = main_1._.createIconNoSpan('checkboxIndeterminate', this.gridOptionsWrapper, this.filterParams.column); + }; + SetFilter.prototype.updateCheckboxIcon = function () { + main_1._.removeAllChildren(this.eSelectAll); + var icon; + switch (this.selectAllState) { + case CheckboxState.INTERMEDIATE: + icon = this.eIndeterminateCheckedIcon; + break; + case CheckboxState.CHECKED: + icon = this.eCheckedIcon; + break; + case CheckboxState.UNCHECKED: + icon = this.eUncheckedIcon; + break; + default:// default happens when initialising for first time + icon = this.eCheckedIcon; + break; + } + this.eSelectAll.appendChild(icon); + }; + SetFilter.prototype.setLoading = function (loading) { + main_1._.setVisible(this.eFilterLoading, loading); + }; + SetFilter.prototype.initialiseFilterBodyUi = function () { + var _this = this; + this.virtualList = new virtualList_1.VirtualList(); + this.context.wireBean(this.virtualList); + this.getGui().querySelector('#richList').appendChild(this.virtualList.getGui()); + if (main_1.Utils.exists(this.filterParams.cellHeight)) { + this.virtualList.setRowHeight(this.filterParams.cellHeight); + } + this.virtualList.setComponentCreator(this.createSetListItem.bind(this)); + this.model = new setFilterModel_1.SetFilterModel(this.filterParams.colDef, this.filterParams.rowModel, this.filterParams.valueGetter, this.filterParams.doesRowPassOtherFilter, this.filterParams.suppressSorting, function (values, toSelect) { return _this.setFilterValues(values, toSelect ? false : true, toSelect ? true : false, toSelect); }, this.setLoading.bind(this), this.valueFormatterService, this.filterParams.column); + this.virtualList.setModel(new ModelWrapper(this.model)); + main_1._.setVisible(this.getGui().querySelector('#ag-mini-filter'), !this.filterParams.suppressMiniFilter); + this.eMiniFilter.value = this.model.getMiniFilter(); + this.addDestroyableEventListener(this.eMiniFilter, 'input', function () { return _this.onMiniFilterChanged(); }); + this.updateCheckboxIcon(); + this.addDestroyableEventListener(this.eSelectAllContainer, 'click', this.onSelectAll.bind(this)); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + SetFilter.prototype.modelFromFloatingFilter = function (from) { + if (this.gridOptionsWrapper.isEnableOldSetFilterModel()) { + return [from]; + } + else { + return { + values: [from], + filterType: 'set' + }; + } + }; + SetFilter.prototype.refreshFilterBodyUi = function () { + }; + SetFilter.prototype.createSetListItem = function (value) { + var _this = this; + var listItem = new setFilterListItem_1.SetFilterListItem(value, this.filterParams.column); + this.context.wireBean(listItem); + listItem.setSelected(this.model.isValueSelected(value)); + listItem.addEventListener(setFilterListItem_1.SetFilterListItem.EVENT_SELECTED, function () { + _this.onItemSelected(value, listItem.isSelected()); + }); + return listItem; + }; + // we need to have the gui attached before we can draw the virtual rows, as the + // virtual row logic needs info about the gui state + SetFilter.prototype.afterGuiAttached = function (params) { + this.virtualList.refresh(); + this.eMiniFilter.focus(); + }; + SetFilter.prototype.isFilterActive = function () { + return this.model.isFilterActive(); + }; + SetFilter.prototype.doesFilterPass = function (params) { + // if no filter, always pass + if (this.model.isEverythingSelected() && !this.filterParams.selectAllOnMiniFilter) { + return true; + } + // if nothing selected in filter, always fail + if (this.model.isNothingSelected() && !this.filterParams.selectAllOnMiniFilter) { + return false; + } + var value = this.filterParams.valueGetter(params.node); + if (this.filterParams.colDef.keyCreator) { + value = this.filterParams.colDef.keyCreator({ value: value }); + } + if (this.filterParams.colDef.refData) { + value = this.filterParams.colDef.refData[value]; + } + value = main_1.Utils.makeNull(value); + if (Array.isArray(value)) { + for (var i = 0; i < value.length; i++) { + if (this.model.isValueSelected(value[i])) { + return true; + } + } + return false; + } + else { + return this.model.isValueSelected(value); + } + }; + SetFilter.prototype.onNewRowsLoaded = function () { + var keepSelection = this.filterParams && this.filterParams.newRowsAction === 'keep'; + var isSelectAll = this.selectAllState === CheckboxState.CHECKED; + // default is reset + this.model.refreshAfterNewRowsLoaded(keepSelection, isSelectAll); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + //noinspection JSUnusedGlobalSymbols + /** + * Public method provided so the user can change the value of the filter once + * the filter has been already started + * @param options The options to use. + * @param selectAll If by default all the values should be selected. + * @param notify If we should let know the model that the values of the filter have changed + * @param toSelect The subset of options to subselect + */ + SetFilter.prototype.setFilterValues = function (options, selectAll, notify, toSelect) { + var _this = this; + if (selectAll === void 0) { selectAll = false; } + if (notify === void 0) { notify = true; } + this.model.onFilterValuesReady(function () { + var keepSelection = _this.filterParams && _this.filterParams.newRowsAction === 'keep'; + _this.model.setValuesType(setFilterModel_1.SetFilterModelValuesType.PROVIDED_LIST); + _this.model.refreshValues(options, keepSelection, selectAll); + _this.updateSelectAll(); + var actualToSelect = toSelect ? toSelect : options; + actualToSelect.forEach(function (option) { return _this.model.selectValue(option); }); + _this.virtualList.refresh(); + if (notify) { + _this.debounceFilterChanged(true); + } + }); + }; + //noinspection JSUnusedGlobalSymbols + /** + * Public method provided so the user can reset the values of the filter once that it has started + * @param options The options to use. + */ + SetFilter.prototype.resetFilterValues = function () { + this.model.setValuesType(setFilterModel_1.SetFilterModelValuesType.NOT_PROVIDED); + this.onNewRowsLoaded(); + }; + SetFilter.prototype.onAnyFilterChanged = function () { + this.model.refreshAfterAnyFilterChanged(); + this.virtualList.refresh(); + }; + SetFilter.prototype.bodyTemplate = function () { + var translate = this.translate.bind(this); + return "
" + translate('loadingOoo') + "
\n
\n
\n \n
\n
\n \n
\n
\n
"; + }; + SetFilter.prototype.updateSelectAll = function () { + if (this.model.isEverythingSelected()) { + this.selectAllState = CheckboxState.CHECKED; + } + else if (this.model.isNothingSelected()) { + this.selectAllState = CheckboxState.UNCHECKED; + } + else { + this.selectAllState = CheckboxState.INTERMEDIATE; + } + this.updateCheckboxIcon(); + }; + SetFilter.prototype.onMiniFilterChanged = function () { + var miniFilterChanged = this.model.setMiniFilter(this.eMiniFilter.value); + if (miniFilterChanged) { + this.virtualList.refresh(); + } + this.updateSelectAll(); + }; + SetFilter.prototype.onSelectAll = function (event) { + main_1._.addAgGridEventPath(event); + if (this.selectAllState === CheckboxState.CHECKED) { + this.selectAllState = CheckboxState.UNCHECKED; + } + else { + this.selectAllState = CheckboxState.CHECKED; + } + this.doSelectAll(); + }; + SetFilter.prototype.doSelectAll = function () { + var checked = this.selectAllState === CheckboxState.CHECKED; + if (checked) { + this.model.selectEverything(); + } + else { + this.model.selectNothing(); + } + this.virtualList.refresh(); + this.debounceFilterChanged(); + this.updateSelectAll(); + }; + SetFilter.prototype.onItemSelected = function (value, selected) { + if (selected) { + this.model.selectValue(value); + } + else { + this.model.unselectValue(value); + } + this.updateSelectAll(); + this.debounceFilterChanged(); + }; + SetFilter.prototype.setMiniFilter = function (newMiniFilter) { + this.model.setMiniFilter(newMiniFilter); + this.eMiniFilter.value = this.model.getMiniFilter(); + }; + SetFilter.prototype.getMiniFilter = function () { + return this.model.getMiniFilter(); + }; + SetFilter.prototype.selectEverything = function () { + this.model.selectEverything(); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + SetFilter.prototype.selectNothing = function () { + this.model.selectNothing(); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + SetFilter.prototype.unselectValue = function (value) { + this.model.unselectValue(value); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + SetFilter.prototype.selectValue = function (value) { + this.model.selectValue(value); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + SetFilter.prototype.isValueSelected = function (value) { + return this.model.isValueSelected(value); + }; + SetFilter.prototype.isEverythingSelected = function () { + return this.model.isEverythingSelected(); + }; + SetFilter.prototype.isNothingSelected = function () { + return this.model.isNothingSelected(); + }; + SetFilter.prototype.getUniqueValueCount = function () { + return this.model.getUniqueValueCount(); + }; + SetFilter.prototype.getUniqueValue = function (index) { + return this.model.getUniqueValue(index); + }; + SetFilter.prototype.serialize = function () { + if (this.gridOptionsWrapper.isEnableOldSetFilterModel()) { + return this.model.getModel(); + } + else { + return { + values: this.model.getModel(), + filterType: 'set' + }; + } + }; + SetFilter.prototype.parse = function (dataModel) { + // also supporting old filter model for backwards compatibility + var newValues = (dataModel instanceof Array) ? dataModel : dataModel.values; + this.model.setModel(newValues); + this.updateSelectAll(); + this.virtualList.refresh(); + }; + SetFilter.prototype.resetState = function () { + this.setMiniFilter(null); + this.model.setModel(null, true); + this.selectEverything(); + }; + SetFilter.prototype.isFilterConditionActive = function () { + return false; + }; + __decorate([ + main_1.QuerySelector('#selectAll'), + __metadata("design:type", HTMLInputElement) + ], SetFilter.prototype, "eSelectAll", void 0); + __decorate([ + main_1.QuerySelector('#selectAllContainer'), + __metadata("design:type", HTMLElement) + ], SetFilter.prototype, "eSelectAllContainer", void 0); + __decorate([ + main_1.QuerySelector('.ag-filter-filter'), + __metadata("design:type", HTMLInputElement) + ], SetFilter.prototype, "eMiniFilter", void 0); + __decorate([ + main_1.RefSelector('ag-filter-loading'), + __metadata("design:type", HTMLInputElement) + ], SetFilter.prototype, "eFilterLoading", void 0); + __decorate([ + main_1.Autowired('valueFormatterService'), + __metadata("design:type", main_1.ValueFormatterService) + ], SetFilter.prototype, "valueFormatterService", void 0); + return SetFilter; + }(main_1.BaseFilter)); + exports.SetFilter = SetFilter; + var ModelWrapper = (function () { + function ModelWrapper(model) { + this.model = model; + } + ModelWrapper.prototype.getRowCount = function () { + return this.model.getDisplayedValueCount(); + }; + ModelWrapper.prototype.getRow = function (index) { + return this.model.getDisplayedValue(index); + }; + return ModelWrapper; + }()); + + +/***/ }), +/* 166 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var ag_grid_1 = __webpack_require__(2); + // we cannot have 'null' as a key in a JavaScript map, + // it needs to be a string. so we use this string for + // storing null values. + var NULL_VALUE = '___NULL___'; + var SetFilterModelValuesType; + (function (SetFilterModelValuesType) { + SetFilterModelValuesType[SetFilterModelValuesType["PROVIDED_LIST"] = 0] = "PROVIDED_LIST"; + SetFilterModelValuesType[SetFilterModelValuesType["PROVIDED_CB"] = 1] = "PROVIDED_CB"; + SetFilterModelValuesType[SetFilterModelValuesType["NOT_PROVIDED"] = 2] = "NOT_PROVIDED"; + })(SetFilterModelValuesType = exports.SetFilterModelValuesType || (exports.SetFilterModelValuesType = {})); + var SetFilterModel = (function () { + function SetFilterModel(colDef, rowModel, valueGetter, doesRowPassOtherFilters, suppressSorting, modelUpdatedFunc, isLoadingFunc, valueFormatterService, column) { + this.suppressSorting = suppressSorting; + this.colDef = colDef; + this.valueGetter = valueGetter; + this.doesRowPassOtherFilters = doesRowPassOtherFilters; + this.modelUpdatedFunc = modelUpdatedFunc; + this.isLoadingFunc = isLoadingFunc; + this.valueFormatterService = valueFormatterService; + this.column = column; + if (rowModel.getType() === ag_grid_1.Constants.ROW_MODEL_TYPE_CLIENT_SIDE) { + this.clientSideRowModel = rowModel; + } + this.filterParams = this.colDef.filterParams ? this.colDef.filterParams : {}; + if (main_1.Utils.exists(this.filterParams) && main_1.Utils.exists(this.filterParams.values)) { + this.valuesType = Array.isArray(this.filterParams.values) ? + SetFilterModelValuesType.PROVIDED_LIST : + SetFilterModelValuesType.PROVIDED_CB; + this.showingAvailableOnly = this.filterParams.suppressRemoveEntries !== true; + } + else { + this.valuesType = SetFilterModelValuesType.NOT_PROVIDED; + this.showingAvailableOnly = true; + } + this.createAllUniqueValues(); + this.createAvailableUniqueValues(); + // by default, no filter, so we display everything + this.displayedValues = this.availableUniqueValues; + this.miniFilter = null; + // we use a map rather than an array for the selected values as the lookup + // for a map is much faster than the lookup for an array, especially when + // the length of the array is thousands of records long + this.selectedValuesMap = {}; + this.selectEverything(); + this.formatter = this.filterParams.textFormatter ? this.filterParams.textFormatter : main_1.TextFilter.DEFAULT_FORMATTER; + } + // if keepSelection not set will always select all filters + // if keepSelection set will keep current state of selected filters + // unless selectAll chosen in which case will select all + SetFilterModel.prototype.refreshAfterNewRowsLoaded = function (keepSelection, isSelectAll) { + this.createAllUniqueValues(); + this.refreshSelection(keepSelection, isSelectAll); + }; + // if keepSelection not set will always select all filters + // if keepSelection set will keep current state of selected filters + // unless selectAll chosen in which case will select all + SetFilterModel.prototype.refreshValues = function (valuesToUse, keepSelection, isSelectAll) { + this.setValues(valuesToUse); + this.refreshSelection(keepSelection, isSelectAll); + }; + SetFilterModel.prototype.refreshSelection = function (keepSelection, isSelectAll) { + this.createAvailableUniqueValues(); + var oldModel = Object.keys(this.selectedValuesMap); + this.selectedValuesMap = {}; + this.processMiniFilter(); + if (keepSelection) { + this.setModel(oldModel, isSelectAll); + } + else { + this.selectEverything(); + } + }; + SetFilterModel.prototype.refreshAfterAnyFilterChanged = function () { + if (this.showingAvailableOnly) { + this.createAvailableUniqueValues(); + this.processMiniFilter(); + } + }; + SetFilterModel.prototype.createAllUniqueValues = function () { + if (this.areValuesSync()) { + var valuesToUse = this.extractSyncValuesToUse(); + this.setValues(valuesToUse); + this.filterValuesPromise = ag_grid_1.Promise.resolve(null); + } + else { + this.filterValuesExternalPromise = ag_grid_1.Promise.external(); + this.filterValuesPromise = this.filterValuesExternalPromise.promise; + this.isLoadingFunc(true); + this.setValues([]); + var callback = this.filterParams.values; + var params = { + success: this.onAsyncValuesLoaded.bind(this), + colDef: this.colDef + }; + callback(params); + } + }; + SetFilterModel.prototype.onAsyncValuesLoaded = function (values) { + this.modelUpdatedFunc(values); + this.isLoadingFunc(false); + this.filterValuesExternalPromise.resolve(values); + }; + SetFilterModel.prototype.areValuesSync = function () { + return this.valuesType == SetFilterModelValuesType.PROVIDED_LIST || this.valuesType == SetFilterModelValuesType.NOT_PROVIDED; + }; + SetFilterModel.prototype.setValuesType = function (value) { + this.valuesType = value; + }; + SetFilterModel.prototype.setValues = function (valuesToUse) { + this.allUniqueValues = valuesToUse; + if (!this.suppressSorting) { + this.sortValues(this.allUniqueValues); + } + }; + SetFilterModel.prototype.extractSyncValuesToUse = function () { + var valuesToUse; + if (this.valuesType == SetFilterModelValuesType.PROVIDED_LIST) { + if (Array.isArray(this.filterParams.values)) { + valuesToUse = main_1.Utils.toStrings(this.filterParams.values); + } + else { + // In this case the values are async but have already been resolved, so we can reuse them + valuesToUse = this.allUniqueValues; + } + } + else if (this.valuesType == SetFilterModelValuesType.PROVIDED_CB) { + throw Error("ag-grid: Error extracting values to use. We should not extract the values synchronously when using a callback for the filterParams.values"); + } + else { + var uniqueValuesAsAnyObjects = this.getUniqueValues(false); + valuesToUse = main_1.Utils.toStrings(uniqueValuesAsAnyObjects); + } + return valuesToUse; + }; + SetFilterModel.prototype.createAvailableUniqueValues = function () { + var dontCheckAvailableValues = !this.showingAvailableOnly || this.valuesType == SetFilterModelValuesType.PROVIDED_LIST || this.valuesType == SetFilterModelValuesType.PROVIDED_CB; + if (dontCheckAvailableValues) { + this.availableUniqueValues = this.allUniqueValues; + return; + } + var uniqueValuesAsAnyObjects = this.getUniqueValues(true); + this.availableUniqueValues = main_1.Utils.toStrings(uniqueValuesAsAnyObjects); + this.sortValues(this.availableUniqueValues); + }; + SetFilterModel.prototype.sortValues = function (values) { + if (this.filterParams && this.filterParams.comparator) { + values.sort(this.filterParams.comparator); + } + else if (this.colDef.comparator) { + values.sort(this.colDef.comparator); + } + else { + values.sort(main_1.Utils.defaultComparator); + } + }; + SetFilterModel.prototype.getUniqueValues = function (filterOutNotAvailable) { + var _this = this; + var uniqueCheck = {}; + var result = []; + if (!this.clientSideRowModel) { + console.error('ag-Grid: Set Filter cannot initialise because you are using a row model that does not contain all rows in the browser. Either use a different filter type, or configure Set Filter such that you provide it with values'); + return []; + } + this.clientSideRowModel.forEachLeafNode(function (node) { + // only pull values from rows that have data. this means we skip filler group nodes. + if (!node.data) { + return; + } + var value = _this.valueGetter(node); + if (_this.colDef.keyCreator) { + value = _this.colDef.keyCreator({ value: value }); + } + if (_this.colDef.refData) { + value = _this.colDef.refData[value]; + } + if (value === "" || value === undefined) { + value = null; + } + if (filterOutNotAvailable) { + if (!_this.doesRowPassOtherFilters(node)) { + return; + } + } + if (value != null && Array.isArray(value)) { + for (var j = 0; j < value.length; j++) { + addUniqueValueIfMissing(value[j]); + } + } + else { + addUniqueValueIfMissing(value); + } + }); + function addUniqueValueIfMissing(value) { + if (!uniqueCheck.hasOwnProperty(value)) { + result.push(value); + uniqueCheck[value] = 1; + } + } + return result; + }; + //sets mini filter. returns true if it changed from last value, otherwise false + SetFilterModel.prototype.setMiniFilter = function (newMiniFilter) { + newMiniFilter = main_1.Utils.makeNull(newMiniFilter); + if (this.miniFilter === newMiniFilter) { + //do nothing if filter has not changed + return false; + } + this.miniFilter = newMiniFilter; + this.processMiniFilter(); + return true; + }; + SetFilterModel.prototype.getMiniFilter = function () { + return this.miniFilter; + }; + SetFilterModel.prototype.processMiniFilter = function () { + // if no filter, just use the unique values + if (this.miniFilter === null) { + this.displayedValues = this.availableUniqueValues; + return; + } + // if filter present, we filter down the list + this.displayedValues = []; + var miniFilter = this.formatter(this.miniFilter); + // make upper case to have search case insensitive + var miniFilterUpperCase = miniFilter.toUpperCase(); + for (var i = 0, l = this.availableUniqueValues.length; i < l; i++) { + var value = this.availableUniqueValues[i]; + if (value) { + var displayedValue = this.formatter(value.toString()); + //This function encapsulates the logic to check if a string matches the mini filter + var matchesFn = function (valueToCheck) { + if (valueToCheck === null) { + return false; + } + // allow for case insensitive searches, make both filter and value uppercase + var valueUpperCase = valueToCheck.toUpperCase(); + return valueUpperCase.indexOf(miniFilterUpperCase) >= 0; + }; + var formattedValue = this.valueFormatterService.formatValue(this.column, null, null, displayedValue); + if (matchesFn(displayedValue) || matchesFn(formattedValue)) { + this.displayedValues.push(displayedValue); + } + } + } + }; + SetFilterModel.prototype.getDisplayedValueCount = function () { + return this.displayedValues.length; + }; + SetFilterModel.prototype.getDisplayedValue = function (index) { + return this.displayedValues[index]; + }; + SetFilterModel.prototype.selectEverything = function () { + if (!this.filterParams.selectAllOnMiniFilter || !this.miniFilter) { + this.selectOn(this.allUniqueValues); + } + else { + this.selectOn(this.displayedValues); + } + }; + SetFilterModel.prototype.selectOn = function (toSelectOn) { + var count = toSelectOn.length; + for (var i = 0; i < count; i++) { + var key = toSelectOn[i]; + var safeKey = this.valueToKey(key); + this.selectedValuesMap[safeKey] = null; + } + this.selectedValuesCount = count; + }; + SetFilterModel.prototype.valueToKey = function (key) { + if (key === null) { + return NULL_VALUE; + } + else { + return key; + } + }; + SetFilterModel.prototype.keyToValue = function (value) { + if (value === NULL_VALUE) { + return null; + } + else { + return value; + } + }; + SetFilterModel.prototype.isFilterActive = function () { + return this.allUniqueValues.length !== this.selectedValuesCount; + }; + SetFilterModel.prototype.selectNothing = function () { + var _this = this; + if (!this.filterParams.selectAllOnMiniFilter || !this.miniFilter) { + this.selectedValuesMap = {}; + this.selectedValuesCount = 0; + } + else { + this.displayedValues.forEach(function (it) { return _this.unselectValue(it); }); + } + }; + SetFilterModel.prototype.getUniqueValueCount = function () { + return this.allUniqueValues.length; + }; + SetFilterModel.prototype.getUniqueValue = function (index) { + return this.allUniqueValues[index]; + }; + SetFilterModel.prototype.unselectValue = function (value) { + var safeKey = this.valueToKey(value); + if (this.selectedValuesMap[safeKey] !== undefined) { + delete this.selectedValuesMap[safeKey]; + this.selectedValuesCount--; + } + }; + SetFilterModel.prototype.selectValue = function (value) { + var safeKey = this.valueToKey(value); + if (this.selectedValuesMap[safeKey] === undefined) { + this.selectedValuesMap[safeKey] = null; + this.selectedValuesCount++; + } + }; + SetFilterModel.prototype.isValueSelected = function (value) { + var safeKey = this.valueToKey(value); + return this.selectedValuesMap[safeKey] !== undefined; + }; + SetFilterModel.prototype.isEverythingSelected = function () { + var _this = this; + if (!this.filterParams.selectAllOnMiniFilter || !this.miniFilter) { + return this.allUniqueValues.length === this.selectedValuesCount; + } + else { + return this.displayedValues.filter(function (it) { return _this.isValueSelected(it); }).length === this.displayedValues.length; + } + }; + SetFilterModel.prototype.isNothingSelected = function () { + var _this = this; + if (!this.filterParams.selectAllOnMiniFilter || !this.miniFilter) { + return this.selectedValuesCount === 0; + } + else { + return this.displayedValues.filter(function (it) { return _this.isValueSelected(it); }).length === 0; + } + }; + SetFilterModel.prototype.getModel = function () { + var _this = this; + if (!this.isFilterActive()) { + return null; + } + var selectedValues = []; + main_1.Utils.iterateObject(this.selectedValuesMap, function (key) { + var value = _this.keyToValue(key); + selectedValues.push(value); + }); + return selectedValues; + }; + SetFilterModel.prototype.setModel = function (model, isSelectAll) { + var _this = this; + if (isSelectAll === void 0) { isSelectAll = false; } + if (this.areValuesSync()) { + this.setSyncModel(model, isSelectAll); + } + else { + this.filterValuesExternalPromise.promise.then(function (values) { + _this.modelUpdatedFunc(values, model); + }); + } + }; + SetFilterModel.prototype.setSyncModel = function (model, isSelectAll) { + if (isSelectAll === void 0) { isSelectAll = false; } + if (model && !isSelectAll) { + this.selectNothing(); + for (var i = 0; i < model.length; i++) { + var rawValue = model[i]; + var value = this.keyToValue(rawValue); + if (this.allUniqueValues.indexOf(value) >= 0) { + this.selectValue(value); + } + } + } + else { + this.selectEverything(); + } + }; + SetFilterModel.prototype.onFilterValuesReady = function (callback) { + //This guarantees that if the user is racing to set values async into the set filter, only the first instance + //will be used + // ie Values are async and the user manually wants to override them before the retrieval of values is triggered + // (set filter values in the following example) + // http://plnkr.co/edit/eFka7ynvPj68tL3VJFWf?p=preview + this.filterValuesPromise.firstOneOnly(callback); + }; + return SetFilterModel; + }()); + exports.SetFilterModel = SetFilterModel; + + +/***/ }), +/* 167 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var SetFilterListItem = (function (_super) { + __extends(SetFilterListItem, _super); + function SetFilterListItem(value, column) { + var _this = _super.call(this, SetFilterListItem.TEMPLATE) || this; + _this.selected = true; + _this.value = value; + _this.column = column; + return _this; + } + SetFilterListItem.prototype.init = function () { + var _this = this; + this.eCheckedIcon = main_1._.createIconNoSpan('checkboxChecked', this.gridOptionsWrapper, this.column); + this.eUncheckedIcon = main_1._.createIconNoSpan('checkboxUnchecked', this.gridOptionsWrapper, this.column); + this.eCheckbox = this.queryForHtmlElement(".ag-filter-checkbox"); + this.eClickableArea = this.getGui(); + this.updateCheckboxIcon(); + this.render(); + var listener = function (mouseEvent) { + main_1._.addAgGridEventPath(mouseEvent); + _this.selected = !_this.selected; + _this.updateCheckboxIcon(); + var event = { + type: SetFilterListItem.EVENT_SELECTED + }; + return _this.dispatchEvent(event); + }; + this.addDestroyableEventListener(this.eClickableArea, 'click', listener); + }; + SetFilterListItem.prototype.isSelected = function () { + return this.selected; + }; + SetFilterListItem.prototype.setSelected = function (selected) { + this.selected = selected; + this.updateCheckboxIcon(); + }; + SetFilterListItem.prototype.updateCheckboxIcon = function () { + if (this.eCheckbox.children) { + for (var i = 0; i < this.eCheckbox.children.length; i++) { + this.eCheckbox.removeChild(this.eCheckbox.children.item(i)); + } + } + if (this.isSelected()) { + this.eCheckbox.appendChild(this.eCheckedIcon); + } + else { + this.eCheckbox.appendChild(this.eUncheckedIcon); + } + }; + SetFilterListItem.prototype.render = function () { + var _this = this; + var valueElement = this.queryForHtmlElement(".ag-filter-value"); + var valueFormatted = this.valueFormatterService.formatValue(this.column, null, null, this.value); + var colDef = this.column.getColDef(); + var valueObj = { value: this.value, valueFormatted: valueFormatted }; + var componentPromise = this.cellRendererService.useFilterCellRenderer(colDef, valueElement, valueObj); + if (!componentPromise) + return; + componentPromise.then(function (component) { + if (component && component.destroy) { + _this.addDestroyFunc(component.destroy.bind(component)); + } + }); + }; + SetFilterListItem.EVENT_SELECTED = 'selected'; + SetFilterListItem.TEMPLATE = ''; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], SetFilterListItem.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('cellRendererService'), + __metadata("design:type", main_1.CellRendererService) + ], SetFilterListItem.prototype, "cellRendererService", void 0); + __decorate([ + main_1.Autowired('valueFormatterService'), + __metadata("design:type", main_1.ValueFormatterService) + ], SetFilterListItem.prototype, "valueFormatterService", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], SetFilterListItem.prototype, "init", null); + return SetFilterListItem; + }(main_1.Component)); + exports.SetFilterListItem = SetFilterListItem; + + +/***/ }), +/* 168 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var VirtualList = (function (_super) { + __extends(VirtualList, _super); + function VirtualList() { + var _this = _super.call(this, null) || this; + _this.rowsInBodyContainer = {}; + _this.rowHeight = 20; + return _this; + } + VirtualList.prototype.init = function () { + this.setTemplate(VirtualList.TEMPLATE); + this.eListContainer = this.queryForHtmlElement(".ag-virtual-list-container"); + this.addScrollListener(); + this.rowHeight = this.gridOptionsWrapper.getVirtualItemHeight(); + }; + VirtualList.prototype.ensureIndexVisible = function (index) { + var lastRow = this.model.getRowCount(); + if (typeof index !== 'number' || index < 0 || index >= lastRow) { + console.warn('invalid row index for ensureIndexVisible: ' + index); + return; + } + // let nodeAtIndex = this.rowModel.getRow(index); + var rowTopPixel = index * this.rowHeight; + var rowBottomPixel = rowTopPixel + this.rowHeight; + var viewportTopPixel = this.getGui().scrollTop; + var viewportHeight = this.getGui().offsetHeight; + var viewportBottomPixel = viewportTopPixel + viewportHeight; + var viewportScrolledPastRow = viewportTopPixel > rowTopPixel; + var viewportScrolledBeforeRow = viewportBottomPixel < rowBottomPixel; + if (viewportScrolledPastRow) { + // if row is before, scroll up with row at top + this.getGui().scrollTop = rowTopPixel; + } + else if (viewportScrolledBeforeRow) { + // if row is below, scroll down with row at bottom + var newScrollPosition = rowBottomPixel - viewportHeight; + this.getGui().scrollTop = newScrollPosition; + } + }; + VirtualList.prototype.setComponentCreator = function (componentCreator) { + this.componentCreator = componentCreator; + }; + VirtualList.prototype.getRowHeight = function () { + return this.rowHeight; + }; + VirtualList.prototype.getScrollTop = function () { + return this.getGui().scrollTop; + }; + VirtualList.prototype.setRowHeight = function (rowHeight) { + this.rowHeight = rowHeight; + this.refresh(); + }; + VirtualList.prototype.refresh = function () { + if (main_1.Utils.missing(this.model)) { + return; + } + this.eListContainer.style.height = (this.model.getRowCount() * this.rowHeight) + "px"; + this.clearVirtualRows(); + this.drawVirtualRows(); + }; + VirtualList.prototype.clearVirtualRows = function () { + var rowsToRemove = Object.keys(this.rowsInBodyContainer); + this.removeVirtualRows(rowsToRemove); + }; + VirtualList.prototype.drawVirtualRows = function () { + var topPixel = this.getGui().scrollTop; + var bottomPixel = topPixel + this.getGui().offsetHeight; + var firstRow = Math.floor(topPixel / this.rowHeight); + var lastRow = Math.floor(bottomPixel / this.rowHeight); + this.ensureRowsRendered(firstRow, lastRow); + }; + VirtualList.prototype.ensureRowsRendered = function (start, finish) { + // at the end, this array will contain the items we need to remove + var rowsToRemove = Object.keys(this.rowsInBodyContainer); + // add in new rows + for (var rowIndex = start; rowIndex <= finish; rowIndex++) { + // see if item already there, and if yes, take it out of the 'to remove' array + if (rowsToRemove.indexOf(rowIndex.toString()) >= 0) { + rowsToRemove.splice(rowsToRemove.indexOf(rowIndex.toString()), 1); + continue; + } + // check this row actually exists (in case overflow buffer window exceeds real data) + if (this.model.getRowCount() > rowIndex) { + var value = this.model.getRow(rowIndex); + this.insertRow(value, rowIndex); + } + } + // at this point, everything in our 'rowsToRemove' . . . + this.removeVirtualRows(rowsToRemove); + }; + // takes array of row id's + VirtualList.prototype.removeVirtualRows = function (rowsToRemove) { + var _this = this; + rowsToRemove.forEach(function (index) { + var component = _this.rowsInBodyContainer[index]; + _this.eListContainer.removeChild(component.eDiv); + if (component.rowComponent.destroy) { + component.rowComponent.destroy(); + } + delete _this.rowsInBodyContainer[index]; + }); + }; + VirtualList.prototype.insertRow = function (value, rowIndex) { + var eDiv = document.createElement('div'); + main_1.Utils.addCssClass(eDiv, 'ag-virtual-list-item'); + eDiv.style.top = (this.rowHeight * rowIndex) + "px"; + var rowComponent = this.componentCreator(value); + eDiv.appendChild(rowComponent.getGui()); + this.eListContainer.appendChild(eDiv); + this.rowsInBodyContainer[rowIndex] = { + rowComponent: rowComponent, + eDiv: eDiv + }; + }; + VirtualList.prototype.addScrollListener = function () { + var _this = this; + this.addGuiEventListener('scroll', function () { + _this.drawVirtualRows(); + }); + }; + VirtualList.prototype.setModel = function (model) { + this.model = model; + }; + VirtualList.TEMPLATE = '
' + + '
' + + '
' + + '
'; + __decorate([ + main_1.Autowired('environment'), + __metadata("design:type", main_1.Environment) + ], VirtualList.prototype, "environment", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], VirtualList.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], VirtualList.prototype, "init", null); + return VirtualList; + }(main_1.Component)); + exports.VirtualList = VirtualList; + + +/***/ }), +/* 169 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var richSelectRow_1 = __webpack_require__(170); + var virtualList_1 = __webpack_require__(168); + var ag_grid_1 = __webpack_require__(2); + var RichSelectCellEditor = (function (_super) { + __extends(RichSelectCellEditor, _super); + function RichSelectCellEditor() { + var _this = _super.call(this, RichSelectCellEditor.TEMPLATE) || this; + _this.selectionConfirmed = false; + return _this; + } + RichSelectCellEditor.prototype.init = function (params) { + this.params = params; + this.selectedValue = params.value; + this.originalSelectedValue = params.value; + this.focusAfterAttached = params.cellStartedEdit; + this.virtualList = new virtualList_1.VirtualList(); + this.context.wireBean(this.virtualList); + this.virtualList.setComponentCreator(this.createRowComponent.bind(this)); + this.getRefElement('eList').appendChild(this.virtualList.getGui()); + if (main_1.Utils.exists(this.params.cellHeight)) { + this.virtualList.setRowHeight(this.params.cellHeight); + } + this.renderSelectedValue(); + if (main_1.Utils.missing(params.values)) { + console.log('ag-Grid: richSelectCellEditor requires values for it to work'); + return; + } + var values = params.values; + this.virtualList.setModel({ + getRowCount: function () { return values.length; }, + getRow: function (index) { return values[index]; } + }); + this.addGuiEventListener('keydown', this.onKeyDown.bind(this)); + this.addDestroyableEventListener(this.virtualList.getGui(), 'click', this.onClick.bind(this)); + this.addDestroyableEventListener(this.virtualList.getGui(), 'mousemove', this.onMouseMove.bind(this)); + }; + RichSelectCellEditor.prototype.onKeyDown = function (event) { + var key = event.which || event.keyCode; + switch (key) { + case main_1.Constants.KEY_ENTER: + this.onEnterKeyDown(); + break; + case main_1.Constants.KEY_DOWN: + case main_1.Constants.KEY_UP: + this.onNavigationKeyPressed(event, key); + break; + } + }; + RichSelectCellEditor.prototype.onEnterKeyDown = function () { + this.selectionConfirmed = true; + this.params.stopEditing(); + }; + RichSelectCellEditor.prototype.onNavigationKeyPressed = function (event, key) { + // if we don't stop propagation, then the grids navigation kicks in + event.stopPropagation(); + var oldIndex = this.params.values.indexOf(this.selectedValue); + var newIndex = key === main_1.Constants.KEY_UP ? oldIndex - 1 : oldIndex + 1; + if (newIndex >= 0 && newIndex < this.params.values.length) { + var valueToSelect = this.params.values[newIndex]; + this.setSelectedValue(valueToSelect); + } + }; + RichSelectCellEditor.prototype.renderSelectedValue = function () { + var _this = this; + var valueFormatted = this.params.formatValue(this.selectedValue); + var eValue = this.getRefElement('eValue'); + var promise = this.cellRendererService.useRichSelectCellRenderer(this.params.column.getColDef(), eValue, { value: this.selectedValue, valueFormatted: valueFormatted }); + var foundRenderer = ag_grid_1._.exists(promise); + if (foundRenderer) { + promise.then(function (renderer) { + if (renderer && renderer.destroy) { + _this.addDestroyFunc(function () { return renderer.destroy(); }); + } + }); + } + else { + if (main_1.Utils.exists(this.selectedValue)) { + eValue.innerHTML = valueFormatted; + } + else { + eValue.innerHTML = ''; + } + } + }; + RichSelectCellEditor.prototype.setSelectedValue = function (value) { + if (this.selectedValue === value) { + return; + } + var index = this.params.values.indexOf(value); + if (index >= 0) { + this.selectedValue = value; + this.virtualList.ensureIndexVisible(index); + this.virtualList.refresh(); + } + }; + RichSelectCellEditor.prototype.createRowComponent = function (value) { + var valueFormatted = this.params.formatValue(value); + var row = new richSelectRow_1.RichSelectRow(this.params.column.getColDef()); + this.context.wireBean(row); + row.setState(value, valueFormatted, value === this.selectedValue); + return row; + }; + RichSelectCellEditor.prototype.onMouseMove = function (mouseEvent) { + var rect = this.virtualList.getGui().getBoundingClientRect(); + var scrollTop = this.virtualList.getScrollTop(); + var mouseY = mouseEvent.clientY - rect.top + scrollTop; + var row = Math.floor(mouseY / this.virtualList.getRowHeight()); + var value = this.params.values[row]; + // not using utils.exist() as want empty string test to pass + if (value !== undefined) { + this.setSelectedValue(value); + } + }; + RichSelectCellEditor.prototype.onClick = function () { + this.selectionConfirmed = true; + this.params.stopEditing(); + }; + // we need to have the gui attached before we can draw the virtual rows, as the + // virtual row logic needs info about the gui state + RichSelectCellEditor.prototype.afterGuiAttached = function () { + var selectedIndex = this.params.values.indexOf(this.selectedValue); + // we have to call this here to get the list to have the right height, ie + // otherwise it would not have scrolls yet and ensureIndeVisible would do nothing + this.virtualList.refresh(); + if (selectedIndex >= 0) { + this.virtualList.ensureIndexVisible(selectedIndex); + } + // we call refresh again, as the list could of moved, and we need to render the new rows + this.virtualList.refresh(); + if (this.focusAfterAttached) { + this.getGui().focus(); + } + }; + RichSelectCellEditor.prototype.getValue = function () { + if (this.selectionConfirmed) { + return this.selectedValue; + } + else { + return this.originalSelectedValue; + } + }; + RichSelectCellEditor.prototype.isPopup = function () { + return true; + }; + RichSelectCellEditor.TEMPLATE = + // tab index is needed so we can focus, which is needed for keyboard events + '
' + + '
' + + '
' + + '
'; + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], RichSelectCellEditor.prototype, "context", void 0); + __decorate([ + main_1.Autowired('cellRendererService'), + __metadata("design:type", main_1.CellRendererService) + ], RichSelectCellEditor.prototype, "cellRendererService", void 0); + return RichSelectCellEditor; + }(main_1.Component)); + exports.RichSelectCellEditor = RichSelectCellEditor; + + +/***/ }), +/* 170 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var RichSelectRow = (function (_super) { + __extends(RichSelectRow, _super); + function RichSelectRow(columnDef) { + var _this = _super.call(this, '
') || this; + _this.columnDef = columnDef; + return _this; + } + RichSelectRow.prototype.setState = function (value, valueFormatted, selected) { + var rendererSuccessful = this.populateWithRenderer(value, valueFormatted); + if (!rendererSuccessful) { + this.populateWithoutRenderer(value, valueFormatted); + } + main_1.Utils.addOrRemoveCssClass(this.getGui(), 'ag-rich-select-row-selected', selected); + }; + RichSelectRow.prototype.populateWithoutRenderer = function (value, valueFormatted) { + var valueFormattedExits = valueFormatted !== null && valueFormatted !== undefined; + var valueToRender = valueFormattedExits ? valueFormatted : value; + if (main_1.Utils.exists(valueToRender) && valueToRender !== '') { + // not using innerHTML to prevent injection of HTML + // https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML#Security_considerations + this.getGui().textContent = valueToRender.toString(); + } + else { + // putting in blank, so if missing, at least the user can click on it + this.getGui().innerHTML = ' '; + } + }; + RichSelectRow.prototype.populateWithRenderer = function (value, valueFormatted) { + var _this = this; + var promise = this.cellRendererService.useRichSelectCellRenderer(this.columnDef, this.getGui(), { value: value, valueFormatted: valueFormatted }); + var foundRenderer = main_1._.exists(promise); + if (foundRenderer) { + promise.then(function (childComponent) { + if (childComponent && childComponent.destroy) { + _this.addDestroyFunc(childComponent.destroy.bind(childComponent)); + } + }); + return true; + } + else { + return false; + } + }; + __decorate([ + main_1.Autowired('cellRendererService'), + __metadata("design:type", main_1.CellRendererService) + ], RichSelectRow.prototype, "cellRendererService", void 0); + return RichSelectRow; + }(main_1.Component)); + exports.RichSelectRow = RichSelectRow; + + +/***/ }), +/* 171 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var main_2 = __webpack_require__(2); + var md5_1 = __webpack_require__(172); + var LicenseManager = (function () { + function LicenseManager() { + } + LicenseManager_1 = LicenseManager; + LicenseManager.prototype.validateLicense = function () { + var gridReleaseDate = LicenseManager_1.getGridReleaseDate(); + var valid = false; + var current = false; + var expiry = null; + if (!main_2.Utils.missingOrEmpty(LicenseManager_1.licenseKey) && LicenseManager_1.licenseKey.length > 32) { + var _a = LicenseManager_1.extractLicenseComponents(LicenseManager_1.licenseKey), md5 = _a.md5, license = _a.license; + if (md5 === this.md5.md5(license)) { + expiry = LicenseManager_1.extractExpiry(license); + if (!isNaN(expiry.getTime())) { + valid = true; + current = (gridReleaseDate < expiry); + } + } + } + if (!valid) { + LicenseManager_1.outputMessage('********************************************* Invalid License **************************************************', '* Your license for ag-Grid Enterprise is not valid - please contact accounts@ag-grid.com to obtain a valid license. *'); + } + else if (!current) { + var formattedExpiryDate = LicenseManager_1.formatDate(expiry); + var formattedReleaseDate = LicenseManager_1.formatDate(gridReleaseDate); + LicenseManager_1.outputMessage('********************* License not compatible with installed version of ag-Grid Enterprise. *********************', "Your license for ag-Grid Enterprise expired on " + formattedExpiryDate + " but the version installed was released on " + formattedReleaseDate + ". Please " + + 'contact accounts@ag-grid.com to renew your license'); + } + }; + LicenseManager.extractExpiry = function (license) { + var restrictionHashed = license.substring(license.lastIndexOf('_') + 1, license.length); + return new Date(parseInt(LicenseManager_1.decode(restrictionHashed))); + }; + LicenseManager.extractLicenseComponents = function (licenseKey) { + var hashStart = licenseKey.length - 32; + var md5 = licenseKey.substring(hashStart); + var license = licenseKey.substring(0, hashStart); + return { md5: md5, license: license }; + }; + LicenseManager.prototype.getLicenseDetails = function (licenseKey) { + var _a = LicenseManager_1.extractLicenseComponents(licenseKey), md5 = _a.md5, license = _a.license; + var valid = (md5 === this.md5.md5(license)); + var expiry; + if (valid) { + expiry = LicenseManager_1.extractExpiry(license); + valid = !isNaN(expiry.getTime()); + } + return { + licenseKey: licenseKey, + valid: valid, + expiry: valid ? LicenseManager_1.formatDate(expiry) : null + }; + }; + LicenseManager.outputMessage = function (header, message) { + console.error('****************************************************************************************************************'); + console.error('*************************************** ag-Grid Enterprise License *********************************************'); + console.error(header); + console.error(message); + console.error('****************************************************************************************************************'); + console.error('****************************************************************************************************************'); + }; + LicenseManager.formatDate = function (date) { + var monthNames = [ + 'January', 'February', 'March', + 'April', 'May', 'June', 'July', + 'August', 'September', 'October', + 'November', 'December' + ]; + var day = date.getDate(); + var monthIndex = date.getMonth(); + var year = date.getFullYear(); + return day + ' ' + monthNames[monthIndex] + ' ' + year; + }; + LicenseManager.getGridReleaseDate = function () { + return new Date(parseInt(LicenseManager_1.decode(LicenseManager_1.RELEASE_INFORMATION))); + }; + ; + LicenseManager.decode = function (input) { + var keystr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; + var t = ''; + var n, r, i; + var s, o, u, a; + var f = 0; + var e = input.replace(/[^A-Za-z0-9+/=]/g, ''); + while (f < e.length) { + s = keystr.indexOf(e.charAt(f++)); + o = keystr.indexOf(e.charAt(f++)); + u = keystr.indexOf(e.charAt(f++)); + a = keystr.indexOf(e.charAt(f++)); + n = s << 2 | o >> 4; + r = (o & 15) << 4 | u >> 2; + i = (u & 3) << 6 | a; + t = t + String.fromCharCode(n); + if (u != 64) { + t = t + String.fromCharCode(r); + } + if (a != 64) { + t = t + String.fromCharCode(i); + } + } + t = LicenseManager_1.utf8_decode(t); + return t; + }; + LicenseManager.utf8_decode = function (input) { + input = input.replace(/rn/g, 'n'); + var t = ''; + for (var n = 0; n < input.length; n++) { + var r = input.charCodeAt(n); + if (r < 128) { + t += String.fromCharCode(r); + } + else if (r > 127 && r < 2048) { + t += String.fromCharCode(r >> 6 | 192); + t += String.fromCharCode(r & 63 | 128); + } + else { + t += String.fromCharCode(r >> 12 | 224); + t += String.fromCharCode(r >> 6 & 63 | 128); + t += String.fromCharCode(r & 63 | 128); + } + } + return t; + }; + LicenseManager.setLicenseKey = function (licenseKey) { + LicenseManager_1.licenseKey = licenseKey; + }; + LicenseManager.RELEASE_INFORMATION = 'MTUyMzU0NTI1NDE5Ng=='; + __decorate([ + main_1.Autowired('md5'), + __metadata("design:type", md5_1.MD5) + ], LicenseManager.prototype, "md5", void 0); + LicenseManager = LicenseManager_1 = __decorate([ + main_1.Bean('licenseManager') + ], LicenseManager); + return LicenseManager; + var LicenseManager_1; + }()); + exports.LicenseManager = LicenseManager; + + +/***/ }), +/* 172 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var MD5 = (function () { + function MD5() { + this.ieCompatibility = false; + } + MD5.prototype.init = function () { + this.ieCompatibility = (this.md5('hello') != '5d41402abc4b2a76b9719d911017c592'); + }; + MD5.prototype.md5cycle = function (x, k) { + var a = x[0], b = x[1], c = x[2], d = x[3]; + a = this.ff(a, b, c, d, k[0], 7, -680876936); + d = this.ff(d, a, b, c, k[1], 12, -389564586); + c = this.ff(c, d, a, b, k[2], 17, 606105819); + b = this.ff(b, c, d, a, k[3], 22, -1044525330); + a = this.ff(a, b, c, d, k[4], 7, -176418897); + d = this.ff(d, a, b, c, k[5], 12, 1200080426); + c = this.ff(c, d, a, b, k[6], 17, -1473231341); + b = this.ff(b, c, d, a, k[7], 22, -45705983); + a = this.ff(a, b, c, d, k[8], 7, 1770035416); + d = this.ff(d, a, b, c, k[9], 12, -1958414417); + c = this.ff(c, d, a, b, k[10], 17, -42063); + b = this.ff(b, c, d, a, k[11], 22, -1990404162); + a = this.ff(a, b, c, d, k[12], 7, 1804603682); + d = this.ff(d, a, b, c, k[13], 12, -40341101); + c = this.ff(c, d, a, b, k[14], 17, -1502002290); + b = this.ff(b, c, d, a, k[15], 22, 1236535329); + a = this.gg(a, b, c, d, k[1], 5, -165796510); + d = this.gg(d, a, b, c, k[6], 9, -1069501632); + c = this.gg(c, d, a, b, k[11], 14, 643717713); + b = this.gg(b, c, d, a, k[0], 20, -373897302); + a = this.gg(a, b, c, d, k[5], 5, -701558691); + d = this.gg(d, a, b, c, k[10], 9, 38016083); + c = this.gg(c, d, a, b, k[15], 14, -660478335); + b = this.gg(b, c, d, a, k[4], 20, -405537848); + a = this.gg(a, b, c, d, k[9], 5, 568446438); + d = this.gg(d, a, b, c, k[14], 9, -1019803690); + c = this.gg(c, d, a, b, k[3], 14, -187363961); + b = this.gg(b, c, d, a, k[8], 20, 1163531501); + a = this.gg(a, b, c, d, k[13], 5, -1444681467); + d = this.gg(d, a, b, c, k[2], 9, -51403784); + c = this.gg(c, d, a, b, k[7], 14, 1735328473); + b = this.gg(b, c, d, a, k[12], 20, -1926607734); + a = this.hh(a, b, c, d, k[5], 4, -378558); + d = this.hh(d, a, b, c, k[8], 11, -2022574463); + c = this.hh(c, d, a, b, k[11], 16, 1839030562); + b = this.hh(b, c, d, a, k[14], 23, -35309556); + a = this.hh(a, b, c, d, k[1], 4, -1530992060); + d = this.hh(d, a, b, c, k[4], 11, 1272893353); + c = this.hh(c, d, a, b, k[7], 16, -155497632); + b = this.hh(b, c, d, a, k[10], 23, -1094730640); + a = this.hh(a, b, c, d, k[13], 4, 681279174); + d = this.hh(d, a, b, c, k[0], 11, -358537222); + c = this.hh(c, d, a, b, k[3], 16, -722521979); + b = this.hh(b, c, d, a, k[6], 23, 76029189); + a = this.hh(a, b, c, d, k[9], 4, -640364487); + d = this.hh(d, a, b, c, k[12], 11, -421815835); + c = this.hh(c, d, a, b, k[15], 16, 530742520); + b = this.hh(b, c, d, a, k[2], 23, -995338651); + a = this.ii(a, b, c, d, k[0], 6, -198630844); + d = this.ii(d, a, b, c, k[7], 10, 1126891415); + c = this.ii(c, d, a, b, k[14], 15, -1416354905); + b = this.ii(b, c, d, a, k[5], 21, -57434055); + a = this.ii(a, b, c, d, k[12], 6, 1700485571); + d = this.ii(d, a, b, c, k[3], 10, -1894986606); + c = this.ii(c, d, a, b, k[10], 15, -1051523); + b = this.ii(b, c, d, a, k[1], 21, -2054922799); + a = this.ii(a, b, c, d, k[8], 6, 1873313359); + d = this.ii(d, a, b, c, k[15], 10, -30611744); + c = this.ii(c, d, a, b, k[6], 15, -1560198380); + b = this.ii(b, c, d, a, k[13], 21, 1309151649); + a = this.ii(a, b, c, d, k[4], 6, -145523070); + d = this.ii(d, a, b, c, k[11], 10, -1120210379); + c = this.ii(c, d, a, b, k[2], 15, 718787259); + b = this.ii(b, c, d, a, k[9], 21, -343485551); + x[0] = this.add32(a, x[0]); + x[1] = this.add32(b, x[1]); + x[2] = this.add32(c, x[2]); + x[3] = this.add32(d, x[3]); + }; + MD5.prototype.cmn = function (q, a, b, x, s, t) { + a = this.add32(this.add32(a, q), this.add32(x, t)); + return this.add32((a << s) | (a >>> (32 - s)), b); + }; + MD5.prototype.ff = function (a, b, c, d, x, s, t) { + return this.cmn((b & c) | ((~b) & d), a, b, x, s, t); + }; + MD5.prototype.gg = function (a, b, c, d, x, s, t) { + return this.cmn((b & d) | (c & (~d)), a, b, x, s, t); + }; + MD5.prototype.hh = function (a, b, c, d, x, s, t) { + return this.cmn(b ^ c ^ d, a, b, x, s, t); + }; + MD5.prototype.ii = function (a, b, c, d, x, s, t) { + return this.cmn(c ^ (b | (~d)), a, b, x, s, t); + }; + MD5.prototype.md51 = function (s) { + var n = s.length, state = [1732584193, -271733879, -1732584194, 271733878], i; + for (i = 64; i <= s.length; i += 64) { + this.md5cycle(state, this.md5blk(s.substring(i - 64, i))); + } + s = s.substring(i - 64); + var tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; + for (i = 0; i < s.length; i++) + tail[i >> 2] |= s.charCodeAt(i) << ((i % 4) << 3); + tail[i >> 2] |= 0x80 << ((i % 4) << 3); + if (i > 55) { + this.md5cycle(state, tail); + for (i = 0; i < 16; i++) + tail[i] = 0; + } + tail[14] = n * 8; + this.md5cycle(state, tail); + return state; + }; + /* there needs to be support for Unicode here, * unless we pretend that we can redefine the MD-5 + * algorithm for multi-byte characters (perhaps by adding every four 16-bit characters and + * shortening the sum to 32 bits). Otherwise I suthis.ggest performing MD-5 as if every character + * was two bytes--e.g., 0040 0025 = @%--but then how will an ordinary MD-5 sum be matched? + * There is no way to standardize text to something like UTF-8 before transformation; speed cost is + * utterly prohibitive. The JavaScript standard itself needs to look at this: it should start + * providing access to strings as preformed UTF-8 8-bit unsigned value arrays. + */ + MD5.prototype.md5blk = function (s) { + var md5blks = [], i; + /* Andy King said do it this way. */ + for (i = 0; i < 64; i += 4) { + md5blks[i >> 2] = s.charCodeAt(i) + + (s.charCodeAt(i + 1) << 8) + + (s.charCodeAt(i + 2) << 16) + + (s.charCodeAt(i + 3) << 24); + } + return md5blks; + }; + MD5.prototype.rhex = function (n) { + var hex_chr = '0123456789abcdef'.split(''); + var s = '', j = 0; + for (; j < 4; j++) + s += hex_chr[(n >> (j * 8 + 4)) & 0x0F] + + hex_chr[(n >> (j * 8)) & 0x0F]; + return s; + }; + MD5.prototype.hex = function (x) { + for (var i = 0; i < x.length; i++) + x[i] = this.rhex(x[i]); + return x.join(''); + }; + MD5.prototype.md5 = function (s) { + return this.hex(this.md51(s)); + }; + MD5.prototype.add32 = function (a, b) { + return this.ieCompatibility ? this.add32Compat(a, b) : this.add32Std(a, b); + }; + /* this function is much faster, so if possible we use it. Some IEs are the only ones I know of that + need the idiotic second function, generated by an if clause. */ + MD5.prototype.add32Std = function (a, b) { + return (a + b) & 0xFFFFFFFF; + }; + MD5.prototype.add32Compat = function (x, y) { + var lsw = (x & 0xFFFF) + (y & 0xFFFF), msw = (x >> 16) + (y >> 16) + (lsw >> 16); + return (msw << 16) | (lsw & 0xFFFF); + }; + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], MD5.prototype, "init", null); + MD5 = __decorate([ + main_1.Bean('md5') + ], MD5); + return MD5; + }()); + exports.MD5 = MD5; + + +/***/ }), +/* 173 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var DetailCellRenderer = (function (_super) { + __extends(DetailCellRenderer, _super); + function DetailCellRenderer() { + return _super !== null && _super.apply(this, arguments) || this; + } + DetailCellRenderer.prototype.init = function (params) { + var _this = this; + this.rowId = params.node.id; + this.masterGridApi = params.api; + this.selectAndSetTemplate(params); + if (main_1._.exists(this.eDetailGrid)) { + this.addThemeToDetailGrid(); + this.createDetailsGrid(params); + this.registerDetailWithMaster(params.node); + this.loadRowData(params); + setTimeout(function () { return _this.detailGridOptions.api.doLayout(); }, 0); + } + else { + console.warn('ag-Grid: reference to eDetailGrid was missing from the details template. ' + + 'Please add ref="eDetailGrid" to the template.'); + } + }; + DetailCellRenderer.prototype.addThemeToDetailGrid = function () { + // this is needed by environment service of the child grid, the class needs to be on + // the grid div itself - the browser's CSS on the other hand just inherits from the parent grid theme. + var theme = this.environment.getTheme(); + if (main_1._.exists(theme)) { + main_1._.addCssClass(this.eDetailGrid, theme); + } + }; + DetailCellRenderer.prototype.registerDetailWithMaster = function (rowNode) { + var _this = this; + var gridInfo = { + id: this.rowId, + api: this.detailGridOptions.api, + columnApi: this.detailGridOptions.columnApi + }; + // register with api + this.masterGridApi.addDetailGridInfo(this.rowId, gridInfo); + // register with node + rowNode.detailGridInfo = gridInfo; + this.addDestroyFunc(function () { + _this.masterGridApi.removeDetailGridInfo(_this.rowId); // unregister from api + rowNode.detailGridInfo = null; // unregister from node + }); + }; + DetailCellRenderer.prototype.selectAndSetTemplate = function (params) { + var paramsAny = params; + if (main_1._.missing(paramsAny.template)) { + // use default template + this.setTemplate(DetailCellRenderer.TEMPLATE); + } + else { + // use user provided template + if (typeof paramsAny.template === 'string') { + this.setTemplate(paramsAny.template); + } + else if (typeof paramsAny.template === 'function') { + var templateFunc = paramsAny.template; + var template = templateFunc(params); + this.setTemplate(template); + } + else { + console.warn('ag-Grid: detailCellRendererParams.template should be function or string'); + this.setTemplate(DetailCellRenderer.TEMPLATE); + } + } + }; + DetailCellRenderer.prototype.createDetailsGrid = function (params) { + // we clone the detail grid options, as otherwise it would be shared + // across many instances, and that would be a problem because we set + // api and columnApi into gridOptions + var _this = this; + var gridOptions = params.detailGridOptions; + if (main_1._.missing(gridOptions)) { + console.warn('ag-Grid: could not find detail grid options for master detail, ' + + 'please set gridOptions.detailCellRendererParams.detailGridOptions'); + } + // IMPORTANT - gridOptions must be cloned + this.detailGridOptions = main_1._.cloneObject(gridOptions); + new main_1.Grid(this.eDetailGrid, this.detailGridOptions, { + seedBeanInstances: { + // a temporary fix for AG-1574 + // AG-1715 raised to do a wider ranging refactor to improve this + agGridReact: params.agGridReact, + // AG-1716 - directly related to AG-1574 and AG-1715 + frameworkComponentWrapper: params.frameworkComponentWrapper + } + }); + this.addDestroyFunc(function () { return _this.detailGridOptions.api.destroy(); }); + }; + DetailCellRenderer.prototype.loadRowData = function (params) { + var userFunc = params.getDetailRowData; + if (!userFunc) { + console.warn('ag-Grid: could not find getDetailRowData for master / detail, ' + + 'please set gridOptions.detailCellRendererParams.getDetailRowData'); + return; + } + var funcParams = { + node: params.node, + data: params.data, + successCallback: this.setRowData.bind(this) + }; + userFunc(funcParams); + }; + DetailCellRenderer.prototype.setRowData = function (rowData) { + this.detailGridOptions.api.setRowData(rowData); + }; + DetailCellRenderer.TEMPLATE = "
\n
\n
"; + __decorate([ + main_1.RefSelector('eDetailGrid'), + __metadata("design:type", HTMLElement) + ], DetailCellRenderer.prototype, "eDetailGrid", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], DetailCellRenderer.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('environment'), + __metadata("design:type", main_1.Environment) + ], DetailCellRenderer.prototype, "environment", void 0); + return DetailCellRenderer; + }(main_1.Component)); + exports.DetailCellRenderer = DetailCellRenderer; + + +/***/ }), +/* 174 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var statusItem_1 = __webpack_require__(175); + var rangeController_1 = __webpack_require__(158); + var StatusBar = (function (_super) { + __extends(StatusBar, _super); + function StatusBar() { + var _this = _super.call(this, StatusBar.TEMPLATE) || this; + _this.aggregationsComponent = new main_1.Component('
'); + _this.infoLabel = new main_1.Component("
"); + return _this; + } + StatusBar.prototype.registerGridPanel = function (gridPanel) { + this.gridPanel = gridPanel; + }; + StatusBar.prototype.init = function () { + // we want to hide until the first aggregation comes in + this.setVisible(false); + if (!this.gridOptionsWrapper.isEnableStatusBar()) { + return; + } + this.createStatusItems(); + this.eventService.addEventListener(main_1.Events.EVENT_RANGE_SELECTION_CHANGED, this.onRangeSelectionChanged.bind(this)); + this.eventService.addEventListener(main_1.Events.EVENT_MODEL_UPDATED, this.onRangeSelectionChanged.bind(this)); + }; + StatusBar.prototype.createStatusItems = function () { + var _this = this; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + this.statusItemSum = new statusItem_1.StatusItem(localeTextFunc('sum', 'Sum')); + this.statusItemCount = new statusItem_1.StatusItem(localeTextFunc('count', 'Count')); + this.statusItemMin = new statusItem_1.StatusItem(localeTextFunc('min', 'Min')); + this.statusItemMax = new statusItem_1.StatusItem(localeTextFunc('max', 'Max')); + this.statusItemAvg = new statusItem_1.StatusItem(localeTextFunc('average', 'Average')); + this.forEachStatusItem(function (statusItem) { + _this.context.wireBean(statusItem); + _this.aggregationsComponent.appendChild(statusItem); + statusItem.setVisible(false); + }); + this.appendChild(this.infoLabel); + this.appendChild(this.aggregationsComponent); + }; + StatusBar.prototype.forEachStatusItem = function (callback) { + [this.statusItemAvg, this.statusItemCount, this.statusItemMin, this.statusItemMax, this.statusItemSum].forEach(callback); + }; + StatusBar.prototype.onRangeSelectionChanged = function () { + var _this = this; + var cellRanges = this.rangeController.getCellRanges(); + var sum = 0; + var count = 0; + var numberCount = 0; + var min = null; + var max = null; + var cellsSoFar = {}; + if (!main_1._.missingOrEmpty(cellRanges)) { + cellRanges.forEach(function (cellRange) { + // get starting and ending row, remember rowEnd could be before rowStart + var startRow = cellRange.start.getGridRow(); + var endRow = cellRange.end.getGridRow(); + var startRowIsFirst = startRow.before(endRow); + var currentRow = startRowIsFirst ? startRow : endRow; + var lastRow = startRowIsFirst ? endRow : startRow; + while (true) { + var finishedAllRows = main_1._.missing(currentRow) || lastRow.before(currentRow); + if (finishedAllRows) { + break; + } + cellRange.columns.forEach(function (column) { + // we only want to include each cell once, in case a cell is in multiple ranges + var cellId = currentRow.getGridCell(column).createId(); + if (cellsSoFar[cellId]) { + return; + } + cellsSoFar[cellId] = true; + var rowNode = _this.getRowNode(currentRow); + if (main_1._.missing(rowNode)) { + return; + } + var value = _this.valueService.getValue(column, rowNode); + // if empty cell, skip it, doesn't impact count or anything + if (main_1._.missing(value) || value === '') { + return; + } + // see if value is wrapped, can happen when doing count() or avg() functions + if (value.value) { + value = value.value; + } + if (typeof value === 'string') { + value = Number(value); + } + if (typeof value === 'number' && !isNaN(value)) { + sum += value; + if (max === null || value > max) { + max = value; + } + if (min === null || value < min) { + min = value; + } + numberCount++; + } + count++; + }); + currentRow = _this.cellNavigationService.getRowBelow(currentRow); + } + }); + } + var gotResult = this.gridOptionsWrapper.isAlwaysShowStatusBar() || count > 1; + var gotNumberResult = numberCount > 1; + // we should count even if no numbers + if (gotResult) { + this.statusItemCount.setValue(count); + } + this.statusItemCount.setVisible(gotResult); + // if numbers, then show the number items + if (gotNumberResult) { + this.statusItemSum.setValue(sum); + this.statusItemMin.setValue(min); + this.statusItemMax.setValue(max); + this.statusItemAvg.setValue(sum / numberCount); + } + this.statusItemSum.setVisible(gotNumberResult); + this.statusItemMin.setVisible(gotNumberResult); + this.statusItemMax.setVisible(gotNumberResult); + this.statusItemAvg.setVisible(gotNumberResult); + if (this.isVisible() !== gotResult) { + this.setVisible(gotResult); + } + }; + StatusBar.prototype.getRowNode = function (gridRow) { + switch (gridRow.floating) { + case main_1.Constants.PINNED_TOP: + return this.pinnedRowModel.getPinnedTopRowData()[gridRow.rowIndex]; + case main_1.Constants.PINNED_BOTTOM: + return this.pinnedRowModel.getPinnedBottomRowData()[gridRow.rowIndex]; + default: + return this.rowModel.getRow(gridRow.rowIndex); + } + }; + StatusBar.TEMPLATE = '
'; + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], StatusBar.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('rangeController'), + __metadata("design:type", rangeController_1.RangeController) + ], StatusBar.prototype, "rangeController", void 0); + __decorate([ + main_1.Autowired('valueService'), + __metadata("design:type", main_1.ValueService) + ], StatusBar.prototype, "valueService", void 0); + __decorate([ + main_1.Autowired('cellNavigationService'), + __metadata("design:type", main_1.CellNavigationService) + ], StatusBar.prototype, "cellNavigationService", void 0); + __decorate([ + main_1.Autowired('pinnedRowModel'), + __metadata("design:type", main_1.PinnedRowModel) + ], StatusBar.prototype, "pinnedRowModel", void 0); + __decorate([ + main_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], StatusBar.prototype, "rowModel", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], StatusBar.prototype, "context", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], StatusBar.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], StatusBar.prototype, "init", null); + return StatusBar; + }(main_1.Component)); + exports.StatusBar = StatusBar; + + +/***/ }), +/* 175 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var StatusItem = (function (_super) { + __extends(StatusItem, _super); + function StatusItem(label) { + var _this = _super.call(this, StatusItem.TEMPLATE) || this; + _this.queryForHtmlElement('#_label').innerHTML = label; + return _this; + } + StatusItem.prototype.init = function () { + this.lbValue = this.queryForHtmlElement('#_value'); + }; + StatusItem.prototype.setValue = function (value) { + this.lbValue.innerHTML = main_1.Utils.formatNumberTwoDecimalPlacesAndCommas(value); + }; + StatusItem.TEMPLATE = '' + + ' ' + + ' ' + + ''; + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], StatusItem.prototype, "init", null); + return StatusItem; + }(main_1.Component)); + exports.StatusItem = StatusItem; + + +/***/ }), +/* 176 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var clipboardService_1 = __webpack_require__(157); + var menuItemComponent_1 = __webpack_require__(155); + var menuList_1 = __webpack_require__(154); + var menuItemMapper_1 = __webpack_require__(156); + var ContextMenuFactory = (function () { + function ContextMenuFactory() { + } + ContextMenuFactory.prototype.init = function () { + }; + ContextMenuFactory.prototype.hideActiveMenu = function () { + if (this.activeMenu) { + this.activeMenu.destroy(); + } + }; + ContextMenuFactory.prototype.getMenuItems = function (node, column, value) { + var defaultMenuOptions; + if (ag_grid_1.Utils.exists(node)) { + defaultMenuOptions = []; + if (column) { + // only makes sense if column exists, could have originated from a row + defaultMenuOptions = ['copy', 'copyWithHeaders', 'paste', 'separator']; + } + defaultMenuOptions.push('toolPanel'); + // if user clicks a cell + var suppressExcel = this.gridOptionsWrapper.isSuppressExcelExport(); + var suppressCsv = this.gridOptionsWrapper.isSuppressCsvExport(); + var onIPad = ag_grid_1._.isUserAgentIPad(); + var anyExport = !onIPad && (!suppressExcel || !suppressCsv); + if (anyExport) { + defaultMenuOptions.push('export'); + } + } + else { + // if user clicks outside of a cell (eg below the rows, or not rows present) + defaultMenuOptions = ['toolPanel']; + } + if (this.gridOptionsWrapper.getContextMenuItemsFunc()) { + var userFunc = this.gridOptionsWrapper.getContextMenuItemsFunc(); + var params = { + node: node, + column: column, + value: value, + defaultItems: defaultMenuOptions, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + context: this.gridOptionsWrapper.getContext() + }; + var menuItemsFromUser = userFunc(params); + return menuItemsFromUser; + } + else { + return defaultMenuOptions; + } + }; + ContextMenuFactory.prototype.showMenu = function (node, column, value, mouseEvent) { + var _this = this; + var menuItems = this.getMenuItems(node, column, value); + if (ag_grid_1.Utils.missingOrEmpty(menuItems)) { + return; + } + var menu = new ContextMenu(menuItems); + this.context.wireBean(menu); + var eMenuGui = menu.getGui(); + // need to show filter before positioning, as only after filter + // is visible can we find out what the width of it is + var hidePopup = this.popupService.addAsModalPopup(eMenuGui, true, function () { return menu.destroy(); }, mouseEvent); + this.popupService.positionPopupUnderMouseEvent({ + column: column, + rowNode: node, + type: 'contextMenu', + mouseEvent: mouseEvent, + ePopup: eMenuGui + }); + menu.afterGuiAttached({ + hidePopup: hidePopup + }); + this.activeMenu = menu; + menu.addEventListener(ag_grid_1.BeanStub.EVENT_DESTROYED, function () { + if (_this.activeMenu === menu) { + _this.activeMenu = null; + } + }); + }; + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], ContextMenuFactory.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('popupService'), + __metadata("design:type", ag_grid_1.PopupService) + ], ContextMenuFactory.prototype, "popupService", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], ContextMenuFactory.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('rowModel'), + __metadata("design:type", Object) + ], ContextMenuFactory.prototype, "rowModel", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ContextMenuFactory.prototype, "init", null); + ContextMenuFactory = __decorate([ + ag_grid_1.Bean('contextMenuFactory') + ], ContextMenuFactory); + return ContextMenuFactory; + }()); + exports.ContextMenuFactory = ContextMenuFactory; + var ContextMenu = (function (_super) { + __extends(ContextMenu, _super); + function ContextMenu(menuItems) { + var _this = _super.call(this, '
') || this; + _this.menuItems = menuItems; + return _this; + } + ContextMenu.prototype.addMenuItems = function () { + var menuList = new menuList_1.MenuList(); + this.context.wireBean(menuList); + var menuItemsMapped = this.menuItemMapper.mapWithStockItems(this.menuItems, null); + menuList.addMenuItems(menuItemsMapped); + this.appendChild(menuList); + menuList.addEventListener(menuItemComponent_1.MenuItemComponent.EVENT_ITEM_SELECTED, this.destroy.bind(this)); + }; + ContextMenu.prototype.afterGuiAttached = function (params) { + this.addDestroyFunc(params.hidePopup); + // if the body scrolls, we want to hide the menu, as the menu will not appear in the right location anymore + this.addDestroyableEventListener(this.eventService, 'bodyScroll', this.destroy.bind(this)); + }; + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], ContextMenu.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('clipboardService'), + __metadata("design:type", clipboardService_1.ClipboardService) + ], ContextMenu.prototype, "clipboardService", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], ContextMenu.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('gridApi'), + __metadata("design:type", ag_grid_1.GridApi) + ], ContextMenu.prototype, "gridApi", void 0); + __decorate([ + ag_grid_1.Autowired('eventService'), + __metadata("design:type", ag_grid_1.EventService) + ], ContextMenu.prototype, "eventService", void 0); + __decorate([ + ag_grid_1.Autowired('menuItemMapper'), + __metadata("design:type", menuItemMapper_1.MenuItemMapper) + ], ContextMenu.prototype, "menuItemMapper", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ContextMenu.prototype, "addMenuItems", null); + return ContextMenu; + }(ag_grid_1.Component)); + + +/***/ }), +/* 177 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var ViewportRowModel = (function () { + function ViewportRowModel() { + // rowRenderer tells us these + this.firstRow = -1; + this.lastRow = -1; + // datasource tells us this + this.rowCount = -1; + this.rowNodesByIndex = {}; + } + ViewportRowModel.prototype.init = function () { + this.rowHeight = this.gridOptionsWrapper.getRowHeightAsNumber(); + this.eventService.addEventListener(main_1.Events.EVENT_VIEWPORT_CHANGED, this.onViewportChanged.bind(this)); + var viewportEnabled = this.gridOptionsWrapper.isRowModelViewport(); + if (viewportEnabled && this.gridOptionsWrapper.getViewportDatasource()) { + this.setViewportDatasource(this.gridOptionsWrapper.getViewportDatasource()); + } + }; + ViewportRowModel.prototype.isLastRowFound = function () { + return true; + }; + ViewportRowModel.prototype.destroyDatasource = function () { + if (this.viewportDatasource && this.viewportDatasource.destroy) { + this.viewportDatasource.destroy(); + } + }; + ViewportRowModel.prototype.calculateFirstRow = function (firstRenderedRow) { + var bufferSize = this.gridOptionsWrapper.getViewportRowModelBufferSize(); + var pageSize = this.gridOptionsWrapper.getViewportRowModelPageSize(); + var afterBuffer = firstRenderedRow - bufferSize; + if (afterBuffer < 0) { + return 0; + } + else { + return Math.floor(afterBuffer / pageSize) * pageSize; + } + }; + ViewportRowModel.prototype.calculateLastRow = function (lastRenderedRow) { + var bufferSize = this.gridOptionsWrapper.getViewportRowModelBufferSize(); + var pageSize = this.gridOptionsWrapper.getViewportRowModelPageSize(); + var afterBuffer = lastRenderedRow + bufferSize; + var result = Math.ceil(afterBuffer / pageSize) * pageSize; + if (result <= this.rowCount) { + return result; + } + else { + return this.rowCount; + } + }; + ViewportRowModel.prototype.onViewportChanged = function (event) { + var newFirst = this.calculateFirstRow(event.firstRow); + var newLast = this.calculateLastRow(event.lastRow); + if (this.firstRow !== newFirst || this.lastRow !== newLast) { + this.firstRow = newFirst; + this.lastRow = newLast; + this.purgeRowsNotInViewport(); + if (this.viewportDatasource) { + this.viewportDatasource.setViewportRange(this.firstRow, this.lastRow); + } + } + }; + ViewportRowModel.prototype.purgeRowsNotInViewport = function () { + var _this = this; + Object.keys(this.rowNodesByIndex).forEach(function (indexStr) { + var index = parseInt(indexStr); + if (index < _this.firstRow || index > _this.lastRow) { + delete _this.rowNodesByIndex[index]; + } + }); + }; + ViewportRowModel.prototype.setViewportDatasource = function (viewportDatasource) { + this.destroyDatasource(); + this.viewportDatasource = viewportDatasource; + this.rowCount = 0; + if (!viewportDatasource.init) { + console.warn('ag-Grid: viewport is missing init method.'); + } + else { + viewportDatasource.init({ + setRowCount: this.setRowCount.bind(this), + setRowData: this.setRowData.bind(this), + getRow: this.getRow.bind(this) + }); + } + }; + ViewportRowModel.prototype.getType = function () { + return main_1.Constants.ROW_MODEL_TYPE_VIEWPORT; + }; + ViewportRowModel.prototype.getRow = function (rowIndex) { + if (!this.rowNodesByIndex[rowIndex]) { + this.rowNodesByIndex[rowIndex] = this.createBlankRowNode(rowIndex); + } + return this.rowNodesByIndex[rowIndex]; + }; + ViewportRowModel.prototype.getRowNode = function (id) { + var result = null; + this.forEachNode(function (rowNode) { + if (rowNode.id === id) { + result = rowNode; + } + }); + return result; + }; + ViewportRowModel.prototype.getPageFirstRow = function () { + return 0; + }; + ViewportRowModel.prototype.getPageLastRow = function () { + return this.rowCount - 1; + }; + ViewportRowModel.prototype.getRowCount = function () { + return this.rowCount; + }; + ViewportRowModel.prototype.getRowIndexAtPixel = function (pixel) { + if (this.rowHeight !== 0) { + return Math.floor(pixel / this.rowHeight); + } + else { + return 0; + } + }; + ViewportRowModel.prototype.getRowBounds = function (index) { + return { + rowHeight: this.rowHeight, + rowTop: this.rowHeight * index + }; + }; + ViewportRowModel.prototype.getCurrentPageHeight = function () { + return this.rowCount * this.rowHeight; + }; + ViewportRowModel.prototype.isEmpty = function () { + return this.rowCount > 0; + }; + ViewportRowModel.prototype.isRowsToRender = function () { + return this.rowCount > 0; + }; + ViewportRowModel.prototype.getNodesInRangeForSelection = function (firstInRange, lastInRange) { + var firstIndex = main_1.Utils.missing(firstInRange) ? 0 : firstInRange.rowIndex; + var lastIndex = lastInRange.rowIndex; + var firstNodeOutOfRange = firstIndex < this.firstRow || firstIndex > this.lastRow; + var lastNodeOutOfRange = lastIndex < this.firstRow || lastIndex > this.lastRow; + if (firstNodeOutOfRange || lastNodeOutOfRange) { + return []; + } + var result = []; + var startIndex = firstIndex <= lastIndex ? firstIndex : lastIndex; + var endIndex = firstIndex <= lastIndex ? lastIndex : firstIndex; + for (var i = startIndex; i <= endIndex; i++) { + result.push(this.rowNodesByIndex[i]); + } + return result; + }; + ViewportRowModel.prototype.forEachNode = function (callback) { + var _this = this; + var callbackCount = 0; + Object.keys(this.rowNodesByIndex).forEach(function (indexStr) { + var index = parseInt(indexStr); + var rowNode = _this.rowNodesByIndex[index]; + callback(rowNode, callbackCount); + callbackCount++; + }); + }; + ViewportRowModel.prototype.setRowData = function (rowData) { + var _this = this; + main_1.Utils.iterateObject(rowData, function (indexStr, dataItem) { + var index = parseInt(indexStr); + // we should never keep rows that we didn't specifically ask for, this + // guarantees the contract we have with the server. + if (index >= _this.firstRow && index <= _this.lastRow) { + var rowNode = _this.rowNodesByIndex[index]; + // the abnormal case is we requested a row even though the grid didn't need it + // as a result of the paging and buffer (ie the row is off screen), in which + // case we need to create a new node now + if (main_1.Utils.missing(rowNode)) { + rowNode = _this.createBlankRowNode(index); + _this.rowNodesByIndex[index] = rowNode; + } + // now we deffo have a row node, so set in the details + // if the grid already asked for this row (the normal case), then we would + // of put a placeholder node in place. + rowNode.setDataAndId(dataItem, index.toString()); + } + }); + }; + ViewportRowModel.prototype.createBlankRowNode = function (rowIndex) { + var rowNode = new main_1.RowNode(); + this.context.wireBean(rowNode); + rowNode.setRowHeight(this.rowHeight); + rowNode.setRowTop(this.rowHeight * rowIndex); + rowNode.setRowIndex(rowIndex); + return rowNode; + }; + ViewportRowModel.prototype.setRowCount = function (rowCount) { + if (rowCount !== this.rowCount) { + this.rowCount = rowCount; + var event_1 = { + type: main_1.Events.EVENT_MODEL_UPDATED, + api: this.gridApi, + columnApi: this.columnApi, + newData: false, + newPage: false, + keepRenderedRows: false, + animate: false + }; + this.eventService.dispatchEvent(event_1); + } + }; + ViewportRowModel.prototype.isRowPresent = function (rowNode) { + return false; + }; + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ViewportRowModel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ViewportRowModel.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('selectionController'), + __metadata("design:type", main_1.SelectionController) + ], ViewportRowModel.prototype, "selectionController", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ViewportRowModel.prototype, "context", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], ViewportRowModel.prototype, "gridApi", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], ViewportRowModel.prototype, "columnApi", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ViewportRowModel.prototype, "init", null); + __decorate([ + main_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ViewportRowModel.prototype, "destroyDatasource", null); + ViewportRowModel = __decorate([ + main_1.Bean('rowModel') + ], ViewportRowModel); + return ViewportRowModel; + }()); + exports.ViewportRowModel = ViewportRowModel; + + +/***/ }), +/* 178 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var abstractColumnDropPanel_1 = __webpack_require__(179); + var PivotColumnsPanel = (function (_super) { + __extends(PivotColumnsPanel, _super); + function PivotColumnsPanel(horizontal) { + return _super.call(this, horizontal, false, 'pivot') || this; + } + PivotColumnsPanel.prototype.passBeansUp = function () { + _super.prototype.setBeans.call(this, { + gridOptionsWrapper: this.gridOptionsWrapper, + eventService: this.eventService, + context: this.context, + loggerFactory: this.loggerFactory, + dragAndDropService: this.dragAndDropService + }); + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var emptyMessage = localeTextFunc('pivotColumnsEmptyMessage', 'Drag here to set column labels'); + var title = localeTextFunc('pivots', 'Column Labels'); + _super.prototype.init.call(this, { + dragAndDropIcon: main_1.DragAndDropService.ICON_GROUP, + icon: main_1.Utils.createIconNoSpan('pivotPanel', this.gridOptionsWrapper, null), + emptyMessage: emptyMessage, + title: title + }); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.refresh.bind(this)); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_PIVOT_CHANGED, this.refresh.bind(this)); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.checkVisibility.bind(this)); + this.refresh(); + }; + PivotColumnsPanel.prototype.refresh = function () { + this.checkVisibility(); + this.refreshGui(); + }; + PivotColumnsPanel.prototype.checkVisibility = function () { + var pivotMode = this.columnController.isPivotMode(); + if (this.isHorizontal()) { + // what we do for horizontal (ie the pivot panel at the top) depends + // on the user property as well as pivotMode. + switch (this.gridOptionsWrapper.getPivotPanelShow()) { + case 'always': + this.setVisible(pivotMode); + break; + case 'onlyWhenPivoting': + var pivotActive = this.columnController.isPivotActive(); + this.setVisible(pivotMode && pivotActive); + break; + default: + // never show it + this.setVisible(false); + break; + } + } + else { + // in toolPanel, the pivot panel is always shown when pivot mode is on + this.setVisible(pivotMode); + } + }; + PivotColumnsPanel.prototype.isColumnDroppable = function (column) { + if (this.gridOptionsWrapper.isFunctionsReadOnly()) { + return false; + } + // we never allow grouping of secondary columns + if (!column.isPrimary()) { + return false; + } + var allowPivot = column.isAllowPivot(); + var columnNotAlreadyPivoted = !column.isPivotActive(); + return allowPivot && columnNotAlreadyPivoted; + }; + PivotColumnsPanel.prototype.updateColumns = function (columns) { + if (this.gridOptionsWrapper.isFunctionsPassive()) { + var event_1 = { + type: main_1.Events.EVENT_COLUMN_PIVOT_CHANGE_REQUEST, + columns: columns, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + else { + this.columnController.setPivotColumns(columns, "toolPanelUi"); + } + }; + PivotColumnsPanel.prototype.getIconName = function () { + return this.isPotentialDndColumns() ? main_1.DragAndDropService.ICON_PIVOT : main_1.DragAndDropService.ICON_NOT_ALLOWED; + }; + PivotColumnsPanel.prototype.getExistingColumns = function () { + return this.columnController.getPivotColumns(); + }; + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], PivotColumnsPanel.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], PivotColumnsPanel.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], PivotColumnsPanel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], PivotColumnsPanel.prototype, "context", void 0); + __decorate([ + main_1.Autowired('loggerFactory'), + __metadata("design:type", main_1.LoggerFactory) + ], PivotColumnsPanel.prototype, "loggerFactory", void 0); + __decorate([ + main_1.Autowired('dragAndDropService'), + __metadata("design:type", main_1.DragAndDropService) + ], PivotColumnsPanel.prototype, "dragAndDropService", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], PivotColumnsPanel.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], PivotColumnsPanel.prototype, "gridApi", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], PivotColumnsPanel.prototype, "passBeansUp", null); + PivotColumnsPanel = __decorate([ + main_1.Bean("pivotColumnsPanel"), + __metadata("design:paramtypes", [Boolean]) + ], PivotColumnsPanel); + return PivotColumnsPanel; + }(abstractColumnDropPanel_1.AbstractColumnDropPanel)); + exports.PivotColumnsPanel = PivotColumnsPanel; + + +/***/ }), +/* 179 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var columnComponent_1 = __webpack_require__(180); + var AbstractColumnDropPanel = (function (_super) { + __extends(AbstractColumnDropPanel, _super); + function AbstractColumnDropPanel(horizontal, valueColumn, name) { + var _this = _super.call(this, "
") || this; + _this.state = AbstractColumnDropPanel.STATE_NOT_DRAGGING; + _this.guiDestroyFunctions = []; + _this.childColumnComponents = []; + _this.horizontal = horizontal; + _this.valueColumn = valueColumn; + return _this; + } + AbstractColumnDropPanel.prototype.isHorizontal = function () { + return this.horizontal; + }; + AbstractColumnDropPanel.prototype.setBeans = function (beans) { + this.beans = beans; + }; + AbstractColumnDropPanel.prototype.destroy = function () { + this.destroyGui(); + _super.prototype.destroy.call(this); + }; + AbstractColumnDropPanel.prototype.destroyGui = function () { + this.guiDestroyFunctions.forEach(function (func) { return func(); }); + this.guiDestroyFunctions.length = 0; + this.childColumnComponents.length = 0; + main_1.Utils.removeAllChildren(this.getGui()); + }; + AbstractColumnDropPanel.prototype.init = function (params) { + this.params = params; + this.logger = this.beans.loggerFactory.create('AbstractColumnDropPanel'); + this.beans.eventService.addEventListener(main_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.refreshGui.bind(this)); + this.addDestroyableEventListener(this.beans.gridOptionsWrapper, 'functionsReadOnly', this.refreshGui.bind(this)); + this.setupDropTarget(); + // we don't know if this bean will be initialised before columnController. + // if columnController first, then below will work + // if columnController second, then below will put blank in, and then above event gets first when columnController is set up + this.refreshGui(); + }; + AbstractColumnDropPanel.prototype.setupDropTarget = function () { + 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); + }; + AbstractColumnDropPanel.prototype.isInterestedIn = function (type) { + // not interested in row drags + return type === main_1.DragSourceType.HeaderCell || type === main_1.DragSourceType.ToolPanel; + }; + AbstractColumnDropPanel.prototype.checkInsertIndex = function (draggingEvent) { + var newIndex; + if (this.horizontal) { + newIndex = this.getNewHorizontalInsertIndex(draggingEvent); + } + else { + newIndex = this.getNewVerticalInsertIndex(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; + }; + AbstractColumnDropPanel.prototype.getNewHorizontalInsertIndex = function (draggingEvent) { + if (main_1.Utils.missing(draggingEvent.hDirection)) { + return -1; + } + var newIndex = 0; + var mouseEvent = draggingEvent.event; + var enableRtl = this.beans.gridOptionsWrapper.isEnableRtl(); + var goingLeft = draggingEvent.hDirection === main_1.HDirection.Left; + var mouseX = mouseEvent.clientX; + this.childColumnComponents.forEach(function (childColumn) { + var rect = childColumn.getGui().getBoundingClientRect(); + var rectX = goingLeft ? rect.right : rect.left; + var horizontalFit = enableRtl ? (mouseX <= rectX) : (mouseX >= rectX); + if (horizontalFit) { + newIndex++; + } + }); + return newIndex; + }; + AbstractColumnDropPanel.prototype.getNewVerticalInsertIndex = function (draggingEvent) { + if (main_1.Utils.missing(draggingEvent.vDirection)) { + return -1; + } + var newIndex = 0; + var mouseEvent = draggingEvent.event; + this.childColumnComponents.forEach(function (childColumn) { + var rect = childColumn.getGui().getBoundingClientRect(); + if (draggingEvent.vDirection === main_1.VDirection.Down) { + var verticalFit = mouseEvent.clientY >= rect.top; + if (verticalFit) { + newIndex++; + } + } + else { + var verticalFit = mouseEvent.clientY >= rect.bottom; + if (verticalFit) { + newIndex++; + } + } + }); + return newIndex; + }; + AbstractColumnDropPanel.prototype.checkDragStartedBySelf = function (draggingEvent) { + if (this.state !== AbstractColumnDropPanel.STATE_NOT_DRAGGING) { + return; + } + this.state = AbstractColumnDropPanel.STATE_REARRANGE_COLUMNS; + this.potentialDndColumns = draggingEvent.dragSource.dragItemCallback().columns; + this.refreshGui(); + this.checkInsertIndex(draggingEvent); + this.refreshGui(); + }; + AbstractColumnDropPanel.prototype.onDragging = function (draggingEvent) { + this.checkDragStartedBySelf(draggingEvent); + var positionChanged = this.checkInsertIndex(draggingEvent); + if (positionChanged) { + this.refreshGui(); + } + }; + AbstractColumnDropPanel.prototype.onDragEnter = function (draggingEvent) { + // this will contain all columns that are potential drops + var dragColumns = draggingEvent.dragSource.dragItemCallback().columns; + this.state = AbstractColumnDropPanel.STATE_NEW_COLUMNS_IN; + // take out columns that are not groupable + var goodDragColumns = main_1.Utils.filter(dragColumns, this.isColumnDroppable.bind(this)); + var weHaveColumnsToDrag = goodDragColumns.length > 0; + if (weHaveColumnsToDrag) { + this.potentialDndColumns = goodDragColumns; + this.checkInsertIndex(draggingEvent); + this.refreshGui(); + } + }; + AbstractColumnDropPanel.prototype.isPotentialDndColumns = function () { + return main_1.Utils.existsAndNotEmpty(this.potentialDndColumns); + }; + AbstractColumnDropPanel.prototype.onDragLeave = function (draggingEvent) { + // if the dragging started from us, we remove the group, however if it started + // someplace else, then we don't, as it was only 'asking' + if (this.state === AbstractColumnDropPanel.STATE_REARRANGE_COLUMNS) { + var columns = draggingEvent.dragSource.dragItemCallback().columns; + this.removeColumns(columns); + } + if (this.potentialDndColumns) { + this.potentialDndColumns = null; + this.refreshGui(); + } + this.state = AbstractColumnDropPanel.STATE_NOT_DRAGGING; + }; + AbstractColumnDropPanel.prototype.onDragStop = function () { + if (this.potentialDndColumns) { + var success = void 0; + if (this.state === AbstractColumnDropPanel.STATE_NEW_COLUMNS_IN) { + this.addColumns(this.potentialDndColumns); + success = true; + } + else { + success = this.rearrangeColumns(this.potentialDndColumns); + } + this.potentialDndColumns = null; + // 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. + if (this.beans.gridOptionsWrapper.isFunctionsPassive()) { + // when functions are passive, we don't refresh, + // unless there was no change in the order, then we + // do need to refresh to reset the columns + if (!success) { + this.refreshGui(); + } + } + else { + this.refreshGui(); + } + } + this.state = AbstractColumnDropPanel.STATE_NOT_DRAGGING; + }; + AbstractColumnDropPanel.prototype.removeColumns = function (columnsToRemove) { + var newColumnList = this.getExistingColumns().slice(); + columnsToRemove.forEach(function (column) { return main_1.Utils.removeFromArray(newColumnList, column); }); + this.updateColumns(newColumnList); + }; + AbstractColumnDropPanel.prototype.addColumns = function (columnsToAdd) { + var newColumnList = this.getExistingColumns().slice(); + main_1.Utils.insertArrayIntoArray(newColumnList, columnsToAdd, this.insertIndex); + this.updateColumns(newColumnList); + }; + AbstractColumnDropPanel.prototype.rearrangeColumns = function (columnsToAdd) { + var newColumnList = this.getNonGhostColumns().slice(); + main_1.Utils.insertArrayIntoArray(newColumnList, columnsToAdd, this.insertIndex); + var noChangeDetected = main_1.Utils.shallowCompare(newColumnList, this.getExistingColumns()); + if (noChangeDetected) { + return false; + } + else { + this.updateColumns(newColumnList); + return true; + } + }; + AbstractColumnDropPanel.prototype.refreshGui = function () { + this.destroyGui(); + this.addIconAndTitleToGui(); + this.addEmptyMessageToGui(); + this.addColumnsToGui(); + }; + AbstractColumnDropPanel.prototype.getNonGhostColumns = function () { + var _this = this; + var existingColumns = this.getExistingColumns(); + var nonGhostColumns; + if (main_1.Utils.exists(this.potentialDndColumns)) { + nonGhostColumns = main_1.Utils.filter(existingColumns, function (column) { return _this.potentialDndColumns.indexOf(column) < 0; }); + } + else { + nonGhostColumns = existingColumns; + } + return nonGhostColumns; + }; + AbstractColumnDropPanel.prototype.addColumnsToGui = function () { + var _this = this; + var nonGhostColumns = this.getNonGhostColumns(); + var itemsToAddToGui = []; + var addingGhosts = main_1.Utils.exists(this.potentialDndColumns); + nonGhostColumns.forEach(function (column, index) { + if (addingGhosts && index >= _this.insertIndex) { + return; + } + var columnComponent = _this.createColumnComponent(column, false); + itemsToAddToGui.push(columnComponent); + }); + if (this.potentialDndColumns) { + this.potentialDndColumns.forEach(function (column) { + var columnComponent = _this.createColumnComponent(column, true); + itemsToAddToGui.push(columnComponent); + }); + nonGhostColumns.forEach(function (column, index) { + if (index < _this.insertIndex) { + return; + } + var columnComponent = _this.createColumnComponent(column, false); + itemsToAddToGui.push(columnComponent); + }); + } + var eContainer = document.createElement('div'); + main_1._.addCssClass(eContainer, 'ag-column-drop-list'); + this.getGui().appendChild(eContainer); + itemsToAddToGui.forEach(function (columnComponent, index) { + var needSeparator = index !== 0; + if (needSeparator) { + _this.addArrow(eContainer); + } + eContainer.appendChild(columnComponent.getGui()); + }); + }; + AbstractColumnDropPanel.prototype.createColumnComponent = function (column, ghost) { + var columnComponent = new columnComponent_1.ColumnComponent(column, this.dropTarget, ghost, this.valueColumn); + columnComponent.addEventListener(columnComponent_1.ColumnComponent.EVENT_COLUMN_REMOVE, this.removeColumns.bind(this, [column])); + this.beans.context.wireBean(columnComponent); + this.guiDestroyFunctions.push(function () { return columnComponent.destroy(); }); + if (!ghost) { + this.childColumnComponents.push(columnComponent); + } + return columnComponent; + }; + AbstractColumnDropPanel.prototype.addIconAndTitleToGui = function () { + var iconFaded = this.horizontal && this.isExistingColumnsEmpty(); + var eGroupIcon = this.params.icon; + var eContainer = document.createElement('div'); + main_1.Utils.addCssClass(eGroupIcon, 'ag-column-drop-icon'); + main_1.Utils.addOrRemoveCssClass(eGroupIcon, 'ag-faded', iconFaded); + eContainer.appendChild(eGroupIcon); + if (!this.horizontal) { + var eTitle = document.createElement('span'); + eTitle.innerHTML = this.params.title; + main_1.Utils.addCssClass(eTitle, 'ag-column-drop-title'); + main_1.Utils.addOrRemoveCssClass(eTitle, 'ag-faded', iconFaded); + eContainer.appendChild(eTitle); + } + this.getGui().appendChild(eContainer); + }; + AbstractColumnDropPanel.prototype.isExistingColumnsEmpty = function () { + return this.getExistingColumns().length === 0; + }; + AbstractColumnDropPanel.prototype.addEmptyMessageToGui = function () { + var showEmptyMessage = this.isExistingColumnsEmpty() && !this.potentialDndColumns; + if (!showEmptyMessage) { + return; + } + var eMessage = document.createElement('span'); + eMessage.innerHTML = this.params.emptyMessage; + main_1.Utils.addCssClass(eMessage, 'ag-column-drop-empty-message'); + this.getGui().appendChild(eMessage); + }; + AbstractColumnDropPanel.prototype.addArrow = function (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.gridOptionsWrapper.isEnableRtl(); + var charCode = enableRtl ? + AbstractColumnDropPanel.CHAR_LEFT_ARROW : AbstractColumnDropPanel.CHAR_RIGHT_ARROW; + var spanClass = enableRtl ? 'ag-left-arrow' : 'ag-right-arrow'; + var eArrow = document.createElement('span'); + eArrow.className = spanClass; + eArrow.innerHTML = charCode; + eParent.appendChild(eArrow); + } + }; + AbstractColumnDropPanel.STATE_NOT_DRAGGING = 'notDragging'; + AbstractColumnDropPanel.STATE_NEW_COLUMNS_IN = 'newColumnsIn'; + AbstractColumnDropPanel.STATE_REARRANGE_COLUMNS = 'rearrangeColumns'; + AbstractColumnDropPanel.CHAR_LEFT_ARROW = '←'; + AbstractColumnDropPanel.CHAR_RIGHT_ARROW = '→'; + return AbstractColumnDropPanel; + }(main_1.Component)); + exports.AbstractColumnDropPanel = AbstractColumnDropPanel; + + +/***/ }), +/* 180 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var virtualList_1 = __webpack_require__(168); + var aggFuncService_1 = __webpack_require__(159); + var ColumnComponent = (function (_super) { + __extends(ColumnComponent, _super); + function ColumnComponent(column, dragSourceDropTarget, ghost, valueColumn) { + var _this = _super.call(this) || this; + _this.popupShowing = false; + _this.valueColumn = valueColumn; + _this.column = column; + _this.dragSourceDropTarget = dragSourceDropTarget; + _this.ghost = ghost; + return _this; + } + ColumnComponent.prototype.init = function () { + this.setTemplate(ColumnComponent.TEMPLATE); + this.displayName = this.columnController.getDisplayNameForColumn(this.column, 'columnDrop'); + this.setupComponents(); + if (!this.ghost && !this.gridOptionsWrapper.isFunctionsReadOnly()) { + this.addDragSource(); + } + }; + ColumnComponent.prototype.addDragSource = function () { + var _this = this; + var dragSource = { + type: main_1.DragSourceType.ToolPanel, + eElement: this.eDragHandle, + dragItemCallback: function () { return _this.createDragItem(); }, + dragItemName: this.displayName, + dragSourceDropTarget: this.dragSourceDropTarget + }; + this.dragAndDropService.addDragSource(dragSource, true); + this.addDestroyFunc(function () { return _this.dragAndDropService.removeDragSource(dragSource); }); + }; + ColumnComponent.prototype.createDragItem = function () { + var visibleState = {}; + visibleState[this.column.getId()] = this.column.isVisible(); + return { + columns: [this.column], + visibleState: visibleState + }; + }; + ColumnComponent.prototype.setupComponents = function () { + this.setTextValue(); + this.setupRemove(); + if (this.ghost) { + main_1.Utils.addCssClass(this.getGui(), 'ag-column-drop-cell-ghost'); + } + if (this.valueColumn && !this.gridOptionsWrapper.isFunctionsReadOnly()) { + this.addGuiEventListener('click', this.onShowAggFuncSelection.bind(this)); + } + }; + ColumnComponent.prototype.setupRemove = function () { + var _this = this; + main_1.Utils.setVisible(this.btRemove, !this.gridOptionsWrapper.isFunctionsReadOnly()); + this.addDestroyableEventListener(this.btRemove, 'click', function (mouseEvent) { + var agEvent = { type: ColumnComponent.EVENT_COLUMN_REMOVE }; + _this.dispatchEvent(agEvent); + mouseEvent.stopPropagation(); + }); + var touchListener = new main_1.TouchListener(this.btRemove); + this.addDestroyableEventListener(touchListener, main_1.TouchListener.EVENT_TAP, function (event) { + var agEvent = { type: ColumnComponent.EVENT_COLUMN_REMOVE }; + _this.dispatchEvent(agEvent); + }); + this.addDestroyFunc(touchListener.destroy.bind(touchListener)); + }; + ColumnComponent.prototype.setTextValue = function () { + var displayValue; + if (this.valueColumn) { + var aggFunc = this.column.getAggFunc(); + // if aggFunc is a string, we can use it, but if it's a function, then we swap with 'func' + var aggFuncString = (typeof aggFunc === 'string') ? aggFunc : 'agg'; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var aggFuncStringTranslated = localeTextFunc(aggFuncString, aggFuncString); + displayValue = aggFuncStringTranslated + "(" + this.displayName + ")"; + } + else { + displayValue = this.displayName; + } + this.eText.innerHTML = displayValue; + }; + ColumnComponent.prototype.onShowAggFuncSelection = function () { + var _this = this; + if (this.popupShowing) { + return; + } + this.popupShowing = true; + var virtualList = new virtualList_1.VirtualList(); + var rows = this.aggFuncService.getFuncNames(this.column); + virtualList.setModel({ + getRow: function (index) { return rows[index]; }, + getRowCount: function () { return rows.length; } + }); + this.context.wireBean(virtualList); + var ePopup = main_1.Utils.loadTemplate('
'); + ePopup.style.top = '0px'; + ePopup.style.left = '0px'; + ePopup.appendChild(virtualList.getGui()); + // ePopup.style.height = this.gridOptionsWrapper.getAggFuncPopupHeight() + 'px'; + ePopup.style.width = this.getGui().clientWidth + 'px'; + var popupHiddenFunc = function () { + virtualList.destroy(); + _this.popupShowing = false; + }; + var hidePopup = this.popupService.addAsModalPopup(ePopup, true, popupHiddenFunc); + virtualList.setComponentCreator(this.createAggSelect.bind(this, hidePopup)); + this.popupService.positionPopupUnderComponent({ + type: 'aggFuncSelect', + eventSource: this.getGui(), + ePopup: ePopup, + keepWithinBounds: true, + column: this.column + }); + virtualList.refresh(); + }; + ColumnComponent.prototype.createAggSelect = function (hidePopup, value) { + var _this = this; + var itemSelected = function () { + hidePopup(); + if (_this.gridOptionsWrapper.isFunctionsPassive()) { + var event_1 = { + type: main_1.Events.EVENT_COLUMN_AGG_FUNC_CHANGE_REQUEST, + columns: [_this.column], + aggFunc: value, + api: _this.gridApi, + columnApi: _this.columnApi + }; + _this.eventService.dispatchEvent(event_1); + } + else { + _this.columnController.setColumnAggFunc(_this.column, value, "toolPanelDragAndDrop"); + } + }; + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var aggFuncString = value.toString(); + var aggFuncStringTranslated = localeTextFunc(aggFuncString, aggFuncString); + var comp = new AggItemComp(itemSelected, aggFuncStringTranslated); + return comp; + }; + ColumnComponent.EVENT_COLUMN_REMOVE = 'columnRemove'; + ColumnComponent.TEMPLATE = "\n \n \n ✖\n "; + __decorate([ + main_1.Autowired('dragAndDropService'), + __metadata("design:type", main_1.DragAndDropService) + ], ColumnComponent.prototype, "dragAndDropService", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ColumnComponent.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ColumnComponent.prototype, "context", void 0); + __decorate([ + main_1.Autowired('popupService'), + __metadata("design:type", main_1.PopupService) + ], ColumnComponent.prototype, "popupService", void 0); + __decorate([ + main_1.Autowired('aggFuncService'), + __metadata("design:type", aggFuncService_1.AggFuncService) + ], ColumnComponent.prototype, "aggFuncService", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ColumnComponent.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ColumnComponent.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], ColumnComponent.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], ColumnComponent.prototype, "gridApi", void 0); + __decorate([ + main_1.QuerySelector('.ag-column-drop-cell-text'), + __metadata("design:type", HTMLElement) + ], ColumnComponent.prototype, "eText", void 0); + __decorate([ + main_1.QuerySelector('.ag-column-drop-cell-button'), + __metadata("design:type", HTMLElement) + ], ColumnComponent.prototype, "btRemove", void 0); + __decorate([ + main_1.RefSelector('eDragHandle'), + __metadata("design:type", HTMLElement) + ], ColumnComponent.prototype, "eDragHandle", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ColumnComponent.prototype, "init", null); + return ColumnComponent; + }(main_1.Component)); + exports.ColumnComponent = ColumnComponent; + var AggItemComp = (function (_super) { + __extends(AggItemComp, _super); + function AggItemComp(itemSelected, value) { + var _this = _super.call(this, '
') || this; + _this.getGui().innerText = value; + _this.value = value; + _this.addGuiEventListener('click', itemSelected); + return _this; + } + return AggItemComp; + }(main_1.Component)); + + +/***/ }), +/* 181 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var toolPanelColumnComp_1 = __webpack_require__(182); + var toolPanelSelectComp_1 = __webpack_require__(186); + var ToolPanelComp = (function (_super) { + __extends(ToolPanelComp, _super); + function ToolPanelComp() { + return _super.call(this, "
\n \n \n
") || this; + } + ToolPanelComp.prototype.getPreferredWidth = function () { + return this.getGui().clientWidth; + }; + ToolPanelComp.prototype.registerGridComp = function (gridPanel) { + this.toolPanelSelectComp.registerGridComp(gridPanel); + }; + ToolPanelComp.prototype.postConstruct = function () { + this.instantiate(this.context); + this.toolPanelSelectComp.registerColumnComp(this.columnComp); + }; + ToolPanelComp.prototype.refresh = function () { + this.columnComp.refresh(); + }; + ToolPanelComp.prototype.showToolPanel = function (show) { + this.columnComp.setVisible(show); + var event = { + type: main_1.Events.EVENT_TOOL_PANEL_VISIBLE_CHANGED, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi() + }; + this.eventService.dispatchEvent(event); + }; + ToolPanelComp.prototype.isToolPanelShowing = function () { + return this.columnComp.isVisible(); + }; + __decorate([ + main_1.Autowired("context"), + __metadata("design:type", main_1.Context) + ], ToolPanelComp.prototype, "context", void 0); + __decorate([ + main_1.Autowired("eventService"), + __metadata("design:type", main_1.EventService) + ], ToolPanelComp.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ToolPanelComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.RefSelector('toolPanelSelectComp'), + __metadata("design:type", toolPanelSelectComp_1.ToolPanelSelectComp) + ], ToolPanelComp.prototype, "toolPanelSelectComp", void 0); + __decorate([ + main_1.RefSelector('columnComp'), + __metadata("design:type", toolPanelColumnComp_1.ToolPanelColumnComp) + ], ToolPanelComp.prototype, "columnComp", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ToolPanelComp.prototype, "postConstruct", null); + return ToolPanelComp; + }(main_1.Component)); + exports.ToolPanelComp = ToolPanelComp; + + +/***/ }), +/* 182 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var pivotModePanel_1 = __webpack_require__(183); + var valueColumnsPanel_1 = __webpack_require__(184); + var rowGroupColumnsPanel_1 = __webpack_require__(185); + var columnSelectComp_1 = __webpack_require__(149); + var pivotColumnsPanel_1 = __webpack_require__(178); + var ag_grid_1 = __webpack_require__(2); + var ToolPanelColumnComp = (function (_super) { + __extends(ToolPanelColumnComp, _super); + function ToolPanelColumnComp() { + var _this = _super.call(this, ToolPanelColumnComp.TEMPLATE) || this; + _this.initialised = false; + _this.childDestroyFuncs = []; + // referenced in template + _this.componentToResize = _this; + return _this; + } + // lazy initialise the panel + ToolPanelColumnComp.prototype.setVisible = function (visible) { + _super.prototype.setVisible.call(this, visible); + if (visible && !this.initialised) { + this.init(); + } + }; + ToolPanelColumnComp.prototype.init = function () { + this.instantiate(this.context); + if (!this.gridOptionsWrapper.isToolPanelSuppressPivotMode()) { + this.addComponent(new pivotModePanel_1.PivotModePanel()); + } + this.addComponent(new columnSelectComp_1.ColumnSelectComp(true)); + if (!this.gridOptionsWrapper.isToolPanelSuppressRowGroups()) { + this.addComponent(new rowGroupColumnsPanel_1.RowGroupColumnsPanel(false)); + } + if (!this.gridOptionsWrapper.isToolPanelSuppressValues()) { + this.addComponent(new valueColumnsPanel_1.ValuesColumnPanel(false)); + } + if (!this.gridOptionsWrapper.isToolPanelSuppressPivots()) { + this.addComponent(new pivotColumnsPanel_1.PivotColumnsPanel(false)); + } + this.initialised = true; + }; + ToolPanelColumnComp.prototype.addComponent = function (component) { + this.context.wireBean(component); + this.eCenterPanel.appendChild(component.getGui()); + this.childDestroyFuncs.push(component.destroy.bind(component)); + }; + ToolPanelColumnComp.prototype.destroyChildren = function () { + this.childDestroyFuncs.forEach(function (func) { return func(); }); + this.childDestroyFuncs.length = 0; + main_1._.removeAllChildren(this.eCenterPanel); + }; + ToolPanelColumnComp.prototype.refresh = function () { + this.destroyChildren(); + this.init(); + }; + ToolPanelColumnComp.prototype.destroy = function () { + this.destroyChildren(); + _super.prototype.destroy.call(this); + }; + ToolPanelColumnComp.TEMPLATE = "
\n \n
\n
"; + __decorate([ + main_1.Autowired("context"), + __metadata("design:type", main_1.Context) + ], ToolPanelColumnComp.prototype, "context", void 0); + __decorate([ + main_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ToolPanelColumnComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired("gridApi"), + __metadata("design:type", main_1.GridApi) + ], ToolPanelColumnComp.prototype, "gridApi", void 0); + __decorate([ + ag_grid_1.RefSelector('eColumnPanelCenter'), + __metadata("design:type", HTMLElement) + ], ToolPanelColumnComp.prototype, "eCenterPanel", void 0); + return ToolPanelColumnComp; + }(main_1.Component)); + exports.ToolPanelColumnComp = ToolPanelColumnComp; + + +/***/ }), +/* 183 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var PivotModePanel = (function (_super) { + __extends(PivotModePanel, _super); + function PivotModePanel() { + return _super.call(this) || this; + } + PivotModePanel.prototype.createTemplate = function () { + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + return "
\n \n
"; + }; + PivotModePanel.prototype.init = function () { + this.setTemplate(this.createTemplate()); + this.instantiate(this.context); + this.cbPivotMode.setSelected(this.columnController.isPivotMode()); + this.addDestroyableEventListener(this.cbPivotMode, main_1.AgCheckbox.EVENT_CHANGED, this.onBtPivotMode.bind(this)); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.onPivotModeChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onPivotModeChanged.bind(this)); + }; + PivotModePanel.prototype.onBtPivotMode = function () { + var newValue = this.cbPivotMode.isSelected(); + if (newValue !== this.columnController.isPivotMode()) { + this.columnController.setPivotMode(newValue, "toolPanelUi"); + this.gridOptionsWrapper.getApi().refreshHeader(); + } + }; + PivotModePanel.prototype.onPivotModeChanged = function () { + var pivotModeActive = this.columnController.isPivotMode(); + this.cbPivotMode.setSelected(pivotModeActive); + }; + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], PivotModePanel.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], PivotModePanel.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], PivotModePanel.prototype, "context", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], PivotModePanel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.QuerySelector('.ag-pivot-mode-select'), + __metadata("design:type", main_1.AgCheckbox) + ], PivotModePanel.prototype, "cbPivotMode", void 0); + __decorate([ + main_1.PreConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], PivotModePanel.prototype, "init", null); + return PivotModePanel; + }(main_1.Component)); + exports.PivotModePanel = PivotModePanel; + + +/***/ }), +/* 184 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var abstractColumnDropPanel_1 = __webpack_require__(179); + var ValuesColumnPanel = (function (_super) { + __extends(ValuesColumnPanel, _super); + function ValuesColumnPanel(horizontal) { + return _super.call(this, horizontal, true, 'values') || this; + } + ValuesColumnPanel.prototype.passBeansUp = function () { + _super.prototype.setBeans.call(this, { + gridOptionsWrapper: this.gridOptionsWrapper, + eventService: this.eventService, + context: this.context, + loggerFactory: this.loggerFactory, + dragAndDropService: this.dragAndDropService + }); + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var emptyMessage = localeTextFunc('valueColumnsEmptyMessage', 'Drag here to aggregate'); + var title = localeTextFunc('values', 'Values'); + _super.prototype.init.call(this, { + dragAndDropIcon: main_1.DragAndDropService.ICON_AGGREGATE, + icon: main_1.Utils.createIconNoSpan('valuePanel', this.gridOptionsWrapper, null), + emptyMessage: emptyMessage, + title: title + }); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_VALUE_CHANGED, this.refreshGui.bind(this)); + }; + ValuesColumnPanel.prototype.getIconName = function () { + return this.isPotentialDndColumns() ? main_1.DragAndDropService.ICON_AGGREGATE : main_1.DragAndDropService.ICON_NOT_ALLOWED; + }; + ValuesColumnPanel.prototype.isColumnDroppable = function (column) { + if (this.gridOptionsWrapper.isFunctionsReadOnly()) { + return false; + } + // we never allow grouping of secondary columns + if (!column.isPrimary()) { + return false; + } + var columnValue = column.isAllowValue(); + var columnNotValue = !column.isValueActive(); + return columnValue && columnNotValue; + }; + ValuesColumnPanel.prototype.updateColumns = function (columns) { + if (this.gridOptionsWrapper.isFunctionsPassive()) { + var event_1 = { + type: main_1.Events.EVENT_COLUMN_VALUE_CHANGE_REQUEST, + columns: columns, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + else { + this.columnController.setValueColumns(columns, "toolPanelUi"); + } + }; + ValuesColumnPanel.prototype.getExistingColumns = function () { + return this.columnController.getValueColumns(); + }; + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ValuesColumnPanel.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], ValuesColumnPanel.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ValuesColumnPanel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], ValuesColumnPanel.prototype, "context", void 0); + __decorate([ + main_1.Autowired('loggerFactory'), + __metadata("design:type", main_1.LoggerFactory) + ], ValuesColumnPanel.prototype, "loggerFactory", void 0); + __decorate([ + main_1.Autowired('dragAndDropService'), + __metadata("design:type", main_1.DragAndDropService) + ], ValuesColumnPanel.prototype, "dragAndDropService", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], ValuesColumnPanel.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], ValuesColumnPanel.prototype, "gridApi", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ValuesColumnPanel.prototype, "passBeansUp", null); + return ValuesColumnPanel; + }(abstractColumnDropPanel_1.AbstractColumnDropPanel)); + exports.ValuesColumnPanel = ValuesColumnPanel; + + +/***/ }), +/* 185 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var abstractColumnDropPanel_1 = __webpack_require__(179); + var RowGroupColumnsPanel = (function (_super) { + __extends(RowGroupColumnsPanel, _super); + function RowGroupColumnsPanel(horizontal) { + return _super.call(this, horizontal, false, 'row-group') || this; + } + RowGroupColumnsPanel.prototype.passBeansUp = function () { + _super.prototype.setBeans.call(this, { + gridOptionsWrapper: this.gridOptionsWrapper, + eventService: this.eventService, + context: this.context, + loggerFactory: this.loggerFactory, + dragAndDropService: this.dragAndDropService + }); + var localeTextFunc = this.gridOptionsWrapper.getLocaleTextFunc(); + var emptyMessage = localeTextFunc('rowGroupColumnsEmptyMessage', 'Drag here to set row groups'); + var title = localeTextFunc('groups', 'Row Groups'); + _super.prototype.init.call(this, { + dragAndDropIcon: main_1.DragAndDropService.ICON_GROUP, + icon: main_1.Utils.createIconNoSpan('rowGroupPanel', this.gridOptionsWrapper, null), + emptyMessage: emptyMessage, + title: title + }); + this.addDestroyableEventListener(this.eventService, main_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.refreshGui.bind(this)); + }; + RowGroupColumnsPanel.prototype.isColumnDroppable = function (column) { + if (this.gridOptionsWrapper.isFunctionsReadOnly()) { + return false; + } + // we never allow grouping of secondary columns + if (!column.isPrimary()) { + return false; + } + var columnGroupable = column.isAllowRowGroup(); + var columnNotAlreadyGrouped = !column.isRowGroupActive(); + return columnGroupable && columnNotAlreadyGrouped; + }; + RowGroupColumnsPanel.prototype.updateColumns = function (columns) { + if (this.gridOptionsWrapper.isFunctionsPassive()) { + var event_1 = { + type: main_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGE_REQUEST, + columns: columns, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(event_1); + } + else { + this.columnController.setRowGroupColumns(columns, "toolPanelUi"); + } + }; + RowGroupColumnsPanel.prototype.getIconName = function () { + return this.isPotentialDndColumns() ? main_1.DragAndDropService.ICON_GROUP : main_1.DragAndDropService.ICON_NOT_ALLOWED; + }; + RowGroupColumnsPanel.prototype.getExistingColumns = function () { + return this.columnController.getRowGroupColumns(); + }; + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], RowGroupColumnsPanel.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('eventService'), + __metadata("design:type", main_1.EventService) + ], RowGroupColumnsPanel.prototype, "eventService", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], RowGroupColumnsPanel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], RowGroupColumnsPanel.prototype, "context", void 0); + __decorate([ + main_1.Autowired('loggerFactory'), + __metadata("design:type", main_1.LoggerFactory) + ], RowGroupColumnsPanel.prototype, "loggerFactory", void 0); + __decorate([ + main_1.Autowired('dragAndDropService'), + __metadata("design:type", main_1.DragAndDropService) + ], RowGroupColumnsPanel.prototype, "dragAndDropService", void 0); + __decorate([ + main_1.Autowired('columnApi'), + __metadata("design:type", main_1.ColumnApi) + ], RowGroupColumnsPanel.prototype, "columnApi", void 0); + __decorate([ + main_1.Autowired('gridApi'), + __metadata("design:type", main_1.GridApi) + ], RowGroupColumnsPanel.prototype, "gridApi", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], RowGroupColumnsPanel.prototype, "passBeansUp", null); + return RowGroupColumnsPanel; + }(abstractColumnDropPanel_1.AbstractColumnDropPanel)); + exports.RowGroupColumnsPanel = RowGroupColumnsPanel; + + +/***/ }), +/* 186 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var ToolPanelSelectComp = (function (_super) { + __extends(ToolPanelSelectComp, _super); + function ToolPanelSelectComp() { + return _super.call(this, "
") || this; + } + ToolPanelSelectComp.prototype.registerColumnComp = function (columnPanel) { + this.columnPanel = columnPanel; + }; + ToolPanelSelectComp.prototype.registerGridComp = function (gridPanel) { + this.gridPanel = gridPanel; + }; + ToolPanelSelectComp.prototype.postConstruct = function () { + var _this = this; + var translate = this.gridOptionsWrapper.getLocaleTextFunc(); + this.getGui().innerHTML = ""; + var btShow = this.getRefElement("toggle-button"); + this.addDestroyableEventListener(btShow, 'click', function () { + _this.columnPanel.setVisible(!_this.columnPanel.isVisible()); + }); + var showButtons = !this.gridOptionsWrapper.isToolPanelSuppressSideButtons(); + this.setVisible(showButtons); + }; + __decorate([ + main_1.Autowired("gridOptionsWrapper"), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ToolPanelSelectComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.Autowired("eventService"), + __metadata("design:type", main_1.EventService) + ], ToolPanelSelectComp.prototype, "eventService", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ToolPanelSelectComp.prototype, "postConstruct", null); + return ToolPanelSelectComp; + }(main_1.Component)); + exports.ToolPanelSelectComp = ToolPanelSelectComp; + + +/***/ }), +/* 187 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var rowGroupColumnsPanel_1 = __webpack_require__(185); + var RowGroupCompFactory = (function () { + function RowGroupCompFactory() { + } + RowGroupCompFactory.prototype.create = function () { + var rowGroupComp = new rowGroupColumnsPanel_1.RowGroupColumnsPanel(true); + this.context.wireBean(rowGroupComp); + return rowGroupComp; + }; + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], RowGroupCompFactory.prototype, "context", void 0); + RowGroupCompFactory = __decorate([ + main_1.Bean('rowGroupCompFactory') + ], RowGroupCompFactory); + return RowGroupCompFactory; + }()); + exports.RowGroupCompFactory = RowGroupCompFactory; + + +/***/ }), +/* 188 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var pivotColumnsPanel_1 = __webpack_require__(178); + var PivotCompFactory = (function () { + function PivotCompFactory() { + } + PivotCompFactory.prototype.create = function () { + var pivotComp = new pivotColumnsPanel_1.PivotColumnsPanel(true); + this.context.wireBean(pivotComp); + return pivotComp; + }; + __decorate([ + main_1.Autowired('context'), + __metadata("design:type", main_1.Context) + ], PivotCompFactory.prototype, "context", void 0); + PivotCompFactory = __decorate([ + main_1.Bean('pivotCompFactory') + ], PivotCompFactory); + return PivotCompFactory; + }()); + exports.PivotCompFactory = PivotCompFactory; + + +/***/ }), +/* 189 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var excelXmlFactory_1 = __webpack_require__(190); + var ExcelGridSerializingSession = (function (_super) { + __extends(ExcelGridSerializingSession, _super); + function ExcelGridSerializingSession(columnController, valueService, gridOptionsWrapper, processCellCallback, processHeaderCallback, sheetName, excelXmlFactory, baseExcelStyles, styleLinker, suppressTextAsCDATA) { + var _this = _super.call(this, columnController, valueService, gridOptionsWrapper, processCellCallback, processHeaderCallback, function (raw) { return raw; }) || this; + _this.excelXmlFactory = excelXmlFactory; + _this.styleLinker = styleLinker; + _this.mixedStyles = {}; + _this.mixedStyleCounter = 0; + _this.rows = []; + _this.stylesByIds = {}; + if (!baseExcelStyles) { + _this.excelStyles = []; + } + else { + baseExcelStyles.forEach(function (it) { + _this.stylesByIds[it.id] = it; + }); + _this.excelStyles = baseExcelStyles.slice(); + } + _this.sheetName = sheetName; + _this.suppressTextAsCDATA = suppressTextAsCDATA; + return _this; + } + ExcelGridSerializingSession.prototype.addCustomHeader = function (customHeader) { + this.customHeader = customHeader; + }; + ExcelGridSerializingSession.prototype.addCustomFooter = function (customFooter) { + this.customFooter = customFooter; + }; + ExcelGridSerializingSession.prototype.prepare = function (columnsToExport) { + this.cols = main_1.Utils.map(columnsToExport, function (it) { + it.getColDef().cellStyle; + return { + width: it.getActualWidth() + }; + }); + }; + ExcelGridSerializingSession.prototype.onNewHeaderGroupingRow = function () { + var currentCells = []; + var that = this; + this.rows.push({ + cells: currentCells + }); + return { + onColumn: function (header, index, span) { + var styleIds = that.styleLinker(main_1.RowType.HEADER_GROUPING, 1, index, "grouping-" + header, null, null); + currentCells.push(that.createMergedCell(styleIds.length > 0 ? styleIds[0] : null, "String", header, span)); + } + }; + }; + ExcelGridSerializingSession.prototype.onNewHeaderRow = function () { + return this.onNewRow(this.onNewHeaderColumn); + }; + ExcelGridSerializingSession.prototype.onNewBodyRow = function () { + return this.onNewRow(this.onNewBodyColumn); + }; + ExcelGridSerializingSession.prototype.onNewRow = function (onNewColumnAccumulator) { + var currentCells = []; + this.rows.push({ + cells: currentCells + }); + return { + onColumn: onNewColumnAccumulator.bind(this, this.rows.length, currentCells)() + }; + }; + ExcelGridSerializingSession.prototype.onNewHeaderColumn = function (rowIndex, currentCells) { + var _this = this; + var that = this; + return function (column, index, node) { + var nameForCol = _this.extractHeaderValue(column); + var styleIds = that.styleLinker(main_1.RowType.HEADER, rowIndex, index, nameForCol, column, null); + currentCells.push(_this.createCell(styleIds.length > 0 ? styleIds[0] : null, 'String', nameForCol)); + }; + }; + ExcelGridSerializingSession.prototype.parse = function () { + function join(header, body, footer) { + var all = []; + if (header) { + header.forEach(function (rowArray) { return all.push({ cells: rowArray }); }); + } + body.forEach(function (it) { return all.push(it); }); + if (footer) { + footer.forEach(function (rowArray) { return all.push({ cells: rowArray }); }); + } + return all; + } + var data = [{ + name: this.sheetName, + table: { + columns: this.cols, + rows: join(this.customHeader, this.rows, this.customFooter) + } + }]; + return this.excelXmlFactory.createExcelXml(this.excelStyles, data); + }; + ExcelGridSerializingSession.prototype.onNewBodyColumn = function (rowIndex, currentCells) { + var _this = this; + var that = this; + return function (column, index, node) { + var valueForCell = _this.extractRowCellValue(column, index, main_1.Constants.EXPORT_TYPE_EXCEL, node); + var styleIds = that.styleLinker(main_1.RowType.BODY, rowIndex, index, valueForCell, column, node); + var excelStyleId = null; + if (styleIds && styleIds.length == 1) { + excelStyleId = styleIds[0]; + } + else if (styleIds && styleIds.length > 1) { + var key = styleIds.join("-"); + if (!_this.mixedStyles[key]) { + _this.addNewMixedStyle(styleIds); + } + excelStyleId = _this.mixedStyles[key].excelID; + } + var type = main_1.Utils.isNumeric(valueForCell) ? 'Number' : 'String'; + currentCells.push(that.createCell(excelStyleId, type, valueForCell)); + }; + }; + ExcelGridSerializingSession.prototype.addNewMixedStyle = function (styleIds) { + var _this = this; + this.mixedStyleCounter += 1; + var excelId = 'mixedStyle' + this.mixedStyleCounter; + var resultantStyle = {}; + styleIds.forEach(function (styleId) { + _this.excelStyles.forEach(function (excelStyle) { + if (excelStyle.id === styleId) { + main_1.Utils.mergeDeep(resultantStyle, excelStyle); + } + }); + }); + resultantStyle['id'] = excelId; + resultantStyle['name'] = excelId; + var key = styleIds.join("-"); + this.mixedStyles[key] = { + excelID: excelId, + key: key, + result: resultantStyle + }; + this.excelStyles.push(resultantStyle); + this.stylesByIds[excelId] = resultantStyle; + }; + ExcelGridSerializingSession.prototype.styleExists = function (styleId) { + if (styleId == null) + return false; + return this.stylesByIds[styleId]; + }; + ExcelGridSerializingSession.prototype.createCell = function (styleId, type, value) { + var _this = this; + var actualStyle = this.stylesByIds[styleId]; + var styleExists = actualStyle != null; + function getType() { + if (styleExists && + actualStyle.dataType) + switch (actualStyle.dataType) { + case 'string': + return 'String'; + case 'number': + return 'Number'; + case 'dateTime': + return 'DateTime'; + case 'error': + return 'Error'; + case 'boolean': + return 'Boolean'; + default: + console.warn("ag-grid: Unrecognized data type for excel export [" + actualStyle.id + ".dataType=" + actualStyle.dataType + "]"); + } + return type; + } + var typeTransformed = getType(); + var massageText = function (value) { + return _this.suppressTextAsCDATA ? + main_1._.escape(value) : + ""; + }; + return { + styleId: styleExists ? styleId : null, + data: { + type: typeTransformed, + value: typeTransformed === 'String' ? massageText(value) : + typeTransformed === 'Number' ? Number(value).valueOf() + '' : + value + } + }; + }; + ExcelGridSerializingSession.prototype.createMergedCell = function (styleId, type, value, numOfCells) { + return { + styleId: this.styleExists(styleId) ? styleId : null, + data: { + type: type, + value: value + }, + mergeAcross: numOfCells + }; + }; + return ExcelGridSerializingSession; + }(main_1.BaseGridSerializingSession)); + exports.ExcelGridSerializingSession = ExcelGridSerializingSession; + var ExcelCreator = (function (_super) { + __extends(ExcelCreator, _super); + function ExcelCreator() { + return _super !== null && _super.apply(this, arguments) || this; + } + ExcelCreator.prototype.postConstruct = function () { + this.setBeans({ + downloader: this.downloader, + gridSerializer: this.gridSerializer, + gridOptionsWrapper: this.gridOptionsWrapper + }); + }; + ExcelCreator.prototype.exportDataAsExcel = function (params) { + return this.export(params); + }; + ExcelCreator.prototype.getDataAsExcelXml = function (params) { + return this.getData(params); + }; + ExcelCreator.prototype.getMimeType = function () { + return "application/vnd.ms-excel"; + }; + ExcelCreator.prototype.getDefaultFileName = function () { + return 'export.xls'; + }; + ExcelCreator.prototype.getDefaultFileExtension = function () { + return 'xls'; + }; + ExcelCreator.prototype.createSerializingSession = function (params) { + return new ExcelGridSerializingSession(this.columnController, this.valueService, this.gridOptionsWrapper, params ? params.processCellCallback : null, params ? params.processHeaderCallback : null, params && params.sheetName != null && params.sheetName != "" ? params.sheetName : 'ag-grid', this.excelXmlFactory, this.gridOptions.excelStyles, this.styleLinker.bind(this), params && params.suppressTextAsCDATA ? params.suppressTextAsCDATA : false); + }; + ExcelCreator.prototype.styleLinker = function (rowType, rowIndex, colIndex, value, column, node) { + if ((rowType === main_1.RowType.HEADER) || (rowType === main_1.RowType.HEADER_GROUPING)) + return ["header"]; + if (!this.gridOptions.excelStyles || this.gridOptions.excelStyles.length === 0) + return null; + var styleIds = this.gridOptions.excelStyles.map(function (it) { + return it.id; + }); + var applicableStyles = []; + this.stylingService.processAllCellClasses(column.getColDef(), { + value: value, + data: node.data, + node: node, + colDef: column.getColDef(), + rowIndex: rowIndex, + api: this.gridOptionsWrapper.getApi(), + context: this.gridOptionsWrapper.getContext() + }, function (className) { + if (styleIds.indexOf(className) > -1) { + applicableStyles.push(className); + } + }); + return applicableStyles.sort(function (left, right) { + return (styleIds.indexOf(left) < styleIds.indexOf(right)) ? -1 : 1; + }); + }; + ExcelCreator.prototype.isExportSuppressed = function () { + return this.gridOptionsWrapper.isSuppressExcelExport(); + }; + __decorate([ + main_1.Autowired('excelXmlFactory'), + __metadata("design:type", excelXmlFactory_1.ExcelXmlFactory) + ], ExcelCreator.prototype, "excelXmlFactory", void 0); + __decorate([ + main_1.Autowired('columnController'), + __metadata("design:type", main_1.ColumnController) + ], ExcelCreator.prototype, "columnController", void 0); + __decorate([ + main_1.Autowired('valueService'), + __metadata("design:type", main_1.ValueService) + ], ExcelCreator.prototype, "valueService", void 0); + __decorate([ + main_1.Autowired('gridOptions'), + __metadata("design:type", Object) + ], ExcelCreator.prototype, "gridOptions", void 0); + __decorate([ + main_1.Autowired('stylingService'), + __metadata("design:type", main_1.StylingService) + ], ExcelCreator.prototype, "stylingService", void 0); + __decorate([ + main_1.Autowired('downloader'), + __metadata("design:type", main_1.Downloader) + ], ExcelCreator.prototype, "downloader", void 0); + __decorate([ + main_1.Autowired('gridSerializer'), + __metadata("design:type", main_1.GridSerializer) + ], ExcelCreator.prototype, "gridSerializer", void 0); + __decorate([ + main_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", main_1.GridOptionsWrapper) + ], ExcelCreator.prototype, "gridOptionsWrapper", void 0); + __decorate([ + main_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ExcelCreator.prototype, "postConstruct", null); + ExcelCreator = __decorate([ + main_1.Bean('excelCreator') + ], ExcelCreator); + return ExcelCreator; + }(main_1.BaseCreator)); + exports.ExcelCreator = ExcelCreator; + + +/***/ }), +/* 190 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var main_1 = __webpack_require__(2); + var main_2 = __webpack_require__(2); + var main_3 = __webpack_require__(2); + var LINE_SEPARATOR = '\r\n'; + /** + * See https://msdn.microsoft.com/en-us/library/aa140066(v=office.10).aspx + */ + var ExcelXmlFactory = (function () { + function ExcelXmlFactory() { + } + ExcelXmlFactory.prototype.createExcelXml = function (styles, worksheets) { + var documentProperties = this.documentProperties(); + var excelWorkbook = this.excelWorkbook(); + return this.excelXmlHeader() + + this.xmlFactory.createXml(this.workbook(documentProperties, excelWorkbook, styles, worksheets), function (boolean) { return boolean ? "1" : "0"; }); + }; + ExcelXmlFactory.prototype.workbook = function (documentProperties, excelWorkbook, styles, worksheets) { + var _this = this; + var children = [ + documentProperties, + excelWorkbook, + this.stylesXmlElement(styles) + ]; + main_3.Utils.map(worksheets, function (it) { + return _this.worksheetXmlElement(it); + }).forEach(function (it) { + children.push(it); + }); + return { + name: "Workbook", + properties: { + prefixedAttributes: [{ + prefix: "xmlns:", + map: { + o: "urn:schemas-microsoft-com:office:office", + x: "urn:schemas-microsoft-com:office:excel", + ss: "urn:schemas-microsoft-com:office:spreadsheet", + html: "http://www.w3.org/TR/REC-html40" + }, + }], + rawMap: { + xmlns: "urn:schemas-microsoft-com:office:spreadsheet" + } + }, + children: children + }; + }; + ExcelXmlFactory.prototype.excelXmlHeader = function () { + // need to take out the question mark, otherwise it bothers php when have < and ? beside each + // other in a string, as php thinks it's a directive for php + var QUESTION_MARK = '?'; + return '<' + QUESTION_MARK + 'xml version="1.0"' + QUESTION_MARK + '>' + LINE_SEPARATOR + + '<' + QUESTION_MARK + 'mso-application progid="Excel.Sheet"' + QUESTION_MARK + '>' + LINE_SEPARATOR; + }; + ExcelXmlFactory.prototype.stylesXmlElement = function (styles) { + var _this = this; + return { + name: 'Styles', + children: styles ? main_3.Utils.map(styles, function (it) { + return _this.styleXmlElement(it); + }) : [] + }; + }; + ExcelXmlFactory.prototype.styleXmlElement = function (style) { + var borders = []; + if (style.borders) { + [ + style.borders.borderBottom, + style.borders.borderLeft, + style.borders.borderRight, + style.borders.borderTop + ].forEach(function (it, index) { + var current = index == 0 ? "Bottom" : index == 1 ? "Left" : index == 2 ? "Right" : "Top"; + borders.push({ + name: "Border", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Position: current, + LineStyle: it.lineStyle, + Weight: it.weight, + Color: it.color + } + }] + } + }); + }); + } + var children = []; + if (style.alignment) { + children.push({ + name: "Alignment", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Vertical: style.alignment.vertical, + Horizontal: style.alignment.horizontal, + Indent: style.alignment.indent, + ReadingOrder: style.alignment.readingOrder, + Rotate: style.alignment.rotate, + ShrinkToFit: style.alignment.shrinkToFit, + VerticalText: style.alignment.verticalText, + WrapText: style.alignment.wrapText + } + }] + } + }); + } + if (style.borders) { + children.push({ + name: "Borders", + children: borders + }); + } + if (style.font) { + children.push({ + name: "Font", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Bold: style.font.bold, + FontName: style.font.fontName, + Italic: style.font.italic, + Color: style.font.color, + Outline: style.font.outline, + Shadow: style.font.shadow, + Size: style.font.size, + StrikeThrough: style.font.strikeThrough, + Underline: style.font.underline, + VerticalAlign: style.font.verticalAlign + } + }, { + prefix: "x:", + map: { + CharSet: style.font.charSet, + Family: style.font.family + } + }] + } + }); + } + if (style.interior) { + children.push({ + name: "Interior", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Color: style.interior.color, + Pattern: style.interior.pattern, + PatternColor: style.interior.patternColor + } + }] + } + }); + } + if (style.protection) { + children.push({ + name: "Protection", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Protected: style.protection.protected, + HideFormula: style.protection.hideFormula + } + }] + } + }); + } + if (style.numberFormat) { + children.push({ + name: "NumberFormat", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Format: style.numberFormat.format + } + }] + } + }); + } + return { + name: "Style", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + ID: style.id, + Name: (style.name) ? style.name : style.id + } + }] + }, + children: children + }; + }; + ExcelXmlFactory.prototype.worksheetXmlElement = function (worksheet) { + var _this = this; + var children = []; + main_3.Utils.map(worksheet.table.columns, function (it) { + return _this.columnXmlElement(it); + }).forEach(function (it) { + children.push(it); + }); + main_3.Utils.map(worksheet.table.rows, function (it) { + return _this.rowXmlElement(it); + }).forEach(function (it) { + children.push(it); + }); + return { + name: "Worksheet", + children: [{ + name: "Table", + children: children + }], + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Name: worksheet.name + } + }] + } + }; + }; + ExcelXmlFactory.prototype.columnXmlElement = function (column) { + return { + name: "Column", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Width: column.width + } + }] + } + }; + }; + ExcelXmlFactory.prototype.rowXmlElement = function (row) { + var _this = this; + return { + name: "Row", + children: main_3.Utils.map(row.cells, function (it) { + return _this.rowCellXmlElement(it); + }) + }; + }; + ExcelXmlFactory.prototype.rowCellXmlElement = function (cell) { + var properties = {}; + if (cell.mergeAcross) { + properties['MergeAcross'] = cell.mergeAcross; + } + if (cell.styleId) { + properties['StyleID'] = cell.styleId; + } + return { + name: "Cell", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: properties + }] + }, + children: [{ + name: "Data", + properties: { + prefixedAttributes: [{ + prefix: "ss:", + map: { + Type: cell.data.type + } + }] + }, + textNode: cell.data.value + }] + }; + }; + ExcelXmlFactory.prototype.excelWorkbook = function () { + return { + name: "ExcelWorkbook", + properties: { + rawMap: { + xmlns: "urn:schemas-microsoft-com:office:excel" + } + }, + children: [{ + name: "WindowHeight", + textNode: "8130" + }, { + name: "WindowWidth", + textNode: "15135" + }, { + name: "WindowHeight", + textNode: "8130" + }, { + name: "WindowTopX", + textNode: "120" + }, { + name: "WindowTopY", + textNode: "45" + }, { + name: "ProtectStructure", + textNode: "False" + }, { + name: "ProtectWindow", + textNode: "False" + }] + }; + }; + ExcelXmlFactory.prototype.documentProperties = function () { + return { + name: "DocumentProperties", + properties: { + rawMap: { + xmlns: "urn:schemas-microsoft-com:office:office" + } + }, + children: [{ + name: "Version", + textNode: "12.00" + }] + }; + }; + __decorate([ + main_2.Autowired('xmlFactory'), + __metadata("design:type", main_1.XmlFactory) + ], ExcelXmlFactory.prototype, "xmlFactory", void 0); + ExcelXmlFactory = __decorate([ + main_2.Bean('excelXmlFactory') + ], ExcelXmlFactory); + return ExcelXmlFactory; + }()); + exports.ExcelXmlFactory = ExcelXmlFactory; + + +/***/ }), +/* 191 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var serverSideCache_1 = __webpack_require__(192); + var ServerSideRowModel = (function (_super) { + __extends(ServerSideRowModel, _super); + function ServerSideRowModel() { + return _super !== null && _super.apply(this, arguments) || this; + } + ServerSideRowModel.prototype.postConstruct = function () { + this.rowHeight = this.gridOptionsWrapper.getRowHeightAsNumber(); + this.addEventListeners(); + var datasource = this.gridOptionsWrapper.getServerSideDatasource(); + if (ag_grid_1._.exists(datasource)) { + this.setDatasource(datasource); + } + }; + ServerSideRowModel.prototype.destroy = function () { + _super.prototype.destroy.call(this); + }; + ServerSideRowModel.prototype.destroyDatasource = function () { + if (this.datasource && this.datasource.destroy) { + this.datasource.destroy(); + } + this.datasource = null; + }; + ServerSideRowModel.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('ServerSideRowModel'); + }; + ServerSideRowModel.prototype.addEventListeners = function () { + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.onColumnRowGroupChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_ROW_GROUP_OPENED, this.onRowGroupOpened.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onPivotModeChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.onColumnEverything.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_COLUMN_VALUE_CHANGED, this.onValueChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_COLUMN_PIVOT_CHANGED, this.onColumnPivotChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_FILTER_CHANGED, this.onFilterChanged.bind(this)); + this.addDestroyableEventListener(this.eventService, ag_grid_1.Events.EVENT_SORT_CHANGED, this.onSortChanged.bind(this)); + }; + ServerSideRowModel.prototype.setDatasource = function (datasource) { + this.destroyDatasource(); + this.datasource = datasource; + this.reset(); + }; + ServerSideRowModel.prototype.isLastRowFound = function () { + if (this.cacheExists()) { + return this.rootNode.childrenCache.isMaxRowFound(); + } + else { + return false; + } + }; + ServerSideRowModel.prototype.onColumnEverything = function () { + // this is a hack for one customer only, so they can suppress the resetting of the columns. + // The problem the customer had was they were api.setColumnDefs() after the data source came + // back with data. So this stops the reload from the grid after the data comes back. + // Once we have "AG-1591 Allow delta changes to columns" fixed, then this hack can be taken out. + if (this.gridOptionsWrapper.isSuppressEnterpriseResetOnNewColumns()) { + return; + } + // every other customer can continue as normal and have it working!!! + this.reset(); + }; + ServerSideRowModel.prototype.onFilterChanged = function () { + this.reset(); + }; + ServerSideRowModel.prototype.onSortChanged = function () { + if (this.cacheExists()) { + var sortModel = this.extractSortModel(); + var rowGroupColIds = this.columnController.getRowGroupColumns().map(function (col) { return col.getId(); }); + var serverSideCache = this.rootNode.childrenCache; + serverSideCache.refreshCache(sortModel, rowGroupColIds); + } + }; + ServerSideRowModel.prototype.onValueChanged = function () { + this.reset(); + }; + ServerSideRowModel.prototype.onColumnRowGroupChanged = function () { + this.reset(); + }; + ServerSideRowModel.prototype.onColumnPivotChanged = function () { + this.reset(); + }; + ServerSideRowModel.prototype.onPivotModeChanged = function () { + this.reset(); + }; + ServerSideRowModel.prototype.onRowGroupOpened = function (event) { + var rowNode = event.node; + if (rowNode.expanded) { + if (ag_grid_1._.missing(rowNode.childrenCache)) { + this.createNodeCache(rowNode); + } + } + else { + if (this.gridOptionsWrapper.isPurgeClosedRowNodes() && ag_grid_1._.exists(rowNode.childrenCache)) { + rowNode.childrenCache.destroy(); + rowNode.childrenCache = null; + } + } + this.updateRowIndexesAndBounds(); + var modelUpdatedEvent = { + type: ag_grid_1.Events.EVENT_MODEL_UPDATED, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi(), + newPage: false, + newData: false, + animate: true, + keepRenderedRows: true + }; + this.eventService.dispatchEvent(modelUpdatedEvent); + }; + ServerSideRowModel.prototype.reset = function () { + this.rootNode = new ag_grid_1.RowNode(); + this.rootNode.group = true; + this.rootNode.level = -1; + this.context.wireBean(this.rootNode); + if (this.datasource) { + this.createNewRowNodeBlockLoader(); + this.cacheParams = this.createCacheParams(); + this.createNodeCache(this.rootNode); + this.updateRowIndexesAndBounds(); + } + // this event: 1) clears selection 2) updates filters 3) shows/hides 'no rows' overlay + var rowDataChangedEvent = { + type: ag_grid_1.Events.EVENT_ROW_DATA_CHANGED, + api: this.gridApi, + columnApi: this.columnApi + }; + this.eventService.dispatchEvent(rowDataChangedEvent); + // this gets the row to render rows (or remove the previously rendered rows, as it's blank to start). + // important to NOT pass in an event with keepRenderedRows or animate, as we want the renderer + // to treat the rows as new rows, as it's all new data + var modelUpdatedEvent = { + type: ag_grid_1.Events.EVENT_MODEL_UPDATED, + api: this.gridApi, + columnApi: this.columnApi, + animate: false, + keepRenderedRows: false, + newData: false, + newPage: false + }; + this.eventService.dispatchEvent(modelUpdatedEvent); + }; + ServerSideRowModel.prototype.createNewRowNodeBlockLoader = function () { + this.destroyRowNodeBlockLoader(); + var maxConcurrentRequests = this.gridOptionsWrapper.getMaxConcurrentDatasourceRequests(); + this.rowNodeBlockLoader = new ag_grid_1.RowNodeBlockLoader(maxConcurrentRequests); + this.context.wireBean(this.rowNodeBlockLoader); + }; + ServerSideRowModel.prototype.destroyRowNodeBlockLoader = function () { + if (this.rowNodeBlockLoader) { + this.rowNodeBlockLoader.destroy(); + this.rowNodeBlockLoader = null; + } + }; + ServerSideRowModel.prototype.toValueObjects = function (columns) { + var _this = this; + return columns.map(function (col) { return ({ + id: col.getId(), + aggFunc: col.getAggFunc(), + displayName: _this.columnController.getDisplayNameForColumn(col, 'model'), + field: col.getColDef().field + }); }); + }; + ServerSideRowModel.prototype.createCacheParams = function () { + var rowGroupColumnVos = this.toValueObjects(this.columnController.getRowGroupColumns()); + var valueColumnVos = this.toValueObjects(this.columnController.getValueColumns()); + var pivotColumnVos = this.toValueObjects(this.columnController.getPivotColumns()); + var dynamicRowHeight = this.gridOptionsWrapper.isDynamicRowHeight(); + var maxBlocksInCache = this.gridOptionsWrapper.getMaxBlocksInCache(); + if (dynamicRowHeight && maxBlocksInCache >= 0) { + console.warn('ag-Grid: Server Side Row Model does not support Dynamic Row Height and Cache Purging. ' + + 'Either a) remove getRowHeight() callback or b) remove maxBlocksInCache property. Purging has been disabled.'); + maxBlocksInCache = undefined; + } + if (maxBlocksInCache >= 0 && this.columnController.isAutoRowHeightActive()) { + console.warn('ag-Grid: Server Side Row Model does not support Auto Row Height and Cache Purging. ' + + 'Either a) remove colDef.autoHeight or b) remove maxBlocksInCache property. Purging has been disabled.'); + maxBlocksInCache = undefined; + } + var params = { + // the columns the user has grouped and aggregated by + valueCols: valueColumnVos, + rowGroupCols: rowGroupColumnVos, + pivotCols: pivotColumnVos, + pivotMode: this.columnController.isPivotMode(), + // sort and filter model + filterModel: this.filterManager.getFilterModel(), + sortModel: this.extractSortModel(), + rowNodeBlockLoader: this.rowNodeBlockLoader, + datasource: this.datasource, + lastAccessedSequence: new ag_grid_1.NumberSequence(), + overflowSize: 1, + initialRowCount: 1, + maxConcurrentRequests: this.gridOptionsWrapper.getMaxConcurrentDatasourceRequests(), + maxBlocksInCache: maxBlocksInCache, + blockSize: this.gridOptionsWrapper.getCacheBlockSize(), + rowHeight: this.rowHeight, + dynamicRowHeight: dynamicRowHeight + }; + // set defaults + if (!(params.maxConcurrentRequests >= 1)) { + params.maxConcurrentRequests = 2; + } + // page size needs to be 1 or greater. having it at 1 would be silly, as you would be hitting the + // server for one page at a time. so the default if not specified is 100. + if (!(params.blockSize >= 1)) { + params.blockSize = 100; + } + // if user doesn't give initial rows to display, we assume zero + if (!(params.initialRowCount >= 1)) { + params.initialRowCount = 0; + } + // if user doesn't provide overflow, we use default overflow of 1, so user can scroll past + // the current page and request first row of next page + if (!(params.overflowSize >= 1)) { + params.overflowSize = 1; + } + return params; + }; + ServerSideRowModel.prototype.createNodeCache = function (rowNode) { + var cache = new serverSideCache_1.ServerSideCache(this.cacheParams, rowNode); + this.context.wireBean(cache); + cache.addEventListener(ag_grid_1.RowNodeCache.EVENT_CACHE_UPDATED, this.onCacheUpdated.bind(this)); + rowNode.childrenCache = cache; + }; + ServerSideRowModel.prototype.onCacheUpdated = function () { + this.updateRowIndexesAndBounds(); + var modelUpdatedEvent = { + type: ag_grid_1.Events.EVENT_MODEL_UPDATED, + api: this.gridApi, + columnApi: this.columnApi, + animate: true, + keepRenderedRows: true, + newPage: false, + newData: false + }; + this.eventService.dispatchEvent(modelUpdatedEvent); + }; + ServerSideRowModel.prototype.updateRowIndexesAndBounds = function () { + if (this.cacheExists()) { + // NOTE: should not be casting here, the RowModel should use IServerSideRowModel interface? + var serverSideCache = this.rootNode.childrenCache; + this.resetRowTops(serverSideCache); + this.setDisplayIndexes(serverSideCache); + } + }; + ServerSideRowModel.prototype.setDisplayIndexes = function (cache) { + var numberSequence = new ag_grid_1.NumberSequence(); + var nextRowTop = { value: 0 }; + cache.setDisplayIndexes(numberSequence, nextRowTop); + }; + // resetting row tops is needed for animation, as part of the operation is saving the old location, + // which is needed for rows that are transitioning in + ServerSideRowModel.prototype.resetRowTops = function (cache) { + var numberSequence = new ag_grid_1.NumberSequence(); + cache.forEachNodeDeep(function (rowNode) { return rowNode.clearRowTop(); }, numberSequence); + }; + ServerSideRowModel.prototype.getRow = function (index) { + if (this.cacheExists()) { + return this.rootNode.childrenCache.getRow(index); + } + else { + return null; + } + }; + ServerSideRowModel.prototype.getPageFirstRow = function () { + return 0; + }; + ServerSideRowModel.prototype.getPageLastRow = function () { + var lastRow; + if (this.cacheExists()) { + // NOTE: should not be casting here, the RowModel should use IServerSideRowModel interface? + var serverSideCache = this.rootNode.childrenCache; + lastRow = serverSideCache.getDisplayIndexEnd() - 1; + } + else { + lastRow = 0; + } + return lastRow; + }; + ServerSideRowModel.prototype.getRowCount = function () { + return this.getPageLastRow() + 1; + }; + ServerSideRowModel.prototype.getRowBounds = function (index) { + if (!this.cacheExists()) { + return { + rowTop: 0, + rowHeight: this.rowHeight + }; + } + var serverSideCache = this.rootNode.childrenCache; + return serverSideCache.getRowBounds(index); + }; + ServerSideRowModel.prototype.getRowIndexAtPixel = function (pixel) { + if (pixel === 0) + return 0; + if (!this.cacheExists()) + return 0; + var serverSideCache = this.rootNode.childrenCache; + return serverSideCache.getRowIndexAtPixel(pixel); + }; + ServerSideRowModel.prototype.getCurrentPageHeight = function () { + return this.rowHeight * this.getRowCount(); + }; + ServerSideRowModel.prototype.isEmpty = function () { + return false; + }; + ServerSideRowModel.prototype.isRowsToRender = function () { + return this.getRowCount() > 0; + }; + ServerSideRowModel.prototype.getType = function () { + return ag_grid_1.Constants.ROW_MODEL_TYPE_SERVER_SIDE; + }; + ServerSideRowModel.prototype.forEachNode = function (callback) { + if (this.cacheExists()) { + this.rootNode.childrenCache.forEachNodeDeep(callback, new ag_grid_1.NumberSequence()); + } + }; + ServerSideRowModel.prototype.executeOnCache = function (route, callback) { + if (this.cacheExists()) { + var topLevelCache = this.rootNode.childrenCache; + var cacheToPurge = topLevelCache.getChildCache(route); + if (cacheToPurge) { + callback(cacheToPurge); + } + } + }; + ServerSideRowModel.prototype.purgeCache = function (route) { + if (route === void 0) { route = []; } + this.executeOnCache(route, function (cache) { return cache.purgeCache(); }); + }; + ServerSideRowModel.prototype.removeFromCache = function (route, items) { + this.executeOnCache(route, function (cache) { return cache.removeFromCache(items); }); + this.rowNodeBlockLoader.checkBlockToLoad(); + }; + ServerSideRowModel.prototype.addToCache = function (route, items, index) { + this.executeOnCache(route, function (cache) { return cache.addToCache(items, index); }); + }; + ServerSideRowModel.prototype.getNodesInRangeForSelection = function (firstInRange, lastInRange) { + if (ag_grid_1._.exists(firstInRange) && firstInRange.parent !== lastInRange.parent) + return []; + return lastInRange.parent.childrenCache.getRowNodesInRange(firstInRange, lastInRange); + }; + ServerSideRowModel.prototype.getRowNode = function (id) { + var result = null; + this.forEachNode(function (rowNode) { + if (rowNode.id === id) { + result = rowNode; + } + }); + return result; + }; + ServerSideRowModel.prototype.getBlockState = function () { + if (this.rowNodeBlockLoader) { + return this.rowNodeBlockLoader.getBlockState(); + } + else { + return null; + } + }; + ServerSideRowModel.prototype.isRowPresent = function (rowNode) { + return false; + }; + ServerSideRowModel.prototype.extractSortModel = function () { + var sortModel = this.sortController.getSortModel(); + var rowGroupCols = this.toValueObjects(this.columnController.getRowGroupColumns()); + // find index of auto group column in sort model + var autoGroupIndex = -1; + for (var i = 0; i < sortModel.length; ++i) { + if (sortModel[i].colId === 'ag-Grid-AutoColumn') { + autoGroupIndex = i; + break; + } + } + // replace auto column with individual group columns + if (autoGroupIndex > -1) { + var individualGroupCols = rowGroupCols.map(function (group) { + return { + colId: group.field, + sort: sortModel[autoGroupIndex].sort + }; + }); + // remove auto group column + sortModel.splice(autoGroupIndex, 1); + var _loop_1 = function (i) { + var individualGroupCol = individualGroupCols[i]; + // don't add individual group column if non group column already exists as it gets precedence + var sameNonGroupColumnExists = sortModel.some(function (sm) { return sm.colId === individualGroupCol.colId; }); + if (sameNonGroupColumnExists) + return "continue"; + sortModel.splice(autoGroupIndex++, 0, individualGroupCol); + }; + // insert individual group columns + for (var i = 0; i < individualGroupCols.length; i++) { + _loop_1(i); + } + } + return sortModel; + }; + ; + ServerSideRowModel.prototype.cacheExists = function () { + return ag_grid_1._.exists(this.rootNode) && ag_grid_1._.exists(this.rootNode.childrenCache); + }; + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], ServerSideRowModel.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('eventService'), + __metadata("design:type", ag_grid_1.EventService) + ], ServerSideRowModel.prototype, "eventService", void 0); + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], ServerSideRowModel.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('columnController'), + __metadata("design:type", ag_grid_1.ColumnController) + ], ServerSideRowModel.prototype, "columnController", void 0); + __decorate([ + ag_grid_1.Autowired('filterManager'), + __metadata("design:type", ag_grid_1.FilterManager) + ], ServerSideRowModel.prototype, "filterManager", void 0); + __decorate([ + ag_grid_1.Autowired('sortController'), + __metadata("design:type", ag_grid_1.SortController) + ], ServerSideRowModel.prototype, "sortController", void 0); + __decorate([ + ag_grid_1.Autowired('gridApi'), + __metadata("design:type", ag_grid_1.GridApi) + ], ServerSideRowModel.prototype, "gridApi", void 0); + __decorate([ + ag_grid_1.Autowired('columnApi'), + __metadata("design:type", ag_grid_1.ColumnApi) + ], ServerSideRowModel.prototype, "columnApi", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ServerSideRowModel.prototype, "postConstruct", null); + __decorate([ + ag_grid_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ServerSideRowModel.prototype, "destroy", null); + __decorate([ + ag_grid_1.PreDestroy, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ServerSideRowModel.prototype, "destroyDatasource", null); + __decorate([ + __param(0, ag_grid_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [ag_grid_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], ServerSideRowModel.prototype, "setBeans", null); + ServerSideRowModel = __decorate([ + ag_grid_1.Bean('rowModel') + ], ServerSideRowModel); + return ServerSideRowModel; + }(ag_grid_1.BeanStub)); + exports.ServerSideRowModel = ServerSideRowModel; + + +/***/ }), +/* 192 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var serverSideBlock_1 = __webpack_require__(193); + var ServerSideCache = (function (_super) { + __extends(ServerSideCache, _super); + function ServerSideCache(cacheParams, parentRowNode) { + var _this = _super.call(this, cacheParams) || this; + // this will always be zero for the top level cache only, + // all the other ones change as the groups open and close + _this.displayIndexStart = 0; + _this.displayIndexEnd = 0; // not sure if setting this one to zero is necessary + _this.cacheTop = 0; + _this.blockHeights = {}; + _this.parentRowNode = parentRowNode; + return _this; + } + ServerSideCache.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('ServerSideCache'); + }; + ServerSideCache.prototype.init = function () { + _super.prototype.init.call(this); + }; + ServerSideCache.prototype.getRowBounds = function (index) { + var _this = this; + this.logger.log("getRowBounds(" + index + ")"); + // we return null if row not found + var result; + var blockFound = false; + var lastBlock; + this.forEachBlockInOrder(function (block) { + if (blockFound) + return; + if (block.isDisplayIndexInBlock(index)) { + result = block.getRowBounds(index, _this.getVirtualRowCount()); + blockFound = true; + } + else if (block.isBlockBefore(index)) { + lastBlock = block; + } + }); + if (!blockFound) { + var nextRowTop = void 0; + var nextRowIndex = void 0; + if (lastBlock) { + nextRowTop = lastBlock.getBlockTop() + lastBlock.getBlockHeight(); + nextRowIndex = lastBlock.getDisplayIndexEnd(); + } + else { + nextRowTop = this.cacheTop; + nextRowIndex = this.displayIndexStart; + } + var rowsBetween = index - nextRowIndex; + result = { + rowHeight: this.cacheParams.rowHeight, + rowTop: nextRowTop + rowsBetween * this.cacheParams.rowHeight + }; + } + // NOTE: what about purged blocks + this.logger.log("getRowBounds(" + index + "), result = " + result); + return result; + }; + ServerSideCache.prototype.destroyBlock = function (block) { + _super.prototype.destroyBlock.call(this, block); + }; + ServerSideCache.prototype.getRowIndexAtPixel = function (pixel) { + var _this = this; + this.logger.log("getRowIndexAtPixel(" + pixel + ")"); + // we return null if row not found + var result; + var blockFound = false; + var lastBlock; + this.forEachBlockInOrder(function (block) { + if (blockFound) + return; + if (block.isPixelInRange(pixel)) { + result = block.getRowIndexAtPixel(pixel, _this.getVirtualRowCount()); + blockFound = true; + } + else if (block.getBlockTop() > pixel) { + lastBlock = block; + } + }); + if (!blockFound) { + var nextRowTop = void 0; + var nextRowIndex = void 0; + if (lastBlock) { + nextRowTop = lastBlock.getBlockTop() + lastBlock.getBlockHeight(); + nextRowIndex = lastBlock.getDisplayIndexEnd(); + } + else { + nextRowTop = this.cacheTop; + nextRowIndex = this.displayIndexStart; + } + var pixelsBetween = pixel - nextRowTop; + var rowsBetween = (pixelsBetween / this.cacheParams.rowHeight) | 0; + result = nextRowIndex + rowsBetween; + } + var lastAllowedIndex = this.getDisplayIndexEnd() - 1; + if (result > lastAllowedIndex) { + result = lastAllowedIndex; + } + //NOTE: purged + this.logger.log("getRowIndexAtPixel(" + pixel + ") result = " + result); + return result; + }; + ServerSideCache.prototype.clearRowTops = function () { + var _this = this; + this.forEachBlockInOrder(function (block) { return block.clearRowTops(_this.getVirtualRowCount()); }); + }; + ServerSideCache.prototype.setDisplayIndexes = function (displayIndexSeq, nextRowTop) { + var _this = this; + this.displayIndexStart = displayIndexSeq.peek(); + this.cacheTop = nextRowTop.value; + var lastBlockId = -1; + this.forEachBlockInOrder(function (currentBlock, blockId) { + // if we skipped blocks, then we need to skip the row indexes. we assume that all missing + // blocks are made up of closed RowNodes only (if they were groups), as we never expire from + // the cache if any row nodes are open. + var blocksSkippedCount = blockId - lastBlockId - 1; + var rowsSkippedCount = blocksSkippedCount * _this.cacheParams.blockSize; + if (rowsSkippedCount > 0) { + displayIndexSeq.skip(rowsSkippedCount); + } + for (var i = 1; i <= blocksSkippedCount; i++) { + var blockToAddId = blockId - i; + if (ag_grid_1._.exists(_this.blockHeights[blockToAddId])) { + nextRowTop.value += _this.blockHeights[blockToAddId]; + } + else { + nextRowTop.value += _this.cacheParams.blockSize * _this.cacheParams.rowHeight; + } + } + lastBlockId = blockId; + currentBlock.setDisplayIndexes(displayIndexSeq, _this.getVirtualRowCount(), nextRowTop); + _this.blockHeights[blockId] = currentBlock.getBlockHeight(); + }); + // if any blocks missing at the end, need to increase the row index for them also + // eg if block size = 10, we have total rows of 25 (indexes 0 .. 24), but first 2 blocks loaded (because + // last row was ejected from cache), then: + // lastVisitedRow = 19, virtualRowCount = 25, rows not accounted for = 5 (24 - 19) + var lastVisitedRow = ((lastBlockId + 1) * this.cacheParams.blockSize) - 1; + var rowCount = this.getVirtualRowCount(); + var rowsNotAccountedFor = rowCount - lastVisitedRow - 1; + if (rowsNotAccountedFor > 0) { + displayIndexSeq.skip(rowsNotAccountedFor); + nextRowTop.value += rowsNotAccountedFor * this.cacheParams.rowHeight; + } + this.displayIndexEnd = displayIndexSeq.peek(); + this.cacheHeight = nextRowTop.value - this.cacheTop; + }; + // gets called in a) init() above and b) by the grid + ServerSideCache.prototype.getRow = function (displayRowIndex, dontCreateBlock) { + var _this = this; + if (dontCreateBlock === void 0) { dontCreateBlock = false; } + // this can happen if asking for a row that doesn't exist in the model, + // eg if a cell range is selected, and the user filters so rows no longer + // exist + if (!this.isDisplayIndexInCache(displayRowIndex)) { + return null; + } + // if we have the block, then this is the block + var block = null; + // this is the last block that we have BEFORE the right block + var beforeBlock = null; + this.forEachBlockInOrder(function (currentBlock) { + if (currentBlock.isDisplayIndexInBlock(displayRowIndex)) { + block = currentBlock; + } + else if (currentBlock.isBlockBefore(displayRowIndex)) { + // this will get assigned many times, but the last time will + // be the closest block to the required block that is BEFORE + beforeBlock = currentBlock; + } + }); + // when we are moving rows around, we don't want to trigger loads + if (ag_grid_1._.missing(block) && dontCreateBlock) { + return null; + } + // if block not found, we need to load it + if (ag_grid_1._.missing(block)) { + var blockNumber = void 0; + var displayIndexStart_1; + var nextRowTop = void 0; + // because missing blocks are always fully closed, we can work out + // the start index of the block we want by hopping from the closest block, + // as we know the row count in closed blocks is equal to the page size + if (beforeBlock) { + blockNumber = beforeBlock.getBlockNumber() + 1; + displayIndexStart_1 = beforeBlock.getDisplayIndexEnd(); + nextRowTop = beforeBlock.getBlockHeight() + beforeBlock.getBlockTop(); + var isInRange = function () { + return displayRowIndex >= displayIndexStart_1 && displayRowIndex < (displayIndexStart_1 + _this.cacheParams.blockSize); + }; + while (!isInRange()) { + displayIndexStart_1 += this.cacheParams.blockSize; + var cachedBlockHeight = this.blockHeights[blockNumber]; + if (ag_grid_1._.exists(cachedBlockHeight)) { + nextRowTop += cachedBlockHeight; + } + else { + nextRowTop += this.cacheParams.rowHeight * this.cacheParams.blockSize; + } + blockNumber++; + } + } + else { + var localIndex = displayRowIndex - this.displayIndexStart; + blockNumber = Math.floor(localIndex / this.cacheParams.blockSize); + displayIndexStart_1 = this.displayIndexStart + (blockNumber * this.cacheParams.blockSize); + nextRowTop = this.cacheTop + (blockNumber * this.cacheParams.blockSize * this.cacheParams.rowHeight); + } + block = this.createBlock(blockNumber, displayIndexStart_1, { value: nextRowTop }); + this.logger.log("block missing, rowIndex = " + displayRowIndex + ", creating #" + blockNumber + ", displayIndexStart = " + displayIndexStart_1); + } + var rowNode = block.getRow(displayRowIndex); + return rowNode; + }; + ServerSideCache.prototype.createBlock = function (blockNumber, displayIndex, nextRowTop) { + var newBlock = new serverSideBlock_1.ServerSideBlock(blockNumber, this.parentRowNode, this.cacheParams, this); + this.context.wireBean(newBlock); + var displayIndexSequence = new ag_grid_1.NumberSequence(displayIndex); + newBlock.setDisplayIndexes(displayIndexSequence, this.getVirtualRowCount(), nextRowTop); + this.postCreateBlock(newBlock); + return newBlock; + }; + ServerSideCache.prototype.getDisplayIndexEnd = function () { + return this.displayIndexEnd; + }; + ServerSideCache.prototype.isDisplayIndexInCache = function (displayIndex) { + if (this.getVirtualRowCount() === 0) { + return false; + } + return displayIndex >= this.displayIndexStart && displayIndex < this.displayIndexEnd; + }; + ServerSideCache.prototype.getChildCache = function (keys) { + var _this = this; + if (ag_grid_1._.missingOrEmpty(keys)) { + return this; + } + var nextKey = keys[0]; + var nextServerSideCache = null; + this.forEachBlockInOrder(function (block) { + // callback: (rowNode: RowNode, index: number) => void, sequence: NumberSequence, rowCount: number + block.forEachNodeShallow(function (rowNode) { + if (rowNode.key === nextKey) { + nextServerSideCache = rowNode.childrenCache; + } + }, new ag_grid_1.NumberSequence(), _this.getVirtualRowCount()); + }); + if (nextServerSideCache) { + var keyListForNextLevel = keys.slice(1, keys.length); + return nextServerSideCache.getChildCache(keyListForNextLevel); + } + else { + return null; + } + }; + ServerSideCache.prototype.isPixelInRange = function (pixel) { + if (this.getVirtualRowCount() === 0) { + return false; + } + return pixel >= this.cacheTop && pixel < (this.cacheTop + this.cacheHeight); + }; + ServerSideCache.prototype.removeFromCache = function (items) { + var _this = this; + // create map of id's for quick lookup + var itemsToDeleteById = {}; + var idForNodeFunc = this.gridOptionsWrapper.getRowNodeIdFunc(); + items.forEach(function (item) { + var id = idForNodeFunc(item); + itemsToDeleteById[id] = item; + }); + var deletedCount = 0; + this.forEachBlockInOrder(function (block) { + var startRow = block.getStartRow(); + var endRow = block.getEndRow(); + var deletedCountFromThisBlock = 0; + for (var rowIndex = startRow; rowIndex < endRow; rowIndex++) { + var rowNode = block.getRowUsingLocalIndex(rowIndex, true); + if (!rowNode) { + continue; + } + var deleteThisRow = !!itemsToDeleteById[rowNode.id]; + if (deleteThisRow) { + deletedCountFromThisBlock++; + deletedCount++; + block.setDirty(); + rowNode.clearRowTop(); + continue; + } + // if rows were deleted, then we need to move this row node to + // it's new location + if (deletedCount > 0) { + block.setDirty(); + var newIndex = rowIndex - deletedCount; + var blockId = Math.floor(newIndex / _this.cacheParams.blockSize); + var blockToInsert = _this.getBlock(blockId); + if (blockToInsert) { + blockToInsert.setRowNode(newIndex, rowNode); + } + } + } + if (deletedCountFromThisBlock > 0) { + for (var i = deletedCountFromThisBlock; i > 0; i--) { + block.setBlankRowNode(endRow - i); + } + } + }); + if (this.isMaxRowFound()) { + this.hack_setVirtualRowCount(this.getVirtualRowCount() - deletedCount); + } + this.onCacheUpdated(); + var event = { + type: ag_grid_1.Events.EVENT_ROW_DATA_UPDATED, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi() + }; + this.eventService.dispatchEvent(event); + }; + ServerSideCache.prototype.addToCache = function (items, indexToInsert) { + var _this = this; + var newNodes = []; + this.forEachBlockInReverseOrder(function (block) { + var pageEndRow = block.getEndRow(); + // if the insertion is after this page, then this page is not impacted + if (pageEndRow <= indexToInsert) { + return; + } + _this.moveItemsDown(block, indexToInsert, items.length); + var newNodesThisPage = _this.insertItems(block, indexToInsert, items); + newNodesThisPage.forEach(function (rowNode) { return newNodes.push(rowNode); }); + }); + if (this.isMaxRowFound()) { + this.hack_setVirtualRowCount(this.getVirtualRowCount() + items.length); + } + this.onCacheUpdated(); + var event = { + type: ag_grid_1.Events.EVENT_ROW_DATA_UPDATED, + api: this.gridOptionsWrapper.getApi(), + columnApi: this.gridOptionsWrapper.getColumnApi() + }; + this.eventService.dispatchEvent(event); + }; + ServerSideCache.prototype.moveItemsDown = function (block, moveFromIndex, moveCount) { + var startRow = block.getStartRow(); + var endRow = block.getEndRow(); + var indexOfLastRowToMove = moveFromIndex + moveCount; + // all rows need to be moved down below the insertion index + for (var currentRowIndex = endRow - 1; currentRowIndex >= startRow; currentRowIndex--) { + // don't move rows at or before the insertion index + if (currentRowIndex < indexOfLastRowToMove) { + continue; + } + var indexOfNodeWeWant = currentRowIndex - moveCount; + var nodeForThisIndex = this.getRow(indexOfNodeWeWant, true); + if (nodeForThisIndex) { + block.setRowNode(currentRowIndex, nodeForThisIndex); + } + else { + block.setBlankRowNode(currentRowIndex); + block.setDirty(); + } + } + }; + ServerSideCache.prototype.insertItems = function (block, indexToInsert, items) { + var pageStartRow = block.getStartRow(); + var pageEndRow = block.getEndRow(); + var newRowNodes = []; + // next stage is insert the rows into this page, if applicable + for (var index = 0; index < items.length; index++) { + var rowIndex = indexToInsert + index; + var currentRowInThisPage = rowIndex >= pageStartRow && rowIndex < pageEndRow; + if (currentRowInThisPage) { + var dataItem = items[index]; + var newRowNode = block.setNewData(rowIndex, dataItem); + newRowNodes.push(newRowNode); + } + } + return newRowNodes; + }; + ServerSideCache.prototype.refreshCache = function (sortModel, rowGroupColIds) { + var _this = this; + var shouldPurgeCache = false; + var sortColIds = sortModel.map(function (sm) { return sm.colId; }); + this.forEachBlockInOrder(function (block) { + if (block.isGroupLevel()) { + var groupField = block.getGroupField(); + var rowGroupBlock = rowGroupColIds.indexOf(groupField) > -1; + var sortingByGroup = sortColIds.indexOf(groupField) > -1; + if (rowGroupBlock && sortingByGroup) { + // need to refresh block using updated new sort model + block.updateSortModel(sortModel); + shouldPurgeCache = true; + } + var callback = function (rowNode) { + var nextCache = rowNode.childrenCache; + if (nextCache) + nextCache.refreshCache(sortModel, rowGroupColIds); + }; + block.forEachNodeShallow(callback, new ag_grid_1.NumberSequence(), _this.getVirtualRowCount()); + } + else { + // blocks containing leaf nodes need to be refreshed with new sort model + block.updateSortModel(sortModel); + shouldPurgeCache = true; + } + }); + var groupSortRemoved = this.groupSortRemoved(sortModel, rowGroupColIds); + if (groupSortRemoved) { + this.cacheParams.sortModel = sortModel; + } + if (shouldPurgeCache || groupSortRemoved) { + this.purgeCache(); + } + }; + ServerSideCache.prototype.groupSortRemoved = function (sortModel, rowGroupColIds) { + var cacheSortModelChanged = this.cacheParams.sortModel !== sortModel; + var existingSortCols = this.cacheParams.sortModel.map(function (sm) { return sm.colId; }); + var existingGroupColumn = rowGroupColIds.some(function (v) { return existingSortCols.indexOf(v) >= 0; }); + return cacheSortModelChanged && existingGroupColumn; + }; + __decorate([ + ag_grid_1.Autowired('eventService'), + __metadata("design:type", ag_grid_1.EventService) + ], ServerSideCache.prototype, "eventService", void 0); + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], ServerSideCache.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], ServerSideCache.prototype, "gridOptionsWrapper", void 0); + __decorate([ + __param(0, ag_grid_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [ag_grid_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], ServerSideCache.prototype, "setBeans", null); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ServerSideCache.prototype, "init", null); + return ServerSideCache; + }(ag_grid_1.RowNodeCache)); + exports.ServerSideCache = ServerSideCache; + + +/***/ }), +/* 193 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + var __param = (this && this.__param) || function (paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var ServerSideBlock = (function (_super) { + __extends(ServerSideBlock, _super); + function ServerSideBlock(pageNumber, parentRowNode, params, parentCache) { + var _this = _super.call(this, pageNumber, params) || this; + _this.params = params; + _this.parentRowNode = parentRowNode; + _this.parentCache = parentCache; + _this.level = parentRowNode.level + 1; + _this.groupLevel = _this.level < params.rowGroupCols.length; + _this.leafGroup = _this.level === (params.rowGroupCols.length - 1); + return _this; + } + ServerSideBlock.prototype.createNodeIdPrefix = function () { + var parts = []; + var rowNode = this.parentRowNode; + // pull keys from all parent nodes, but do not include the root node + while (rowNode.level >= 0) { + parts.push(rowNode.key); + rowNode = rowNode.parent; + } + if (parts.length > 0) { + this.nodeIdPrefix = parts.reverse().join('-') + '-'; + } + }; + ServerSideBlock.prototype.createIdForIndex = function (index) { + if (ag_grid_1._.exists(this.nodeIdPrefix)) { + return this.nodeIdPrefix + index.toString(); + } + else { + return index.toString(); + } + }; + ServerSideBlock.prototype.getNodeIdPrefix = function () { + return this.nodeIdPrefix; + }; + ServerSideBlock.prototype.getRow = function (displayRowIndex) { + // do binary search of tree + // http://oli.me.uk/2013/06/08/searching-javascript-arrays-with-a-binary-search/ + var bottomPointer = this.getStartRow(); + // the end row depends on whether all this block is used or not. if the virtual row count + // is before the end, then not all the row is used + var virtualRowCount = this.parentCache.getVirtualRowCount(); + var endRow = this.getEndRow(); + var actualEnd = (virtualRowCount < endRow) ? virtualRowCount : endRow; + var topPointer = actualEnd - 1; + if (ag_grid_1._.missing(topPointer) || ag_grid_1._.missing(bottomPointer)) { + console.warn("ag-grid: error: topPointer = " + topPointer + ", bottomPointer = " + bottomPointer); + return null; + } + while (true) { + var midPointer = Math.floor((bottomPointer + topPointer) / 2); + var currentRowNode = _super.prototype.getRowUsingLocalIndex.call(this, midPointer); + if (currentRowNode.rowIndex === displayRowIndex) { + return currentRowNode; + } + var childrenCache = currentRowNode.childrenCache; + if (currentRowNode.rowIndex === displayRowIndex) { + return currentRowNode; + } + else if (currentRowNode.expanded && childrenCache && childrenCache.isDisplayIndexInCache(displayRowIndex)) { + return childrenCache.getRow(displayRowIndex); + } + else if (currentRowNode.rowIndex < displayRowIndex) { + bottomPointer = midPointer + 1; + } + else if (currentRowNode.rowIndex > displayRowIndex) { + topPointer = midPointer - 1; + } + } + }; + ServerSideBlock.prototype.setBeans = function (loggerFactory) { + this.logger = loggerFactory.create('ServerSideBlock'); + }; + ServerSideBlock.prototype.init = function () { + if (this.groupLevel) { + var groupColVo = this.params.rowGroupCols[this.level]; + this.groupField = groupColVo.field; + this.rowGroupColumn = this.columnController.getRowGroupColumns()[this.level]; + } + this.createNodeIdPrefix(); + _super.prototype.init.call(this, { + context: this.context, + rowRenderer: this.rowRenderer + }); + }; + ServerSideBlock.prototype.setDataAndId = function (rowNode, data, index) { + var _this = this; + rowNode.stub = false; + if (ag_grid_1._.exists(data)) { + // if the user is not providing id's, then we build an id based on the index. + // for infinite scrolling, the index is used on it's own. for Server Side Row Model, + // we combine the index with the level and group key, so that the id is + // unique across the set. + // + // unique id is needed for selection (so selection can be maintained when + // doing server side sorting / filtering) - if user is not providing id's + // (and we use the indexes) then selection will not work between sorting & + // filtering. + // + // id's are also used by the row renderer for updating the dom as it identifies + // rowNodes by id + var idToUse = this.createIdForIndex(index); + rowNode.setDataAndId(data, idToUse); + rowNode.setRowHeight(this.gridOptionsWrapper.getRowHeightForNode(rowNode)); + if (rowNode.group) { + rowNode.key = this.valueService.getValue(this.rowGroupColumn, rowNode); + if (rowNode.key === null || rowNode.key === undefined) { + ag_grid_1._.doOnce(function () { + console.warn("null and undefined values are not allowed for server side row model keys"); + if (_this.rowGroupColumn) { + console.warn("column = " + _this.rowGroupColumn.getId()); + } + console.warn("data is ", rowNode.data); + }, 'ServerSideBlock-CannotHaveNullOrUndefinedForKey'); + } + } + } + else { + rowNode.setDataAndId(undefined, undefined); + rowNode.key = null; + } + if (this.groupLevel) { + this.setGroupDataIntoRowNode(rowNode); + this.setChildCountIntoRowNode(rowNode); + } + }; + ServerSideBlock.prototype.setChildCountIntoRowNode = function (rowNode) { + var getChildCount = this.gridOptionsWrapper.getChildCountFunc(); + if (getChildCount) { + rowNode.allChildrenCount = getChildCount(rowNode.data); + } + }; + ServerSideBlock.prototype.setGroupDataIntoRowNode = function (rowNode) { + var _this = this; + var groupDisplayCols = this.columnController.getGroupDisplayColumns(); + groupDisplayCols.forEach(function (col) { + if (col.isRowGroupDisplayed(_this.rowGroupColumn.getId())) { + var groupValue = _this.valueService.getValue(_this.rowGroupColumn, rowNode); + if (ag_grid_1._.missing(rowNode.groupData)) { + rowNode.groupData = {}; + } + rowNode.groupData[col.getColId()] = groupValue; + } + }); + }; + ServerSideBlock.prototype.loadFromDatasource = function () { + var _this = this; + var params = this.createLoadParams(); + setTimeout(function () { + _this.params.datasource.getRows(params); + }, 0); + }; + ServerSideBlock.prototype.createBlankRowNode = function (rowIndex) { + var rowNode = _super.prototype.createBlankRowNode.call(this, rowIndex); + rowNode.group = this.groupLevel; + rowNode.leafGroup = this.leafGroup; + rowNode.level = this.level; + rowNode.uiLevel = this.level; + rowNode.parent = this.parentRowNode; + // stub gets set to true here, and then false when this rowNode gets it's data + rowNode.stub = true; + if (rowNode.group) { + rowNode.expanded = false; + rowNode.field = this.groupField; + rowNode.rowGroupColumn = this.rowGroupColumn; + } + return rowNode; + }; + ServerSideBlock.prototype.createGroupKeys = function (groupNode) { + var keys = []; + var pointer = groupNode; + while (pointer.level >= 0) { + keys.push(pointer.key); + pointer = pointer.parent; + } + keys.reverse(); + return keys; + }; + ServerSideBlock.prototype.isPixelInRange = function (pixel) { + return pixel >= this.blockTop && pixel < (this.blockTop + this.blockHeight); + }; + ServerSideBlock.prototype.getRowBounds = function (index, virtualRowCount) { + var start = this.getStartRow(); + var end = this.getEndRow(); + for (var i = start; i <= end; i++) { + // the blocks can have extra rows in them, if they are the last block + // in the cache and the virtual row count doesn't divide evenly by the + if (i >= virtualRowCount) { + continue; + } + var rowNode = this.getRowUsingLocalIndex(i); + if (rowNode) { + if (rowNode.rowIndex === index) { + return { + rowHeight: rowNode.rowHeight, + rowTop: rowNode.rowTop + }; + } + if (rowNode.group && rowNode.expanded && ag_grid_1._.exists(rowNode.childrenCache)) { + var serverSideCache = rowNode.childrenCache; + if (serverSideCache.isDisplayIndexInCache(index)) { + return serverSideCache.getRowBounds(index); + } + } + } + } + console.error("ag-Grid: looking for invalid row index in Server Side Row Model, index=" + index); + return null; + }; + ServerSideBlock.prototype.getRowIndexAtPixel = function (pixel, virtualRowCount) { + var start = this.getStartRow(); + var end = this.getEndRow(); + for (var i = start; i <= end; i++) { + // the blocks can have extra rows in them, if they are the last block + // in the cache and the virtual row count doesn't divide evenly by the + if (i >= virtualRowCount) { + continue; + } + var rowNode = this.getRowUsingLocalIndex(i); + if (rowNode) { + if (rowNode.isPixelInRange(pixel)) { + return rowNode.rowIndex; + } + if (rowNode.group && rowNode.expanded && ag_grid_1._.exists(rowNode.childrenCache)) { + var serverSideCache = rowNode.childrenCache; + if (serverSideCache.isPixelInRange(pixel)) { + return serverSideCache.getRowIndexAtPixel(pixel); + } + } + } + } + console.warn("ag-Grid: invalid pixel range for server side block " + pixel); + return 0; + }; + ServerSideBlock.prototype.clearRowTops = function (virtualRowCount) { + this.forEachRowNode(virtualRowCount, function (rowNode) { + rowNode.clearRowTop(); + var hasChildCache = rowNode.group && ag_grid_1._.exists(rowNode.childrenCache); + if (hasChildCache) { + var serverSideCache = rowNode.childrenCache; + serverSideCache.clearRowTops(); + } + }); + }; + ServerSideBlock.prototype.setDisplayIndexes = function (displayIndexSeq, virtualRowCount, nextRowTop) { + this.displayIndexStart = displayIndexSeq.peek(); + this.blockTop = nextRowTop.value; + this.forEachRowNode(virtualRowCount, function (rowNode) { + var rowIndex = displayIndexSeq.next(); + rowNode.setRowIndex(rowIndex); + rowNode.setRowTop(nextRowTop.value); + nextRowTop.value += rowNode.rowHeight; + var hasChildCache = rowNode.group && ag_grid_1._.exists(rowNode.childrenCache); + if (hasChildCache) { + var serverSideCache = rowNode.childrenCache; + if (rowNode.expanded) { + serverSideCache.setDisplayIndexes(displayIndexSeq, nextRowTop); + } + else { + // we need to clear the row tops, as the row renderer depends on + // this to know if the row should be faded out + serverSideCache.clearRowTops(); + } + } + }); + this.displayIndexEnd = displayIndexSeq.peek(); + this.blockHeight = nextRowTop.value - this.blockTop; + }; + ServerSideBlock.prototype.forEachRowNode = function (virtualRowCount, callback) { + var start = this.getStartRow(); + var end = this.getEndRow(); + for (var i = start; i <= end; i++) { + // the blocks can have extra rows in them, if they are the last block + // in the cache and the virtual row count doesn't divide evenly by the + if (i >= virtualRowCount) { + continue; + } + var rowNode = this.getRowUsingLocalIndex(i); + if (rowNode) { + callback(rowNode); + } + } + }; + ServerSideBlock.prototype.createLoadParams = function () { + var groupKeys = this.createGroupKeys(this.parentRowNode); + var request = { + startRow: this.getStartRow(), + endRow: this.getEndRow(), + rowGroupCols: this.params.rowGroupCols, + valueCols: this.params.valueCols, + pivotCols: this.params.pivotCols, + pivotMode: this.params.pivotMode, + groupKeys: groupKeys, + filterModel: this.params.filterModel, + sortModel: this.params.sortModel + }; + var params = { + successCallback: this.pageLoaded.bind(this, this.getVersion()), + failCallback: this.pageLoadFailed.bind(this), + request: request, + parentNode: this.parentRowNode + }; + return params; + }; + ServerSideBlock.prototype.updateSortModel = function (sortModel) { + this.params.sortModel = sortModel; + }; + ServerSideBlock.prototype.isDisplayIndexInBlock = function (displayIndex) { + return displayIndex >= this.displayIndexStart && displayIndex < this.displayIndexEnd; + }; + ServerSideBlock.prototype.isBlockBefore = function (displayIndex) { + return displayIndex >= this.displayIndexEnd; + }; + ServerSideBlock.prototype.getDisplayIndexStart = function () { + return this.displayIndexStart; + }; + ServerSideBlock.prototype.getDisplayIndexEnd = function () { + return this.displayIndexEnd; + }; + ServerSideBlock.prototype.getBlockHeight = function () { + return this.blockHeight; + }; + ServerSideBlock.prototype.getBlockTop = function () { + return this.blockTop; + }; + ServerSideBlock.prototype.isGroupLevel = function () { + return this.groupLevel; + }; + ServerSideBlock.prototype.getGroupField = function () { + return this.groupField; + }; + __decorate([ + ag_grid_1.Autowired('context'), + __metadata("design:type", ag_grid_1.Context) + ], ServerSideBlock.prototype, "context", void 0); + __decorate([ + ag_grid_1.Autowired('rowRenderer'), + __metadata("design:type", ag_grid_1.RowRenderer) + ], ServerSideBlock.prototype, "rowRenderer", void 0); + __decorate([ + ag_grid_1.Autowired('columnController'), + __metadata("design:type", ag_grid_1.ColumnController) + ], ServerSideBlock.prototype, "columnController", void 0); + __decorate([ + ag_grid_1.Autowired('valueService'), + __metadata("design:type", ag_grid_1.ValueService) + ], ServerSideBlock.prototype, "valueService", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], ServerSideBlock.prototype, "gridOptionsWrapper", void 0); + __decorate([ + __param(0, ag_grid_1.Qualifier('loggerFactory')), + __metadata("design:type", Function), + __metadata("design:paramtypes", [ag_grid_1.LoggerFactory]), + __metadata("design:returntype", void 0) + ], ServerSideBlock.prototype, "setBeans", null); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], ServerSideBlock.prototype, "init", null); + return ServerSideBlock; + }(ag_grid_1.RowNodeBlock)); + exports.ServerSideBlock = ServerSideBlock; + + +/***/ }), +/* 194 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var HorizontalResizeComp = (function (_super) { + __extends(HorizontalResizeComp, _super); + function HorizontalResizeComp() { + return _super.call(this, "
") || this; + } + HorizontalResizeComp.prototype.postConstruct = function () { + var finishedWithResizeFunc = this.horizontalResizeService.addResizeBar({ + eResizeBar: this.getGui(), + onResizeStart: this.onResizeStart.bind(this), + onResizing: this.onResizing.bind(this), + onResizeEnd: this.onResizing.bind(this) + }); + this.addDestroyFunc(finishedWithResizeFunc); + }; + HorizontalResizeComp.prototype.onResizeStart = function () { + this.startingWidth = this.props.componentToResize.getGui().clientWidth; + }; + HorizontalResizeComp.prototype.onResizing = function (delta) { + var newWidth = this.startingWidth - delta; + if (newWidth < 100) { + newWidth = 100; + } + this.props.componentToResize.getGui().style.width = newWidth + 'px'; + }; + __decorate([ + ag_grid_1.Autowired('horizontalResizeService'), + __metadata("design:type", ag_grid_1.HorizontalResizeService) + ], HorizontalResizeComp.prototype, "horizontalResizeService", void 0); + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], HorizontalResizeComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('eventService'), + __metadata("design:type", ag_grid_1.EventService) + ], HorizontalResizeComp.prototype, "eventService", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HorizontalResizeComp.prototype, "postConstruct", null); + return HorizontalResizeComp; + }(ag_grid_1.Component)); + exports.HorizontalResizeComp = HorizontalResizeComp; + + +/***/ }), +/* 195 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + var __extends = (this && this.__extends) || (function () { + var extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return function (d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; + })(); + 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 === "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; + }; + var __metadata = (this && this.__metadata) || function (k, v) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var ag_grid_1 = __webpack_require__(2); + var HeaderColumnDropComp = (function (_super) { + __extends(HeaderColumnDropComp, _super); + function HeaderColumnDropComp() { + return _super.call(this) || this; + } + HeaderColumnDropComp.prototype.postConstruct = function () { + this.setGui(this.createNorthPanel()); + this.eventService.addEventListener(ag_grid_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.onRowGroupChanged.bind(this)); + this.eventService.addEventListener(ag_grid_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.onRowGroupChanged.bind(this)); + this.onRowGroupChanged(); + }; + HeaderColumnDropComp.prototype.createNorthPanel = function () { + var _this = this; + var topPanelGui = document.createElement('div'); + var dropPanelVisibleListener = this.onDropPanelVisible.bind(this); + this.rowGroupComp = this.rowGroupCompFactory.create(); + this.pivotComp = this.pivotCompFactory.create(); + topPanelGui.appendChild(this.rowGroupComp.getGui()); + topPanelGui.appendChild(this.pivotComp.getGui()); + this.rowGroupComp.addEventListener(ag_grid_1.Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener); + this.pivotComp.addEventListener(ag_grid_1.Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener); + this.addDestroyFunc(function () { + _this.rowGroupComp.removeEventListener(ag_grid_1.Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener); + _this.pivotComp.removeEventListener(ag_grid_1.Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener); + }); + this.onDropPanelVisible(); + return topPanelGui; + }; + HeaderColumnDropComp.prototype.onDropPanelVisible = function () { + var bothVisible = this.rowGroupComp.isVisible() && this.pivotComp.isVisible(); + this.rowGroupComp.addOrRemoveCssClass('ag-width-half', bothVisible); + this.pivotComp.addOrRemoveCssClass('ag-width-half', bothVisible); + }; + HeaderColumnDropComp.prototype.onRowGroupChanged = function () { + if (!this.rowGroupComp) { + return; + } + var rowGroupPanelShow = this.gridOptionsWrapper.getRowGroupPanelShow(); + if (rowGroupPanelShow === ag_grid_1.Constants.ALWAYS) { + this.rowGroupComp.setVisible(true); + } + else if (rowGroupPanelShow === ag_grid_1.Constants.ONLY_WHEN_GROUPING) { + var grouping = !this.columnController.isRowGroupEmpty(); + this.rowGroupComp.setVisible(grouping); + } + else { + this.rowGroupComp.setVisible(false); + } + }; + __decorate([ + ag_grid_1.Autowired('gridOptionsWrapper'), + __metadata("design:type", ag_grid_1.GridOptionsWrapper) + ], HeaderColumnDropComp.prototype, "gridOptionsWrapper", void 0); + __decorate([ + ag_grid_1.Autowired('columnController'), + __metadata("design:type", ag_grid_1.ColumnController) + ], HeaderColumnDropComp.prototype, "columnController", void 0); + __decorate([ + ag_grid_1.Autowired('eventService'), + __metadata("design:type", ag_grid_1.EventService) + ], HeaderColumnDropComp.prototype, "eventService", void 0); + __decorate([ + ag_grid_1.Optional('rowGroupCompFactory'), + __metadata("design:type", Object) + ], HeaderColumnDropComp.prototype, "rowGroupCompFactory", void 0); + __decorate([ + ag_grid_1.Optional('pivotCompFactory'), + __metadata("design:type", Object) + ], HeaderColumnDropComp.prototype, "pivotCompFactory", void 0); + __decorate([ + ag_grid_1.PostConstruct, + __metadata("design:type", Function), + __metadata("design:paramtypes", []), + __metadata("design:returntype", void 0) + ], HeaderColumnDropComp.prototype, "postConstruct", null); + return HeaderColumnDropComp; + }(ag_grid_1.Component)); + exports.HeaderColumnDropComp = HeaderColumnDropComp; + + +/***/ }), +/* 196 */ +/***/ (function(module, exports, __webpack_require__) { + + // ag-grid-enterprise v18.0.0 + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var columnSelectComp_1 = __webpack_require__(149); + exports.ColumnSelectComp = columnSelectComp_1.ColumnSelectComp; + var toolPanelColumnComp_1 = __webpack_require__(152); + exports.ToolPanelColumnComp = toolPanelColumnComp_1.ToolPanelColumnComp; + var toolPanelGroupComp_1 = __webpack_require__(151); + exports.ToolPanelGroupComp = toolPanelGroupComp_1.ToolPanelGroupComp; + var aggregationStage_1 = __webpack_require__(161); + exports.AggregationStage = aggregationStage_1.AggregationStage; + var groupStage_1 = __webpack_require__(160); + exports.GroupStage = groupStage_1.GroupStage; + var setFilter_1 = __webpack_require__(165); + exports.SetFilter = setFilter_1.SetFilter; + var setFilterModel_1 = __webpack_require__(166); + exports.SetFilterModel = setFilterModel_1.SetFilterModel; + var statusBar_1 = __webpack_require__(174); + exports.StatusBar = statusBar_1.StatusBar; + var statusItem_1 = __webpack_require__(175); + exports.StatusItem = statusItem_1.StatusItem; + var clipboardService_1 = __webpack_require__(157); + exports.ClipboardService = clipboardService_1.ClipboardService; + var enterpriseBoot_1 = __webpack_require__(164); + exports.EnterpriseBoot = enterpriseBoot_1.EnterpriseBoot; + var enterpriseMenu_1 = __webpack_require__(148); + exports.EnterpriseMenu = enterpriseMenu_1.EnterpriseMenu; + var menuItemComponent_1 = __webpack_require__(155); + exports.MenuItemComponent = menuItemComponent_1.MenuItemComponent; + var menuList_1 = __webpack_require__(154); + exports.MenuList = menuList_1.MenuList; + var rangeController_1 = __webpack_require__(158); + exports.RangeController = rangeController_1.RangeController; + var rowGroupColumnsPanel_1 = __webpack_require__(185); + exports.RowGroupColumnsPanel = rowGroupColumnsPanel_1.RowGroupColumnsPanel; + var contextMenu_1 = __webpack_require__(176); + exports.ContextMenuFactory = contextMenu_1.ContextMenuFactory; + var viewportRowModel_1 = __webpack_require__(177); + exports.ViewportRowModel = viewportRowModel_1.ViewportRowModel; + var richSelectCellEditor_1 = __webpack_require__(169); + exports.RichSelectCellEditor = richSelectCellEditor_1.RichSelectCellEditor; + var richSelectRow_1 = __webpack_require__(170); + exports.RichSelectRow = richSelectRow_1.RichSelectRow; + var virtualList_1 = __webpack_require__(168); + exports.VirtualList = virtualList_1.VirtualList; + var abstractColumnDropPanel_1 = __webpack_require__(179); + exports.AbstractColumnDropPanel = abstractColumnDropPanel_1.AbstractColumnDropPanel; + var pivotColumnsPanel_1 = __webpack_require__(178); + exports.PivotColumnsPanel = pivotColumnsPanel_1.PivotColumnsPanel; + var toolPanelComp_1 = __webpack_require__(181); + exports.ToolPanelComp = toolPanelComp_1.ToolPanelComp; + var licenseManager_1 = __webpack_require__(171); + exports.LicenseManager = licenseManager_1.LicenseManager; + var pivotStage_1 = __webpack_require__(162); + exports.PivotStage = pivotStage_1.PivotStage; + var pivotColDefService_1 = __webpack_require__(163); + exports.PivotColDefService = pivotColDefService_1.PivotColDefService; + var pivotModePanel_1 = __webpack_require__(183); + exports.PivotModePanel = pivotModePanel_1.PivotModePanel; + var aggFuncService_1 = __webpack_require__(159); + exports.AggFuncService = aggFuncService_1.AggFuncService; + var md5_1 = __webpack_require__(172); + exports.MD5 = md5_1.MD5; + var setFilterListItem_1 = __webpack_require__(167); + exports.SetFilterListItem = setFilterListItem_1.SetFilterListItem; + var columnComponent_1 = __webpack_require__(180); + exports.ColumnComponent = columnComponent_1.ColumnComponent; + var valueColumnsPanel_1 = __webpack_require__(184); + exports.ValuesColumnPanel = valueColumnsPanel_1.ValuesColumnPanel; + var pivotCompFactory_1 = __webpack_require__(188); + exports.PivotCompFactory = pivotCompFactory_1.PivotCompFactory; + var rowGroupCompFactory_1 = __webpack_require__(187); + exports.RowGroupCompFactory = rowGroupCompFactory_1.RowGroupCompFactory; + var excelCreator_1 = __webpack_require__(189); + exports.ExcelCreator = excelCreator_1.ExcelCreator; + var excelXmlFactory_1 = __webpack_require__(190); + exports.ExcelXmlFactory = excelXmlFactory_1.ExcelXmlFactory; + // bootstrap the enterprise side of things - this ensures the enterprise code + // is loaded up and ready to go + var main_1 = __webpack_require__(2); + var enterpriseMenu_2 = __webpack_require__(148); + var rangeController_2 = __webpack_require__(158); + var clipboardService_2 = __webpack_require__(157); + var groupStage_2 = __webpack_require__(160); + var aggregationStage_2 = __webpack_require__(161); + var enterpriseBoot_2 = __webpack_require__(164); + var statusBar_2 = __webpack_require__(174); + var contextMenu_2 = __webpack_require__(176); + var viewportRowModel_2 = __webpack_require__(177); + var pivotColumnsPanel_2 = __webpack_require__(178); + var toolPanelComp_2 = __webpack_require__(181); + var rowGroupCompFactory_2 = __webpack_require__(187); + var licenseManager_2 = __webpack_require__(171); + var md5_2 = __webpack_require__(172); + var pivotStage_2 = __webpack_require__(162); + var pivotColDefService_2 = __webpack_require__(163); + var aggFuncService_2 = __webpack_require__(159); + var pivotCompFactory_2 = __webpack_require__(188); + var menuItemMapper_1 = __webpack_require__(156); + var excelCreator_2 = __webpack_require__(189); + var excelXmlFactory_2 = __webpack_require__(190); + var serverSideRowModel_1 = __webpack_require__(191); + var columnSelectHeaderComp_1 = __webpack_require__(153); + var columnContainerComp_1 = __webpack_require__(150); + var horizontalResizeComp_1 = __webpack_require__(194); + var toolPanelSelectComp_1 = __webpack_require__(186); + var toolPanelColumnComp_2 = __webpack_require__(182); + var headerColumnDropComp_1 = __webpack_require__(195); + var rowModelTypes = { viewport: viewportRowModel_2.ViewportRowModel, enterprise: serverSideRowModel_1.ServerSideRowModel }; + main_1.Grid.setEnterpriseBeans([enterpriseMenu_2.EnterpriseMenuFactory, excelCreator_2.ExcelCreator, excelXmlFactory_2.ExcelXmlFactory, rowGroupCompFactory_2.RowGroupCompFactory, pivotCompFactory_2.PivotCompFactory, + pivotColumnsPanel_2.PivotColumnsPanel, rangeController_2.RangeController, clipboardService_2.ClipboardService, pivotStage_2.PivotStage, pivotColDefService_2.PivotColDefService, + contextMenu_2.ContextMenuFactory, groupStage_2.GroupStage, aggregationStage_2.AggregationStage, enterpriseBoot_2.EnterpriseBoot, aggFuncService_2.AggFuncService, + licenseManager_2.LicenseManager, md5_2.MD5, menuItemMapper_1.MenuItemMapper], rowModelTypes); + main_1.Grid.setEnterpriseComponents([ + { componentName: 'AgColumnSelectHeader', theClass: columnSelectHeaderComp_1.ColumnSelectHeaderComp }, + { componentName: 'AgColumnContainer', theClass: columnContainerComp_1.ColumnContainerComp }, + { componentName: 'AgHorizontalResize', theClass: horizontalResizeComp_1.HorizontalResizeComp }, + { componentName: 'AgToolPanel', theClass: toolPanelComp_2.ToolPanelComp }, + { componentName: 'AgStatusBar', theClass: statusBar_2.StatusBar }, + { componentName: 'AgHeaderColumnDrop', theClass: headerColumnDropComp_1.HeaderColumnDropComp }, + { componentName: 'AgToolPanelColumnComp', theClass: toolPanelColumnComp_2.ToolPanelColumnComp }, + { componentName: 'AgToolPanelSelectComp', theClass: toolPanelSelectComp_1.ToolPanelSelectComp }, + ]); + + +/***/ }), +/* 197 */ +/***/ (function(module, exports, __webpack_require__) { + + // style-loader: Adds some css to the DOM by adding a