@progress/kendo-angular-grid 14.4.0-develop.9 → 15.0.0-develop.1

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,58 @@ 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 = {
+    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
+ */
+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 +2395,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 +2417,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 +2999,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 +3212,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'));
         }
     }
     /**
@@ -4264,19 +4327,15 @@ const offsets = {
  * @hidden
  */
 class GridMarqueeDirective {
-    constructor(draggable, selection, cellSelection, domEvents) {
+    constructor(draggable, selection, cellSelection, domEvents, host, renderer) {
         this.draggable = draggable;
         this.selection = selection;
         this.cellSelection = cellSelection;
         this.domEvents = domEvents;
+        this.host = host;
+        this.renderer = renderer;
         this.selectionStarted = false;
     }
-    get webkitUserSelection() {
-        return (this.cellSelection.enableMarquee || this.selection.enableMarquee) ? 'none' : null;
-    }
-    get userSelection() {
-        return (this.cellSelection.enableMarquee || this.selection.enableMarquee);
-    }
     ngOnInit() {
         this.subscriptions = (this.draggable.kendoPress.subscribe(this.start.bind(this)));
         this.subscriptions.add(this.draggable.kendoDrag.subscribe(this.moveMarquee.bind(this)));
@@ -4307,6 +4366,8 @@ class GridMarqueeDirective {
             const distance = Math.sqrt((args.pageX - press.pageX) ** 2 + (args.pageY - press.pageY) ** 2);
             if (distance > MINIMAL_DRAG_DISTANCE) {
                 this.selectionStarted = true;
+                this.renderer.addClass(this.host.nativeElement, 'user-select-none');
+                this.renderer.setStyle(this.host.nativeElement, 'user-select', 'none');
                 this.dragEndSubscription = merge(this.domEvents.cellMouseup.pipe(take(1)), this.draggable.kendoRelease.pipe(delay(1), take(1)))
                     .subscribe(this.endSelection.bind(this));
             }
@@ -4351,6 +4412,8 @@ class GridMarqueeDirective {
         if (this.dragEndSubscription) {
             this.dragEndSubscription.unsubscribe();
         }
+        this.renderer.removeClass(this.host.nativeElement, 'user-select-none');
+        this.renderer.removeStyle(this.host.nativeElement, 'user-select');
         this.dragEndSubscription = null;
         this.pressTarget = null;
         this.pressArgs = null;
@@ -4387,20 +4450,14 @@ class GridMarqueeDirective {
         return null;
     }
 }
-GridMarqueeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMarqueeDirective, deps: [{ token: i1$1.DraggableDirective }, { token: SelectionService }, { token: CellSelectionService }, { token: DomEventsService }], target: i0.ɵɵFactoryTarget.Directive });
-GridMarqueeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]", host: { properties: { "style.-webkit-user-select": "this.webkitUserSelection", "class.user-select-none": "this.userSelection" } }, ngImport: i0 });
+GridMarqueeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMarqueeDirective, deps: [{ token: i1$1.DraggableDirective }, { token: SelectionService }, { token: CellSelectionService }, { token: DomEventsService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+GridMarqueeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMarqueeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridSelectionMarquee]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DraggableDirective }, { type: SelectionService }, { type: CellSelectionService }, { type: DomEventsService }]; }, propDecorators: { webkitUserSelection: [{
-                type: HostBinding,
-                args: ['style.-webkit-user-select']
-            }], userSelection: [{
-                type: HostBinding,
-                args: ['class.user-select-none']
-            }] } });
+        }], ctorParameters: function () { return [{ type: i1$1.DraggableDirective }, { type: SelectionService }, { type: CellSelectionService }, { type: DomEventsService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
 
 /**
  * @hidden
@@ -4443,8 +4500,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1705406831,
-    version: '14.4.0-develop.9',
+    publishDate: 1706544074,
+    version: '15.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4476,7 +4533,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 +5027,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 +5083,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 +5151,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 +5512,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 +5594,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 +6811,214 @@ 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: ''
+        };
+        const fieldCols = columns.flatMap(c => c instanceof ColumnComponent && isPresent$1(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$1(itemString);
+                        if (!isPresent$1(this.targetRowIndex) && isPresent$1(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$1(itemString);
+                        if (!isPresent$1(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: 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
  */
@@ -7730,7 +8001,7 @@ PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         </kendo-numerictextbox>
         {{textFor('pagerOf')}} {{totalPages}}
      </span>
-    `, isInline: true, components: [{ type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: PagerInputDirective, selector: "[kendoGridPagerInput]" }, { type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i1$1.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+    `, isInline: true, components: [{ type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: PagerInputDirective, selector: "[kendoGridPagerInput]" }, { type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i1$1.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -7881,7 +8152,6 @@ class PagerComponent {
         this.total = 0;
         this.skip = 1;
         this.pageChange = new EventEmitter();
-        this.pagerWrapClass = true;
         this.gridPagerClass = true;
         this.settings = normalize$1({});
         this.subscriptions = new Subscription();
@@ -8107,7 +8377,7 @@ class PagerComponent {
     }
 }
 PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: ContextService }, { token: CELL_CONTEXT, optional: true }, { token: FocusRoot }, { token: FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
-PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-pager-wrap": "this.pagerWrapClass", "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
+PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
             provide: FOCUS_ROOT_ACTIVE,
             useValue: true
         }, {
@@ -8243,9 +8513,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], pageChange: [{
                 type: Output
-            }], pagerWrapClass: [{
-                type: HostBinding,
-                args: ['class.k-pager-wrap']
             }], gridPagerClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-pager']
@@ -10174,7 +10441,7 @@ NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
                 </kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-menu-input-wrapper>
-    `, isInline: true, components: [{ type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i3$1.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+    `, isInline: true, components: [{ type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { type: i3$1.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -11303,7 +11570,7 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
         MenuTabbingService
     ], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
         <form (submit)="submit()" (reset)="reset()"
-            class="k-filter-menu k-group k-reset k-state-border-up">
+            class="k-filter-menu">
             <div class="k-filter-menu-container">
                 <ng-container [ngSwitch]="hasTemplate">
                     <ng-container *ngSwitchCase="false">
@@ -11349,7 +11616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-grid-filter-menu-container',
                     template: `
         <form (submit)="submit()" (reset)="reset()"
-            class="k-filter-menu k-group k-reset k-state-border-up">
+            class="k-filter-menu">
             <div class="k-filter-menu-container">
                 <ng-container [ngSwitch]="hasTemplate">
                     <ng-container *ngSwitchCase="false">
@@ -11603,14 +11870,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
  */
@@ -11620,7 +11879,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);
         }
     }
     /**
@@ -13223,7 +13482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: ContextService }]; } });
 
-const POPUP_CLASS = 'k-grid-columnmenu-popup';
+const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
 let id$2 = 0;
 const getId = (gridId) => `${gridId}-column-menu-${id$2++}`;
 /**
@@ -13416,7 +13675,7 @@ class ColumnMenuComponent {
         this.expandedFilter = this.getExpandedState(this.settings.filter);
         this.expandedColumns = this.getExpandedState(this.settings.columnChooser);
         this.expandedPosition = this.getExpandedState(this.settings.setColumnPosition);
-        this.popupRef = this.popupService.open(anchor, template, this.popupRef, POPUP_CLASS);
+        this.popupRef = this.popupService.open(anchor, template, this.popupRef, POPUP_CLASSES);
         // Needed as changes to 'popupRef' and 'popupId' are not reflected
         // automatically when the Popup is closed by clicking outside the anchor
         const ariaRoot = this.isNavigable ? anchor.closest('.k-table-th') : anchor;
@@ -13437,7 +13696,8 @@ class ColumnMenuComponent {
                 ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'true');
             }
             if (this.settings.view === 'tabbed') {
-                this.renderer.addClass(this.popupRef.popupElement.querySelector('.k-grid-columnmenu-popup'), 'k-column-menu-tabbed');
+                this.renderer.addClass(popupAriaElement, 'k-column-menu-tabbed');
+                this.renderer.addClass(popupAriaElement, 'k-column-menu');
                 this.cdr.detectChanges();
                 this.tabStrip?.selectTab(0);
             }
@@ -13563,7 +13823,8 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             </kendo-grid-columnmenu-container>
         </ng-template>
         <ng-template #tabbedInterfaceTemplate>
-            <kendo-tabstrip #tabstrip (keydown.escape)="close(true)">
+            <kendo-tabstrip #tabstrip
+                (keydown.escape)="close(true)">
                 <kendo-tabstrip-tab *ngIf="hasFilter">
                     <ng-template kendoTabTitle>
                         <kendo-icon-wrapper
@@ -13738,7 +13999,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             </kendo-grid-columnmenu-container>
         </ng-template>
         <ng-template #tabbedInterfaceTemplate>
-            <kendo-tabstrip #tabstrip (keydown.escape)="close(true)">
+            <kendo-tabstrip #tabstrip
+                (keydown.escape)="close(true)">
                 <kendo-tabstrip-tab *ngIf="hasFilter">
                     <ng-template kendoTabTitle>
                         <kendo-icon-wrapper
@@ -14303,7 +14565,7 @@ NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i3$1.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+    `, isInline: true, components: [{ type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { type: i3$1.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -15979,12 +16241,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                     </ng-container>
 
                     <ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
-                        <input
-                            class="k-checkbox k-checkbox-md k-rounded-md"
-                            [attr.id]="selectAllCheckboxId()"
-                            [attr.aria-label]="selectAllCheckboxLabel"
-                            kendoGridSelectAllCheckbox
-                            kendoGridFocusable>
+                        <span class="k-checkbox-wrap">
+                            <input
+                                class="k-checkbox k-checkbox-md k-rounded-md"
+                                [attr.id]="selectAllCheckboxId()"
+                                [attr.aria-label]="selectAllCheckboxLabel"
+                                kendoGridSelectAllCheckbox
+                                kendoGridFocusable>
+                        </span>
                     </ng-container>
                     <span kendoGridColumnHandle
                         kendoDraggable
@@ -16203,12 +16467,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     </ng-container>
 
                     <ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
-                        <input
-                            class="k-checkbox k-checkbox-md k-rounded-md"
-                            [attr.id]="selectAllCheckboxId()"
-                            [attr.aria-label]="selectAllCheckboxLabel"
-                            kendoGridSelectAllCheckbox
-                            kendoGridFocusable>
+                        <span class="k-checkbox-wrap">
+                            <input
+                                class="k-checkbox k-checkbox-md k-rounded-md"
+                                [attr.id]="selectAllCheckboxId()"
+                                [attr.aria-label]="selectAllCheckboxLabel"
+                                kendoGridSelectAllCheckbox
+                                kendoGridFocusable>
+                        </span>
                     </ng-container>
                     <span kendoGridColumnHandle
                         kendoDraggable
@@ -16855,11 +17121,13 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                     </ng-container>
                     <ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
                     <ng-container *ngIf="isCheckboxColumn && !isNew">
-                        <input
-                            class="k-checkbox k-checkbox-md k-rounded-md"
-                            [kendoGridSelectionCheckbox]="rowIndex"
-                            [attr.id]="selectionCheckboxId"
-                            [attr.aria-label]="selectionCheckboxLabel" />
+                        <span class="k-checkbox-wrap">
+                            <input
+                                class="k-checkbox k-checkbox-md k-rounded-md"
+                                [kendoGridSelectionCheckbox]="rowIndex"
+                                [attr.id]="selectionCheckboxId"
+                                [attr.aria-label]="selectionCheckboxLabel" />
+                        </span>
                     </ng-container>
                     <ng-container *ngIf="isRowReorderColumn && !isNew">
                         <kendo-icon-wrapper
@@ -16898,13 +17166,15 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                         kendoGridFocusable
                     ></kendo-datepicker>
 
-                    <input
-                        *ngSwitchCase="'boolean'"
-                        type="checkbox"
-                        class="k-checkbox k-checkbox-md k-rounded-md"
-                        [formControl]="$any(formGroup.get(column.field))"
-                        kendoGridFocusable
-                    />
+                    <span class="k-checkbox-wrap">
+                        <input
+                            *ngSwitchCase="'boolean'"
+                            type="checkbox"
+                            class="k-checkbox k-checkbox-md k-rounded-md"
+                            [formControl]="$any(formGroup.get(column.field))"
+                            kendoGridFocusable
+                        />
+                    </span>
 
                     <input
                         *ngSwitchDefault
@@ -16916,7 +17186,7 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                 </ng-container>
             </ng-container>
         </ng-container>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i4$3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }], directives: [{ type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: ["kendoGridSelectionCheckbox"] }, { type: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], pipes: { "valueOf": FieldAccessorPipe } });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { type: i4$3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }], directives: [{ type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: ["kendoGridSelectionCheckbox"] }, { type: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], pipes: { "valueOf": FieldAccessorPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
             args: [{
@@ -16936,11 +17206,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     </ng-container>
                     <ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
                     <ng-container *ngIf="isCheckboxColumn && !isNew">
-                        <input
-                            class="k-checkbox k-checkbox-md k-rounded-md"
-                            [kendoGridSelectionCheckbox]="rowIndex"
-                            [attr.id]="selectionCheckboxId"
-                            [attr.aria-label]="selectionCheckboxLabel" />
+                        <span class="k-checkbox-wrap">
+                            <input
+                                class="k-checkbox k-checkbox-md k-rounded-md"
+                                [kendoGridSelectionCheckbox]="rowIndex"
+                                [attr.id]="selectionCheckboxId"
+                                [attr.aria-label]="selectionCheckboxLabel" />
+                        </span>
                     </ng-container>
                     <ng-container *ngIf="isRowReorderColumn && !isNew">
                         <kendo-icon-wrapper
@@ -16979,13 +17251,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         kendoGridFocusable
                     ></kendo-datepicker>
 
-                    <input
-                        *ngSwitchCase="'boolean'"
-                        type="checkbox"
-                        class="k-checkbox k-checkbox-md k-rounded-md"
-                        [formControl]="$any(formGroup.get(column.field))"
-                        kendoGridFocusable
-                    />
+                    <span class="k-checkbox-wrap">
+                        <input
+                            *ngSwitchCase="'boolean'"
+                            type="checkbox"
+                            class="k-checkbox k-checkbox-md k-rounded-md"
+                            [formControl]="$any(formGroup.get(column.field))"
+                            kendoGridFocusable
+                        />
+                    </span>
 
                     <input
                         *ngSwitchDefault
@@ -17745,7 +18019,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             [attr.data-kendo-grid-item-index]="$any(item).index"
             [class.k-selected]="isSelectable() && isRowSelected(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -17847,7 +18121,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell" *ngFor="let g of groups"></td>
+                <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -17975,7 +18249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             [attr.data-kendo-grid-item-index]="$any(item).index"
             [class.k-selected]="isSelectable() && isRowSelected(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -18077,7 +18351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell" *ngFor="let g of groups"></td>
+                <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -19694,11 +19968,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)))
@@ -20213,7 +20483,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;
     }
@@ -20226,7 +20496,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;
@@ -20242,7 +20512,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;
     }
@@ -20259,7 +20529,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;
     }
@@ -20278,6 +20548,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 %})).
      *
@@ -21194,7 +21474,7 @@ class GridComponent {
             instance = column;
         }
         if (!instance && isDevMode()) {
-            throw new Error(`Invalid column ${column}`);
+            throw new Error(ColumnConfigurationErrorMessages.invalidColumn(column));
         }
         return instance;
     }
@@ -21203,43 +21483,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);
         }
@@ -21438,7 +21718,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() {
@@ -21510,9 +21790,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;
@@ -21524,9 +21802,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;
@@ -21600,7 +21876,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"
@@ -22228,7 +22505,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         SortService,
                         ContextService,
                         SizingOptionsService,
-                        RowReorderService
+                        RowReorderService,
+                        ClipboardService
                     ],
                     selector: 'kendo-grid',
                     template: `
@@ -23158,11 +23436,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
@@ -23539,7 +23818,7 @@ AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
                 [value]="currentFilter?.value">
             </kendo-autocomplete>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i1$4.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }], directives: [{ type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+    `, isInline: true, components: [{ type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i1$4.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }], directives: [{ type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AutoCompleteFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -25683,8 +25962,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 [];
     }
@@ -26191,9 +26469,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 }) {
@@ -26325,6 +26601,176 @@ 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._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$2(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: 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"], 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,
@@ -26349,7 +26795,8 @@ const exportedModules$1 = [
     ...PagerModule.exports(),
     ...RowFilterModule.exports(),
     ...FilterMenuModule.exports(),
-    ...ColumnMenuModule.exports()
+    ...ColumnMenuModule.exports(),
+    GridClipboardDirective
 ];
 const declarations$2 = [
     GridComponent,
@@ -26370,7 +26817,8 @@ const declarations$2 = [
     GridSpacerComponent,
     GridToolbarFocusableDirective,
     StatusBarComponent,
-    StatusBarTemplateDirective
+    StatusBarTemplateDirective,
+    GridClipboardDirective
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -26414,7 +26862,8 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         GridSpacerComponent,
         GridToolbarFocusableDirective,
         StatusBarComponent,
-        StatusBarTemplateDirective], imports: [CommonModule,
+        StatusBarTemplateDirective,
+        GridClipboardDirective], imports: [CommonModule,
         GroupModule,
         SharedModule,
         BodyModule,
@@ -26440,7 +26889,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,
@@ -26737,13 +27186,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);
@@ -27338,5 +27787,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 };