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

package/esm2022/rendering/common/cell-context.mjs

@@ -1,13 +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 { InjectionToken } from '@angular/core';
-/**
- * @hidden
- */
-export const CELL_CONTEXT = new InjectionToken('grid-cell-context');
-/**
- * @hidden
- */
-export const EMPTY_CELL_CONTEXT = {};

package/esm2022/rendering/common/col-group.component.mjs

@@ -1,98 +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 { Component, Input } from '@angular/core';
-import { DetailTemplateDirective } from '../details/detail-template.directive';
-import { ColumnBase } from "../../columns/column-base";
-import { columnsToRender } from '../../columns/column-common';
-import { isNullOrEmptyString, isTruthy } from '../../utils';
-import { ContextService } from '../../common/provider.service';
-import { isPresent } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/provider.service";
-/**
- * @hidden
- */
-export class ColGroupComponent {
-    ctx;
-    columns = [];
-    groups = [];
-    detailTemplate;
-    sort = new Array();
-    constructor(ctx) {
-        this.ctx = ctx;
-    }
-    getColumnWidth(column) {
-        const columnWidth = isPresent(column.width) ? `${column.width}px` : undefined;
-        return this.isStacked ? '100%' : columnWidth;
-    }
-    get columnsToRender() {
-        return this.isStacked ? [new ColumnBase()] : columnsToRender(this.columns);
-    }
-    get isStacked() {
-        return this.ctx.grid?.isStacked;
-    }
-    trackBy(index) {
-        return index;
-    }
-    isSorted(column) {
-        const state = this.sortDescriptor(column.field);
-        return this.isSortable(column) && (state.dir === 'asc' || state.dir === 'desc');
-    }
-    getColumnComponent(column) {
-        return column;
-    }
-    isSortable(column) {
-        return !isNullOrEmptyString(column.field) && isTruthy(column.sortable);
-    }
-    sortDescriptor(field) {
-        return this.sort.find(item => item.field === field) || { field };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColGroupComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ColGroupComponent, isStandalone: true, selector: "[kendoGridColGroup]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", sort: "sort" }, ngImport: i0, template: `
-    <ng-container>
-      @for (g of groups; track g) {
-        <col [class.k-group-col]="true" />
-      }
-      @if (detailTemplate?.templateRef && !isStacked) {
-        <col [class.k-hierarchy-col]="true"/>
-      }
-      @for (column of columnsToRender; track $index) {
-        <col
-          [style.width]="getColumnWidth(column)"
-          [class.k-sorted]="isSorted(getColumnComponent(column))"/>
-      }
-    </ng-container>
-    `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridColGroup]',
-                    template: `
-    <ng-container>
-      @for (g of groups; track g) {
-        <col [class.k-group-col]="true" />
-      }
-      @if (detailTemplate?.templateRef && !isStacked) {
-        <col [class.k-hierarchy-col]="true"/>
-      }
-      @for (column of columnsToRender; track $index) {
-        <col
-          [style.width]="getColumnWidth(column)"
-          [class.k-sorted]="isSorted(getColumnComponent(column))"/>
-      }
-    </ng-container>
-    `,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }], propDecorators: { columns: [{
-                type: Input
-            }], groups: [{
-                type: Input
-            }], detailTemplate: [{
-                type: Input
-            }], sort: [{
-                type: Input
-            }] } });

package/esm2022/rendering/common/dom-queries.mjs

