@progress/kendo-angular-grid 19.0.0-develop.8 → 19.0.0

package/state-management/undo-redo.stack.d.ts

@@ -0,0 +1,104 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ * Represents a node in the undo-redo linked list.
+ */
+export interface UndoRedoNode<T> {
+    /** The state data stored in the node */
+    state: T;
+    /** Reference to the previous node (the previous state) */
+    previous: UndoRedoNode<T> | null;
+    /** Reference to the next node (the next state) */
+    next: UndoRedoNode<T> | null;
+    /** Optional identifier for the node */
+    id?: string | number;
+}
+/**
+ * @hidden
+ * A linked-list based implementation of an undo-redo stack.
+ * Maintains a chain of states that can be navigated forward and backward.
+ */
+export declare class UndoRedoStack<T> {
+    private maxSize;
+    /** The current active node in the undo-redo history */
+    private currentNode;
+    /** The root node of the stack (first state) */
+    private rootNode;
+    /** Track the size of the stack */
+    private _size;
+    /**
+     * Creates a new UndoRedoStack.
+     * @param maxSize Optional maximum number of states to maintain (unlimited if not provided)
+     */
+    constructor(maxSize?: number);
+    /**
+     * Gets the current number of states in the stack
+     */
+    get size(): number;
+    /**
+     * Gets the current active state
+     */
+    get current(): T | null;
+    /**
+     * Checks if undo is available (if there's a previous state)
+     */
+    get canUndo(): boolean;
+    /**
+     * Checks if redo is available (if there's a next state)
+     */
+    get canRedo(): boolean;
+    /**
+     * Adds a new state to the undo-redo stack
+     * @param state The state to add
+     * @param id Optional identifier for the state
+     * @returns The newly created node
+     */
+    add(state: T, id?: string | number): UndoRedoNode<T>;
+    /**
+     * Finds a node by its identifier
+     * @param id The identifier to search for
+     * @returns The found node or null if not found
+     */
+    find(id: string | number): UndoRedoNode<T> | null;
+    /**
+     * Removes a node by its identifier
+     * @param id The identifier of the node to remove
+     * @returns True if the node was found and removed, false otherwise
+     */
+    remove(id: string | number): boolean;
+    /**
+     * Performs an undo operation, moving to the previous state
+     * @returns The previous state or null if can't undo
+     */
+    undo(): T | null;
+    /**
+     * Performs a redo operation, moving to the next state
+     * @returns The next state or null if can't redo
+     */
+    redo(): T | null;
+    /**
+     * Clears all history
+     */
+    clear(): void;
+    /**
+     * Removes all states after the specified node
+     * @param node The node to truncate from
+     * @returns The number of nodes removed
+     */
+    private truncateForward;
+    /**
+     * Ensures the stack doesn't exceed the maximum size by removing oldest nodes
+     */
+    private enforceMaxSize;
+    /**
+     * Gets all states in the stack as an array (from oldest to newest)
+     */
+    toArray(): T[];
+    /**
+     * Gets the history nodes as an array (useful for debugging)
+     */
+    getNodes(): UndoRedoNode<T>[];
+}

package/utils.d.ts

@@ -4,7 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { QueryList, InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ColumnBase, RowArgs } from '.';
+import { ColumnBase } from './columns/column-base';
+import { RowArgs } from './rendering/common/row-args';
+import { ColumnState } from './state-management/grid-state.models';
 export { isChanged, anyChanged, hasObservers } from '@progress/kendo-angular-common';
 /**
  * @hidden
@@ -77,10 +79,6 @@ export declare const iterator: any;
 export declare const requestAnimationFrame: any;
 /** @hidden */
 export declare const cancelAnimationFrame: any;
-/**
- * @hidden
- */
-export declare const detectIE: () => boolean;
 /**
  * @hidden
  */
