@progress/kendo-angular-treelist 4.0.6-dev.202203090952 → 5.0.0-next.202204130954

package/esm2015/columns/column.component.js

@@ -0,0 +1,164 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { forwardRef, Component, Input, ContentChild, SkipSelf, Host, Optional } from '@angular/core';
+import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { EditTemplateDirective } from '../editing/edit-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 * as i0 from "@angular/core";
+import * as i1 from "./column-base";
+import * as i2 from "../common/option-changes.service";
+/**
+ * @hidden
+ */
+export function isColumnComponent(column) {
+    return isPresent(column.field);
+}
+/**
+ * Represents the columns of the [Angular TreeList]({% slug getstarted_treelist %}).
+ *
+ * {% meta height:470 %}
+ * {% embed_file basic-usage/app.component.ts preview %}
+ * {% embed_file basic-usage/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/employees.ts %}
+ * {% endmeta %}
+ */
+export class ColumnComponent extends ColumnBase {
+    constructor(parent, optionChanges) {
+        super(parent, optionChanges);
+        /**
+         * 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;
+        /**
+         * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
+         * Used when the column enters the edit mode. The default value is `text`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" editor="numeric">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        this.editor = 'text';
+        /**
+         * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" filter="numeric">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        this.filter = 'text';
+        /**
+         * Defines if a filter UI will be displayed for this column. The default value is `true`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" [filterable]="false">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        this.filterable = true;
+        /**
+         * Defines whether the column is editable. The default value is `true`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" [editable]="false">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        this.editable = true;
+    }
+    get templateRef() {
+        return this.template ? this.template.templateRef : undefined;
+    }
+    get editTemplateRef() {
+        return this.editTemplate ? this.editTemplate.templateRef : undefined;
+    }
+    get filterCellTemplateRef() {
+        return this.filterCellTemplate ? this.filterCellTemplate.templateRef : undefined;
+    }
+    get filterMenuTemplateRef() {
+        return this.filterMenuTemplate ? this.filterMenuTemplate.templateRef : undefined;
+    }
+    get displayTitle() {
+        return this.title === undefined ? this.field : this.title;
+    }
+    /**
+     * @hidden
+     */
+    get isEditable() {
+        return this.editable !== false;
+    }
+}
+ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+ColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnComponent, selector: "kendo-treelist-column", inputs: { expandable: "expandable", field: "field", format: "format", sortable: "sortable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
+        {
+            provide: ColumnBase,
+            useExisting: forwardRef(() => ColumnComponent)
+        }
+    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColumnBase,
+                            useExisting: forwardRef(() => ColumnComponent)
+                        }
+                    ],
+                    selector: 'kendo-treelist-column',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i2.OptionChangesService }]; }, propDecorators: { expandable: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], sortable: [{
+                type: Input
+            }], editor: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], template: [{
+                type: ContentChild,
+                args: [CellTemplateDirective, { static: false }]
+            }], editTemplate: [{
+                type: ContentChild,
+                args: [EditTemplateDirective, { static: false }]
+            }], filterCellTemplate: [{
+                type: ContentChild,
+                args: [FilterCellTemplateDirective, { static: false }]
+            }], filterMenuTemplate: [{
+                type: ContentChild,
+                args: [FilterMenuTemplateDirective, { static: false }]
+            }] } });

package/esm2015/columns/columns-container.js

