@progress/kendo-angular-treelist 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/columns/column-group.component.mjs

@@ -30,20 +30,24 @@ export function isColumnGroupComponent(column) {
  * ```
  */
 export class ColumnGroupComponent extends ColumnBase {
+    /**
+     * @hidden
+     */
+    includeInChooser = false;
+    /**
+     * @hidden
+     */
+    isColumnGroup = true;
+    /**
+     * @hidden
+     */
+    minResizableWidth = 10;
+    /**
+     * @hidden
+     */
+    children;
     constructor(parent, optionChanges) {
         super(parent, optionChanges);
-        /**
-         * @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');
         }
@@ -79,15 +83,15 @@ export class ColumnGroupComponent extends ColumnBase {
     get firstChild() {
         return this.children.find(column => column !== this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnGroupComponent, isStandalone: true, selector: "kendo-treelist-column-group", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => ColumnGroupComponent)
+            }
+        ], queries: [{ propertyName: "children", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-ColumnGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnGroupComponent, isStandalone: true, selector: "kendo-treelist-column-group", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => ColumnGroupComponent)
-        }
-    ], queries: [{ propertyName: "children", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnGroupComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/column-list.mjs

@@ -43,12 +43,13 @@ const filterHierarchy = (list, predicate) => {
  * @hidden
  */
 export class ColumnList {
-    constructor(columns) {
-        this.columns = columns;
-    }
+    columns;
     static empty() {
         return new ColumnList(new QueryList());
     }
+    constructor(columns) {
+        this.columns = columns;
+    }
     forEach(callback) {
         forEachColumn(this.columns, callback);
     }

package/{esm2020 → esm2022}/columns/column.component.mjs

@@ -31,38 +31,56 @@ export function isColumnComponent(column) {
  * ```
  */
 export class ColumnComponent extends ColumnBase {
+    /**
+     * Defines whether the expanded indicator should be rendered in the column.
+     * @default false
+     */
+    expandable;
+    /**
+     * The field to which the column is bound.
+     */
+    field;
+    /**
+     * The format that is applied to the value before it is displayed. For more information on the supported date and number formats,
+     * refer to the [Column Formats](slug:formats_columns_treelist) documentation article.
+     */
+    format;
+    /**
+     * 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 = true;
+    /**
+     * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
+     * Used when the column enters the edit mode. [See example](slug:editing_reactive_forms_treelist).
+     *
+     * @default 'text'
+     */
+    editor = 'text';
+    /**
+     * Defines the filter type that is displayed inside the filter row.
+     *
+     * @default 'text'
+     */
+    filter = 'text';
+    /**
+     * Defines if a filter UI will be displayed for this column.
+     *
+     * @default true
+     */
+    filterable = true;
+    /**
+     * Defines whether the column is editable.
+     *
+     * @default true
+     */
+    editable = true;
+    template;
+    editTemplate;
+    filterCellTemplate;
+    filterMenuTemplate;
     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. [See example](slug:editing_reactive_forms_treelist).
-         *
-         * @default 'text'
-         */
-        this.editor = 'text';
-        /**
-         * Defines the filter type that is displayed inside the filter row.
-         *
-         * @default 'text'
-         */
-        this.filter = 'text';
-        /**
-         * Defines if a filter UI will be displayed for this column.
-         *
-         * @default true
-         */
-        this.filterable = true;
-        /**
-         * Defines whether the column is editable.
-         *
-         * @default true
-         */
-        this.editable = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
@@ -85,15 +103,15 @@ export class ColumnComponent extends ColumnBase {
     get isEditable() {
         return this.editable !== false;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnComponent, isStandalone: true, 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 });
 }
-ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: ColumnComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/columns-container.mjs

@@ -18,21 +18,22 @@ const reset = (...lists) => {
  * @hidden
  */
 export class ColumnsContainer {
+    columns;
+    allColumns = new QueryList();
+    leafColumns = new QueryList();
+    lockedColumns = new QueryList();
+    nonLockedColumns = new QueryList();
+    lockedLeafColumns = new QueryList();
+    nonLockedLeafColumns = new QueryList();
+    totalLevels = 0;
+    changes = new EventEmitter();
+    leafColumnsToRender = [];
+    lockedColumnsToRender = [];
+    nonLockedColumnsToRender = [];
+    hasFooter = false;
+    unlockedWidth = 0;
     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;

package/{esm2020 → esm2022}/columns/command-column.component.mjs

@@ -35,23 +35,25 @@ import * as i2 from "../common/option-changes.service";
  * ```
  */
 export class CommandColumnComponent extends ColumnBase {
+    parent;
+    template;
+    isCommand = true;
     constructor(parent, optionChanges) {
         super(parent, optionChanges);
         this.parent = parent;
-        this.isCommand = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommandColumnComponent, isStandalone: true, 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 });
 }
-CommandColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: CommandColumnComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: CommandColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/rowreorder-column.component.mjs

@@ -10,23 +10,24 @@ import * as i1 from "./column-base";
  * Represents the drag handle for reordering rows in the TreeList.
  */
 export class RowReorderColumnComponent extends ColumnBase {
+    parent;
+    /**
+     * @hidden
+     */
+    isRowReorderColumn = true;
     constructor(parent) {
         super(parent);
         this.parent = parent;
-        /**
-         * @hidden
-         */
-        this.isRowReorderColumn = true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-treelist-rowreorder-column", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => RowReorderColumnComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-RowReorderColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-RowReorderColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-treelist-rowreorder-column", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => RowReorderColumnComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/span-column.component.mjs

@@ -37,27 +37,45 @@ export function isSpanColumnComponent(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 expanded indicator should be rendered in the column.
+     * @default false
+     */
+    expandable;
+    /*
+     * @hidden
+     */
+    isSpanColumn = true;
+    /**
+     * @hidden
+     */
+    title;
+    /**
+     * @hidden
+     */
+    headerClass;
+    /**
+     * @hidden
+     */
+    footerClass;
+    /**
+     * @hidden
+     */
+    headerStyle;
+    /**
+     * @hidden
+     */
+    footerStyle;
+    template = new QueryList();
+    editTemplate = new QueryList();
+    /**
+     * @hidden
+     */
+    childColumns = new QueryList();
+    /**
+     * @hidden
+     */
+    includeInChooser = false;
     /**
      * Defines whether the edit template of the column will be rendered. The default value is `false`.
      *
@@ -85,6 +103,13 @@ export class SpanColumnComponent extends ColumnBase {
     get leafIndex() {
         return this.childColumns.first.leafIndex;
     }
+    _editable = true;
+    constructor(parent, optionChanges) {
+        super(parent, optionChanges);
+        if (parent && parent.isSpanColumn) {
+            throw new Error('SpanColumn cannot be nested inside another SpanColumn');
+        }
+    }
     /**
      * @hidden
      */
@@ -126,15 +151,15 @@ export class SpanColumnComponent extends ColumnBase {
     get hasChildren() {
         return this.childColumns.length > 0;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpanColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpanColumnComponent, isStandalone: true, selector: "kendo-treelist-span-column", inputs: { expandable: "expandable", title: "title", headerClass: "headerClass", footerClass: "footerClass", headerStyle: "headerStyle", footerStyle: "footerStyle", 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 });
 }
-SpanColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: SpanColumnComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: SpanColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpanColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -155,6 +180,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     type: Optional
                 }] }, { type: i2.OptionChangesService }]; }, propDecorators: { expandable: [{
                 type: Input
+            }], title: [{
+                type: Input
+            }], headerClass: [{
+                type: Input
+            }], footerClass: [{
+                type: Input
+            }], headerStyle: [{
+                type: Input
+            }], footerStyle: [{
+                type: Input
             }], template: [{
                 type: ContentChildren,
                 args: [CellTemplateDirective, { descendants: false }]

package/{esm2020 → esm2022}/common/column-info.service.mjs

@@ -11,12 +11,11 @@ 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(() => []);
-    }
+    visibilityChange = new EventEmitter();
+    lockedChange = new EventEmitter();
+    columnRangeChange = new EventEmitter();
+    columnsContainer = new ColumnsContainer(() => []);
+    list;
     get lockedLeafColumns() {
         return this.columnsContainer.lockedLeafColumns;
     }
@@ -47,9 +46,9 @@ export class ColumnInfoService {
     changeLocked(columns) {
         this.lockedChange.emit(columns);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnInfoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnInfoService });
 }
-ColumnInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnInfoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ColumnInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnInfoService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnInfoService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnInfoService, decorators: [{
             type: Injectable
         }] });

package/esm2022/common/dom-events.service.mjs

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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 {
+    cellClick = new EventEmitter();
+    cellMousedown = new EventEmitter();
+    click = new EventEmitter();
+    keydown = new EventEmitter();
+    focus = new EventEmitter();
+    focusIn = new EventEmitter();
+    focusOut = new EventEmitter();
+    windowBlur = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomEventsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomEventsService, decorators: [{
+            type: Injectable
+        }] });

package/{esm2020 → esm2022}/common/id.service.mjs

@@ -10,15 +10,16 @@ let sequence = 0;
  * @hidden
  */
 export class IdService {
+    prefix;
     constructor() {
         this.prefix = `k-treelist${sequence++}`;
     }
     cellId(rowIndex, colIndex) {
         return `${this.prefix}-r${rowIndex}c${colIndex}`;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IdService });
 }
-IdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IdService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IdService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IdService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });

package/{esm2020 → esm2022}/common/option-changes.service.mjs

@@ -8,19 +8,17 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class OptionChangesService {
-    constructor() {
-        this.columns = new EventEmitter();
-        this.options = new EventEmitter();
-    }
+    columns = new EventEmitter();
+    options = new EventEmitter();
     optionChanged() {
         this.options.emit();
     }
     columnChanged() {
         this.columns.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionChangesService });
 }
-OptionChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OptionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-OptionChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OptionChangesService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OptionChangesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionChangesService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/common/preventable-event.mjs

@@ -6,9 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses

package/{esm2020 → esm2022}/common/provider.service.mjs

@@ -15,14 +15,16 @@ import * as i0 from "@angular/core";
  * and a avoids dependency cycles between components.
  */
 export class ContextService {
+    treelist;
+    topToolbarNavigation;
+    bottomToolbarNavigation;
     constructor(renderer) {
-        this.renderer = renderer;
-        this.topToolbarNavigation = new TreeListToolbarNavigationService(this.renderer);
-        this.bottomToolbarNavigation = new TreeListToolbarNavigationService(this.renderer);
+        this.topToolbarNavigation = new TreeListToolbarNavigationService(renderer);
+        this.bottomToolbarNavigation = new TreeListToolbarNavigationService(renderer);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextService });
 }
-ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });

package/{esm2020 → esm2022}/common/single-popup.service.mjs

@@ -28,6 +28,10 @@ const contains = (node, predicate) => {
  * Arguments for the `close` event of the filter and column-menu popup.
  */
 export class PopupCloseEvent extends PreventableEvent {
+    /**
+     * The original DOM event that causes the popup to close.
+     */
+    originalEvent;
     /**
      * @hidden
      */
@@ -42,6 +46,18 @@ const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
  * ([see example]({% slug filter_menu_treelist %}#toc-filter-menu-with-popup)).
  */
 export class SinglePopupService {
+    popupService;
+    renderer;
+    ngZone;
+    localization;
+    /**
+     * Fires when the filter or column menus are about to close because the user clicked outside their popups.
+     * Used to prevent the popup from closing.
+     */
+    onClose = new Subject();
+    removeClick;
+    popupRef;
+    scrollSubscription;
     /**
      * @hidden
      */
@@ -50,11 +66,6 @@ export class SinglePopupService {
         this.renderer = renderer;
         this.ngZone = ngZone;
         this.localization = localization;
-        /**
-         * Fires when the filter or column menus are about to close because the user clicked outside their popups.
-         * Used to prevent the popup from closing.
-         */
-        this.onClose = new Subject();
         this.scrollSubscription = scrollSyncService.changes.pipe(skip(1)).subscribe(() => this.destroy());
     }
     /**
@@ -112,9 +123,9 @@ export class SinglePopupService {
             }
         }));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SinglePopupService, deps: [{ token: i1.PopupService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.ScrollSyncService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SinglePopupService });
 }
-SinglePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SinglePopupService, deps: [{ token: i1.PopupService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.ScrollSyncService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-SinglePopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SinglePopupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SinglePopupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SinglePopupService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i2.ScrollSyncService }, { type: i3.LocalizationService }]; } });

package/{esm2020 → esm2022}/common/sort.service.mjs

@@ -7,9 +7,7 @@ import { Subject } from 'rxjs';
  * @hidden
  */
 export class SortService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
     sort(value) {
         this.changes.next(value);
     }