@progress/kendo-angular-grid 21.4.1 → 22.0.0-develop.1

package/esm2022/rendering/groups-expand.directive.mjs

@@ -1,149 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, EventEmitter, Input, Output } from '@angular/core';
-import { GridComponent } from '../grid.component';
-import { Subscription, merge } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { isPresent } from '../utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
-const mapParentGroup = (parentGroup) => {
-    const parentGroupKeys = [];
-    while (parentGroup) {
-        parentGroupKeys.push({ field: parentGroup.group.field, value: parentGroup.group.value });
-        parentGroup = parentGroup.parentGroup;
-    }
-    return parentGroupKeys;
-};
-const DEFAULT_KEY_GETTER = (groupRowArgs) => ({
-    field: groupRowArgs.group.field,
-    value: groupRowArgs.group.value,
-    parentGroupKeys: mapParentGroup(groupRowArgs.parentGroup)
-});
-/**
- * Controls the expanded state of group rows in the Grid.
- * Use this directive to manage which group rows are expanded or collapsed
- * ([see example]({% slug groups_expanded_state_grid %}#toc-built-in-directive)).
- *
- * @example
- * ```typescript
- * <kendo-grid [kendoGridExpandGroupBy]="expandGroupBy" [expandedGroupKeys]="expandedGroupKeys"></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class ExpandGroupDirective {
-    grid;
-    /**
-     * Fires when the `expandedGroupKeys` collection changes.
-     */
-    expandedGroupKeysChange = new EventEmitter();
-    /**
-     * Sets the item format stored in the `expandedGroupKeys` collection.
-     * Accepts a property name or a function that returns a unique key for each group
-     * ([see example]({% slug groups_expanded_state_grid %}#toc-custom-group-key-format)).
-     */
-    get expandGroupBy() {
-        return this._expandGroupBy;
-    }
-    set expandGroupBy(key) {
-        if (typeof key === 'function') {
-            this._expandGroupBy = key;
-        }
-    }
-    /**
-     * Holds the collection of expanded group keys.
-     * Set this property to control which group rows are expanded.
-     */
-    get expandedGroupKeys() {
-        return this._expandedGroupKeys;
-    }
-    set expandedGroupKeys(expandedGroups) {
-        this._expandedGroupKeys = (expandedGroups || []).slice();
-    }
-    /**
-     * Specifies if group items are expanded by default.
-     * @default false
-     */
-    groupsInitiallyExpanded = false;
-    _expandGroupBy;
-    _expandedGroupKeys;
-    subscriptions = new Subscription();
-    constructor(grid) {
-        this.grid = grid;
-        this.grid.isGroupExpanded = this.isExpanded.bind(this);
-        this.subscriptions.add(merge(this.grid.groupExpand.pipe(map(e => ({ expand: true, ...e }))), this.grid.groupCollapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleState.bind(this)));
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    get keyGetter() {
-        return this.expandGroupBy || DEFAULT_KEY_GETTER;
-    }
-    /**
-     * @hidden
-     */
-    isExpanded(groupArgs) {
-        const itemIndex = this.getItemIndex(groupArgs);
-        return itemIndex > -1 ? !this.groupsInitiallyExpanded : this.groupsInitiallyExpanded;
-    }
-    getItemIndex(groupArgs) {
-        if (this.expandGroupBy) {
-            return this.expandedGroupKeys.indexOf(this.keyGetter(groupArgs));
-        }
-        return this.expandedGroupKeys.findIndex(item => {
-            let index = 0;
-            let parentGroup = groupArgs.parentGroup;
-            while (isPresent(parentGroup)) {
-                if (!isPresent(item.parentGroupKeys) || !isPresent(item.parentGroupKeys[index]) ||
-                    parentGroup.group.value !== item.parentGroupKeys[index].value ||
-                    parentGroup.group.field !== item.parentGroupKeys[index].field) {
-                    return false;
-                }
-                parentGroup = parentGroup.parentGroup;
-                index++;
-            }
-            return item.value === groupArgs.group.value && item.field === groupArgs.group.field;
-        });
-    }
-    toggleState(groupArgs) {
-        const key = this.keyGetter(groupArgs);
-        if (Boolean(this.groupsInitiallyExpanded) !== groupArgs.expand) {
-            this.expandedGroupKeys.push(key);
-        }
-        else {
-            const index = this.expandedGroupKeys.findIndex(group => {
-                if (this.expandGroupBy) {
-                    return group === key;
-                }
-                else if (key.parentGroupKeys?.length === 0) {
-                    return group.value === key.value;
-                }
-                return JSON.stringify(group) === JSON.stringify(key);
-            });
-            this.expandedGroupKeys.splice(index, 1);
-        }
-        this.expandedGroupKeysChange.emit(this.expandedGroupKeys.slice());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpandGroupDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ExpandGroupDirective, isStandalone: true, selector: "[kendoGridExpandGroupBy]", inputs: { expandGroupBy: ["kendoGridExpandGroupBy", "expandGroupBy"], expandedGroupKeys: "expandedGroupKeys", groupsInitiallyExpanded: "groupsInitiallyExpanded" }, outputs: { expandedGroupKeysChange: "expandedGroupKeysChange" }, exportAs: ["kendoGridExpandGroupBy"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpandGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridExpandGroupBy]',
-                    exportAs: 'kendoGridExpandGroupBy',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }], propDecorators: { expandedGroupKeysChange: [{
-                type: Output
-            }], expandGroupBy: [{
-                type: Input,
-                args: ['kendoGridExpandGroupBy']
-            }], expandedGroupKeys: [{
-                type: Input
-            }], groupsInitiallyExpanded: [{
-                type: Input
-            }] } });

package/esm2022/rendering/header/header-template.directive.mjs

@@ -1,45 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the column header cell template of the Grid
- * ([more information and example]({% slug templates_columns_grid %}#toc-header-template)).
- * Use this directive to customize the table header cell for a column.
- * To define a header template, nest an `<ng-template>` tag with the
- * `kendoGridHeaderTemplate` directive inside the `<kendo-grid-column>` tag.
- *
- * The template context is set to the current column. The following additional fields are available:
- * * `column`&mdash;An instance of the [`ColumnComponent`]({% slug api_grid_columncomponent %}) option.
- * * `columnIndex`&mdash;The current column index.
- *
- * @example
- * ```typescript
- * <kendo-grid>
- *   <kendo-grid-column field="ProductName" title="Product Name">
- *     <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
- *       Header for {{ column.field }} (index: {{ columnIndex }})
- *     </ng-template>
- *   </kendo-grid-column>
- * </kendo-grid>
- * ```
- */
-export class HeaderTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoGridHeaderTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridHeaderTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });