@progress/kendo-angular-grid 14.4.0-develop.14 → 14.4.0-develop.16

package/fesm2020/progress-kendo-angular-grid.mjs

@@ -10,7 +10,7 @@ import { merge, of, Subject, from, Subscription, interval, fromEvent, zip as zip
 import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, auditTime, distinctUntilChanged, tap, throttleTime, debounceTime, bufferCount } from 'rxjs/operators';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { orderBy, isCompositeFilterDescriptor, process, filterBy } from '@progress/kendo-data-query';
+import { orderBy, groupBy, isCompositeFilterDescriptor, process, filterBy } from '@progress/kendo-data-query';
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4$2 from '@angular/forms';
@@ -166,6 +166,16 @@ const nodesToArray = (nodes) => [].slice.call(nodes);
  * @hidden
  */
 const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);
+/**
+ * @hidden
+ */
+const recursiveFlatMap = (item) => isGroupResult(item) ? item.items.flatMap(recursiveFlatMap) : [item];
+/**
+ * @hidden
+ */
+const isGroupResult = (obj) => {
+    return 'aggregates' in obj && 'items' in obj && 'field' in obj && 'value' in obj;
+};
 
 /**
  * Represents the Kendo UI GridSpacer component for Angular.
@@ -220,6 +230,7 @@ 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 });
@@ -2239,6 +2250,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     type: Optional
                 }] }]; } });
 
+/**
+ * @hidden
+ */
+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',
+    serviceInput: 'The service input of the predefined column menu components is mandatory.'
+};
+/**
+ * @hidden
+ */
+const ClipboardErrorMessages = {
+    clipboardTarget: 'The "clipboardTarget" option must be set for the ClipboardDirective to function as designed.',
+    activeCellNavigable: 'Grid must be navigable to use "activeCell" as clipboard target type.',
+    selectionStartSelectable: 'Grid must be selectable to use "selectionStart" as clipboard target type.'
+};
+/**
+ * @hidden
+ */
+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
+ */
+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.`
+};
+
 /**
  * @hidden
  */
@@ -2332,7 +2396,7 @@ class ColumnBase {
         this.columnMenuTemplates = new QueryList();
         this.idService = idService;
         if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
-            throw new Error('Columns can be nested only inside ColumnGroupComponent');
+            throw new Error(ColumnConfigurationErrorMessages.columnNested);
         }
     }
     /**
@@ -2354,7 +2418,7 @@ class ColumnBase {
         if (typeof value === 'string') {
             const parsedValue = this._width = parseInt(value, 10);
             if (isDevMode()) {
-                console.warn(`Expected numeric value for column width, but got a string "${value}". Treating as ${parsedValue}px.`);
+                console.warn(ColumnConfigurationErrorMessages.width(value, parsedValue));
             }
         }
         else {
@@ -2936,7 +3000,7 @@ class SpanColumnComponent extends ColumnBase {
         this.includeInChooser = false;
         this._editable = true;
         if (parent && parent.isSpanColumn) {
-            throw new Error('SpanColumn cannot be nested inside another SpanColumn');
+            throw new Error(ColumnConfigurationErrorMessages.nestedInside('SpanColumnComponent', 'SpanColumnComponent'));
         }
     }
     /**
@@ -3149,7 +3213,7 @@ class ColumnGroupComponent extends ColumnBase {
          */
         this.minResizableWidth = 10;
         if (parent && parent.isSpanColumn) {
-            throw new Error('ColumnGroupComponent cannot be nested inside SpanColumnComponent');
+            throw new Error(ColumnConfigurationErrorMessages.nestedInside('ColumnGroupComponent', 'SpanColumnComponent'));
         }
     }
     /**
@@ -4443,8 +4507,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1705930325,
-    version: '14.4.0-develop.14',
+    publishDate: 1706186543,
+    version: '14.4.0-develop.16',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4476,7 +4540,7 @@ class DetailTemplateDirective {
      */
     set showIf(fn) {
         if (typeof fn !== 'function') {
-            throw new Error(`showIf must be a function, but received ${JSON.stringify(fn)}.`);
+            throw new Error(GridConfigurationErrorMessages.functionType('showIf', fn));
         }
         this._condition = fn;
     }
@@ -4970,6 +5034,9 @@ class Selection {
         this.cellSelectionState = new PairSet();
         this.init();
     }
+    /**
+     * @hidden
+     */
     get isCellSelectionMode() {
         return isPresent(this.ctx.grid.selectable) && this.ctx.grid.selectable['cell'];
     }
@@ -5023,6 +5090,14 @@ class Selection {
         }
         return row.index;
     }
+    /**
+     * @hidden
+     */
+    stateToArray() {
+        return this.isCellSelectionMode ?
+            this.cellSelectionState.toArray('itemKey', 'columnKey') :
+            Array.from(this.rowSelectionState);
+    }
     getSelectionItem(row, col, colIndex) {
         const itemIdentifiers = {};
         itemIdentifiers.itemKey = this.getItemKey(row);
@@ -5083,11 +5158,6 @@ class Selection {
             this.rowSelectionState = new Set(selectedKeys);
         }
     }
-    stateToArray() {
-        return this.isCellSelectionMode ?
-            this.cellSelectionState.toArray('itemKey', 'columnKey') :
-            Array.from(this.rowSelectionState);
-    }
 }
 Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Selection, deps: [{ token: ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
 Selection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Selection, selector: "kendo-grid-selection-base", inputs: { selectedKeys: "selectedKeys", rangeSelectionStartRow: "rangeSelectionStartRow", rangeSelectionStartColumnIndex: "rangeSelectionStartColumnIndex", selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, usesOnChanges: true, ngImport: i0 });
@@ -5449,7 +5519,7 @@ class PDFService {
     emitEvent(emitter, args) {
         if (emitter.observers.length === 0) {
             if (isDevMode()) {
-                throw new Error('Creating PDF requires including the PDFModule and adding the <kendo-grid-pdf> component.');
+                throw new Error(GridConfigurationErrorMessages.requiredModule('PDF', 'PDFModule', '<kendo-grid-pdf>'));
             }
         }
         else {
@@ -5531,7 +5601,7 @@ class ExcelService {
     save(component) {
         if (this.saveToExcel.observers.length === 0) {
             if (isDevMode()) {
-                throw new Error('Saving excel requires including the ExcelModule and adding the <kendo-grid-excel> component.');
+                throw new Error(GridConfigurationErrorMessages.requiredModule('excel', 'ExcelModule', '<kendo-grid-excel>'));
             }
         }
         else {
@@ -6748,6 +6818,187 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
+/**
+ * @hidden
+ */
+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: ''
+        };
+        if (options.wholeRow) {
+            const fieldCols = columns.flatMap(c => c instanceof ColumnComponent && isPresent$1(c.field) ? [c] : []);
+            this.targetColField = fieldCols[0]?.field;
+            this.targetRowIndex = data[0].dataRowIndex;
+            const clipboardData = { items: [], dataStrings: [] };
+            const colFields = fieldCols.map(c => c.field);
+            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 {
+            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$1(itemString);
+                    if (!isPresent$1(this.targetRowIndex) && isPresent$1(itemString)) {
+                        this.targetRowIndex = item.dataRowIndex;
+                    }
+                    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$1(itemString);
+                    if (!isPresent$1(this.targetRowIndex) && existingItem) {
+                        this.targetRowIndex = item.dataRowIndex;
+                    }
+                    if (existingItem) {
+                        result.gridItems.push({
+                            dataItem: item.dataItem,
+                            fields: selectedColFields
+                        });
+                    }
+                    return existingItem ? options.copyHeaders ? [this.addHeaders(itemString, selectedFieldCols)] : [itemString] : [];
+                }).join(`\r\n`);
+            }
+        }
+        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: 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: ContextService }]; } });
+
 /**
  * @hidden
  */
@@ -11599,14 +11850,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }], ctorParameters: function () { return [{ type: MenuTabbingService }]; } });
 
-/**
- * @hidden
- */
-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'
-};
-
 /**
  * @hidden
  */
@@ -11616,7 +11859,7 @@ class ColumnMenuItemBase {
     }
     ngOnInit() {
         if (isDevMode() && !this.service) {
-            throw new Error('The service input of the predefined column menu components is mandatory.');
+            throw new Error(ColumnMenuErrorMessages.serviceInput);
         }
     }
     /**
@@ -19705,11 +19948,7 @@ const createControl = (source) => (acc, key) => {
 const validateColumnsField = (columns) => expandColumns(columns.toArray())
     .filter(isColumnComponent)
     .filter(({ field }) => !isValidFieldName(field))
-    .forEach(({ field }) => console.warn(`
-                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.
-            `));
+    .forEach(({ field }) => console.warn(ColumnConfigurationErrorMessages.fieldName(field)));
 const handleExpandCollapseGroupsService = (service, expandEmitter, collapseEmitter, map) => (service.changes.pipe(filter(({ group }) => isPresent(group)))
     .subscribe((x) => x.expand ? expandEmitter.emit(map(x)) : collapseEmitter.emit(map(x))));
 const handleExpandCollapseDetailsService = (service, expandEmitter, collapseEmitter, map) => (service.changes.pipe(filter(({ dataItem }) => isPresent(dataItem)))
@@ -20224,7 +20463,7 @@ class GridComponent {
      */
     set rowClass(fn) {
         if (isDevMode() && typeof fn !== 'function') {
-            throw new Error(`rowClass must be a function, but received ${JSON.stringify(fn)}.`);
+            throw new Error(GridConfigurationErrorMessages.functionType('rowClass', fn));
         }
         this._rowClass = fn;
     }
@@ -20237,7 +20476,7 @@ class GridComponent {
      */
     set rowSticky(fn) {
         if (isDevMode() && isPresent(fn) && typeof fn !== 'function') {
-            throw new Error(`rowSticky must be a function, but received ${JSON.stringify(fn)}.`);
+            throw new Error(GridConfigurationErrorMessages.functionType('rowSticky', fn));
         }
         if (isPresent(fn)) {
             this._rowSticky = fn;
@@ -20253,7 +20492,7 @@ class GridComponent {
      */
     set rowSelected(fn) {
         if (isDevMode() && typeof fn !== 'function') {
-            throw new Error(`rowSelected must be a function, but received ${JSON.stringify(fn)}.`);
+            throw new Error(GridConfigurationErrorMessages.functionType('rowSelected', fn));
         }
         this._rowSelected = fn;
     }
@@ -20270,7 +20509,7 @@ class GridComponent {
      */
     set cellSelected(fn) {
         if (isDevMode() && typeof fn !== 'function') {
-            throw new Error(`cellSelected must be a function, but received ${JSON.stringify(fn)}.`);
+            throw new Error(GridConfigurationErrorMessages.functionType('cellSelected', fn));
         }
         this._cellSelected = fn;
     }
@@ -20289,6 +20528,16 @@ class GridComponent {
     get activeRow() {
         return this.navigationService.activeRow;
     }
+    /**
+     * Returns the current Grid selection.
+     *
+     * @hidden
+     */
+    get selection() {
+        return (this.selectable || this.selectionDirective) ?
+            this.defaultSelection ? this.defaultSelection.stateToArray() : this.selectionDirective.stateToArray() :
+            [];
+    }
     /**
      * Specifies if the loading indicator of the Grid will be displayed ([see example]({% slug binding_grid %})).
      *
@@ -21205,7 +21454,7 @@ class GridComponent {
             instance = column;
         }
         if (!instance && isDevMode()) {
-            throw new Error(`Invalid column ${column}`);
+            throw new Error(ColumnConfigurationErrorMessages.invalidColumn(column));
         }
         return instance;
     }
@@ -21214,43 +21463,43 @@ class GridComponent {
             const locked = this.lockedLeafColumns.length || (this.columnMenu && this.columnMenu.lock);
             const stickyColumns = this.stickyColumns.length || (this.columnMenu && this.columnMenu.stick);
             if (locked && this.detailTemplate) {
-                throw new Error('Having both detail template and locked columns is not supported.');
+                throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('detail template', 'locked columns'));
             }
             if (stickyColumns && this.detailTemplate) {
-                throw new Error('Having both detail template and sticky columns is not supported.');
+                throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('detail template', 'sticky columns'));
             }
             if (this.lockedLeafColumns.length && !this.nonLockedLeafColumns.length) {
-                throw new Error('There should be at least one non-locked column');
+                throw new Error(GridConfigurationErrorMessages.nonLockedColumnPresent);
             }
             if ((locked || this.virtualColumns) && expandColumns(this.columnList.toArray()).filter(column => !column.width && !isColumnGroupComponent(column)).length) {
-                throw new Error((locked ? 'Locked' : 'Virtual') + ' columns feature requires all columns to have set width.');
+                throw new Error(ColumnConfigurationErrorMessages.requiredWidth(locked ? 'Locked' : 'Virtual'));
             }
             if (locked && !this.isScrollable) {
-                throw new Error('Locked columns are only supported when scrolling is enabled.');
+                throw new Error(ColumnConfigurationErrorMessages.requiredScroll('Locked'));
+            }
+            if (stickyColumns && !this.isScrollable) {
+                throw new Error(ColumnConfigurationErrorMessages.requiredScroll('Sticky'));
             }
             if (this.columnList.filter(isColumnGroupComponent).filter((x) => !x.hasChildren).length) {
-                throw new Error('ColumnGroupComponent should contain ColumnComponent or CommandColumnComponent.');
+                throw new Error(ColumnConfigurationErrorMessages.groupColumnContent);
             }
             if (this.columnList.filter(x => x.locked && x.parent && !x.parent.isLocked).length) {
-                throw new Error('Locked child columns require their parent columns to be locked.');
+                throw new Error(ColumnConfigurationErrorMessages.lockedParent);
             }
             if ((this.rowHeight || this.detailRowHeight) && !this.isVirtual) {
-                throw new Error('Row height and detail row height settings require virtual scrolling mode to be enabled.');
+                throw new Error(GridConfigurationErrorMessages.rowHeightVirtual);
             }
             if (stickyColumns && expandColumns(this.columnList.toArray()).filter(column => !column.width && !isColumnGroupComponent(column)).length) {
-                throw new Error('Sticky columns feature requires all columns to have set width.');
-            }
-            if (stickyColumns && !this.isScrollable) {
-                throw new Error('Sticky columns are only supported when scrolling is enabled.');
+                throw new Error(ColumnConfigurationErrorMessages.requiredWidth('Sticky'));
             }
             if (stickyColumns && this.virtualColumns) {
-                throw new Error('Having both sticky columns and column virtualization is not supported.');
+                throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky columns', 'column virtualization'));
             }
             if (this.rowSticky && this.scrollable === 'virtual') {
-                throw new Error('Having both sticky rows and row virtualization (scrollable="virtual") is not supported.');
+                throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky rows', 'row virtualization (scrollable="virtual")'));
             }
             if (this.rowSticky && this.groupable) {
-                throw new Error('Having both sticky rows and grouping is not supported.');
+                throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky rows', 'grouping'));
             }
             validateColumnsField(this.columnList);
         }
@@ -21449,7 +21698,7 @@ class GridComponent {
     }
     assertNavigable() {
         if (isDevMode() && !this.navigationService.enabled) {
-            throw new Error('The Grid should be configured as navigable to control focus');
+            throw new Error(GridConfigurationErrorMessages.focusNavigable);
         }
     }
     navigationMetadata() {
@@ -21521,9 +21770,7 @@ class GridComponent {
     toggleDetailRowLegacy(index, expand) {
         const hasCallback = typeof this.isDetailExpanded === 'function';
         if (isDevMode() && hasCallback) {
-            throw new Error('The expandRow and collapseRow methods should not be called when using the ' +
-                'kendoGridDetailsExpandBy directive or the isDetailExpanded callback. ' +
-                'These methods are provided only for backwards compatibility with legacy versions.');
+            throw new Error(GridConfigurationErrorMessages.expandCollapseMethods('expandRow', 'collapseRow', 'kendoGridDetailsExpandBy', 'isDetailExpanded'));
         }
         if (!isDevMode() && hasCallback) {
             return;
@@ -21535,9 +21782,7 @@ class GridComponent {
     toggleGroupRowLegacy(index, expand) {
         const hasCallback = typeof this.isGroupExpanded === 'function';
         if (isDevMode() && hasCallback) {
-            throw new Error('The expandGroup and collapseGroup methods should not be called when using the ' +
-                'kendoGridExpandGroupBy directive or the isGroupExpanded callback. ' +
-                'These methods are provided only for backwards compatibility with legacy versions.');
+            throw new Error(GridConfigurationErrorMessages.expandCollapseMethods('expandGroup', 'collapseGroup', 'kendoGridExpandGroupBy', 'isGroupExpanded'));
         }
         if (!isDevMode() && hasCallback) {
             return;
@@ -21611,7 +21856,8 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
         SortService,
         ContextService,
         SizingOptionsService,
-        RowReorderService
+        RowReorderService,
+        ClipboardService
     ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGridLocalizedMessages
             i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
@@ -22239,7 +22485,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         SortService,
                         ContextService,
                         SizingOptionsService,
-                        RowReorderService
+                        RowReorderService,
+                        ClipboardService
                     ],
                     selector: 'kendo-grid',
                     template: `
@@ -23169,11 +23416,12 @@ class DataBindingDirective {
     }
 }
 DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataBindingDirective, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }, { token: LocalDataChangesService }, { token: RowReorderService }], target: i0.ɵɵFactoryTarget.Directive });
-DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: { skip: "skip", sort: "sort", filter: "filter", pageSize: "pageSize", group: "group", data: ["kendoGridBinding", "data"] }, usesOnChanges: true, ngImport: i0 });
+DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: { skip: "skip", sort: "sort", filter: "filter", pageSize: "pageSize", group: "group", data: ["kendoGridBinding", "data"] }, exportAs: ["kendoGridBinding"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataBindingDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridBinding]'
+                    selector: '[kendoGridBinding]',
+                    exportAs: 'kendoGridBinding'
                 }]
         }], ctorParameters: function () { return [{ type: GridComponent }, { type: i0.ChangeDetectorRef }, { type: LocalDataChangesService }, { type: RowReorderService }]; }, propDecorators: { skip: [{
                 type: Input
@@ -25694,8 +25942,7 @@ class LocalEditService {
             return data;
         }
         if (isDevMode()) {
-            throw new Error('The default edit service of the editing directives works only when binding to plain array.' +
-                'Please provide an editService.');
+            throw new Error(GridConfigurationErrorMessages.requiredEditService);
         }
         return [];
     }
@@ -26202,9 +26449,7 @@ class GroupBindingDirective extends DataBindingDirective {
     }
     ngAfterContentInit() {
         if (isDevMode() && this.grid.isGroupExpanded) {
-            throw new Error('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`.');
+            throw new Error(GridConfigurationErrorMessages.groupBindingDirectives);
         }
     }
     groupExpand({ groupIndex }) {
@@ -26336,6 +26581,181 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ContextService }]; } });
 
+/**
+ * The directive that enables the Grid built-in clipboard support. Allows copy, cut, and paste interactions
+ * with the Grid.
+ */
+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._clipboardSettings = {
+            wholeRow: false,
+            copyHeaders: false,
+            copy: true,
+            cut: true,
+            paste: true
+        };
+        this.subs = new Subscription();
+        this.onClipboard = (operationType, args) => {
+            if (!this.inGrid(args) || !this.clipboardSettings[operationType]) {
+                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 }];
+                    }
+                    break;
+                case 'selectionStart':
+                    {
+                        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 || !isCellSelection,
+                    copyHeaders: this.clipboardSettings.copyHeaders,
+                    operationType
+                });
+            !isPaste && navigator.clipboard.writeText(data.dataString);
+            if (hasObservers(this.clipboard)) {
+                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$2(this.host.wrapper.nativeElement, target);
+            return target && inHost && inContentArea;
+        };
+    }
+    /**
+     * Determines the target of the clipboard operation. The possible options are:
+     * - `activeCell`&mdash;Only the content of the current active cell or the row it is in will be copied to the clipboard.
+     * When pasting, the active cell will be the pivotal point for pasted content.
+     * - `selectionStart`&mdash;The content of all selected cells or rows from the current page will be copied to the clipboard.
+     * When pasting the first selected cell will be the pivotal point for pasted content.
+     *
+     * This option must be set, and the Grid keyboard navigation and/or selection functionalities must be enabled
+     * for the Clipboard directive to function as designed.
+     */
+    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 === 'selectionStart' && !(this.host.selectable || this.host.selectionDirective)) {
+                    console.warn(ClipboardErrorMessages.selectionStartSelectable);
+                }
+                else if (!isPresent(value)) {
+                    console.warn(ClipboardErrorMessages.clipboardTarget);
+                }
+            });
+        }
+        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 (isDevMode() && !isPresent(this.clipboardTarget)) {
+            console.warn(ClipboardErrorMessages.clipboardTarget);
+        }
+        // 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.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)));
+    }
+    ngOnChanges(changes) {
+        if (changes['clipboardTarget'] && isDevMode() && !isPresent(changes['clipboardTarget'].currentValue)) {
+            console.warn(ClipboardErrorMessages.clipboardTarget);
+        }
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+}
+GridClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridClipboardDirective, deps: [{ token: GridComponent }, { token: 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"], usesOnChanges: true, 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: GridComponent }, { type: ClipboardService }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { clipboardTarget: [{
+                type: Input
+            }], clipboardSettings: [{
+                type: Input
+            }], clipboard: [{
+                type: Output
+            }] } });
+
 const exportedModules$1 = [
     GridComponent,
     ToolbarTemplateDirective,
@@ -26360,7 +26780,8 @@ const exportedModules$1 = [
     ...PagerModule.exports(),
     ...RowFilterModule.exports(),
     ...FilterMenuModule.exports(),
-    ...ColumnMenuModule.exports()
+    ...ColumnMenuModule.exports(),
+    GridClipboardDirective
 ];
 const declarations$2 = [
     GridComponent,
@@ -26381,7 +26802,8 @@ const declarations$2 = [
     GridSpacerComponent,
     GridToolbarFocusableDirective,
     StatusBarComponent,
-    StatusBarTemplateDirective
+    StatusBarTemplateDirective,
+    GridClipboardDirective
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -26425,7 +26847,8 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         GridSpacerComponent,
         GridToolbarFocusableDirective,
         StatusBarComponent,
-        StatusBarTemplateDirective], imports: [CommonModule,
+        StatusBarTemplateDirective,
+        GridClipboardDirective], imports: [CommonModule,
         GroupModule,
         SharedModule,
         BodyModule,
@@ -26451,7 +26874,7 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         InCellEditingDirective,
         ExpandDetailsDirective,
         ExpandGroupDirective,
-        GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, ColumnComponent, SpanColumnComponent, ColumnGroupComponent, FooterTemplateDirective, DetailTemplateDirective, FocusableDirective, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, NoRecordsTemplateDirective, EditTemplateDirective, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, HeaderTemplateDirective, SelectAllCheckboxDirective, PagerComponent, PagerPrevButtonsComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerInputComponent, PagerInfoComponent, PagerPageSizesComponent, PagerTemplateDirective, PagerDropDownListDirective, PagerInputDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, FilterCellOperatorsComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, ColumnChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent] });
+        GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, ColumnComponent, SpanColumnComponent, ColumnGroupComponent, FooterTemplateDirective, DetailTemplateDirective, FocusableDirective, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, NoRecordsTemplateDirective, EditTemplateDirective, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, HeaderTemplateDirective, SelectAllCheckboxDirective, PagerComponent, PagerPrevButtonsComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerInputComponent, PagerInfoComponent, PagerPageSizesComponent, PagerTemplateDirective, PagerDropDownListDirective, PagerInputDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, FilterCellOperatorsComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, ColumnChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective] });
 GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridModule, imports: [[
             CommonModule,
             GroupModule,
@@ -26748,13 +27171,13 @@ class PDFComponent extends PDFExportComponent {
      * @hidden
      */
     saveAs(_) {
-        throw new Error('Not supported. Use GridComponent.saveAsPDF');
+        throw new Error(GridConfigurationErrorMessages.unsupportedMethod('saveAs', 'GridComponent.saveAsPDF'));
     }
     /**
      * @hidden
      */
     export() {
-        throw new Error('Not supported. Use GridComponent.drawPDF');
+        throw new Error(GridConfigurationErrorMessages.unsupportedMethod('export', 'GridComponent.drawPDF'));
     }
     savePDF(component) {
         this.createPDF(component, this.draw);
@@ -27349,5 +27772,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddCommandDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BodyModule, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, BrowserSupportService, CELL_CONTEXT, CancelCommandDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditService, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuModule, FilterMenuTemplateDirective, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterModule, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridComponent, GridModule, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupBindingDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupModule, GroupPanelComponent, GroupsService, HeaderComponent, HeaderModule, HeaderTemplateDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PagerComponent, PagerContextService, PagerDropDownListDirective, PagerInfoComponent, PagerInputComponent, PagerInputDirective, PagerModule, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RemoveCommandDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowEditingDirectiveBase, RowFilterModule, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectionCheckboxDirective, SelectionDirective, SelectionService, SharedFilterModule, SharedModule, SinglePopupService, SizingOptionsService, Skip, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateContextDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, count, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable, slice };
+export { AddCommandDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BodyModule, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, BrowserSupportService, CELL_CONTEXT, CancelCommandDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditService, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuModule, FilterMenuTemplateDirective, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterModule, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridClipboardDirective, GridComponent, GridModule, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupBindingDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupModule, GroupPanelComponent, GroupsService, HeaderComponent, HeaderModule, HeaderTemplateDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PagerComponent, PagerContextService, PagerDropDownListDirective, PagerInfoComponent, PagerInputComponent, PagerInputDirective, PagerModule, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RemoveCommandDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowEditingDirectiveBase, RowFilterModule, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectionCheckboxDirective, SelectionDirective, SelectionService, SharedFilterModule, SharedModule, SinglePopupService, SizingOptionsService, Skip, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateContextDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, count, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable, slice };