@@ -93,6 +91,14 @@ export declare const replaceMessagePlaceholder: (message: string, name: string,
  * @hidden
  */
 export declare const recursiveFlatMap: (item: any) => any[];
+/**
+ * @hidden
+ */
+export declare const updateColumnFromState: (columnState: ColumnState, c: any) => void;
+/**
+ * @hidden
+ */
+export declare const recursiveColumnsFlatMap: (item: any) => any[];
 /**
  * @hidden
  */

package/esm2022/column-menu/column-chooser-tool.directive.mjs

@@ -1,172 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, NgZone, Input, Renderer2 } from '@angular/core';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { RefreshService, ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { ColumnListComponent } from './column-list.component';
-import { closest, isPresent } from '@progress/kendo-angular-common';
-import { Subscription } from 'rxjs';
-import { columnsIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../common/provider.service';
-import { filter, take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-popup";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../common/provider.service";
-let incrementingId = 0;
-/**
- * Represents the `column-chooser` toolbar tool of the Grid.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the Grid.
- *
- * @example
- * ```html-no-run
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button kendoGridColumnChooserTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- */
-export class ColumnChooserToolbarDirective {
-    renderer;
-    popupSerivce;
-    host;
-    ctx;
-    zone;
-    refresh;
-    /**
-     * Specifies if the changes in the visibility of the column will be immediately applied.
-     *
-     * @default false
-     */
-    autoSync = false;
-    /**
-     * Specifies if all columns can be hidden.
-     *
-     * @default true
-     */
-    allowHideAll = true;
-    popupRef;
-    subs = new Subscription();
-    nextId = incrementingId++;
-    constructor(renderer, popupSerivce, host, ctx, zone, refresh) {
-        this.renderer = renderer;
-        this.popupSerivce = popupSerivce;
-        this.host = host;
-        this.ctx = ctx;
-        this.zone = zone;
-        this.refresh = refresh;
-    }
-    ngOnInit() {
-        this.subs.add(this.host.click.subscribe(e => this.onClick(e)));
-        const hasToolbarIcon = isPresent(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
-        const hasOverflowIcon = isPresent(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
-        const hasIcon = hasToolbarIcon && hasOverflowIcon;
-        const hasSvgIcon = isPresent(this.host.toolbarOptions.svgIcon) && isPresent(this.host.overflowOptions.svgIcon);
-        if (!hasIcon) {
-            this.host.icon = 'columns';
-        }
-        if (!hasSvgIcon) {
-            this.host.svgIcon = columnsIcon;
-        }
-    }
-    ngAfterViewInit() {
-        const hasText = isPresent(this.host.text);
-        if (!hasText) {
-            this.zone.onStable.pipe(take(1)).subscribe(() => {
-                this.host.text = this.ctx.localization.get(`columns`);
-            });
-        }
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('columns'));
-        this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
-            if (tool.overflows && this.popupRef) {
-                this.popupRef.close();
-            }
-        }));
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (!this.popupRef) {
-            if (!this.host.overflows) {
-                const direction = this.ctx.localization.rtl ? 'right' : 'left';
-                this.popupRef = this.popupSerivce.open({
-                    anchor: this.host.toolbarButtonElement,
-                    content: ColumnListComponent,
-                    positionMode: 'absolute',
-                    anchorAlign: { vertical: 'bottom', horizontal: direction },
-                    popupAlign: { vertical: 'top', horizontal: direction }
-                });
-                const popupElement = this.popupRef.popupElement;
-                const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
-                const popupAriaElement = popupElement.querySelector('.k-popup');
-                this.zone.runOutsideAngular(() => {
-                    this.renderer.listen(popupAriaElement, 'keydown', (e) => {
-                        if (e.key === 'Escape') {
-                            this.closePopup(true);
-                        }
-                    });
-                });
-                this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
-                this.renderer.setAttribute(popupAriaElement, 'id', popupId);
-                this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-                this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-                this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
-                const columnList = this.popupRef.content.instance;
-                columnList.isLast = true;
-                columnList.autoSync = this.autoSync;
-                columnList.allowHideAll = this.allowHideAll;
-                columnList.applyText = this.ctx.localization.get('columnsApply');
-                columnList.resetText = this.ctx.localization.get('columnsReset');
-                columnList.columns = this.ctx.grid.columns;
-                columnList.ariaLabel = this.ctx.localization.get('columns');
-                this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
-                    this.closePopup(true);
-                }));
-                this.subs.add(columnList.apply.subscribe(() => {
-                    this.closePopup();
-                }));
-                this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
-                    if (this.popupRef && !closest(target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
-                        this.zone.run(() => {
-                            this.closePopup();
-                        });
-                    }
-                }));
-            }
-        }
-        else {
-            this.closePopup();
-        }
-    }
-    closePopup(focusAnchor = false) {
-        this.popupRef.close();
-        this.popupRef = null;
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
-        focusAnchor && this.host.toolbarButtonElement.nativeElement.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridColumnChooserTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.PopupService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i2.RefreshService }]; }, propDecorators: { autoSync: [{
-                type: Input
-            }], allowHideAll: [{
-                type: Input
-            }] } });