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

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

@@ -0,0 +1,103 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import * as i0 from "@angular/core";
+/**
+ * @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
+     */
+    get colspan(): number;
+    /**
+     * @hidden
+     */
+    get leafIndex(): number;
+    get childrenArray(): any[];
+    get hasChildren(): boolean;
+    private get firstChild();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnGroupComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnGroupComponent, "kendo-grid-column-group", never, {}, {}, ["children"], never>;
+}

package/columns/column.component.d.ts

@@ -0,0 +1,185 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } 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 { ColumnSortSettings } from './sort-settings';
+import { GroupFooterTemplateDirective } from '../grouping/group-footer-template.directive';
+import { ColumnBase } from './column-base';
+import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
+import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
+import { IdService } from '../common/id.service';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare function isColumnComponent(column: any): column is ColumnComponent;
+/**
+ * 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
+ *  }
+ * ];
+ *
+ * ```
+ */
+export declare class ColumnComponent extends ColumnBase {
+    /**
+     * The field to which the column is bound.
+     */
+    field: string;
+    /**
+     * The format that is applied to the value before it is displayed.
+     * Takes the `{0:format}` form where `format` is a standard number format, a custom number format,
+     * a standard date format, a custom date format or a format object. For more information on the supported date and number formats,
+     * refer to the [kendo-intl](https://github.com/telerik/kendo-intl/blob/develop/docs/index.md) documentation.
+     *
+     * Standard format:
+     * @example
+     * ```html-no-run
+     * <kendo-grid>
+     *    <kendo-grid-column field="UnitPrice" format="{0:c}">
+     *    </kendo-grid-column>
+     * </kendo-grid>
+     * ```
+     *
+     * Format object for currency:
+     * @example
+     * ```html-no-run
+     * <kendo-grid>
+     *    <kendo-grid-column field="UnitPrice" [format]="{ style: 'currency', currency: 'EUR' }">
+     *    </kendo-grid-column>
+     * </kendo-grid>
+     * ```
+     *
+     * Format object for dates:
+     * @example
+     * ```html-no-run
+     * <kendo-grid>
+     *    <kendo-grid-column field="FirstOrderedOn" [format]="{ date: 'short' }">
+     *    </kendo-grid-column>
+     * </kendo-grid>
+     * ```
+     */
+    format: any;
+    /**
+     * Allows the column headers to be clicked and the `sortChange` event emitted.
+     * You have to handle the `sortChange` event yourself and sort the data.
+     */
+    sortable: boolean | ColumnSortSettings;
+    /**
+     * 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.
+     */
+    groupable: boolean;
+    /**
+     * 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>
+     * ```
+     */
+    editor: 'text' | 'numeric' | 'date' | 'boolean';
+    /**
+     * 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>
+     * ```
+     */
+    filter: 'text' | 'numeric' | 'boolean' | 'date';
+    /**
+     * 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>
+     * ```
+     */
+    filterable: boolean;
+    /**
+     * 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>
+     * ```
+     */
+    editable: boolean;
+    template: CellTemplateDirective;
+    groupHeaderTemplate: GroupHeaderTemplateDirective;
+    groupHeaderColumnTemplate: GroupHeaderColumnTemplateDirective;
+    groupFooterTemplate: GroupFooterTemplateDirective;
+    editTemplate: EditTemplateDirective;
+    filterCellTemplate: FilterCellTemplateDirective;
+    filterMenuTemplate: FilterMenuTemplateDirective;
+    constructor(parent?: ColumnBase, idService?: IdService);
+    get templateRef(): TemplateRef<any>;
+    get groupHeaderTemplateRef(): TemplateRef<any>;
+    get groupHeaderColumnTemplateRef(): TemplateRef<any>;
+    get groupFooterTemplateRef(): TemplateRef<any>;
+    get editTemplateRef(): TemplateRef<any>;
+    get filterCellTemplateRef(): TemplateRef<any>;
+    get filterMenuTemplateRef(): TemplateRef<any>;
+    get displayTitle(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "kendo-grid-column", never, { "field": "field"; "format": "format"; "sortable": "sortable"; "groupable": "groupable"; "editor": "editor"; "filter": "filter"; "filterable": "filterable"; "editable": "editable"; }, {}, ["template", "groupHeaderTemplate", "groupHeaderColumnTemplate", "groupFooterTemplate", "editTemplate", "filterCellTemplate", "filterMenuTemplate"], never>;
+}

package/columns/command-column.component.d.ts

@@ -0,0 +1,83 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import { ColumnBase } from './column-base';
+import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
+import * as i0 from "@angular/core";
+/**
+ * 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
+ *  }
+ * ];
+ *
+ * ```
+ */
+export declare class CommandColumnComponent extends ColumnBase {
+    parent?: ColumnBase;
+    template: CellTemplateDirective;
+    constructor(parent?: ColumnBase, idService?: IdService);
+    get templateRef(): TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommandColumnComponent, "kendo-grid-command-column", never, {}, {}, ["template"], never>;
+}

package/columns/sort-settings.d.ts

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* 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: (SortSettings | ColumnSortSettings)[]) => any;

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

@@ -0,0 +1,227 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import * as i0 from "@angular/core";
+/**
+ * @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>
+     * ```
+     */
+    set editable(value: boolean);
+    get editable(): boolean;
+    /**
+     * @hidden
+     * added for backwards compitability
+     */
+    set width(_value: number);
+    get width(): number;
+    /**
+     * @hidden
+     */
+    get leafIndex(): number;
+    private _editable;
+    constructor(parent?: ColumnBase, idService?: IdService);
+    /**
+     * @hidden
+     */
+    get templateRef(): TemplateRef<any>;
+    /**
+     * @hidden
+     */
+    get editTemplateRef(): TemplateRef<any>;
+    /**
+     * @hidden
+     */
+    get 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
+     *  }
+     * ];
+     *
+     * ```
+     */
+    set locked(value: boolean);
+    get locked(): boolean;
+    get childrenArray(): any[];
+    get hasChildren(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpanColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpanColumnComponent, "kendo-grid-span-column", never, { "editable": "editable"; "locked": "locked"; }, {}, ["template", "editTemplate", "childColumns"], never>;
+}