@@ -1,162 +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 { isDocumentAvailable } from "@progress/kendo-angular-common";
-const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-const NODE_NAME_PREDICATES = {};
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-/**
- * @hidden
- */
-export const hasClasses = (element, classNames) => {
-    const namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
-};
-/**
- * @hidden
- */
-export const matchesClasses = (classNames) => (element) => hasClasses(element, classNames);
-/**
- * @hidden
- */
-export const matchesNodeName = (nodeName) => {
-    if (!NODE_NAME_PREDICATES[nodeName]) {
-        NODE_NAME_PREDICATES[nodeName] = (element) => String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
-    }
-    return NODE_NAME_PREDICATES[nodeName];
-};
-/**
- * @hidden
- */
-export const closest = (node, predicate) => {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-/**
- * @hidden
- */
-export const closestInScope = (node, predicate, scope) => {
-    while (node && node !== scope && !predicate(node)) {
-        node = node.parentNode;
-    }
-    if (node !== scope) {
-        return node;
-    }
-};
-/**
- * @hidden
- */
-export const contains = (parent, node, matchSelf = false) => {
-    const outside = !closest(node, (child) => child === parent);
-    if (outside) {
-        return false;
-    }
-    const el = closest(node, (child) => child === node);
-    return el && (matchSelf || el !== parent);
-};
-/**
- * @hidden
- */
-export const isVisible = (element) => {
-    if (!isDocumentAvailable()) {
-        return;
-    }
-    const rect = element.getBoundingClientRect();
-    const hasSize = rect.width > 0 && rect.height > 0;
-    const hasPosition = rect.x !== 0 && rect.y !== 0;
-    // Elements can have zero size due to styling, but they will still count as visible.
-    // For example, the selection checkbox has no size, but is made visible through styling.
-    return (hasSize || hasPosition) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-/**
- * @hidden
- */
-export const isFocusable = (element) => {
-    if (!element.tagName) {
-        return false;
-    }
-    const tagName = element.tagName.toLowerCase();
-    const hasTabIndex = Boolean(element.getAttribute('tabIndex'));
-    const focusable = !element.disabled && focusableRegex.test(tagName);
-    return focusable || hasTabIndex;
-};
-/**
- * @hidden
- */
-export const isFocusableWithTabKey = (element, checkVisibility = true) => {
-    if (!isFocusable(element)) {
-        return false;
-    }
-    const visible = !checkVisibility || isVisible(element);
-    const ariaHidden = element.getAttribute('aria-hidden') === 'true';
-    const tabIndex = element.getAttribute('tabIndex');
-    return visible && !ariaHidden && tabIndex !== '-1';
-};
-/**
- * @hidden
- */
-export const findElement = (node, predicate, matchSelf = true) => {
-    if (!node) {
-        return;
-    }
-    if (matchSelf && predicate(node)) {
-        return node;
-    }
-    node = node.firstChild;
-    while (node) {
-        if (node.nodeType === 1) {
-            const element = findElement(node, predicate);
-            if (element) {
-                return element;
-            }
-        }
-        node = node.nextSibling;
-    }
-};
-/**
- * @hidden
- */
-export const findLastElement = (node, predicate, matchSelf = true) => {
-    let last = null;
-    findElement(node, (node) => {
-        if (predicate(node)) {
-            last = node;
-        }
-        return false;
-    }, matchSelf);
-    return last;
-};
-/**
- * @hidden
- */
-export const findFocusable = (element, checkVisibility = true) => {
-    return findElement(element, (node) => isFocusableWithTabKey(node, checkVisibility));
-};
-/**
- * @hidden
- */
-export const findFocusableChild = (element, checkVisibility = true) => {
-    return findElement(element, (node) => isFocusableWithTabKey(node, checkVisibility), false);
-};
-/**
- * @hidden
- */
-export const findLastFocusableChild = (element, checkVisibility = true) => {
-    return findLastElement(element, (node) => isFocusableWithTabKey(node, checkVisibility), false);
-};
-/**
- * @hidden
- */
-export function rtlScrollPosition(position, element, initial) {
-    let result = position;
-    if (initial < 0) {
-        result = -position;
-    }
-    else if (initial > 0) {
-        result = element.scrollWidth - element.offsetWidth - position;
-    }
-    return result;
-}

package/esm2022/rendering/common/field-accessor.pipe.mjs

@@ -1,48 +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 { Pipe } from '@angular/core';
-import { getter } from '@progress/kendo-common';
-import { isString, isNullOrEmptyString } from '../../utils';
-import { IntlService } from '@progress/kendo-angular-intl';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-intl";
-const FORMAT_REGEX = /\{\d+:?/;
-/**
- * @hidden
- */
-export class FieldAccessorPipe {
-    intlService;
-    constructor(intlService) {
-        this.intlService = intlService;
-    }
-    transform(dataItem, fieldName, format) {
-        if (!isNullOrEmptyString(fieldName)) {
-            const value = getter(fieldName)(dataItem);
-            if (!isNullOrEmptyString(format)) {
-                return this.formatValue(format, value);
-            }
-            return value;
-        }
-        return dataItem;
-    }
-    formatValue(format, value) {
-        const intl = this.intlService;
-        if (isString(format) && FORMAT_REGEX.exec(format)) {
-            return intl.format(format, value);
-        }
-        return intl.toString(value, format);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldAccessorPipe, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FieldAccessorPipe, isStandalone: true, name: "valueOf", pure: false });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldAccessorPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/pipe-prefix
-                    name: 'valueOf',
-                    pure: false,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.IntlService }] });

package/esm2022/rendering/common/format.pipe.mjs

@@ -1,37 +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 { Pipe } from '@angular/core';
-import { isString } from '../../utils';
-import { IntlService } from '@progress/kendo-angular-intl';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-intl";
-const FORMAT_REGEX = /\{\d+:?/;
-/**
- * @hidden
- */
-export class FormatPipe {
-    intlService;
-    constructor(intlService) {
-        this.intlService = intlService;
-    }
-    transform(value, format) {
-        const intl = this.intlService;
-        if (isString(format) && FORMAT_REGEX.exec(format)) {
-            return intl.format(format, value);
-        }
-        return intl.toString(value, format);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormatPipe, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FormatPipe, isStandalone: true, name: "format", pure: false });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormatPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/pipe-prefix
-                    name: 'format',
-                    pure: false,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.IntlService }] });

package/esm2022/rendering/common/loading.component.mjs

@@ -1,60 +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 { Component, HostBinding, Input } from '@angular/core';
-import { ContextService } from '../../common/provider.service';
-import { LoadingTemplateDirective } from '../loading-template.directive';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/provider.service";
-/**
- * @hidden
- */
-export class LoadingComponent {
-    ctx;
-    hostClass = true;
-    loadingTemplate;
-    get loadingText() {
-        return this.ctx.localization.get('loading');
-    }
-    constructor(ctx) {
-        this.ctx = ctx;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadingComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LoadingComponent, isStandalone: true, selector: "[kendoGridLoading]", inputs: { loadingTemplate: "loadingTemplate" }, host: { properties: { "class.k-loading-mask": "this.hostClass" } }, ngImport: i0, template: `
-        @if (!loadingTemplate) {
-          <span class="k-loading-text">{{ loadingText }}</span>
-          <div class="k-loading-image"></div>
-          <div class="k-loading-color"></div>
-        }
-        @if (loadingTemplate) {
-          <ng-template [ngTemplateOutlet]="loadingTemplate?.templateRef">
-          </ng-template>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridLoading]',
-                    template: `
-        @if (!loadingTemplate) {
-          <span class="k-loading-text">{{ loadingText }}</span>
-          <div class="k-loading-image"></div>
-          <div class="k-loading-color"></div>
-        }
-        @if (loadingTemplate) {
-          <ng-template [ngTemplateOutlet]="loadingTemplate?.templateRef">
-          </ng-template>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-loading-mask']
-            }], loadingTemplate: [{
-                type: Input
-            }] } });

package/esm2022/rendering/common/row-args.mjs

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

package/esm2022/rendering/common/row-class.mjs

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

package/esm2022/rendering/common/spacer.component.mjs

@@ -1,62 +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 { Component, HostBinding, Input } from '@angular/core';
-import { isPresent } from '../../utils';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI GridSpacer component for Angular.
- * Used to give additional white space between the Pager inner elements,
- * and provides a way for customizing the spacer width.
- * It can also be used in any flex container within the Grid
- * ([see example](slug:toolbartemplate_grid#toc-defining-the-spacing-between-toolbar-elements)).
- *
- * @example
- * ```html
- * <kendo-grid [data]="data">
- *   <ng-template kendoGridToolbarTemplate>
- *     <kendo-grid-spacer></kendo-grid-spacer>
- *       <button type="button" kendoGridExcelCommand [svgIcon]="fileExcelIcon"> Export to Excel </button>
- *     <kendo-grid-spacer></kendo-grid-spacer>
- *   </ng-template>
- *   <kendo-grid-column field="ProductName" title="Product Name"></kendo-grid-column>
- * </kendo-grid>
- * ```
- */
-export class GridSpacerComponent {
-    hostClass = true;
-    get sizedClass() {
-        return isPresent(this.width);
-    }
-    get flexBasisStyle() {
-        return this.width;
-    }
-    /**
-     * Specifies the width of the GridSpacer.
-     * Accepts string values for the [CSS `flex-basis`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) property.
-     * If not set, the GridSpacer takes all available space.
-     */
-    width;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GridSpacerComponent, isStandalone: true, selector: "kendo-grid-spacer", inputs: { width: "width" }, host: { properties: { "class.k-spacer": "this.hostClass", "class.k-spacer-sized": "this.sizedClass", "style.flexBasis": "this.flexBasisStyle" } }, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridSpacerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-spacer',
-                    template: ``,
-                    standalone: true
-                }]
-        }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-spacer']
-            }], sizedClass: [{
-                type: HostBinding,
-                args: ['class.k-spacer-sized']
-            }], flexBasisStyle: [{
-                type: HostBinding,
-                args: ['style.flexBasis']
-            }], width: [{
-                type: Input
-            }] } });

package/esm2022/rendering/constants.mjs

@@ -1,20 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const NON_DATA_CELL_CLASSES = 'k-hierarchy-cell k-detail-cell k-group-cell';
-/**
- * @hidden
- */
-export const NON_DATA_ROW_CLASSES = 'k-grouping-row k-group-footer k-detail-row k-grid-norecords';
-/**
- * @hidden
- */
-export const IGNORE_TARGET_CLASSSES = 'k-icon k-svg-icon';
-/**
- * @hidden
- */
-export const IGNORE_CONTAINER_CLASSES = 'k-grid k-grid-ignore-click';

package/esm2022/rendering/details/detail-collapse-event.mjs

@@ -1,27 +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 { PreventableEvent } from '../../common/preventable-event';
-/**
- * Provides the arguments for the `detailCollapse` event.
- *
- * The event fires when a detail row collapses.
- */
-export class DetailCollapseEvent extends PreventableEvent {
-    /**
-     * The `dataItem` for the collapsed row.
-     */
-    dataItem;
-    /**
-     * The index of the collapsed row.
-     */
-    index;
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
-}

package/esm2022/rendering/details/detail-expand-event.mjs

@@ -1,27 +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 { PreventableEvent } from '../../common/preventable-event';
-/**
- * Provides the arguments for the `detailExpand` event.
- *
- * The event fires when a detail row expands.
- */
-export class DetailExpandEvent extends PreventableEvent {
-    /**
-     * Represents the `dataItem` for the expanded row.
-     */
-    dataItem;
-    /**
-     * Represents the index of the expanded row.
-     */
-    index;
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
-}

package/esm2022/rendering/details/detail-template.directive.mjs

@@ -1,61 +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, Input } from '@angular/core';
-import { GridConfigurationErrorMessages } from '../../common/error-messages';
-import * as i0 from "@angular/core";
-/**
- * Represents the detail template of the Grid ([more information and examples]({% slug detailrowtemplate_grid %})).
- * Nest an `<ng-template>` tag with the `kendoGridDetailTemplate` directive inside a `<kendo-grid>` tag to define the detail template.
- *
- * @example
- * ```html
- * <kendo-grid [data]="data" selectable="true" style="height: 160px">
- *    <kendo-grid-column field="ProductName"></kendo-grid-column>
- *    <ng-template kendoGridDetailTemplate let-dataItem>
- *       @if (dataItem.Category) {
- *         <div>
- *            <header>{{dataItem.Category?.CategoryName}}</header>
- *            <span>{{dataItem.Category?.Description}}</span>
- *         </div>
- *       }
- *    </ng-template>
- * </kendo-grid>
- * ```
- *
- */
-export class DetailTemplateDirective {
-    templateRef;
-    /**
-     * Sets a function to decide if the detail row and the **Expand** or **Collapse** button display for a data item.
-     * The function receives the data item and its index.
-     */
-    set showIf(fn) {
-        if (typeof fn !== 'function') {
-            throw new Error(GridConfigurationErrorMessages.functionType('showIf', fn));
-        }
-        this._condition = fn;
-    }
-    get showIf() {
-        return this._condition;
-    }
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    _condition = () => true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DetailTemplateDirective, isStandalone: true, selector: "[kendoGridDetailTemplate]", inputs: { showIf: ["kendoGridDetailTemplateShowIf", "showIf"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridDetailTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { showIf: [{
-                type: Input,
-                args: ["kendoGridDetailTemplateShowIf"]
-            }] } });