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

package/dist/es2015/columns/column-base.js

@@ -1,309 +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 { Input, ContentChild, ContentChildren, QueryList } from '@angular/core';
-import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
-import { FooterTemplateDirective } from '../rendering/footer/footer-template.directive';
-import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
-/**
- * @hidden
- */
-export const isSpanColumn = column => column.isSpanColumn;
-/**
- * @hidden
- */
-export const isCheckboxColumn = column => column.isCheckboxColumn;
-const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column);
-const ɵ0 = isColumnContainer;
-/**
- * The base class for the column components of the Grid.
- */
-export class ColumnBase {
-    /**
-     * @hidden
-     */
-    constructor(parent, idService) {
-        this.parent = parent;
-        /**
-         * @hidden
-         */
-        this.matchesMedia = true;
-        /**
-         * The column index after reordering.
-         *
-         * > `orderIndex` is a read-only property. Setting this field does not affect column order.
-         */
-        this.orderIndex = 0;
-        /**
-         * @hidden
-         */
-        this.isColumnGroup = false;
-        /**
-         * @hidden
-         */
-        this.isSpanColumn = false;
-        /**
-         * Indicates whether the column is resizable.
-         * @default true
-         */
-        this.resizable = true;
-        /**
-         * Indicates whether the column is reorderable.
-         * @default true
-         */
-        this.reorderable = true;
-        /**
-         * The width (in pixels) below which the user is not able to resize the column by using the UI.
-         */
-        this.minResizableWidth = 10;
-        /**
-         * Toggles the locked (frozen) state of the columns ([more information and example]({% slug locked_columns_grid %})).
-         *
-         * @default false
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         *    selector: 'my-app',
-         *    template: `
-         *        <kendo-grid [data]="gridData" [scrollable]="scrollable" style="height: 200px">
-         *          <kendo-grid-column field="ProductID" title="Product ID" width="120" [locked]="true">
-         *          </kendo-grid-column>
-         *          <kendo-grid-column field="ProductName" title="Product Name" width="200">
-         *          </kendo-grid-column>
-         *          <kendo-grid-column field="UnitPrice" title="Unit Price" width="230">
-         *          </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
-         *  }
-         * ];
-         *
-         * ```
-         */
-        this.locked = false;
-        /**
-         * Determines whether the column will be always visible when scrolling the Grid horizontally.
-         *
-         * @default false
-         */
-        this.sticky = false;
-        /**
-         * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
-         */
-        this.lockable = true;
-        /**
-         * Specifies if the column can be stuck or unstuck from the column menu.
-         */
-        this.stickable = true;
-        /**
-         * Specifies if the column menu will be shown for the column.
-         */
-        this.columnMenu = true;
-        /**
-         * Specifies if the column will be included in the column-chooser list.
-         */
-        this.includeInChooser = true;
-        /**
-         * @hidden
-         */
-        this.headerTemplates = new QueryList();
-        /**
-         * @hidden
-         */
-        this.columnMenuTemplates = new QueryList();
-        this.idService = idService;
-        if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
-            throw new Error('Columns can be nested only inside ColumnGroupComponent');
-        }
-    }
-    /**
-     * The width of the column (in pixels).
-     */
-    set width(value) {
-        this._width = parseInt(value, 10);
-    }
-    get width() { return this._width; }
-    /**
-     * @hidden
-     */
-    get level() {
-        if (this.parent && isSpanColumn(this.parent)) {
-            return this.parent.level;
-        }
-        return this.parent ? this.parent.level + 1 : 0;
-    }
-    /**
-     * @hidden
-     */
-    get isLocked() {
-        return this.parent ? this.parent.isLocked : this.locked;
-    }
-    /**
-     * @hidden
-     */
-    get colspan() {
-        return 1;
-    }
-    /**
-     * @hidden
-     */
-    rowspan(totalColumnLevels) {
-        return this.level < totalColumnLevels ? (totalColumnLevels - this.level) + 1 : 1;
-    }
-    /**
-     * @hidden
-     */
-    get headerTemplateRef() {
-        const template = this.headerTemplates.first;
-        return template ? template.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get footerTemplateRef() {
-        return this.footerTemplate ? this.footerTemplate.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get columnMenuTemplateRef() {
-        const template = this.columnMenuTemplates.first;
-        return template ? template.templateRef : null;
-    }
-    /**
-     * @hidden
-     */
-    get displayTitle() {
-        return this.title;
-    }
-    /**
-     * @hidden
-     */
-    get isVisible() {
-        return !this.hidden && this.matchesMedia;
-    }
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "resizable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "reorderable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ColumnBase.prototype, "minResizableWidth", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ColumnBase.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], ColumnBase.prototype, "width", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "autoSize", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "locked", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "sticky", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "hidden", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ColumnBase.prototype, "media", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "lockable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "stickable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "columnMenu", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnBase.prototype, "includeInChooser", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "style", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "headerStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "filterStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "footerStyle", void 0);
-tslib_1.__decorate([
-    Input('class'),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "headerClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "filterClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ColumnBase.prototype, "footerClass", void 0);
-tslib_1.__decorate([
-    ContentChildren(HeaderTemplateDirective, { descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], ColumnBase.prototype, "headerTemplates", void 0);
-tslib_1.__decorate([
-    ContentChild(FooterTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", FooterTemplateDirective)
-], ColumnBase.prototype, "footerTemplate", void 0);
-tslib_1.__decorate([
-    ContentChildren(ColumnMenuTemplateDirective),
-    tslib_1.__metadata("design:type", QueryList)
-], ColumnBase.prototype, "columnMenuTemplates", void 0);
-export { ɵ0 };

package/dist/es2015/columns/column-common.d.ts

@@ -1,53 +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 { ColumnBase } from "./column-base";
-/**
- * @hidden
- */
-export declare const expandColumns: (columns: ColumnBase[]) => ColumnBase[];
-/**
- * @hidden
- */
-export declare const expandColumnsWithSpan: (columns: ColumnBase[]) => ColumnBase[];
-/**
- * @hidden
- */
-export declare const columnsToRender: (columns: ColumnBase[]) => ColumnBase[];
-/**
- * @hidden
- */
-export declare const sumColumnWidths: (array: any[]) => number;
-/**
- * @hidden
- */
-export declare const columnsSpan: (array: any[]) => number;
-/**
- * @hidden
- */
-export declare const isValidFieldName: (fieldName: string) => boolean;
-/**
- * @hidden
- */
-export declare const children: (column: any) => any;
-/**
- * @hidden
- */
-export declare const leafColumns: (columns: any) => any;
-/**
- * @hidden
- */
-export declare const someLeafColumn: (callback: any, ...columns: any[]) => boolean;
-/**
- * @hidden
- */
-export declare const resizableColumns: (columns: any) => any;
-/**
- * @hidden
- */
-export declare const sortColumns: (columns: ColumnBase[]) => ColumnBase[];
-/**
- * @hidden
- */
-export declare const isInSpanColumn: (column: ColumnBase) => boolean;

package/dist/es2015/columns/column-common.js

@@ -1,78 +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 { isSpanColumnComponent } from "./span-column.component";
-import { isNullOrEmptyString, isTruthy } from "../utils";
-import { orderBy } from '@progress/kendo-data-query';
-/**
- * @hidden
- */
-export const expandColumns = (columns) => (columns.reduce((acc, column) => acc.concat(isSpanColumnComponent(column) ? column.childrenArray : [column]), []) // tslint:disable-line:align
-);
-/**
- * @hidden
- */
-export const expandColumnsWithSpan = (columns) => (columns.reduce((acc, column) => acc.concat(isSpanColumnComponent(column) ?
-    [column].concat(column.childrenArray) :
-    [column]), []) // tslint:disable-line:align
-);
-/**
- * @hidden
- */
-export const columnsToRender = (columns) => (expandColumns(columns).filter(x => x.isVisible));
-const sumProp = (prop) => (array) => (array || []).reduce((prev, curr) => prev + (curr[prop] || 0), 0);
-const ɵ0 = sumProp;
-/**
- * @hidden
- */
-export const sumColumnWidths = sumProp('width');
-/**
- * @hidden
- */
-export const columnsSpan = sumProp('colspan');
-// tslint:disable-next-line:max-line-length
-const validField = new RegExp(`^[$A-Z\_a-z][$A-Z\_a-z0-9\\.]*$`);
-/**
- * @hidden
- */
-export const isValidFieldName = (fieldName) => !isNullOrEmptyString(fieldName) && validField.test(fieldName) &&
-    fieldName[0] !== "." && fieldName[fieldName.length - 1] !== ".";
-/**
- * @hidden
- */
-export const children = column => column.children.filter(child => child !== column);
-/**
- * @hidden
- */
-export const leafColumns = columns => {
-    return columns.reduce((acc, column) => {
-        if (column.isColumnGroup) {
-            acc = acc.concat(leafColumns(children(column)));
-        }
-        else if (column.isSpanColumn) {
-            acc = acc.concat(column.childrenArray);
-        }
-        else {
-            acc.push(column);
-        }
-        return acc;
-    }, []).filter(x => x.isVisible); // tslint:disable-line:align
-};
-/**
- * @hidden
- */
-export const someLeafColumn = (callback, ...columns) => leafColumns(columns).some(callback);
-/**
- * @hidden
- */
-export const resizableColumns = columns => columns.filter(column => isTruthy(column.resizable) && column.isVisible);
-/**
- * @hidden
- */
-export const sortColumns = (columns) => orderBy(columns, [{ field: 'orderIndex', dir: 'asc' }]);
-/**
- * @hidden
- */
-export const isInSpanColumn = (column) => isTruthy(column.parent) && isSpanColumnComponent(column.parent);
-export { ɵ0 };

package/dist/es2015/columns/column-group.component.d.ts

@@ -1,100 +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 { IdService } from '../common/id.service';
-import { ColumnBase } from './column-base';
-/**
- * @hidden
- */
-export declare function isColumnGroupComponent(column: any): column is ColumnGroupComponent;
-/**
- * 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
- *  }
- * ];
- *
- * ```
- */
-export declare class ColumnGroupComponent extends ColumnBase {
-    parent?: ColumnBase;
-    /**
-     * @hidden
-     */
-    includeInChooser: boolean;
-    /**
-     * @hidden
-     */
-    isColumnGroup: boolean;
-    /**
-     * @hidden
-     */
-    minResizableWidth: number;
-    /**
-     * @hidden
-     */
-    children: QueryList<ColumnBase>;
-    constructor(parent?: ColumnBase, idService?: IdService);
-    /**
-     * @hidden
-     */
-    rowspan(): number;
-    /**
-     * @hidden
-     */
-    readonly colspan: number;
-    /**
-     * @hidden
-     */
-    readonly leafIndex: number;
-    readonly childrenArray: any[];
-    readonly hasChildren: boolean;
-    private readonly firstChild;
-}

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

@@ -1,141 +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";
-var ColumnGroupComponent_1;
-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
- *  }
- * ];
- *
- * ```
- */
-let ColumnGroupComponent = ColumnGroupComponent_1 = class ColumnGroupComponent extends ColumnBase {
-    constructor(parent, idService) {
-        super(parent, idService);
-        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');
-        }
-    }
-    /**
-     * @hidden
-     */
-    rowspan() {
-        return 1;
-    }
-    /**
-     * @hidden
-     */
-    get colspan() {
-        if (!this.children || this.children.length === 1) {
-            return 1;
-        }
-        return columnsSpan(this.children
-            .filter(child => child !== this && child.isVisible));
-    }
-    /**
-     * @hidden
-     */
-    get leafIndex() {
-        return this.children ? (this.firstChild || {}).leafIndex : -1;
-    }
-    get childrenArray() {
-        return this.children.filter(c => c !== this);
-    }
-    get hasChildren() {
-        return Boolean(this.firstChild);
-    }
-    get firstChild() {
-        return this.children.find(column => column !== this);
-    }
-};
-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(() => 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);
-export { ColumnGroupComponent };