@@ -0,0 +1,89 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+const reset = (...lists) => {
+    let diff = false;
+    for (let idx = 0; idx < lists.length; idx++) {
+        const [list, columns] = lists[idx];
+        diff = diff || list.length !== columns.length;
+        list.reset(columns);
+    }
+    return diff;
+};
+/**
+ * @hidden
+ */
+export class ColumnsContainer {
+    constructor(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.hasFooter = false;
+        this.unlockedWidth = 0;
+    }
+    refresh() {
+        const currentLevels = this.totalLevels;
+        const leafColumns = new Array();
+        const lockedLeafColumns = new Array();
+        const nonLockedLeafColumns = new Array();
+        const lockedColumns = new Array();
+        const nonLockedColumns = new Array();
+        const allColumns = new Array();
+        const leafColumnsToRender = new Array();
+        const lockedColumnsToRender = new Array();
+        const nonLockedColumnsToRender = new Array();
+        let hasFooter = false;
+        let unlockedWidth = 0;
+        let leafIndex = 0;
+        this.totalLevels = 0;
+        this.columns().forEach(column => {
+            const containerLeafColumns = column.isLocked === true ? lockedLeafColumns : nonLockedLeafColumns;
+            const containerColumns = column.isLocked === true ? lockedColumns : nonLockedColumns;
+            const 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]));
+                hasFooter = hasFooter || someLeafColumn(leaf => Boolean(leaf.footerTemplateRef), column);
+                if (!column.isLocked) {
+                    unlockedWidth += column.width || 0;
+                }
+                if (column.isSpanColumn) {
+                    column.childColumns.forEach(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.hasFooter = hasFooter;
+        this.leafColumnsToRender = leafColumnsToRender;
+        this.lockedColumnsToRender = lockedColumnsToRender;
+        this.nonLockedColumnsToRender = nonLockedColumnsToRender;
+        this.unlockedWidth = unlockedWidth;
+        const 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;
+    }
+}

package/esm2015/columns/command-column.component.js

@@ -0,0 +1,76 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, ContentChild, SkipSelf, Host, Optional } from '@angular/core';
+import { ColumnBase } from './column-base';
+import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./column-base";
+import * as i2 from "../common/option-changes.service";
+/**
+ * Represents the command columns of the TreeList. 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 TreeList in Angular Reactive Forms]({% slug editing_reactive_forms_treelist %}).
+ *
+ * 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_treelist_editcommanddirective %})
+ * - [`RemoveCommandDirective`]({% slug api_treelist_removecommanddirective %})
+ * - [`CancelCommandDirective`]({% slug api_treelist_cancelcommanddirective %})
+ * - [`SaveCommandDirective`]({% slug api_treelist_savecommanddirective %})
+ *
+ * {% meta height:590 %}
+ * {% embed_file editing/editing-directives/reactive-editing/app.component.ts preview %}
+ * {% embed_file shared/employees.ts %}
+ * {% embed_file editing/editing-directives/reactive-editing/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% endmeta %}
+ */
+export class CommandColumnComponent extends ColumnBase {
+    constructor(parent, optionChanges) {
+        super(parent, optionChanges);
+        this.parent = parent;
+        this.isCommand = true;
+    }
+    get templateRef() {
+        return this.template ? this.template.templateRef : undefined;
+    }
+}
+CommandColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+CommandColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CommandColumnComponent, selector: "kendo-treelist-command-column", providers: [
+        {
+            provide: ColumnBase,
+            useExisting: forwardRef(() => CommandColumnComponent)
+        }
+    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CommandColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColumnBase,
+                            useExisting: forwardRef(() => CommandColumnComponent)
+                        }
+                    ],
+                    selector: 'kendo-treelist-command-column',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i2.OptionChangesService }]; }, propDecorators: { template: [{
+                type: ContentChild,
+                args: [CellTemplateDirective, { static: false }]
+            }] } });

package/esm2015/columns/span-column.component.js

@@ -0,0 +1,240 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+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 * as i0 from "@angular/core";
+import * as i1 from "./column-base";
+import * as i2 from "../common/option-changes.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_treelist %})).
+ * Enables you to achieve more flexible layout while keeping the built-in UI element for
+ * [sorting]({% slug sorting_treelist %}) and [filtering]({% slug filtering_treelist %}). Wrap the columns that will be
+ * merged inside the `<kendo-treelist-span-column>` tag.
+ *
+ * {% meta height:570 %}
+ * {% embed_file configuration/span-column/app.component.ts preview %}
+ * {% embed_file configuration/span-column/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/employees.ts %}
+ * {% endmeta %}
+ *
+ * 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_treelist_celltemplatedirective %}).
+ *
+ * ```html-no-run
+ * <kendo-treelist-span-column>
+ *  <kendo-treelist-column field="field1" title="Field 1"></kendo-treelist-column>
+ *  <kendo-treelist-column field="field2" title="Field 2"></kendo-treelist-column>
+ *    <ng-template kendoTreeListCellTemplate let-dataItem>
+ *        <h5>{{ dataItem.field1 }}</h5>
+ *        <p>{{ dataItem.field2 }}</p>
+ *    </ng-template>
+ *  </kendo-treelist-span-column>
+ * ```
+ */
+export class SpanColumnComponent extends ColumnBase {
+    constructor(parent, optionChanges) {
+        super(parent, optionChanges);
+        /*
+         * @hidden
+         */
+        this.isSpanColumn = true;
+        this.template = new QueryList();
+        this.editTemplate = new QueryList();
+        /**
+         * @hidden
+         */
+        this.childColumns = new QueryList();
+        /**
+         * @hidden
+         */
+        this.includeInChooser = false;
+        this._editable = true;
+        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-treelist>
+     *    <kendo-treelist-span-column [editable]="false">
+     *      <kendo-treelist-column field="UnitPrice">
+     *      </kendo-treelist-column>
+     *      <kendo-treelist-column field="ProductName">
+     *      </kendo-treelist-column>
+     *      <ng-template kendoTreeListEditTemplate>
+     *         .....
+     *      </ng-template>
+     *    </kendo-treelist-span-column>
+     * </kendo-treelist>
+     * ```
+     */
+    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 TreeList.
+     *
+     * For the option to work properly, make sure that:
+     * - Scrolling is enabled.
+     * - The `height` option of the TreeList is set.
+     * - The widths of all TreeList columns are explicitly set in pixels. In this way,
+     * the TreeList adjusts the layout of the locked and unlocked columns.
+     *
+     * @default false
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-treelist [data]="treelistData" [scrollable]="scrollable" style="height: 200px">
+     *          <kendo-treelist-span-column [locked]="true">
+     *             <kendo-treelist-column field="ProductID" title="Product ID" width="120">
+     *             </kendo-treelist-column>
+     *             <kendo-treelist-column field="ProductName" title="Product Name" width="200">
+     *             </kendo-treelist-column>
+     *          </kendo-treelist-span-column>
+     *          <kendo-treelist-column field="UnitPrice" title="Unit Price" width="230">
+     *          </kendo-treelist-column>
+     *        </kendo-treelist>
+     *    `
+     * })
+     *
+     * class AppComponent {
+     *    public treelistData: any[];
+     *
+     *    constructor() {
+     *        this.treelistData = 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 isEditable() {
+        return Boolean(this.editTemplateRef);
+    }
+    get childrenArray() {
+        return this.childColumns.toArray();
+    }
+    get hasChildren() {
+        return this.childColumns.length > 0;
+    }
+}
+SpanColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SpanColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+SpanColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SpanColumnComponent, selector: "kendo-treelist-span-column", inputs: { expandable: "expandable", editable: "editable", locked: "locked" }, providers: [
+        {
+            provide: ColumnBase,
+            useExisting: forwardRef(() => SpanColumnComponent)
+        }
+    ], queries: [{ propertyName: "template", predicate: CellTemplateDirective }, { propertyName: "editTemplate", predicate: EditTemplateDirective }, { propertyName: "childColumns", predicate: ColumnComponent }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SpanColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColumnBase,
+                            useExisting: forwardRef(() => SpanColumnComponent)
+                        }
+                    ],
+                    selector: 'kendo-treelist-span-column',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i2.OptionChangesService }]; }, propDecorators: { expandable: [{
+                type: Input
+            }], template: [{
+                type: ContentChildren,
+                args: [CellTemplateDirective, { descendants: false }]
+            }], editTemplate: [{
+                type: ContentChildren,
+                args: [EditTemplateDirective, { descendants: false }]
+            }], childColumns: [{
+                type: ContentChildren,
+                args: [ColumnComponent]
+            }], editable: [{
+                type: Input
+            }], locked: [{
+                type: Input
+            }] } });

package/esm2015/common/cell-click-event-args.interface.js

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

package/esm2015/common/column-info.service.js

@@ -0,0 +1,55 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, EventEmitter } from "@angular/core";
+import { ColumnsContainer } from "../columns/columns-container";
+import { expandColumns } from "../columns/column-common";
+import { orderBy } from '@progress/kendo-data-query';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class ColumnInfoService {
+    constructor() {
+        this.visibilityChange = new EventEmitter();
+        this.lockedChange = new EventEmitter();
+        this.columnRangeChange = new EventEmitter();
+        this.columnsContainer = new ColumnsContainer(() => []);
+    }
+    get lockedLeafColumns() {
+        return this.columnsContainer.lockedLeafColumns;
+    }
+    get nonLockedLeafColumns() {
+        return this.columnsContainer.nonLockedLeafColumns;
+    }
+    get isLocked() {
+        return this.lockedLeafColumns.length > 0;
+    }
+    get totalLevels() {
+        return this.columnsContainer.totalLevels;
+    }
+    get leafNamedColumns() {
+        const columns = expandColumns(this.list().filterSort(column => !column.isColumnGroup))
+            .filter(column => column.matchesMedia && column.displayTitle);
+        return orderBy(columns, [{ field: 'locked', dir: 'desc' }]);
+    }
+    get unlockedRootCount() {
+        return this.list().rootColumns().filter(column => !column.locked && column.isVisible).length;
+    }
+    init(columns, list) {
+        this.columnsContainer = columns;
+        this.list = list;
+    }
+    changeVisibility(columns) {
+        this.visibilityChange.emit(columns);
+    }
+    changeLocked(columns) {
+        this.lockedChange.emit(columns);
+    }
+}
+ColumnInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnInfoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ColumnInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnInfoService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnInfoService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/common/create-form-group.js

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

package/esm2015/common/dom-events.service.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class DomEventsService {
+    constructor() {
+        this.cellClick = new EventEmitter();
+        this.cellMousedown = new EventEmitter();
+        this.click = new EventEmitter();
+        this.keydown = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.focusIn = new EventEmitter();
+        this.focusOut = new EventEmitter();
+        this.windowBlur = new EventEmitter();
+    }
+}
+DomEventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DomEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DomEventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DomEventsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DomEventsService, decorators: [{
+            type: Injectable
+        }] });