@progress/kendo-angular-grid 14.4.0-develop.2 → 14.4.0-develop.21

package/esm2020/common/clipboard.directive.mjs

@@ -0,0 +1,185 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, EventEmitter, Input, NgZone, Output, Renderer2, isDevMode } from '@angular/core';
+import { ClipboardService } from './clipboard.service';
+import { GridComponent } from '../grid.component';
+import { hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { Subscription } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { closest, contains } from '../rendering/common/dom-queries';
+import { recursiveFlatMap } from '../utils';
+import { ClipboardErrorMessages } from './error-messages';
+import * as i0 from "@angular/core";
+import * as i1 from "../grid.component";
+import * as i2 from "./clipboard.service";
+/**
+ * The directive that enables the Grid built-in clipboard support. Allows copy, cut, and paste interactions
+ * with the Grid.
+ */
+export class GridClipboardDirective {
+    constructor(host, clipboardService, renderer, zone) {
+        this.host = host;
+        this.clipboardService = clipboardService;
+        this.renderer = renderer;
+        this.zone = zone;
+        /**
+         * Fires when the user performs `cut`, `copy` or `paste` action within the Grid content area.
+         */
+        this.clipboard = new EventEmitter();
+        this._target = 'selection';
+        this._clipboardSettings = {
+            wholeRow: false,
+            copyHeaders: false,
+            copy: true,
+            cut: true,
+            paste: true
+        };
+        this.subs = new Subscription();
+        this.onClipboard = (operationType, args) => {
+            if (!this.clipboardSettings[operationType] || !this.inGrid(args)) {
+                return;
+            }
+            const gridData = Array.isArray(this.host.data) ? this.host.data : this.host.data.data;
+            const gridDataItems = gridData.flatMap(recursiveFlatMap);
+            const selection = this.host.selection;
+            const selectionDirective = this.host.selectionDirective;
+            const targetType = this.clipboardTarget;
+            const isCellSelection = (this.host.selectable?.cell || selectionDirective.isCellSelectionMode);
+            let clipboardData = [];
+            switch (targetType) {
+                case 'activeCell':
+                    {
+                        const targetCell = { ...this.host.activeCell };
+                        clipboardData = targetCell && [{ dataItem: targetCell.dataItem, dataRowIndex: targetCell.dataRowIndex, colIndex: targetCell.colIndex }];
+                    }
+                    break;
+                case 'selection':
+                    {
+                        const identifier = selectionDirective.selectionKey;
+                        clipboardData = gridDataItems.flatMap((item, index) => {
+                            if (identifier) {
+                                const key = typeof identifier === 'string' ? item[identifier] : identifier({ index: index + this.host.skip, dataItem: item });
+                                return isCellSelection ?
+                                    selection.some(s => s.itemKey === key) ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [] :
+                                    selection.indexOf(key) > -1 ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [];
+                            }
+                            return isCellSelection ?
+                                selection.some(s => s.itemKey === index + this.host.skip) ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [] :
+                                selection.indexOf(index + this.host.skip) > -1 ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [];
+                        });
+                    }
+                    break;
+            }
+            const isPaste = operationType === 'paste';
+            const pastedData = args.clipboardData.getData('text').trim();
+            const visibleCols = this.host.columns.toArray().filter(c => c.isVisible);
+            const data = isPaste ?
+                {
+                    dataString: pastedData,
+                    gridItems: this.clipboardService.getGridData(pastedData, visibleCols, this.clipboardTarget, clipboardData[0]?.dataRowIndex, {
+                        wholeRow: this.clipboardSettings.wholeRow,
+                        isCellSelection
+                    })
+                } :
+                this.clipboardService.createClipboardData(clipboardData || [], visibleCols, {
+                    wholeRow: this.clipboardSettings.wholeRow || (this.clipboardTarget === 'selection' && !isCellSelection),
+                    target: this.clipboardTarget,
+                    copyHeaders: this.clipboardSettings.copyHeaders,
+                    operationType
+                });
+            !isPaste && navigator.clipboard.writeText(data.dataString);
+            if (hasObservers(this.clipboard)) {
+                this.zone.run(() => {
+                    this.clipboard.emit({
+                        type: operationType,
+                        originalEvent: args,
+                        clipboardData: data.dataString,
+                        gridData: data.gridItems,
+                        target: {
+                            dataRowIndex: this.clipboardService.targetRowIndex,
+                            colField: this.clipboardService.targetColField,
+                            dataItem: clipboardData.find(item => item.dataRowIndex === this.clipboardService.targetRowIndex)?.dataItem
+                        }
+                    });
+                });
+            }
+            this.clipboardService.targetColField = this.clipboardService.targetRowIndex = null;
+        };
+        this.inGrid = (args) => {
+            const target = document.activeElement.matches('.k-table-td') ? document.activeElement : args.target;
+            const inContentArea = closest(target, node => node.parentElement?.classList.contains('k-grid-container'));
+            const inHost = contains(this.host.wrapper.nativeElement, target);
+            return target && inHost && inContentArea;
+        };
+    }
+    /**
+     * Determines the target of the clipboard operation ([see example]({% slug clipboard_grid %}#toc-clipboard-target)). The possible options are:
+     * - `activeCell`
+     * - `selection`
+     *
+     * @default 'selection'
+     */
+    set clipboardTarget(value) {
+        if (isDevMode()) {
+            this.zone.onStable.pipe(take(1)).subscribe(() => {
+                if (value === 'activeCell' && !(this.host.navigable.length)) {
+                    console.warn(ClipboardErrorMessages.clipboardTarget.activeCellNavigable);
+                }
+                else if (value === 'selection' && !(this.host.selectable || this.host.selectionDirective)) {
+                    console.warn(ClipboardErrorMessages.selectionSelectable);
+                }
+            });
+        }
+        this._target = value;
+    }
+    get clipboardTarget() {
+        return this._target;
+    }
+    /**
+     * The `GridClipboardDirective` settings.
+     *
+     * @default { wholeRow: false, copyHeaders: false copy: true, cut: true, paste: true }
+     */
+    set clipboardSettings(value) {
+        this._clipboardSettings = Object.assign({}, this._clipboardSettings, value);
+    }
+    get clipboardSettings() {
+        return this._clipboardSettings;
+    }
+    ngAfterViewInit() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        if (this.clipboardTarget === 'selection' && !(this.host.selectable || this.host.selectionDirective)) {
+            console.warn(ClipboardErrorMessages.selectionSelectable);
+        }
+        // needed due to the following issue in Chrome
+        // https://bugs.chromium.org/p/chromium/issues/detail?id=1156117&q=focus%20programmatically%20paste&can=2
+        this.zone.runOutsideAngular(() => {
+            this.subs.add(this.renderer.listen(document, 'copy', (args) => this.onClipboard('copy', args)));
+            this.subs.add(this.renderer.listen(document, 'cut', (args) => this.onClipboard('cut', args)));
+            this.subs.add(this.renderer.listen(document, 'paste', (args) => this.onClipboard('paste', args)));
+        });
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+}
+GridClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridClipboardDirective, deps: [{ token: i1.GridComponent }, { token: i2.ClipboardService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+GridClipboardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridClipboardDirective, selector: "[kendoGridClipboard]", inputs: { clipboardTarget: "clipboardTarget", clipboardSettings: "clipboardSettings" }, outputs: { clipboard: "clipboard" }, providers: [ClipboardService], exportAs: ["kendoGridClipboard"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridClipboardDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridClipboard]',
+                    exportAs: 'kendoGridClipboard',
+                    providers: [ClipboardService]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i2.ClipboardService }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { clipboardTarget: [{
+                type: Input
+            }], clipboardSettings: [{
+                type: Input
+            }], clipboard: [{
+                type: Output
+            }] } });

package/esm2020/common/clipboard.service.mjs

@@ -0,0 +1,218 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { ColumnComponent } from '../columns/column.component';
+import { isPresent } from '@progress/kendo-angular-common';
+import { ContextService } from './provider.service';
+import { groupBy } from '@progress/kendo-data-query';
+import * as i0 from "@angular/core";
+import * as i1 from "./provider.service";
+/**
+ * @hidden
+ */
+export class ClipboardService {
+    constructor(contextService) {
+        this.contextService = contextService;
+        this.itemToString = (item, cols) => {
+            if (!cols.length) {
+                return null;
+            }
+            return cols.map(col => item[col.field]).join(`\t`);
+        };
+    }
+    createClipboardData(data, columns, options) {
+        let result = {
+            gridItems: [],
+            dataString: ''
+        };
+        const fieldCols = columns.flatMap(c => c instanceof ColumnComponent && isPresent(c.field) ? [c] : []);
+        const clipboardData = { items: [], dataStrings: [] };
+        const colFields = fieldCols.map(c => c.field);
+        if (options.wholeRow) {
+            this.targetColField = fieldCols[0]?.field;
+            this.targetRowIndex = data[0].dataRowIndex;
+            data.forEach(item => {
+                clipboardData.items.push({ dataItem: { ...item.dataItem }, fields: colFields });
+                clipboardData.dataStrings.push(this.itemToString(item.dataItem, fieldCols));
+            });
+            result = {
+                gridItems: options.operationType === 'cut' ? clipboardData.items.map(item => {
+                    item.fields.forEach(field => item.dataItem[field] = null);
+                    return item;
+                }) : [...clipboardData.items],
+                dataString: options.copyHeaders ? this.addHeaders(clipboardData.dataStrings.join(`\r\n`), fieldCols) : clipboardData.dataStrings.join(`\n`)
+            };
+        }
+        else {
+            if (options.target === 'selection') {
+                const { tabular, groups } = this.groupSelection();
+                const selectionDirective = this.contextService.grid.selectionDirective;
+                const colIdentifier = selectionDirective.columnKey;
+                if (tabular) {
+                    const selectionKeys = groups[0].items.map(item => item.columnKey);
+                    const selectedFieldCols = columns.flatMap((c, i) => (c instanceof ColumnComponent && c.field) && selectionKeys.find(k => typeof colIdentifier === 'function' ? k === colIdentifier(c, i) : k === i) ? [c] : []);
+                    const selectedColFields = selectedFieldCols.map(c => c.field);
+                    this.targetColField = selectedColFields[0];
+                    result.dataString = data.flatMap(item => {
+                        const itemString = this.itemToString(item.dataItem, selectedFieldCols);
+                        const existingItem = isPresent(itemString);
+                        if (!isPresent(this.targetRowIndex) && isPresent(itemString)) {
+                            this.targetRowIndex = item.dataRowIndex;
+                        }
+                        if (options.operationType === 'cut') {
+                            selectedColFields.forEach(f => item.dataItem[f] = null);
+                        }
+                        result.gridItems.push({
+                            dataItem: item.dataItem,
+                            fields: selectedColFields
+                        });
+                        return existingItem ? [itemString] : [];
+                    }).join(`\r\n`);
+                    if (options.copyHeaders) {
+                        result.dataString = this.addHeaders(result.dataString, selectedFieldCols);
+                    }
+                }
+                else { // split per row (uneven rows)
+                    const rowIdentifier = selectionDirective.selectionKey;
+                    result.dataString = data.flatMap(item => {
+                        // determine cols per item
+                        const key = rowIdentifier ?
+                            typeof rowIdentifier === 'string' ? item.dataItem[rowIdentifier] : rowIdentifier({ index: item.dataRowIndex, dataItem: item.dataItem }) :
+                            item.dataRowIndex;
+                        const selectionKeys = groups.find(gr => gr.value === key).items.map(item => item.columnKey);
+                        const selectedFieldCols = columns.flatMap((c, i) => (c instanceof ColumnComponent && c.field) && selectionKeys.find(k => typeof colIdentifier === 'function' ? k === colIdentifier(c, i) : k === i) ? [c] : []);
+                        const selectedColFields = selectedFieldCols.map(c => c.field);
+                        if (!this.targetColField) {
+                            this.targetColField = selectedColFields[0];
+                        }
+                        const itemString = this.itemToString(item.dataItem, selectedFieldCols);
+                        const existingItem = isPresent(itemString);
+                        if (!isPresent(this.targetRowIndex) && existingItem) {
+                            this.targetRowIndex = item.dataRowIndex;
+                        }
+                        if (existingItem) {
+                            if (options.operationType === 'cut') {
+                                selectedColFields.forEach(f => item.dataItem[f] = null);
+                            }
+                            result.gridItems.push({
+                                dataItem: item.dataItem,
+                                fields: selectedColFields
+                            });
+                        }
+                        return existingItem ? options.copyHeaders ? [this.addHeaders(itemString, selectedFieldCols)] : [itemString] : [];
+                    }).join(`\r\n`);
+                }
+            }
+            else {
+                const item = data[0];
+                const col = columns[item.colIndex];
+                const colField = col.field;
+                const title = col.title;
+                const copiedData = item.dataItem[colField];
+                this.targetRowIndex = item.dataRowIndex;
+                this.targetColField = colField;
+                if (options.operationType === 'cut' && colField) {
+                    item.dataItem[colField] = null;
+                }
+                result = {
+                    gridItems: [{
+                            dataItem: item.dataItem,
+                            fields: colField ? [colField] : []
+                        }],
+                    dataString: options.copyHeaders ? [title || colField, copiedData].join(`\r\n`) : colField ? copiedData : ``
+                };
+            }
+        }
+        return result;
+    }
+    getGridData(data, columns, targetType, targetRowIndex, options) {
+        const separator = data.includes(`\r\n`) ? `\r\n` : data.includes(`\n`) ? `\n` : null;
+        const dataRows = separator ? data.split(separator) : [data];
+        this.targetRowIndex = targetRowIndex;
+        if (targetType === 'activeCell') {
+            if (options.wholeRow) {
+                this.targetColField = columns.find(c => c instanceof ColumnComponent && c.field)?.field;
+            }
+            else {
+                const activeCellIndex = this.contextService.grid.activeCell.colIndex;
+                for (let i = 0; i < columns.length; i++) {
+                    const col = columns[i];
+                    if (col instanceof ColumnComponent && col.field && i >= activeCellIndex) {
+                        this.targetColField = col.field;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            if (options.wholeRow || !options.isCellSelection) {
+                this.targetColField = (columns.filter(c => c instanceof ColumnComponent && c.field))[0]['field'];
+            }
+            else {
+                const { groups } = this.groupSelection();
+                const selectionDirective = this.contextService.grid.selectionDirective;
+                const colIdentifier = selectionDirective.columnKey;
+                const visibleCols = columns.filter(c => c.isVisible);
+                const selectionKeys = groups[0].items.map(item => item.columnKey);
+                const selectedFieldCols = visibleCols.flatMap((c, i) => (c instanceof ColumnComponent && c.field) && selectionKeys.find(k => typeof colIdentifier === 'function' ? k === colIdentifier(c, i) : k === i) ? [c] : []);
+                const selectedColFields = selectedFieldCols.map(c => c.field);
+                this.targetColField = selectedColFields[0];
+            }
+        }
+        const items = dataRows.map(rowString => {
+            const cells = rowString.includes(`\t`) ? rowString.split(`\t`) : [rowString];
+            const colFields = columns.flatMap(c => (c instanceof ColumnComponent) && c.field ? [c.field] : []);
+            const targetColFieldIndex = colFields.indexOf(this.targetColField);
+            const affectedFields = colFields.slice(targetColFieldIndex, targetColFieldIndex + cells.length);
+            const item = {};
+            colFields.slice(targetColFieldIndex, targetColFieldIndex + cells.length).forEach((colField, index) => item[colField] = cells[index]);
+            return {
+                dataItem: item,
+                fields: affectedFields
+            };
+        });
+        return items;
+    }
+    groupSelection() {
+        const selection = this.contextService.grid.selection;
+        const groups = groupBy(selection, [{ field: 'itemKey' }])
+            .map(gr => {
+            gr.items.sort((a, b) => a.columnKey - b.columnKey);
+            return gr;
+        });
+        for (let i = 1; i < groups.length; i++) {
+            if (!this.areEqual(groups[i].items, groups[i - 1].items)) {
+                return {
+                    tabular: false,
+                    groups
+                };
+            }
+        }
+        return {
+            tabular: true,
+            groups
+        };
+    }
+    areEqual(arr1, arr2) {
+        if (arr1.length !== arr2.length) {
+            return false;
+        }
+        for (let i = 0; i < arr1.length; i++) {
+            if (arr1[i].columnKey !== arr2[i].columnKey) {
+                return false;
+            }
+        }
+        return true;
+    }
+    addHeaders(initialData, cols) {
+        const headersRowData = cols.map(c => c.title || c.field).join(`\t`);
+        return `${headersRowData}\r\n${initialData}`;
+    }
+}
+ClipboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClipboardService, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+ClipboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClipboardService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClipboardService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; } });

package/esm2020/common/column-info.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* 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";

package/esm2020/common/create-form-group.mjs

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

package/esm2020/common/default-track-by.mjs

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

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* 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';
@@ -18,6 +18,7 @@ export class DomEventsService {
         this.focusIn = new EventEmitter();
         this.focusOut = new EventEmitter();
         this.windowBlur = new EventEmitter();
+        this.paste = new EventEmitter();
     }
 }
 DomEventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DomEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });

package/esm2020/common/error-messages.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -7,5 +7,49 @@
  */
 export const ColumnMenuErrorMessages = {
     autoSizeColumn: 'The auto size column does not work with enabled virtual columns',
-    autoSizeAllColumns: 'The auto size all columns does not work with enabled virtual columns'
+    autoSizeAllColumns: 'The auto size all columns does not work with enabled virtual columns',
+    serviceInput: 'The service input of the predefined column menu components is mandatory.'
+};
+/**
+ * @hidden
+ */
+export const ClipboardErrorMessages = {
+    activeCellNavigable: 'Grid must be navigable to use "activeCell" as clipboard target type.',
+    selectionSelectable: 'Grid must be selectable to use "selection" as clipboard target type.'
+};
+/**
+ * @hidden
+ */
+export const ColumnConfigurationErrorMessages = {
+    fieldName: (field) => `Grid column field name '${field}' does not look like a valid JavaScript identifier.
+        Identifiers can contain only alphanumeric characters (including "$" or "_"), and may not start with a digit.
+        Please use only valid identifier names to ensure error-free operation.`,
+    width: (value, parsedValue) => `Expected numeric value for column width, but got a string "${value}". Treating as ${parsedValue}px.`,
+    invalidColumn: (column) => `Invalid column ${column}.`,
+    requiredWidth: (columnType) => `${columnType} columns feature requires all columns to have set width.`,
+    requiredScroll: (columnType) => `${columnType} columns are only supported when scrolling is enabled.`,
+    groupColumnContent: 'ColumnGroupComponent should contain ColumnComponent or CommandColumnComponent.',
+    lockedParent: 'Locked child columns require their parent columns to be locked.',
+    columnNested: 'Columns can be nested only inside ColumnGroupComponent',
+    nestedInside: (nestedColumnNameType, parentColumnType) => `${nestedColumnNameType} cannot be nested inside ${parentColumnType}.`
+};
+/**
+ * @hidden
+ */
+export const GridConfigurationErrorMessages = {
+    functionType: (propName, fn) => `${propName} must be a function, but received ${JSON.stringify(fn)}.`,
+    incompatibleFeatures: (feat1Name, feat2Name) => `'Having both ${feat1Name} and ${feat2Name} is not supported.'`,
+    nonLockedColumnPresent: 'There should be at least one non-locked column',
+    rowHeightVirtual: 'Row height and detail row height settings require virtual scrolling mode to be enabled.',
+    focusNavigable: 'The Grid should be configured as navigable to control focus',
+    expandCollapseMethods: (expandMethodName, collapseMethodName, directiveName, callbackName) => `The ${expandMethodName} and ${collapseMethodName} methods should not be called
+        when using the ${directiveName} directive or the ${callbackName} callback.
+        These methods are provided only for backwards compatibility with legacy versions.`,
+    requiredEditService: `The default edit service of the editing directives works only when binding to plain array.
+        Please provide an editService.`,
+    requiredModule: (exportedType, moduleName, componentSelector) => `Creating ${exportedType} requires including the ${moduleName} and adding the ${componentSelector} component.`,
+    groupBindingDirectives: `Using the "kendoGridGroupBinding" directive in combination with the "kendoGridExpandGroupBy" directive
+        or the "isGroupExpanded" callback is not supported. To use grouping with the "kendoGridGroupBinding" directive,
+        set the Grid "groupable" property to "true".`,
+    unsupportedMethod: (methodName, suggestedMethodName) => `Using ${methodName} in this context is not supported. Use ${suggestedMethodName} instead.`
 };

package/esm2020/common/event-emitter.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter } from "@angular/core";

package/esm2020/common/fetch-data-callback.mjs

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

package/esm2020/common/filter-descriptor-differ.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { isPresent } from "../utils";

package/esm2020/common/filter-operator.interface.mjs

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

package/esm2020/common/id.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from "@angular/core";

package/esm2020/common/preventable-event.mjs

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

package/esm2020/common/provider.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, Renderer2 } from '@angular/core';

package/esm2020/common/remove-confirmation.mjs

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

package/esm2020/common/single-popup.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PopupService } from '@progress/kendo-angular-popup';

package/esm2020/common/size-options.mjs

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

package/esm2020/common/sort.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Subject } from 'rxjs';

package/esm2020/constants.mjs

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

package/esm2020/data/change-event-args.interface.mjs

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

package/esm2020/data/change-notification.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, NgZone, Injectable } from '@angular/core';

package/esm2020/data/data-item.interface.mjs

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

package/esm2020/data/data.collection.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { iterator } from '../utils';

package/esm2020/data/data.iterators.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { iterator } from '../utils';