@progress/kendo-angular-grid 19.0.0-develop.17 → 19.0.0-develop.18

package/adaptiveness/adaptive-mode.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the adaptive rendering of the component.
+ *
+ * The supported values are:
+ * * `none`—(default)
+ * * `auto`
+ */
+export type AdaptiveMode = 'none' | 'auto';

package/adaptiveness/adaptive-renderer.component.d.ts

@@ -0,0 +1,84 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ViewContainerRef } from '@angular/core';
+import { AdaptiveGridService } from '../common/adaptiveness.service';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { FilterMenuContainerComponent } from '../filtering/menu/filter-menu-container.component';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { FilterService } from '../filtering/filter.service';
+import { ColumnMenuService } from '../column-menu/column-menu.service';
+import { ColumnListComponent } from '../column-menu/column-list.component';
+import { ContextService } from '../common/provider.service';
+import { AdaptiveService } from '@progress/kendo-angular-utils';
+import { SortService } from '../common/sort.service';
+import { ColumnComponent } from '../columns/column.component';
+import { ColumnInfoService } from '../common/column-info.service';
+import { ColumnBase } from '../columns/column-base';
+import { SortDescriptor } from '@progress/kendo-data-query';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class AdaptiveRendererComponent {
+    service: ColumnMenuService;
+    adaptiveGridService: AdaptiveGridService;
+    private filterService;
+    ctx: ContextService;
+    adaptiveService: AdaptiveService;
+    private sortService;
+    private columnInfoService;
+    xIcon: SVGIcon;
+    checkIcon: SVGIcon;
+    filterIcon: SVGIcon;
+    arrowRotateCcwIcon: SVGIcon;
+    chevronLeft: SVGIcon;
+    filterClearIcon: SVGIcon;
+    cancelIcon: SVGIcon;
+    saveIcon: SVGIcon;
+    columns: Array<ColumnBase>;
+    actionsClass: string;
+    externalEditingSettings: any;
+    get hasSort(): boolean;
+    get hasColumnChooser(): boolean;
+    get hasFilter(): boolean;
+    get hasAutoSizeColumn(): boolean;
+    get hasAutoSizeAllColumns(): boolean;
+    get hasLock(): boolean;
+    get hasStick(): boolean;
+    get hasPosition(): boolean;
+    getColumnComponent(column: ColumnBase): ColumnComponent;
+    get hasTitle(): boolean;
+    get hasSubtitle(): boolean;
+    get actionSheetTitle(): string;
+    get adaptiveFilterTitle(): string;
+    get columnMenuTitle(): string;
+    get filterLabel(): string;
+    columnList: ColumnListComponent;
+    filterToolbarToolTemplate: ViewContainerRef;
+    filterMenuContainer: FilterMenuContainerComponent;
+    actionSheet: ActionSheetComponent;
+    private adaptiveSizeChangeSubscription;
+    constructor(service: ColumnMenuService, adaptiveGridService: AdaptiveGridService, filterService: FilterService, ctx: ContextService, adaptiveService: AdaptiveService, sortService: SortService, columnInfoService: ColumnInfoService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    messageFor: (token: string) => string;
+    close(): void;
+    prevView(): void;
+    clearFilters(): void;
+    navigateToColumnsView(): void;
+    navigateToFilterView(): void;
+    navigateToPositionView(): void;
+    applyChanges(): void;
+    sortBy(column: ColumnBase): void;
+    toggleSort(column: ColumnBase): void;
+    getDescriptor(column: ColumnBase): SortDescriptor[];
+    clearSorting(): void;
+    onAnimationEnd(): void;
+    cancelChanges(): void;
+    onTab(event: KeyboardEvent): void;
+    saveEditing(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdaptiveRendererComponent, "kendo-grid-adaptive-renderer", never, {}, {}, never, never, true, never>;
+}

package/column-menu/column-chooser.component.d.ts

@@ -53,6 +53,10 @@ export declare class ColumnChooserComponent implements OnDestroy {
     private escapeListener;
     constructor(ctx: ContextService, columnInfoService: ColumnInfoService, popupService: PopupService, ngZone: NgZone, renderer: Renderer2, changeDetector: ChangeDetectorRef);
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    messageFor: (token: string) => string;
     /**
      * @hidden
      */

package/column-menu/column-list.component.d.ts

@@ -5,6 +5,8 @@
 import { ElementRef, NgZone, Renderer2, EventEmitter, OnInit, OnDestroy, SimpleChanges } from '@angular/core';
 import { ColumnMenuService } from './column-menu.service';
 import { ColumnListKeyboardNavigation } from './column-list-kb-nav.service';
+import { ContextService } from '../common/provider.service';
+import { AdaptiveGridService } from '../common/adaptiveness.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -14,14 +16,18 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private ngZone;
     private renderer;
     private listNavigationService;
+    private adaptiveGridService;
+    private ctx;
     checkIcon: import("@progress/kendo-svg-icons").SVGIcon;
     arrowRotateCcwIcon: import("@progress/kendo-svg-icons").SVGIcon;
     className: boolean;
+    listSize: boolean;
     reset: EventEmitter<any>;
     apply: EventEmitter<any>;
     columnChange: EventEmitter<any>;
     set columns(value: any[]);
     get columns(): any[];
+    showActions: boolean;
     autoSync: boolean;
     ariaLabel: string;
     allowHideAll: boolean;
@@ -43,7 +49,7 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private _columns;
     private allColumns;
     private domSubscriptions;
-    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, listNavigationService: ColumnListKeyboardNavigation);
+    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, listNavigationService: ColumnListKeyboardNavigation, adaptiveGridService: AdaptiveGridService, ctx: ContextService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -57,6 +63,6 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private updateColumnState;
     private setDisabledState;
     private handleCheckBoxClick;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnListComponent, "kendo-grid-columnlist", never, { "columns": { "alias": "columns"; "required": false; }; "autoSync": { "alias": "autoSync"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; "resetText": { "alias": "resetText"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "reset": "reset"; "apply": "apply"; "columnChange": "columnChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnListComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnListComponent, "kendo-grid-columnlist", never, { "columns": { "alias": "columns"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "autoSync": { "alias": "autoSync"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; "resetText": { "alias": "resetText"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "reset": "reset"; "apply": "apply"; "columnChange": "columnChange"; }, never, never, true, never>;
 }

package/column-menu/column-menu-item.component.d.ts

@@ -6,6 +6,10 @@ import { EventEmitter, OnChanges, AfterViewInit, NgZone } from '@angular/core';
 import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnMenuService } from './column-menu.service';
+import { ContextService } from '../common/provider.service';
+import { AdaptiveGridService } from '../common/adaptiveness.service';
+import { ColumnComponent } from '../columns/column.component';
+import { SortDescriptor } from '@progress/kendo-data-query';
 import * as i0 from "@angular/core";
 /**
  * Represents an item that can be placed inside a
@@ -22,6 +26,16 @@ import * as i0 from "@angular/core";
  */
 export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges {
     private ngZone;
+    ctx: ContextService;
+    adaptiveGridService: AdaptiveGridService;
+    /**
+     * @hidden
+     */
+    sortAscSmallIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    sortDescSmallIcon: SVGIcon;
     /**
      * Fires when the item is clicked.
      */
@@ -64,21 +78,43 @@ export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges
      * Required to include the item in the column menu keyboard navigation sequence.
      */
     service: ColumnMenuService;
+    /**
+     * @hidden
+     */
+    column: ColumnComponent;
     contentTemplate: ColumnMenuItemContentTemplateDirective;
     contentState: string;
     contentId: string;
     chevronUpIcon: SVGIcon;
     chevronDownIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
+    filterIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    get hasFilters(): boolean;
     get expandedIcon(): string;
     get expandedSvgIcon(): SVGIcon;
-    constructor(ngZone: NgZone);
+    constructor(ngZone: NgZone, ctx: ContextService, adaptiveGridService: AdaptiveGridService);
     ngAfterViewInit(): void;
     ngOnChanges(changes: any): void;
+    /**
+     * @hidden
+     */
+    sortDescriptor(field: string): SortDescriptor;
+    /**
+     * @hidden
+     */
+    showSortNumbering(column: ColumnComponent): boolean;
+    /**
+     * @hidden
+     */
+    sortOrder(field: string): number;
     /**
      * @hidden
      */
     onClick(e: any): void;
     private updateContentState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
 }

package/column-menu/column-menu-item.directive.d.ts

@@ -2,12 +2,15 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone, Renderer2 } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, Renderer2 } from '@angular/core';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 export declare class ColumnMenuItemDirective {
     hostElement: ElementRef;
     private renderer;
     private ngZone;
+    private cdr;
+    private ctx;
     /**
      * The reference to the Grid column menu item. Required to include the item in the built-in keyboard navigation.
      */
@@ -34,7 +37,7 @@ export declare class ColumnMenuItemDirective {
     private _isLast;
     private columnMenuItems;
     private subs;
-    constructor(hostElement: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    constructor(hostElement: ElementRef, renderer: Renderer2, ngZone: NgZone, cdr: ChangeDetectorRef, ctx: ContextService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private onTab;

package/column-menu/column-menu.component.d.ts

@@ -12,6 +12,7 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { TabStripComponent } from '@progress/kendo-angular-layout';
 import { ColumnInfoService } from '../common/column-info.service';
 import { IdService } from '../common/id.service';
+import { AdaptiveGridService } from '../common/adaptiveness.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the [column menu](slug:columnmenu_grid#toc-customizing-the-position) component.
@@ -34,6 +35,7 @@ export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, On
     private cdr;
     private columnInfoService;
     private idService;
+    adaptiveGridService: AdaptiveGridService;
     /**
      * @hidden
      */
@@ -109,7 +111,7 @@ export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, On
     popupRef: any;
     private closeSubscription;
     private popupSubs;
-    constructor(navigationService: NavigationService, popupService: SinglePopupService, service: ColumnMenuService, ctx: ContextService, renderer: Renderer2, cdr: ChangeDetectorRef, columnInfoService: ColumnInfoService, idService: IdService);
+    constructor(navigationService: NavigationService, popupService: SinglePopupService, service: ColumnMenuService, ctx: ContextService, renderer: Renderer2, cdr: ChangeDetectorRef, columnInfoService: ColumnInfoService, idService: IdService, adaptiveGridService: AdaptiveGridService);
     /**
      * @hidden
      */
@@ -176,6 +178,6 @@ export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, On
     private getExpandedState;
     private updateAria;
     private focusRoot;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuComponent, [null, null, null, null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuComponent, "kendo-grid-column-menu", never, { "standalone": { "alias": "standalone"; "required": false; }; "column": { "alias": "column"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "columnMenuTemplate": { "alias": "columnMenuTemplate"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, true, never>;
 }

package/common/adaptiveness.service.d.ts

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentRef } from "@angular/core";
+import { Observable } from "rxjs";
+import { AdaptiveService, AdaptiveSize } from "@progress/kendo-angular-utils";
+import { PopupRef } from "@progress/kendo-angular-popup";
+import { DialogRef } from "@progress/kendo-angular-dialog";
+import { ColumnComponent } from "../columns/column.component";
+import { ContextService } from "./provider.service";
+import { FilterMenuContainerComponent } from "../filtering/menu/filter-menu-container.component";
+import { ColumnMenuService } from "../column-menu/column-menu.service";
+import * as i0 from "@angular/core";
+type AdaptiveView = 'columnMenu' | 'filterMenu' | 'sortToolbarTool' | 'filterToolbarTool' | 'columnChooserToolbarTool' | 'externalEditing';
+type SecondaryView = 'columnChooser' | 'columnPosition' | 'columnFilter';
+/**
+ * @hidden
+ *
+ * The AdaptiveGridService is used to provide common information for the ActionSheet used in adaptive mode.
+ */
+export declare class AdaptiveGridService {
+    private ctx;
+    private adaptiveService;
+    /**
+     * Observable that emits when the ActionSheet's views change animation ends.
+     */
+    get animationEnd(): Observable<void>;
+    columnMenuService: ColumnMenuService;
+    columns: ColumnComponent[];
+    secondaryView: SecondaryView;
+    viewType: AdaptiveView;
+    popupRef: PopupRef | DialogRef;
+    column: ColumnComponent;
+    filterMenuContainer: FilterMenuContainerComponent;
+    filterMenuContainerComponentRef: ComponentRef<FilterMenuContainerComponent>;
+    private animationEndSubject;
+    constructor(ctx: ContextService, adaptiveService: AdaptiveService);
+    submitFilter(): void;
+    resetFilter(): void;
+    reset(): void;
+    /**
+     * Emits an event to notify that the animation has ended.
+     */
+    notifyAnimationEnd(): void;
+    get windowSize(): AdaptiveSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveGridService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AdaptiveGridService>;
+}
+export {};

package/common/single-popup.service.d.ts

@@ -8,6 +8,7 @@ import { PreventableEvent } from './preventable-event';
 import { Subject } from 'rxjs';
 import { ScrollSyncService } from '../scrolling/scroll-sync.service';
 import { ContextService } from './provider.service';
+import { AdaptiveGridService } from './adaptiveness.service';
 import * as i0 from "@angular/core";
 /**
  * Arguments for the `close` event of the filter and column-menu popup.
@@ -28,6 +29,7 @@ export declare class SinglePopupService implements OnDestroy {
     private renderer;
     private ngZone;
     private ctx;
+    private adaptiveGridService;
     /**
      * Fires when the filter or column menus are about to close because the user clicked outside their popups.
      * Used to prevent the popup from closing.
@@ -41,7 +43,7 @@ export declare class SinglePopupService implements OnDestroy {
     /**
      * @hidden
      */
-    constructor(popupService: PopupService, renderer: Renderer2, ngZone: NgZone, scrollSyncService: ScrollSyncService, ctx: ContextService);
+    constructor(popupService: PopupService, renderer: Renderer2, ngZone: NgZone, scrollSyncService: ScrollSyncService, ctx: ContextService, adaptiveGridService: AdaptiveGridService);
     /**
      * @hidden
      */

package/directives.d.ts

@@ -68,7 +68,7 @@ import { StringFilterCellComponent } from "./filtering/cell/string-filter-cell.c
 import { FilterRowComponent } from "./filtering/filter-row.component";
 import { ColumnMenuChooserItemCheckedDirective } from "./column-menu/column-chooser-item-checked.directive";
 import { ColumnChooserComponent } from "./column-menu/column-chooser.component";
-import { ColumnChooserToolbarDirective } from "./column-menu/column-chooser-tool.directive";
+import { ColumnChooserToolbarDirective } from "./rendering/toolbar/tools/column-chooser-tool.directive";
 import { ColumnListComponent } from "./column-menu/column-list.component";
 import { ColumnMenuAutoSizeAllColumnsComponent } from "./column-menu/column-menu-autosize-all.component";
 import { ColumnMenuAutoSizeColumnComponent } from "./column-menu/column-menu-autosize.component";

package/editing-directives/external-editing.directive.d.ts

@@ -9,6 +9,7 @@ import { EditingDirectiveBase } from './editing-directive-base';
 import { FormDialogSettings, FormSettings } from '../editing/form';
 import { FormGroup } from '@angular/forms';
 import { EditEvent } from '../editing/edit-event-args.interface';
+import { AdaptiveGridService } from '../common/adaptiveness.service';
 import * as i0 from "@angular/core";
 /**
  * A directive which encapsulates the editing operations of the Grid when using the
@@ -17,6 +18,7 @@ import * as i0 from "@angular/core";
 export declare class ExternalEditingDirective extends EditingDirectiveBase {
     protected grid: GridComponent;
     protected localDataChangesService: LocalDataChangesService;
+    private adaptiveGridService;
     /**
      * The function that creates the `FormGroup` for the edited model.
      */
@@ -29,7 +31,7 @@ export declare class ExternalEditingDirective extends EditingDirectiveBase {
      * Allows you to customize the Dialog that contains the edit form.
      */
     dialogSettings: FormDialogSettings;
-    constructor(grid: GridComponent, localDataChangesService: LocalDataChangesService);
+    constructor(grid: GridComponent, localDataChangesService: LocalDataChangesService, adaptiveGridService: AdaptiveGridService);
     ngOnInit(): void;
     /**
      * @hidden

package/esm2022/adaptiveness/adaptive-mode.mjs

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