@progress/kendo-angular-grid 6.1.3 → 7.0.0-dev.202204150740

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

@@ -1,104 +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 CommandColumnComponent_1;
-import { Component, forwardRef, ContentChild, SkipSelf, Host, Optional } from '@angular/core';
-import { ColumnBase } from './column-base';
-import { CellTemplateDirective } from '../rendering/cell-template.directive';
-import { IdService } from '../common/id.service';
-/**
- * Represents the command columns of the Grid. You have to define the content of the
- * column inside an `<ng-template>` tag. The template context is set to the current
- * data item. For more information and examples on using the passed fields
- * and the command directives, refer to the article on
- * [editing the Grid in Angular Reactive Forms]({% slug editing_reactive_forms_grid %}).
- *
- * The following additional fields are passed:
- * - `columnIndex`&mdash;The current column index.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex`is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
- *
- * Usually, the template contains CRUD command directives such as:
- * - [EditCommandDirective]({% slug api_grid_editcommanddirective %})
- * - [RemoveCommandDirective]({% slug api_grid_removecommanddirective %})
- * - [CancelCommandDirective]({% slug api_grid_cancelcommanddirective %})
- * - [SaveCommandDirective]({% slug api_grid_savecommanddirective %})
- *
- * @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-command-column title="command" width="220">
- *               <ng-template kendoGridCellTemplate>
- *                   <button kendoGridEditCommand class="k-primary">Edit</button>
- *                   <button kendoGridRemoveCommand>Remove</button>
- *               </ng-template>
- *           </kendo-grid-command-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 CommandColumnComponent = CommandColumnComponent_1 = class CommandColumnComponent extends ColumnBase {
-    constructor(parent, idService) {
-        super(parent, idService);
-        this.parent = parent;
-    }
-    get templateRef() {
-        return this.template ? this.template.templateRef : undefined;
-    }
-};
-tslib_1.__decorate([
-    ContentChild(CellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", CellTemplateDirective)
-], CommandColumnComponent.prototype, "template", void 0);
-CommandColumnComponent = CommandColumnComponent_1 = tslib_1.__decorate([
-    Component({
-        providers: [
-            {
-                provide: ColumnBase,
-                useExisting: forwardRef(() => CommandColumnComponent_1)
-            }
-        ],
-        selector: 'kendo-grid-command-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])
-], CommandColumnComponent);
-export { CommandColumnComponent };

package/dist/es2015/columns/sort-settings.d.ts

@@ -1,71 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Defines the settings for sorting the Grid column.
- */
-export interface ColumnSortSettings {
-    /**
-     * Enables the removal of the column sorting.
-     */
-    allowUnsort?: boolean;
-    /**
-     * Determines the initial (from the unsorted to the sorted state) sort direction.
-     *
-     * The available values for setting the initial sort direction are:
-     * - `asc` (default)
-     * - `desc`
-     */
-    initialDirection?: 'asc' | 'desc';
-}
-/**
- * Specifies settings for sorting by single column.
- */
-export interface SingleSortSettings extends ColumnSortSettings {
-    /**
-     * The sort mode of the Grid.
-     */
-    mode?: 'single';
-}
-/**
- * Specifies a modifier key.
- */
-export declare type ModifierKey = 'none' | 'ctrl' | 'shift' | 'alt';
-/**
- * Specifies settings for sorting by multiple columns.
- */
-export interface MultipleSortSettings extends ColumnSortSettings {
-    /**
-     * The sort mode of the Grid.
-     */
-    mode?: 'multiple';
-    /**
-     * Enables the sort-sequence indicators for sorting multiple columns.
-     */
-    showIndexes?: boolean;
-    /**
-     * Specifies the modifier key for sorting by 2nd or more columns.
-     *
-     * The default value is 'none', meaning that clicking a column will add it to the sort order.
-     * Selecting a key modifier along with the click will remove sorting from all other columns.
-     *
-     * If the key is set to 'ctrl', 'shift' or 'alt', clicking a column will remove sorting from all other columns.
-     * The specified key must be pressed to add the column to the sort order instead.
-     *
-     * > The `ctrl` value corresponds to the `Command` key in a macOS environment.
-     *
-     * @default 'none'
-     */
-    multiSortKey?: ModifierKey;
-}
-/**
- * Defines the settings for sorting the Grid.
- * Can be of type `boolean`, [SingleSortSettings]({% slug api_grid_singlesortsettings %}),
- * or [MultipleSortSettings]({% slug api_grid_multiplesortsettings %}).
- */
-export declare type SortSettings = boolean | SingleSortSettings | MultipleSortSettings;
-/**
- * @hidden
- */
-export declare const normalize: (...settings: (boolean | ColumnSortSettings | SingleSortSettings | MultipleSortSettings)[]) => any;

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

