@progress/kendo-angular-grid 24.1.1-develop.1 → 24.2.0-develop.10

package/common/data-layout-mode.d.ts

@@ -7,6 +7,9 @@ import { GridColSize } from "./grid-col-size";
  * Specifies the Grid data layout display mode.
  */
 export type DataLayoutMode = 'columns' | 'stacked';
+/**
+ * Configures the data layout display mode for the Grid component.
+ */
 export interface DataLayoutModeSettings {
     /**
      * Specifies the Grid data layout display mode.

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, SecurityContext, InjectionToken, Optional, Inject, Input, SkipSelf, Directive, isDevMode, QueryList, ContentChildren, ContentChild, Component, forwardRef, Host, Output, HostBinding, HostListener, Pipe, TemplateRef, ViewChild, ViewChildren, ChangeDetectionStrategy, Self, NgZone, ElementRef, ViewContainerRef, ViewEncapsulation, inject, Injector, NgModule } from '@angular/core';
 import { merge, of, Subject, zip as zip$1, from, Subscription, interval, fromEvent, Observable, BehaviorSubject } from 'rxjs';
 import * as i1$3 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, contains as contains$3, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
 export { BrowserSupportService, ScrollbarService } from '@progress/kendo-angular-common';
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@progress/kendo-angular-icons';
@@ -3625,7 +3625,7 @@ class NavigationService {
             const columnGroup = column.parent;
             const columnGroupChildren = Array.from(columnGroup.children).sort((a, b) => a.orderIndex - b.orderIndex);
             const columnIndexInsideGroup = columnGroupChildren.indexOf(column);
-            if (column.isReordered || column.orderIndex > 0 || (column.isReordered && column.orderIndex === 0)) {
+            if (column.isReordered || column.orderIndex > 0) {
                 return (column.orderIndex - columnGroupChildren[0]['orderIndex']) !== columnGroupChildren.length - 1;
             }
             return columnIndexInsideGroup !== columnGroupChildren.length - 1;
@@ -4514,7 +4514,7 @@ class NavigationService {
         if (!cellSelectionEnabled || this.cursor.cell?.detailExpandCell) {
             return;
         }
-        const selectionService = this.ctx.grid[cellSelectionEnabled ? 'cellSelectionService' : 'selectionService'];
+        const selectionService = this.ctx.grid.cellSelectionService;
         const row = this.activeRow;
         const colIdx = this.cursor.cell ? this.cursor.cell.colIndex : 0;
         const dataColIdx = colIdx - (this.metadata.hasDetailTemplate ? 1 : 0); // exclude the expand/collapse column in master-detail
@@ -10513,9 +10513,14 @@ class DateFilterMenuInputComponent {
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
+        let pickerPopupElement = null;
         this.subscription = this.popupService.onClose
-            .pipe(filter(() => picker.isActive))
+            .pipe(filter((event) => picker.isActive || this.isDatePickerMouseEvent(event, pickerPopupElement)))
             .subscribe(e => e.preventDefault());
+        // https://github.com/telerik/kendo-angular/issues/4074
+        this.subscription.add(picker.close.pipe(take(1)).subscribe(() => {
+            pickerPopupElement = picker.popupRef?.popupElement ?? null;
+        }));
     }
     messageFor(key) {
         return this.ctx.localization.get(key);
@@ -10525,6 +10530,13 @@ class DateFilterMenuInputComponent {
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
+    isDatePickerMouseEvent(event, popupElement) {
+        const originalEvent = event?.originalEvent;
+        if (!popupElement || !(originalEvent instanceof MouseEvent)) {
+            return false;
+        }
+        return contains$3(popupElement, originalEvent.target, true);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: SinglePopupService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
         <kendo-grid-filter-menu-input-wrapper
@@ -11337,8 +11349,9 @@ class MultiCheckboxFilterComponent {
         return this.ctx.localization.get(key);
     }
     getUniqueDateValues(data) {
+        const fieldGetter = getter(this.column.field);
         return data.reduce((acc, current) => {
-            const value = current[this.column.field];
+            const value = fieldGetter(current);
             if (value instanceof Date && acc.findIndex(d => d.getTime() === value.getTime()) === -1) {
                 acc.push(value);
             }
@@ -11358,7 +11371,8 @@ class MultiCheckboxFilterComponent {
         }
         else {
             const field = this.column.field;
-            const mapped = this.gridData.map(item => item?.[field]);
+            const fieldGetter = getter(field);
+            const mapped = this.gridData.map(item => fieldGetter(item));
             this.baseListData = [...new Set(mapped)].sort((a, b) => {
                 if (a > b) {
                     return 1;
@@ -18921,7 +18935,7 @@ class ColumnHandleDirective {
         if (column.parent) {
             const groupChildren = Array.from(column.parent.children);
             const indexOfCurrentColumn = groupChildren.indexOf(column);
-            if (column.isReordered || column.orderIndex > 0 || (column.isReordered && column.orderIndex === 0)) {
+            if (column.isReordered || column.orderIndex > 0) {
                 return (column.orderIndex - groupChildren[0].orderIndex) === groupChildren.length - 1;
             }
             else {
@@ -19660,6 +19674,7 @@ class CellSelectionService {
         if (settings.selectable && settings.selectable.enabled !== false && !settings.isStacked) {
             const iterator = this.getIterator();
             let item = iterator.next();
+            const seenItems = new Set();
             while (!item.done) {
                 if (item.value?.type === "data") {
                     const rowArgs = {
@@ -19667,9 +19682,16 @@ class CellSelectionService {
                         index: item.value.index
                     };
                     settings.columns.forEach(col => {
+                        if (col.isColumnGroup) {
+                            return;
+                        }
                         const selectedCellArgs = settings.cellSelected(rowArgs, col, col.leafIndex);
                         if (selectedCellArgs.selected) {
-                            this.currentSelection.push(selectedCellArgs.item);
+                            const key = `${selectedCellArgs.item.itemKey}-${selectedCellArgs.item.columnKey}`;
+                            if (!seenItems.has(key)) {
+                                seenItems.add(key);
+                                this.currentSelection.push(selectedCellArgs.item);
+                            }
                         }
                         if (!settings.isRowSelectable(rowArgs)) {
                             this.nonSelectableRows.set(rowArgs.index, rowArgs.dataItem);
@@ -19721,7 +19743,7 @@ class CellSelectionService {
             ev = this.select(item);
             this.currentSelection = [this.lastSelectionItem];
         }
-        if (!ev.selectedCells.length && !ev.deselectedCells.length) {
+        if (!ev || (!ev.selectedCells.length && !ev.deselectedCells.length)) {
             return;
         }
         ev.ctrlKey = ctrlKey;
@@ -19823,6 +19845,9 @@ class CellSelectionService {
                     index: idx
                 };
                 this.settings.columns.forEach(col => {
+                    if (col.isColumnGroup) {
+                        return;
+                    }
                     const { item } = this.settings.cellSelected(rowArgs, col, col.leafIndex);
                     const selected = this.isCellSelected(next.value, col);
                     const isInRowRange = selectionStartRow <= idx && idx <= selectionEndRow;
@@ -23242,7 +23267,7 @@ class TableBodyComponent {
     }
     @if (!rowsToRender?.length) {
         <tr class="k-grid-norecords" role="row">
-            <td [attr.colspan]="colSpan" class="k-table-td">
+            <td [attr.colspan]="colSpan" class="k-table-td" role="gridcell">
                 @if (noRecordsTemplate?.templateRef) {
                     <ng-template
                         [templateContext]="{
@@ -23593,7 +23618,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
     }
     @if (!rowsToRender?.length) {
         <tr class="k-grid-norecords" role="row">
-            <td [attr.colspan]="colSpan" class="k-table-td">
+            <td [attr.colspan]="colSpan" class="k-table-td" role="gridcell">
                 @if (noRecordsTemplate?.templateRef) {
                     <ng-template
                         [templateContext]="{
@@ -24800,8 +24825,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1780592763,
-    version: '24.1.1-develop.1',
+    publishDate: 1782305817,
+    version: '24.2.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -29820,6 +29845,18 @@ class ListComponent {
             if (this.pendingToggleScroll && this.virtualPageSize) {
                 this.scroller.virtualSkip = this.pendingToggleScroll.virtualSkip;
             }
+            else if (this.skipScroll && this.virtualPageSize && this.scroller.virtualSkip >= this.allItems.length) {
+                const clampedSkip = Math.max(0, this.allItems.length - this.virtualPageSize);
+                this.scroller.virtualSkip = clampedSkip;
+                this.scroller.firstToLoad = clampedSkip;
+                this.scroller.lastLoaded = this.allItems.length - 1;
+                const rowH = this.rowHeight || this.minRowHeight || 0;
+                const newOffset = clampedSkip * rowH;
+                this.scroller.tableTransformOffset = newOffset;
+                [this.table?.nativeElement, this.lockedTable?.nativeElement]
+                    .filter(isPresent)
+                    .forEach(el => this.renderer.setStyle(el, 'transform', `translateY(${newOffset}px)`));
+            }
             this.itemsToRender = this.allItems.slice(this.scroller.virtualSkip, this.scroller.virtualSkip + this.virtualPageSize);
         }
         else if (totalChanged && !this.ctx.grid?.group?.length) {

package/filtering/filterable.d.ts

@@ -24,6 +24,9 @@ export type FilterableSettings = boolean | 'row' | 'menu' | 'menu, row';
  * - `multiCheckbox`—Renders a list of distinct column values with checkboxes for inclusion/exclusion filtering.
  */
 export type FilterVariant = 'default' | 'multiCheckbox';
+/**
+ * Configures the filter variant for a column.
+ */
 export interface FilterVariantSettings {
     /**
      * Specifies the filter menu variant.

package/filtering/menu/date-filter-menu-input.component.d.ts

@@ -43,6 +43,7 @@ export declare class DateFilterMenuInputComponent implements OnDestroy {
     open(picker: DatePickerComponent): void;
     messageFor(key: string): string;
     get columnLabel(): string;
+    private isDatePickerMouseEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterMenuInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterMenuInputComponent, "kendo-grid-date-filter-menu-input", never, { "operators": { "alias": "operators"; "required": false; }; "column": { "alias": "column"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "currentFilter": { "alias": "currentFilter"; "required": false; }; "filterService": { "alias": "filterService"; "required": false; }; "menuTabbingService": { "alias": "menuTabbingService"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatPlaceholder": { "alias": "formatPlaceholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "bottomView": { "alias": "bottomView"; "required": false; }; "topView": { "alias": "topView"; "required": false; }; "weekNumber": { "alias": "weekNumber"; "required": false; }; "isFirstDropDown": { "alias": "isFirstDropDown"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1780592763,
-  "version": "24.1.1-develop.1",
+  "publishDate": 1782305817,
+  "version": "24.2.0-develop.10",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "24.1.1-develop.1",
+  "version": "24.2.0-develop.10",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -94,7 +94,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1780592763,
+      "publishDate": 1782305817,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -107,32 +107,32 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.1.1-develop.1",
-    "@progress/kendo-angular-common": "24.1.1-develop.1",
-    "@progress/kendo-angular-dateinputs": "24.1.1-develop.1",
-    "@progress/kendo-angular-layout": "24.1.1-develop.1",
-    "@progress/kendo-angular-navigation": "24.1.1-develop.1",
-    "@progress/kendo-angular-dropdowns": "24.1.1-develop.1",
-    "@progress/kendo-angular-excel-export": "24.1.1-develop.1",
-    "@progress/kendo-angular-icons": "24.1.1-develop.1",
-    "@progress/kendo-angular-indicators": "24.1.1-develop.1",
-    "@progress/kendo-angular-inputs": "24.1.1-develop.1",
-    "@progress/kendo-angular-conversational-ui": "24.1.1-develop.1",
-    "@progress/kendo-angular-intl": "24.1.1-develop.1",
-    "@progress/kendo-angular-l10n": "24.1.1-develop.1",
-    "@progress/kendo-angular-label": "24.1.1-develop.1",
-    "@progress/kendo-angular-menu": "24.1.1-develop.1",
-    "@progress/kendo-angular-pager": "24.1.1-develop.1",
-    "@progress/kendo-angular-pdf-export": "24.1.1-develop.1",
-    "@progress/kendo-angular-popup": "24.1.1-develop.1",
-    "@progress/kendo-angular-toolbar": "24.1.1-develop.1",
-    "@progress/kendo-angular-upload": "24.1.1-develop.1",
-    "@progress/kendo-angular-utils": "24.1.1-develop.1",
+    "@progress/kendo-angular-buttons": "24.2.0-develop.10",
+    "@progress/kendo-angular-common": "24.2.0-develop.10",
+    "@progress/kendo-angular-dateinputs": "24.2.0-develop.10",
+    "@progress/kendo-angular-layout": "24.2.0-develop.10",
+    "@progress/kendo-angular-navigation": "24.2.0-develop.10",
+    "@progress/kendo-angular-dropdowns": "24.2.0-develop.10",
+    "@progress/kendo-angular-excel-export": "24.2.0-develop.10",
+    "@progress/kendo-angular-icons": "24.2.0-develop.10",
+    "@progress/kendo-angular-indicators": "24.2.0-develop.10",
+    "@progress/kendo-angular-inputs": "24.2.0-develop.10",
+    "@progress/kendo-angular-conversational-ui": "24.2.0-develop.10",
+    "@progress/kendo-angular-intl": "24.2.0-develop.10",
+    "@progress/kendo-angular-l10n": "24.2.0-develop.10",
+    "@progress/kendo-angular-label": "24.2.0-develop.10",
+    "@progress/kendo-angular-menu": "24.2.0-develop.10",
+    "@progress/kendo-angular-pager": "24.2.0-develop.10",
+    "@progress/kendo-angular-pdf-export": "24.2.0-develop.10",
+    "@progress/kendo-angular-popup": "24.2.0-develop.10",
+    "@progress/kendo-angular-toolbar": "24.2.0-develop.10",
+    "@progress/kendo-angular-upload": "24.2.0-develop.10",
+    "@progress/kendo-angular-utils": "24.2.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.1.1-develop.1",
+    "@progress/kendo-angular-schematics": "24.2.0-develop.10",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0",
     "@progress/kendo-csv": "^1.0.0"

package/schematics/ngAdd/index.js

@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '24.1.1-develop.1',
-            '@progress/kendo-angular-navigation': '24.1.1-develop.1',
+            '@progress/kendo-angular-treeview': '24.2.0-develop.10',
+            '@progress/kendo-angular-navigation': '24.2.0-develop.10',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '24.1.1-develop.1',
+            '@progress/kendo-angular-dialog': '24.2.0-develop.10',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '24.1.1-develop.1',
+            '@progress/kendo-angular-progressbar': '24.2.0-develop.10',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '24.1.1-develop.1',
+            '@progress/kendo-angular-indicators': '24.2.0-develop.10',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '24.1.1-develop.1',
-            '@progress/kendo-angular-upload': '24.1.1-develop.1'
+            '@progress/kendo-angular-menu': '24.2.0-develop.10',
+            '@progress/kendo-angular-upload': '24.2.0-develop.10'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }