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

package/esm2022/filtering/cell/string-filter-cell.component.mjs

@@ -1,127 +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 { FilterService } from '../filter.service';
-import { StringFilterComponent } from "../string-filter.component";
-import { SizingOptionsService } from '../../layout/sizing-options.service';
-import { ContextService } from '../../common/provider.service';
-import { FormsModule } from '@angular/forms';
-import { FilterInputDirective } from '../filter-input.directive';
-import { FocusableDirective } from '../../navigation/focusable.directive';
-import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
-import { TextBoxComponent } from '@progress/kendo-angular-inputs';
-import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "../filter.service";
-import * as i2 from "../../common/provider.service";
-import * as i3 from "../../layout/sizing-options.service";
-import * as i4 from "@angular/forms";
-/**
- * Represents a filter cell component for filtering of string columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
- *
- * @example
- * ```html
- * <kendo-grid-column field="ProductName" title="Product Name">
- *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
- *     <kendo-grid-string-filter-cell
- *       [column]="column"
- *       [filter]="filter">
- *     </kendo-grid-string-filter-cell>
- *  </ng-template>
- * </kendo-grid-column>
- * ```
- * @remarks
- * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link ContainsFilterOperatorComponent}, {@link DoesNotContainFilterOperatorComponent}, {@link StartsWithFilterOperatorComponent}, {@link EndsWithFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}, {@link IsEmptyFilterOperatorComponent}, {@link IsNotEmptyFilterOperatorComponent}.
- */
-export class StringFilterCellComponent extends StringFilterComponent {
-    /**
-     * Sets the delay time in milliseconds before the filter value is submitted.
-     * A value of `0` means no delay.
-     * @type {number}
-     * @default 500
-     */
-    filterDelay = 500;
-    /**
-     * Determines if the drop-down filter operators are displayed.
-     * @type {boolean}
-     * @default true
-     */
-    showOperators = true;
-    /**
-     * The placeholder text for the filter input.
-     * @type {string}
-     */
-    placeholder;
-    subs;
-    constructor(filterService, ctx, sizingService) {
-        super(filterService, ctx);
-        this.subs = sizingService.changes.subscribe((size) => this.size = size);
-    }
-    ngOnDestroy() {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    }
-    /**
-     * @hidden
-     */
-    get columnLabel() {
-        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
-        const columnName = this.column.title || this.column.field;
-        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StringFilterCellComponent, isStandalone: true, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [operators]="operators"
-            [defaultOperator]="operator"
-            [showOperators]="showOperators">
-            <kendo-textbox
-                [size]="size"
-                kendoGridFocusable
-                kendoFilterInput
-                [columnLabel]="columnLabel"
-                [filterDelay]="filterDelay"
-                [placeholder]="placeholder"
-                [ngModel]="currentFilter?.value ?? null"
-            ></kendo-textbox>
-        </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StringFilterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-string-filter-cell',
-                    template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [operators]="operators"
-            [defaultOperator]="operator"
-            [showOperators]="showOperators">
-            <kendo-textbox
-                [size]="size"
-                kendoGridFocusable
-                kendoFilterInput
-                [columnLabel]="columnLabel"
-                [filterDelay]="filterDelay"
-                [placeholder]="placeholder"
-                [ngModel]="currentFilter?.value ?? null"
-            ></kendo-textbox>
-        </kendo-grid-filter-wrapper-cell>
-    `,
-                    standalone: true,
-                    imports: [FilterCellWrapperComponent, TextBoxComponent, FocusableDirective, FilterInputDirective, FormsModule]
-                }]
-        }], ctorParameters: () => [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }], propDecorators: { filterDelay: [{
-                type: Input
-            }], showOperators: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }] } });

package/esm2022/filtering/date-filter.component.mjs

@@ -1,172 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-// eslint-disable no-access-missing-member
-import { Component, Input } from '@angular/core';
-import { ColumnComponent } from '../columns/column.component';
-import { FilterService } from './filter.service';
-import { BaseFilterCellComponent, localizeOperators } from './base-filter-cell.component';
-import { isNullOrEmptyString, extractFormat } from "../utils";
-import { toJSON } from './operators/filter-operator.base';
-import { ContextService } from '../common/provider.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./filter.service";
-import * as i2 from "../common/provider.service";
-const dateOperators = localizeOperators({
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterAfterOrEqualOperator": "gte",
-    "filterAfterOperator": "gt",
-    "filterBeforeOrEqualOperator": "lte",
-    "filterBeforeOperator": "lt",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull"
-});
-/**
- * @hidden
- */
-export class DateFilterComponent extends BaseFilterCellComponent {
-    ctx;
-    /**
-     * Sets the column for this filter.
-     * @type {ColumnComponent}
-     */
-    column;
-    /**
-     * Sets the default filter operator.
-     * @type {string}
-     * @default 'gte'
-     */
-    operator = "gte";
-    /**
-     * Gets the current filter for the column field.
-     * @readonly
-     * @type {FilterDescriptor}
-     */
-    get currentFilter() {
-        return this.filterByField(this.column.field);
-    }
-    /**
-     * Sets the date format used when the component is not focused.
-     * Uses `column.format` if set.
-     */
-    set format(value) {
-        this._format = value;
-    }
-    /**
-     * Gets the date format used when the component is not focused.
-     * Uses `column.format` if set.
-     * @readonly
-     * @type {string}
-     */
-    get format() {
-        return !isNullOrEmptyString(this._format) ? this._format : this.columnFormat;
-    }
-    /**
-     * Sets the smallest valid date value.
-     * @type {Date}
-     */
-    min;
-    /**
-     * Sets the largest valid date value.
-     * @type {Date}
-     */
-    max;
-    /**
-     * Sets the descriptions for the format sections in the input field.
-     * [See example](slug:placeholders_datepicker#toc-format-sections-description).
-     */
-    formatPlaceholder;
-    /**
-     * Sets the hint shown when the value is `null`.
-     * [See example](slug:placeholders_datepicker#toc-text-hints).
-     */
-    placeholder;
-    /**
-     * Sets the active calendar view when the calendar opens.
-     * Set `activeView` within the `topView`-`bottomView` range.
-     * @default 'month'
-     */
-    activeView = "month";
-    /**
-     * Defines the lowest calendar view level the user can navigate to.
-     * @default 'month'
-     */
-    bottomView = "month";
-    /**
-     * Defines the highest calendar view level the user can navigate to.
-     * @default 'century'
-     */
-    topView = "century";
-    /**
-     * When `true`, shows a week number column in the `month` view.
-     * @default false
-     */
-    weekNumber = false;
-    /**
-     * Gets the current filter operator for the column field.
-     * @readonly
-     * @type {string}
-     */
-    get currentOperator() {
-        return this.currentFilter ? this.currentFilter.operator : this.operator;
-    }
-    get columnFormat() {
-        return this.column && !isNullOrEmptyString(this.column.format) ?
-            extractFormat(this.column.format) : "d";
-    }
-    _format;
-    subscription;
-    constructor(filterService, ctx) {
-        super(filterService);
-        this.ctx = ctx;
-        this.defaultOperators = dateOperators(this.ctx.localization);
-    }
-    ngOnInit() {
-        this.subscription = this.ctx.localization.changes.subscribe(this.localizationChange.bind(this));
-    }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        super.ngOnDestroy();
-    }
-    localizationChange() {
-        this.defaultOperators = dateOperators(this.ctx.localization);
-        if (this.operatorList.length) {
-            this.operators = toJSON(this.operatorList.toArray());
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DateFilterComponent, selector: "kendo-grid-date-filter-base", inputs: { column: "column", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-date-filter-base',
-                    template: ``
-                }]
-        }], ctorParameters: () => [{ type: i1.FilterService }, { type: i2.ContextService }], propDecorators: { column: [{
-                type: Input
-            }], operator: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], formatPlaceholder: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], activeView: [{
-                type: Input
-            }], bottomView: [{
-                type: Input
-            }], topView: [{
-                type: Input
-            }], weekNumber: [{
-                type: Input
-            }] } });

package/esm2022/filtering/filter-component.interface.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/filtering/filter-host.directive.mjs

@@ -1,58 +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 { Input, ViewContainerRef, Directive } from '@angular/core';
-import { ColumnComponent } from '../columns/column.component';
-import { anyChanged } from '../utils';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class FilterHostDirective {
-    host;
-    column;
-    filter;
-    component;
-    constructor(host) {
-        this.host = host;
-    }
-    ngOnInit() {
-        this.component = this.host.createComponent(this.componentType());
-        this.initComponent({
-            column: this.column,
-            filter: this.filter
-        });
-    }
-    ngOnDestroy() {
-        if (this.component) {
-            this.component.destroy();
-            this.component = null;
-        }
-    }
-    ngOnChanges(changes) {
-        if (anyChanged(["column", "filter"], changes)) {
-            this.initComponent({
-                column: this.column,
-                filter: this.filter
-            });
-        }
-    }
-    initComponent({ column, filter }) {
-        const instance = this.component.instance;
-        instance.column = column;
-        instance.filter = filter;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterHostDirective, selector: "[kendoGridFilterHostBase]", inputs: { column: "column", filter: "filter" }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterHostDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridFilterHostBase]'
-                }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { column: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }] } });

package/esm2022/filtering/filter-input-wrapper.component.mjs

@@ -1,119 +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 { Input, ContentChild, Directive } from "@angular/core";
-import { ColumnComponent } from "../columns/column.component";
-import { FilterInputDirective } from "./filter-input.directive";
-import { isPresent, isNullOrEmptyString, isBlank, isChanged } from "../utils";
-import { BaseFilterCellComponent } from "./base-filter-cell.component";
-import { FilterService } from "./filter.service";
-import * as i0 from "@angular/core";
-import * as i1 from "./filter.service";
-const EMPTY_VALUE_OPERATORS = new Set(['isnull', 'isnotnull', 'isempty', 'isnotempty']);
-const isEmptyValueOperator = (operator) => EMPTY_VALUE_OPERATORS.has(operator);
-/**
- * @hidden
- */
-export class FilterInputWrapperComponent extends BaseFilterCellComponent {
-    column;
-    input;
-    get currentFilter() {
-        return this.filterByField(this.column.field);
-    }
-    get currentOperator() {
-        const filter = this.currentFilter;
-        if (!this._operator) {
-            this._operator = filter ? filter.operator : this.defaultOperator;
-        }
-        return this._operator;
-    }
-    set currentOperator(value) {
-        this._operator = value;
-        const emptyValueOperator = isEmptyValueOperator(value);
-        this.filterInputDisabled = emptyValueOperator;
-        if (emptyValueOperator) {
-            this.applyNoValueFilter(value);
-        }
-        else if (!isBlank(value) && isPresent(this.currentFilter)) {
-            this.onChange(this.currentFilter.value);
-        }
-    }
-    get defaultOperator() {
-        if (!isNullOrEmptyString(this._defaultOperator)) {
-            return this._defaultOperator;
-        }
-        else if (this.operators && this.operators.length) {
-            return this.operators[0].value;
-        }
-        return "eq";
-    }
-    set defaultOperator(value) {
-        this._defaultOperator = value;
-    }
-    set filterInputDisabled(disabled) {
-        if (!this.input) {
-            return;
-        }
-        this.input.disabled = disabled;
-    }
-    _defaultOperator;
-    _operator;
-    changeSubscription;
-    constructor(filterService) {
-        super(filterService);
-    }
-    ngAfterContentInit() {
-        if (isPresent(this.input)) {
-            this.changeSubscription = this.input.change.subscribe(this.onChange.bind(this));
-            this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this.changeSubscription) {
-            this.changeSubscription.unsubscribe();
-        }
-    }
-    onChange(value) {
-        if (!isNullOrEmptyString(value) || this.filterByField(this.column.field)) {
-            this.filterChange(isNullOrEmptyString(value) ?
-                this.removeFilter(this.column.field) :
-                this.updateFilter({
-                    field: this.column.field,
-                    operator: this.currentOperator,
-                    value: value
-                }));
-        }
-    }
-    onClear() {
-        this.onChange(null);
-        this.filterInputDisabled = isEmptyValueOperator(this.defaultOperator);
-    }
-    applyNoValueFilter(operator) {
-        this.filterChange(this.updateFilter({
-            field: this.column.field,
-            operator: operator,
-            value: null
-        }));
-    }
-    ngOnChanges(changes) {
-        if (isChanged("filter", changes, false)) {
-            this._operator = null;
-            this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterInputWrapperComponent, inputs: { column: "column", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterInputWrapperComponent, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [{ type: i1.FilterService }], propDecorators: { column: [{
-                type: Input
-            }], input: [{
-                type: ContentChild,
-                args: [FilterInputDirective, { static: false }]
-            }], defaultOperator: [{
-                type: Input
-            }] } });

package/esm2022/filtering/filter-input.directive.mjs

@@ -1,123 +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, ElementRef, EventEmitter, Inject, Input, NgZone, Renderer2, Self, ContentChild } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { debounceTime, filter } from 'rxjs/operators';
-import { Subject } from 'rxjs';
-import { isChanged } from '../utils';
-import { isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class FilterInputDirective {
-    ngZone;
-    element;
-    renderer;
-    change = new EventEmitter();
-    composing = false;
-    kendoInput;
-    filterDelay = 500;
-    columnLabel;
-    set value(value) {
-        this.accessor.writeValue(value);
-    }
-    set disabled(value) {
-        this.accessor.setDisabledState(value);
-    }
-    accessor;
-    changeRequests = new Subject();
-    changeRequestsSubscription;
-    unsubscribeEvents;
-    constructor(valueAccessors, ngZone, element, renderer) {
-        this.ngZone = ngZone;
-        this.element = element;
-        this.renderer = renderer;
-        this.accessor = valueAccessors[0];
-        ngZone.runOutsideAngular(() => {
-            const unsubscribeStart = renderer.listen(element.nativeElement, 'compositionstart', () => this.composing = true);
-            const unsubscribeEnd = renderer.listen(element.nativeElement, 'compositionend', (event) => {
-                this.composing = false;
-                const value = event.target?.value;
-                this.filterDelay > 0 ?
-                    this.changeRequests.next(value) :
-                    this.change.emit(value);
-            });
-            this.unsubscribeEvents = () => {
-                unsubscribeStart();
-                unsubscribeEnd();
-            };
-        });
-    }
-    ngAfterViewInit() {
-        this.addAriaAttributes();
-        this.accessor.registerOnChange(x => this.filterDelay > 0 ?
-            this.changeRequests.next(x) :
-            this.change.emit(x));
-        this.subscribeChanges();
-    }
-    ngOnChanges(changes) {
-        if (isChanged('filterDelay', changes)) {
-            this.unsubscribeChanges();
-            this.subscribeChanges();
-        }
-    }
-    ngOnDestroy() {
-        this.unsubscribeChanges();
-        this.unsubscribeEvents();
-    }
-    subscribeChanges() {
-        this.changeRequestsSubscription = this.changeRequests
-            .pipe(debounceTime(this.filterDelay), filter(() => !this.composing))
-            .subscribe((x) => {
-            this.ngZone.run(() => {
-                this.change.emit(x);
-            });
-        });
-    }
-    unsubscribeChanges() {
-        if (this.changeRequestsSubscription) {
-            this.changeRequestsSubscription.unsubscribe();
-        }
-    }
-    addAriaAttributes() {
-        const ariaValue = this.columnLabel;
-        if (this.kendoInput && this.kendoInput.focusableId && isDocumentAvailable()) {
-            const focusableElement = this.element.nativeElement.querySelector(`#${this.kendoInput.focusableId}`) ||
-                this.element.nativeElement;
-            this.renderer.setAttribute(focusableElement, 'aria-label', ariaValue);
-        }
-        else {
-            const inputElement = this.element.nativeElement.querySelector('.k-input-inner');
-            const elementToSetLabel = inputElement ? inputElement : this.element.nativeElement;
-            if (ariaValue) {
-                this.renderer.setAttribute(elementToSetLabel, 'aria-label', ariaValue);
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoFilterInput]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Self
-                }, {
-                    type: Inject,
-                    args: [NG_VALUE_ACCESSOR]
-                }] }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { kendoInput: [{
-                type: ContentChild,
-                args: [KendoInput, { static: true }]
-            }], filterDelay: [{
-                type: Input
-            }], columnLabel: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }] } });