@@ -1,222 +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 { TemplateRef, QueryList } from '@angular/core';
-import { CellTemplateDirective } from '../rendering/cell-template.directive';
-import { EditTemplateDirective } from '../editing/edit-template.directive';
-import { ColumnBase } from './column-base';
-import { ColumnComponent } from "./column.component";
-import { IdService } from '../common/id.service';
-/**
- * @hidden
- */
-export declare function isSpanColumnComponent(column: any): column is SpanColumnComponent;
-/**
- * Represents a column which can be spanned over multiple data cells while the individual
- * header and footer cells are retained ([see example]({% slug spanned_columns_grid %})).
- * Enables you to achieve more flexible layout while keeping the built-in UI element for
- * [sorting]({% slug sorting_grid %}), [filtering]({% slug filtering_grid %}), and
- * [grouping]({% slug groupingbasics_grid %}). Wrap the columns that will be
- * merged inside the `<kendo-grid-span-column>` tag.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid
- *              [sortable]="true"
- *              [filterable]="true"
- *              [kendoGridBinding]="products">
- *          <kendo-grid-column field="ProductID" title="Product ID" width="120">
- *          </kendo-grid-column>
- *          <kendo-grid-span-column>
- *              <kendo-grid-column field="ProductName" title="Product Name">
- *              </kendo-grid-column>
- *              <kendo-grid-column field="UnitPrice" title="Unit Price" filter="numeric" width="180" format="{0:c}">
- *              </kendo-grid-column>
- *          </kendo-grid-span-column>
- *          <kendo-grid-column field="Discontinued" width="120" filter="boolean">
- *              <ng-template kendoGridCellTemplate let-dataItem>
- *                  <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
- *              </ng-template>
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *   public products = [{
- *      "ProductID": 1,
- *      "ProductName": "Chai",
- *      "UnitPrice": 18.0000,
- *      "Discontinued": true
- *    }, {
- *      "ProductID": 2,
- *      "ProductName": "Chang",
- *      "UnitPrice": 19.0000,
- *      "Discontinued": false
- *    }
- *   ];
- * }
- *
- * ```
- *
- * By default, the data cell displays the data for the specified fields. To further customize
- * the span-column functionality, use a [cell template]({% slug api_grid_celltemplatedirective %}).
- *
- * ```html-no-run
- * <kendo-grid-span-column>
- *  <kendo-grid-column field="field1" title="Field 1"></kendo-grid-column>
- *  <kendo-grid-column field="field2" title="Field 2"></kendo-grid-column>
- *    <ng-template kendoGridCellTemplate let-dataItem>
- *        <h5>{{ dataItem.field1 }}</h5>
- *        <p>{{ dataItem.field2 }}</p>
- *    </ng-template>
- *  </kendo-grid-span-column>
- * ```
- */
-export declare class SpanColumnComponent extends ColumnBase {
-    readonly isSpanColumn: boolean;
-    template: QueryList<CellTemplateDirective>;
-    editTemplate: QueryList<EditTemplateDirective>;
-    /**
-     * @hidden
-     */
-    childColumns: QueryList<ColumnComponent>;
-    /**
-     * @hidden
-     */
-    title: string;
-    /**
-     * @hidden
-     */
-    headerStyle: {
-        [key: string]: string;
-    };
-    /**
-     * @hidden
-     */
-    footerStyle: {
-        [key: string]: string;
-    };
-    /**
-     * @hidden
-     */
-    headerClass: string | string[] | Set<string> | {
-        [key: string]: any;
-    };
-    /**
-     * @hidden
-     */
-    footerClass: string | string[] | Set<string> | {
-        [key: string]: any;
-    };
-    /**
-     * @hidden
-     */
-    includeInChooser: boolean;
-    /**
-     * Defines whether the edit template of the column will be rendered. The default value is `false`.
-     *
-     * > To enable the editing functionality for a spanned column, set an edit template for it.
-     *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-span-column [editable]="false">
-     *      <kendo-grid-column field="UnitPrice">
-     *      </kendo-grid-column>
-     *      <kendo-grid-column field="ProductName">
-     *      </kendo-grid-column>
-     *      <ng-template kendoGridEditTemplate>
-     *         .....
-     *      </ng-template>
-     *    </kendo-grid-span-column>
-     * </kendo-grid>
-     * ```
-     */
-    editable: boolean;
-    /**
-     * @hidden
-     * added for backwards compitability
-     */
-    width: number;
-    /**
-     * @hidden
-     */
-    readonly leafIndex: number;
-    private _editable;
-    private _locked;
-    constructor(parent?: ColumnBase, idService?: IdService);
-    /**
-     * @hidden
-     */
-    readonly templateRef: TemplateRef<any>;
-    /**
-     * @hidden
-     */
-    readonly editTemplateRef: TemplateRef<any>;
-    /**
-     * @hidden
-     */
-    readonly colspan: number;
-    /**
-     * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the Grid.
-     *
-     * For the option to work properly, make sure that:
-     * - Scrolling is enabled.
-     * - The `height` option of the Grid is set.
-     * - The widths of all Grid columns are explicitly set in pixels. In this way,
-     * the Grid adjusts the layout of the locked and unlocked columns.
-     *
-     * @default false
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" [scrollable]="scrollable" style="height: 200px">
-     *          <kendo-grid-span-column [locked]="true">
-     *             <kendo-grid-column field="ProductID" title="Product ID" width="120">
-     *             </kendo-grid-column>
-     *             <kendo-grid-column field="ProductName" title="Product Name" width="200">
-     *             </kendo-grid-column>
-     *          </kendo-grid-span-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
-     *  }
-     * ];
-     *
-     * ```
-     */
-    locked: boolean;
-    readonly childrenArray: any[];
-    readonly hasChildren: boolean;
-}

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

