@progress/kendo-angular-grid 7.0.0-dev.202201261657 → 7.0.0-next.202204010918

package/dist/es/columns/column-group.component.js

@@ -1,168 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, forwardRef, SkipSelf, Host, Optional, QueryList, ContentChildren } from '@angular/core';
-import { IdService } from '../common/id.service';
-import { ColumnBase } from './column-base';
-import { columnsSpan } from './column-common';
-/**
- * @hidden
- */
-export function isColumnGroupComponent(column) {
-    return column.isColumnGroup;
-}
-/**
- * Represents the column group header of the Grid
- * ([more information and examples]({% slug multicolumnheaders_columns_grid %})).
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *     <kendo-grid [data]="gridData">
- *       <kendo-grid-column-group title="Product Info">
- *         <ng-template kendoGridHeaderTemplate let-columnIndex="columnIndex" let-column="column">
- *               Column index: {{columnIndex}} / column title: {{column.title}}
- *         </ng-template>
- *         <kendo-grid-column field="ProductID" title="Product ID" width="120">
- *         </kendo-grid-column>
- *         <kendo-grid-column field="ProductName" title="Product Name">
- *         </kendo-grid-column>
- *       </kendo-grid-column-group>
- *       <kendo-grid-column field="UnitPrice" title="Unit Price" width="230">
- *       </kendo-grid-column>
- *       <kendo-grid-column field="Discontinued" width="120">
- *           <ng-template kendoGridCellTemplate let-dataItem>
- *               <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
- *           </ng-template>
- *       </kendo-grid-column>
- *     </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
- * ```
- */
-var ColumnGroupComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ColumnGroupComponent, _super);
-    function ColumnGroupComponent(parent, idService) {
-        var _this = _super.call(this, parent, idService) || this;
-        _this.parent = parent;
-        /**
-         * @hidden
-         */
-        _this.includeInChooser = false;
-        /**
-         * @hidden
-         */
-        _this.isColumnGroup = true;
-        /**
-         * @hidden
-         */
-        _this.minResizableWidth = 10;
-        if (parent && parent.isSpanColumn) {
-            throw new Error('ColumnGroupComponent cannot be nested inside SpanColumnComponent');
-        }
-        return _this;
-    }
-    ColumnGroupComponent_1 = ColumnGroupComponent;
-    /**
-     * @hidden
-     */
-    ColumnGroupComponent.prototype.rowspan = function () {
-        return 1;
-    };
-    Object.defineProperty(ColumnGroupComponent.prototype, "colspan", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            var _this = this;
-            if (!this.children || this.children.length === 1) {
-                return 1;
-            }
-            return columnsSpan(this.children
-                .filter(function (child) { return child !== _this && child.isVisible; }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnGroupComponent.prototype, "leafIndex", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.children ? (this.firstChild || {}).leafIndex : -1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnGroupComponent.prototype, "childrenArray", {
-        get: function () {
-            var _this = this;
-            return this.children.filter(function (c) { return c !== _this; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnGroupComponent.prototype, "hasChildren", {
-        get: function () {
-            return Boolean(this.firstChild);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnGroupComponent.prototype, "firstChild", {
-        get: function () {
-            var _this = this;
-            return this.children.find(function (column) { return column !== _this; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var ColumnGroupComponent_1;
-    tslib_1.__decorate([
-        ContentChildren(ColumnBase),
-        tslib_1.__metadata("design:type", QueryList)
-    ], ColumnGroupComponent.prototype, "children", void 0);
-    ColumnGroupComponent = ColumnGroupComponent_1 = tslib_1.__decorate([
-        Component({
-            providers: [
-                {
-                    provide: ColumnBase,
-                    useExisting: forwardRef(function () { return ColumnGroupComponent_1; })
-                }
-            ],
-            selector: 'kendo-grid-column-group',
-            template: ""
-        }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
-    ], ColumnGroupComponent);
-    return ColumnGroupComponent;
-}(ColumnBase));
-export { ColumnGroupComponent };

package/dist/es/columns/column-list.js

@@ -1,99 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { QueryList } from '@angular/core';
-import { sortColumns } from './column-common';
-var forEachColumn = function (list, callback) {
-    list.forEach(function (column) {
-        callback(column);
-        if (column.isColumnGroup && column.hasChildren) {
-            forEachColumn(column.childrenArray, callback);
-        }
-    });
-};
-var ɵ0 = forEachColumn;
-var forEachLevel = function (list, callback) {
-    sortColumns(list)
-        .forEach(function (column) {
-        callback(column);
-        if (column.isColumnGroup && column.hasChildren) {
-            forEachLevel(column.childrenArray, callback);
-        }
-    });
-};
-var ɵ1 = forEachLevel;
-var filterHierarchy = function (list, predicate) {
-    var result = [];
-    sortColumns(list)
-        .forEach(function (column) {
-        if (predicate(column)) {
-            if (column.isColumnGroup) {
-                var children = filterHierarchy(column.childrenArray, predicate);
-                if (children.length) {
-                    result.push.apply(result, [column].concat(children));
-                }
-            }
-            else if (!column.isSpanColumn || filterHierarchy(column.childrenArray, predicate).length) {
-                result.push(column);
-            }
-        }
-    });
-    return result;
-};
-var ɵ2 = filterHierarchy;
-/**
- * @hidden
- */
-var ColumnList = /** @class */ (function () {
-    function ColumnList(columns) {
-        this.columns = columns;
-    }
-    ColumnList.empty = function () {
-        return new ColumnList(new QueryList());
-    };
-    ColumnList.prototype.forEach = function (callback) {
-        forEachColumn(this.columns, callback);
-    };
-    ColumnList.prototype.filter = function (callback) {
-        var result = [];
-        forEachColumn(this.columns, function (column) {
-            if (callback(column)) {
-                result.push(column);
-            }
-        });
-        return result;
-    };
-    ColumnList.prototype.filterHierarchy = function (predicate) {
-        return filterHierarchy(this.columns.toArray(), predicate);
-    };
-    ColumnList.prototype.filterSort = function (callback) {
-        var result = [];
-        forEachLevel(this.columns.toArray(), function (column) {
-            if (callback(column)) {
-                result.push(column);
-            }
-        });
-        return result;
-    };
-    ColumnList.prototype.toArray = function () {
-        var result = [];
-        forEachColumn(this.columns, function (column) {
-            result.push(column);
-        });
-        return result;
-    };
-    ColumnList.prototype.rootColumns = function () {
-        return this.columns.toArray();
-    };
-    ColumnList.prototype.totalColumnLevels = function () {
-        var totalLevels = 0;
-        this.forEach(function (column) {
-            totalLevels = Math.max(column.level, totalLevels);
-        });
-        return totalLevels;
-    };
-    return ColumnList;
-}());
-export { ColumnList };
-export { ɵ0, ɵ1, ɵ2 };

package/dist/es/columns/column.component.js

@@ -1,270 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { forwardRef, Component, Input, ContentChild, SkipSelf, Host, Optional } from '@angular/core';
-import { CellTemplateDirective } from '../rendering/cell-template.directive';
-import { GroupHeaderTemplateDirective } from '../grouping/group-header-template.directive';
-import { GroupHeaderColumnTemplateDirective } from '../grouping/group-header-column-template.directive';
-import { EditTemplateDirective } from '../editing/edit-template.directive';
-import { GroupFooterTemplateDirective } from '../grouping/group-footer-template.directive';
-import { ColumnBase } from './column-base';
-import { isPresent } from '../utils';
-import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
-import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
-import { IdService } from '../common/id.service';
-/**
- * @hidden
- */
-export function isColumnComponent(column) {
-    return isPresent(column.field);
-}
-/**
- * Represents the columns of the [Angular Data Grid]({% slug overview_grid %}).
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData">
- *          <kendo-grid-column field="ProductID" title="Product ID" width="120">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="UnitPrice" title="Unit Price" width="230">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="Discontinued" width="120">
- *              <ng-template kendoGridCellTemplate let-dataItem>
- *                  <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
- *              </ng-template>
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
- * ```
- */
-var ColumnComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ColumnComponent, _super);
-    function ColumnComponent(parent, idService) {
-        var _this = _super.call(this, parent, idService) || this;
-        /**
-         * Allows the column headers to be clicked and the `sortChange` event emitted.
-         * You have to handle the `sortChange` event yourself and sort the data.
-         */
-        _this.sortable = true;
-        /**
-         * Determines if the column can be dragged to the group panel. The default value is `true`.
-         * If set to `false`, you can group the columns by the column field by using the API of the Grid.
-         */
-        _this.groupable = true;
-        /**
-         * Defines the editor type ([see example]({% slug editing_reactive_forms_grid %}#toc-setup)).
-         * Used when the column enters the edit mode. The default value is `text`.
-         *
-         * @example
-         * ```html-no-run
-         * <kendo-grid>
-         *    <kendo-grid-column field="UnitPrice" editor="numeric">
-         *    </kendo-grid-column>
-         * </kendo-grid>
-         * ```
-         */
-        _this.editor = 'text';
-        /**
-         * Defines the filter type that is displayed inside the filter row. The default value is `text`.
-         *
-         * @example
-         * ```html-no-run
-         * <kendo-grid>
-         *    <kendo-grid-column field="UnitPrice" filter="numeric">
-         *    </kendo-grid-column>
-         * </kendo-grid>
-         * ```
-         */
-        _this.filter = 'text';
-        /**
-         * Defines if a filter UI will be displayed for this column. The default value is `true`.
-         *
-         * @example
-         * ```html-no-run
-         * <kendo-grid>
-         *    <kendo-grid-column field="UnitPrice" [filterable]="false">
-         *    </kendo-grid-column>
-         * </kendo-grid>
-         * ```
-         */
-        _this.filterable = true;
-        /**
-         * Defines whether the column is editable. The default value is `true`.
-         *
-         * @example
-         * ```html-no-run
-         * <kendo-grid>
-         *    <kendo-grid-column field="UnitPrice" [editable]="false">
-         *    </kendo-grid-column>
-         * </kendo-grid>
-         * ```
-         */
-        _this.editable = true;
-        return _this;
-    }
-    ColumnComponent_1 = ColumnComponent;
-    Object.defineProperty(ColumnComponent.prototype, "templateRef", {
-        get: function () {
-            return this.template ? this.template.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "groupHeaderTemplateRef", {
-        get: function () {
-            return this.groupHeaderTemplate ? this.groupHeaderTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "groupHeaderColumnTemplateRef", {
-        get: function () {
-            return this.groupHeaderColumnTemplate ? this.groupHeaderColumnTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "groupFooterTemplateRef", {
-        get: function () {
-            return this.groupFooterTemplate ? this.groupFooterTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "editTemplateRef", {
-        get: function () {
-            return this.editTemplate ? this.editTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "filterCellTemplateRef", {
-        get: function () {
-            return this.filterCellTemplate ? this.filterCellTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "filterMenuTemplateRef", {
-        get: function () {
-            return this.filterMenuTemplate ? this.filterMenuTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnComponent.prototype, "displayTitle", {
-        get: function () {
-            return this.title === undefined ? this.field : this.title;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var ColumnComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ColumnComponent.prototype, "field", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ColumnComponent.prototype, "format", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ColumnComponent.prototype, "sortable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ColumnComponent.prototype, "groupable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ColumnComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ColumnComponent.prototype, "filter", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ColumnComponent.prototype, "filterable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ColumnComponent.prototype, "editable", void 0);
-    tslib_1.__decorate([
-        ContentChild(CellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", CellTemplateDirective)
-    ], ColumnComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        ContentChild(GroupHeaderTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", GroupHeaderTemplateDirective)
-    ], ColumnComponent.prototype, "groupHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(GroupHeaderColumnTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", GroupHeaderColumnTemplateDirective)
-    ], ColumnComponent.prototype, "groupHeaderColumnTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(GroupFooterTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", GroupFooterTemplateDirective)
-    ], ColumnComponent.prototype, "groupFooterTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(EditTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", EditTemplateDirective)
-    ], ColumnComponent.prototype, "editTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(FilterCellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", FilterCellTemplateDirective)
-    ], ColumnComponent.prototype, "filterCellTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(FilterMenuTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", FilterMenuTemplateDirective)
-    ], ColumnComponent.prototype, "filterMenuTemplate", void 0);
-    ColumnComponent = ColumnComponent_1 = tslib_1.__decorate([
-        Component({
-            providers: [
-                {
-                    provide: ColumnBase,
-                    useExisting: forwardRef(function () { return ColumnComponent_1; })
-                }
-            ],
-            selector: 'kendo-grid-column',
-            template: ""
-        }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
-    ], ColumnComponent);
-    return ColumnComponent;
-}(ColumnBase));
-export { ColumnComponent };

package/dist/es/columns/columns-container.js

@@ -1,106 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { QueryList, EventEmitter } from '@angular/core';
-import { isColumnGroupComponent } from './column-group.component';
-import { columnsToRender, someLeafColumn } from './column-common';
-var reset = function () {
-    var lists = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        lists[_i] = arguments[_i];
-    }
-    var diff = false;
-    for (var idx = 0; idx < lists.length; idx++) {
-        var _a = lists[idx], list = _a[0], columns = _a[1];
-        diff = diff || list.length !== columns.length;
-        list.reset(columns);
-    }
-    return diff;
-};
-var ɵ0 = reset;
-/**
- * @hidden
- */
-var ColumnsContainer = /** @class */ (function () {
-    function ColumnsContainer(columns) {
-        this.columns = columns;
-        this.allColumns = new QueryList();
-        this.leafColumns = new QueryList();
-        this.lockedColumns = new QueryList();
-        this.nonLockedColumns = new QueryList();
-        this.lockedLeafColumns = new QueryList();
-        this.nonLockedLeafColumns = new QueryList();
-        this.totalLevels = 0;
-        this.changes = new EventEmitter();
-        this.leafColumnsToRender = [];
-        this.lockedColumnsToRender = [];
-        this.nonLockedColumnsToRender = [];
-        this.hasGroupHeaderColumn = false;
-        this.hasGroupFooter = false;
-        this.hasFooter = false;
-        this.unlockedWidth = 0;
-    }
-    ColumnsContainer.prototype.refresh = function () {
-        var _this = this;
-        var currentLevels = this.totalLevels;
-        var leafColumns = new Array();
-        var lockedLeafColumns = new Array();
-        var nonLockedLeafColumns = new Array();
-        var lockedColumns = new Array();
-        var nonLockedColumns = new Array();
-        var allColumns = new Array();
-        var leafColumnsToRender = new Array();
-        var lockedColumnsToRender = new Array();
-        var nonLockedColumnsToRender = new Array();
-        var hasGroupHeaderColumn = false;
-        var hasGroupFooter = false;
-        var hasFooter = false;
-        var unlockedWidth = 0;
-        var leafIndex = 0;
-        this.totalLevels = 0;
-        this.columns().forEach(function (column) {
-            var containerLeafColumns = column.isLocked === true ? lockedLeafColumns : nonLockedLeafColumns;
-            var containerColumns = column.isLocked === true ? lockedColumns : nonLockedColumns;
-            var toRenderContainer = column.isLocked === true ? lockedColumnsToRender : nonLockedColumnsToRender;
-            if (!isColumnGroupComponent(column)) {
-                containerLeafColumns.push(column);
-                leafColumns.push(column);
-                leafColumnsToRender.push.apply(leafColumnsToRender, columnsToRender([column]));
-                toRenderContainer.push.apply(toRenderContainer, columnsToRender([column]));
-                hasGroupHeaderColumn = hasGroupHeaderColumn || someLeafColumn(function (leaf) { return Boolean(leaf.groupHeaderColumnTemplateRef); }, column);
-                hasGroupFooter = hasGroupFooter || someLeafColumn(function (leaf) { return Boolean(leaf.groupFooterTemplateRef); }, column);
-                hasFooter = hasFooter || someLeafColumn(function (leaf) { return Boolean(leaf.footerTemplateRef); }, column);
-                if (!column.isLocked) {
-                    unlockedWidth += column.width || 0;
-                }
-                if (column.isSpanColumn) {
-                    column.childColumns.forEach(function (c) {
-                        c.leafIndex = leafIndex++;
-                    });
-                }
-                else {
-                    column.leafIndex = leafIndex++;
-                }
-            }
-            containerColumns.push(column);
-            allColumns.push(column);
-            _this.totalLevels = column.level > _this.totalLevels ? column.level : _this.totalLevels;
-        });
-        this.hasGroupHeaderColumn = hasGroupHeaderColumn;
-        this.hasGroupFooter = hasGroupFooter;
-        this.hasFooter = hasFooter;
-        this.leafColumnsToRender = leafColumnsToRender;
-        this.lockedColumnsToRender = lockedColumnsToRender;
-        this.nonLockedColumnsToRender = nonLockedColumnsToRender;
-        this.unlockedWidth = unlockedWidth;
-        var changes = reset([this.leafColumns, leafColumns], [this.lockedLeafColumns, lockedLeafColumns], [this.nonLockedLeafColumns, nonLockedLeafColumns], [this.lockedColumns, lockedColumns], [this.allColumns, allColumns], [this.nonLockedColumns, nonLockedColumns]) || currentLevels !== this.totalLevels;
-        if (changes) {
-            this.changes.emit();
-        }
-        return changes;
-    };
-    return ColumnsContainer;
-}());
-export { ColumnsContainer };
-export { ɵ0 };