@@ -1,272 +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 SpanColumnComponent_1;
-import { forwardRef, Component, SkipSelf, Host, Optional, QueryList, ContentChildren, Input } from '@angular/core';
-import { CellTemplateDirective } from '../rendering/cell-template.directive';
-import { EditTemplateDirective } from '../editing/edit-template.directive';
-import { ColumnBase } from './column-base';
-import { ColumnComponent } from "./column.component";
-import { isPresent } from "../utils";
-import { IdService } from '../common/id.service';
-/**
- * @hidden
- */
-export function isSpanColumnComponent(column) {
-    return column.isSpanColumn;
-}
-/**
- * Represents a column which can be spanned over multiple data cells while the individual
- * header and footer cells are retained ([see example]({% slug spanned_columns_grid %})).
- * Enables you to achieve more flexible layout while keeping the built-in UI element for
- * [sorting]({% slug sorting_grid %}), [filtering]({% slug filtering_grid %}), and
- * [grouping]({% slug groupingbasics_grid %}). Wrap the columns that will be
- * merged inside the `<kendo-grid-span-column>` tag.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid
- *              [sortable]="true"
- *              [filterable]="true"
- *              [kendoGridBinding]="products">
- *          <kendo-grid-column field="ProductID" title="Product ID" width="120">
- *          </kendo-grid-column>
- *          <kendo-grid-span-column>
- *              <kendo-grid-column field="ProductName" title="Product Name">
- *              </kendo-grid-column>
- *              <kendo-grid-column field="UnitPrice" title="Unit Price" filter="numeric" width="180" format="{0:c}">
- *              </kendo-grid-column>
- *          </kendo-grid-span-column>
- *          <kendo-grid-column field="Discontinued" width="120" filter="boolean">
- *              <ng-template kendoGridCellTemplate let-dataItem>
- *                  <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
- *              </ng-template>
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *   public products = [{
- *      "ProductID": 1,
- *      "ProductName": "Chai",
- *      "UnitPrice": 18.0000,
- *      "Discontinued": true
- *    }, {
- *      "ProductID": 2,
- *      "ProductName": "Chang",
- *      "UnitPrice": 19.0000,
- *      "Discontinued": false
- *    }
- *   ];
- * }
- *
- * ```
- *
- * By default, the data cell displays the data for the specified fields. To further customize
- * the span-column functionality, use a [cell template]({% slug api_grid_celltemplatedirective %}).
- *
- * ```html-no-run
- * <kendo-grid-span-column>
- *  <kendo-grid-column field="field1" title="Field 1"></kendo-grid-column>
- *  <kendo-grid-column field="field2" title="Field 2"></kendo-grid-column>
- *    <ng-template kendoGridCellTemplate let-dataItem>
- *        <h5>{{ dataItem.field1 }}</h5>
- *        <p>{{ dataItem.field2 }}</p>
- *    </ng-template>
- *  </kendo-grid-span-column>
- * ```
- */
-let SpanColumnComponent = SpanColumnComponent_1 = class SpanColumnComponent extends ColumnBase {
-    constructor(parent, idService) {
-        super(parent, idService);
-        /*
-         * @hidden
-         */
-        this.isSpanColumn = true;
-        this.template = new QueryList();
-        this.editTemplate = new QueryList();
-        /**
-         * @hidden
-         */
-        this.childColumns = new QueryList();
-        /**
-         * @hidden
-         */
-        this.includeInChooser = false;
-        this._editable = true;
-        this._locked = false;
-        if (parent && parent.isSpanColumn) {
-            throw new Error('SpanColumn cannot be nested inside another SpanColumn');
-        }
-    }
-    /**
-     * Defines whether the edit template of the column will be rendered. The default value is `false`.
-     *
-     * > To enable the editing functionality for a spanned column, set an edit template for it.
-     *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-span-column [editable]="false">
-     *      <kendo-grid-column field="UnitPrice">
-     *      </kendo-grid-column>
-     *      <kendo-grid-column field="ProductName">
-     *      </kendo-grid-column>
-     *      <ng-template kendoGridEditTemplate>
-     *         .....
-     *      </ng-template>
-     *    </kendo-grid-span-column>
-     * </kendo-grid>
-     * ```
-     */
-    set editable(value) {
-        this._editable = value;
-    }
-    get editable() {
-        return isPresent(this.editTemplateRef) && this._editable;
-    }
-    /**
-     * @hidden
-     * added for backwards compitability
-     */
-    set width(_value) {
-    }
-    get width() {
-        return this.childColumns.reduce((total, column) => total + column.width, 0);
-    }
-    /**
-     * @hidden
-     */
-    get leafIndex() {
-        return this.childColumns.first.leafIndex;
-    }
-    /**
-     * @hidden
-     */
-    get templateRef() {
-        const template = this.template.first;
-        return template ? template.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get editTemplateRef() {
-        const editTemplate = this.editTemplate.first;
-        return editTemplate ? editTemplate.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get colspan() {
-        return this.childColumns.filter(c => c.isVisible).length;
-    }
-    /**
-     * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the Grid.
-     *
-     * For the option to work properly, make sure that:
-     * - Scrolling is enabled.
-     * - The `height` option of the Grid is set.
-     * - The widths of all Grid columns are explicitly set in pixels. In this way,
-     * the Grid adjusts the layout of the locked and unlocked columns.
-     *
-     * @default false
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" [scrollable]="scrollable" style="height: 200px">
-     *          <kendo-grid-span-column [locked]="true">
-     *             <kendo-grid-column field="ProductID" title="Product ID" width="120">
-     *             </kendo-grid-column>
-     *             <kendo-grid-column field="ProductName" title="Product Name" width="200">
-     *             </kendo-grid-column>
-     *          </kendo-grid-span-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
-     *  }
-     * ];
-     *
-     * ```
-     */
-    set locked(value) {
-        this._locked = value;
-    }
-    get locked() {
-        return this._locked || this.childColumns.some(c => c.locked);
-    }
-    get childrenArray() {
-        return this.childColumns.toArray();
-    }
-    get hasChildren() {
-        return this.childColumns.length > 0;
-    }
-};
-tslib_1.__decorate([
-    ContentChildren(CellTemplateDirective, { descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], SpanColumnComponent.prototype, "template", void 0);
-tslib_1.__decorate([
-    ContentChildren(EditTemplateDirective, { descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], SpanColumnComponent.prototype, "editTemplate", void 0);
-tslib_1.__decorate([
-    ContentChildren(ColumnComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], SpanColumnComponent.prototype, "childColumns", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], SpanColumnComponent.prototype, "editable", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], SpanColumnComponent.prototype, "locked", null);
-SpanColumnComponent = SpanColumnComponent_1 = tslib_1.__decorate([
-    Component({
-        providers: [
-            {
-                provide: ColumnBase,
-                useExisting: forwardRef(() => SpanColumnComponent_1)
-            }
-        ],
-        selector: 'kendo-grid-span-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])
-], SpanColumnComponent);
-export { SpanColumnComponent };

package/dist/es2015/common/cell-click-event-args.interface.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/