@progress/kendo-angular-grid 7.0.0-dev.202201251337 → 7.0.0-next.202204010834

package/esm2015/filtering/menu/filter-menu-host.directive.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from "@angular/core";
+import { FilterHostDirective } from "../filter-host.directive";
+import { isNullOrEmptyString, isPresent } from "../../utils";
+import { filterMenuComponentFactory } from "./filter-menu-component.factory";
+import { StringFilterMenuComponent } from "./string-filter-menu.component";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class FilterMenuHostDirective extends FilterHostDirective {
+    constructor(host, resolver) {
+        super(host, resolver);
+    }
+    componentType() {
+        if (isPresent(this.column) && !isNullOrEmptyString(this.column.filter)) {
+            return filterMenuComponentFactory(this.column.filter);
+        }
+        return StringFilterMenuComponent;
+    }
+    initComponent(ctx) {
+        super.initComponent(ctx);
+        this.component.instance.filterService = this.filterService;
+        this.component.instance.menuTabbingService = this.menuTabbingService;
+    }
+}
+FilterMenuHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+FilterMenuHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService", menuTabbingService: "menuTabbingService" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoFilterMenuHost]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { filterService: [{
+                type: Input
+            }], menuTabbingService: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/filter-menu-input-wrapper.component.js

@@ -0,0 +1,124 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, ViewChild } from '@angular/core';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
+import { replaceMessagePlaceholder } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-dropdowns";
+import * as i3 from "./filter-menu-dropdownlist.directive";
+/**
+ * @hidden
+ */
+export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
+    constructor(localizationService) {
+        super(null);
+        this.localizationService = localizationService;
+    }
+    /**
+     * @hidden
+     */
+    get hostClasses() {
+        return false;
+    }
+    ngAfterViewInit() {
+        if (this.isFirstDropDown && this.filterService && this.filterService.menuTabbingService) {
+            this.filterService.menuTabbingService.firstFocusable = this.firstOperatorDropDown;
+            this.firstOperatorDropDown.focus();
+        }
+    }
+    operatorChange(dataItem) {
+        this.currentOperator = dataItem;
+    }
+    filterChange(filter) {
+        this.applyFilter(filter);
+    }
+    /**
+     * The current filter for the associated column field.
+     * @readonly
+     * @type {FilterDescriptor}
+     */
+    get currentFilter() {
+        return this._currentFilter;
+    }
+    /**
+     * The current filter for the associated column field.
+     * @readonly
+     * @type {FilterDescriptor}
+     */
+    set currentFilter(value) {
+        this._currentFilter = value;
+    }
+    updateFilter(filter) {
+        Object.assign(this.currentFilter, filter);
+        return this.filter;
+    }
+    onChange(value) {
+        this.filterChange(this.updateFilter({
+            field: this.column.field,
+            operator: this.currentOperator,
+            value: value
+        }));
+    }
+    onShiftTab(e) {
+        e.stopImmediatePropagation();
+        if ((!this.menuTabbingService || !this.menuTabbingService.isColumnMenu) && this.isFirstDropDown && this.filterService.menuTabbingService.lastFocusable) {
+            e.preventDefault();
+            this.filterService.menuTabbingService.lastFocusable.focus();
+        }
+    }
+    get filterMenuDropDownLabel() {
+        const localizationMsg = this.localizationService.get('filterMenuOperatorsDropDownLabel') || '';
+        const columnName = this.column ? this.column.title || this.column.field : '';
+        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
+    }
+}
+FilterMenuInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FilterMenuInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: { filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", currentFilter: "currentFilter" }, viewQueries: [{ propertyName: "firstOperatorDropDown", first: true, predicate: DropDownListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <kendo-dropdownlist
+            kendoFilterMenuDropDown
+            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
+            [data]="operators"
+            (valueChange)="operatorChange($event)"
+            [value]="currentOperator"
+            [valuePrimitive]="true"
+            textField="text"
+            valueField="value"
+            (keydown.shift.tab)="onShiftTab($event)">
+        </kendo-dropdownlist>
+        <ng-content></ng-content>
+    `, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i3.FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuInputWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-filter-menu-input-wrapper',
+                    template: `
+        <kendo-dropdownlist
+            kendoFilterMenuDropDown
+            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
+            [data]="operators"
+            (valueChange)="operatorChange($event)"
+            [value]="currentOperator"
+            [valuePrimitive]="true"
+            textField="text"
+            valueField="value"
+            (keydown.shift.tab)="onShiftTab($event)">
+        </kendo-dropdownlist>
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { filterService: [{
+                type: Input
+            }], isFirstDropDown: [{
+                type: Input
+            }], menuTabbingService: [{
+                type: Input
+            }], firstOperatorDropDown: [{
+                type: ViewChild,
+                args: [DropDownListComponent, { static: false }]
+            }], currentFilter: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/filter-menu-template.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the filter-menu template
+ * ([see example]({% slug builtinfiltertemplate_grid %}#toc-customizing-filter-menus)).
+ */
+export class FilterMenuTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+FilterMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FilterMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuTemplateDirective, selector: "[kendoGridFilterMenuTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridFilterMenuTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/filtering/menu/filter-menu.component.js

@@ -0,0 +1,119 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
+import { filtersByField } from '../base-filter-cell.component';
+import { replaceMessagePlaceholder } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../filter.service";
+import * as i2 from "../../common/single-popup.service";
+import * as i3 from "@progress/kendo-angular-l10n";
+import * as i4 from "./../../navigation/navigation.service";
+import * as i5 from "./filter-menu-container.component";
+import * as i6 from "@angular/common";
+/**
+ * @hidden
+ */
+export class FilterMenuComponent {
+    constructor(filterService, popupService, localization, navigationService) {
+        this.filterService = filterService;
+        this.popupService = popupService;
+        this.localization = localization;
+        this.navigationService = navigationService;
+        this.tabIndex = '-1';
+    }
+    get hasFilters() {
+        return filtersByField(this.filter, (this.column || {}).field).length > 0;
+    }
+    /**
+     * @hidden
+     */
+    get filterLabel() {
+        const localizationMsg = this.localization.get('filterMenuTitle') || '';
+        const columnName = this.column.title || this.column.field;
+        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
+    }
+    toggle(anchor, template) {
+        this.popupRef = this.popupService.open(anchor, template, this.popupRef);
+        if (!this.popupRef) {
+            if (this.navigationService.enabled) {
+                this.navigationService.focusCell(0, this.column.leafIndex);
+            }
+            else {
+                this.anchor.nativeElement.focus();
+            }
+        }
+        return false;
+    }
+    close() {
+        this.popupService.destroy();
+        if (this.navigationService.enabled) {
+            this.navigationService.focusCell(0, this.column.leafIndex);
+        }
+        else {
+            this.anchor.nativeElement.focus();
+        }
+    }
+}
+FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.LocalizationService }, { token: i4.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
+        <a #anchor
+            [ngClass]="{'k-grid-filter':true, 'k-state-active': hasFilters}"
+            [tabindex]="tabIndex"
+            (click)="toggle(anchor, template)"
+            (keydown.enter)="$event.stopImmediatePropagation()"
+            href="#"
+            [attr.title]="filterLabel">
+            <span class="k-icon k-i-filter"></span>
+        </a>
+        <ng-template #template>
+            <kendo-grid-filter-menu-container
+                [column]="column"
+                [filter]="filter"
+                (close)="close()"
+                (keydown.escape)="close()"
+                (keydown.enter)="$event.stopImmediatePropagation()"
+                >
+            </kendo-grid-filter-menu-container>
+        </ng-template>
+    `, isInline: true, components: [{ type: i5.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-filter-menu',
+                    template: `
+        <a #anchor
+            [ngClass]="{'k-grid-filter':true, 'k-state-active': hasFilters}"
+            [tabindex]="tabIndex"
+            (click)="toggle(anchor, template)"
+            (keydown.enter)="$event.stopImmediatePropagation()"
+            href="#"
+            [attr.title]="filterLabel">
+            <span class="k-icon k-i-filter"></span>
+        </a>
+        <ng-template #template>
+            <kendo-grid-filter-menu-container
+                [column]="column"
+                [filter]="filter"
+                (close)="close()"
+                (keydown.escape)="close()"
+                (keydown.enter)="$event.stopImmediatePropagation()"
+                >
+            </kendo-grid-filter-menu-container>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.SinglePopupService }, { type: i3.LocalizationService }, { type: i4.NavigationService }]; }, propDecorators: { column: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], anchor: [{
+                type: ViewChild,
+                args: ['anchor', { static: true }]
+            }], template: [{
+                type: ViewChild,
+                args: ['template', { static: true, read: TemplateRef }]
+            }], tabIndex: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/filter-menu.module.js

@@ -0,0 +1,98 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { FilterMenuComponent } from "./filter-menu.component";
+import { FilterMenuContainerComponent } from "./filter-menu-container.component";
+import { FilterMenuInputWrapperComponent } from "./filter-menu-input-wrapper.component";
+import { StringFilterMenuInputComponent } from "./string-filter-menu-input.component";
+import { StringFilterMenuComponent } from './string-filter-menu.component';
+import { SharedFilterModule } from '../shared-filtering.module';
+import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
+import { NumericFilterMenuComponent } from './numeric-filter-menu.component';
+import { NumericFilterMenuInputComponent } from './numeric-filter-menu-input.component';
+import { FilterMenuHostDirective } from './filter-menu-host.directive';
+import { DateFilterMenuInputComponent } from './date-filter-menu-input.component';
+import { DateFilterMenuComponent } from './date-filter-menu.component';
+import { BooleanFilterMenuComponent } from './boolean-filter-menu.component';
+import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
+import { BooleanFilterRadioButtonDirective } from './filter-radio-button.directive';
+import * as i0 from "@angular/core";
+const INTERNAL_COMPONENTS = [
+    FilterMenuComponent,
+    FilterMenuContainerComponent,
+    FilterMenuInputWrapperComponent,
+    StringFilterMenuInputComponent,
+    StringFilterMenuComponent,
+    FilterMenuTemplateDirective,
+    NumericFilterMenuComponent,
+    NumericFilterMenuInputComponent,
+    DateFilterMenuInputComponent,
+    DateFilterMenuComponent,
+    FilterMenuHostDirective,
+    BooleanFilterMenuComponent,
+    FilterMenuDropDownListDirective,
+    BooleanFilterRadioButtonDirective
+];
+const ENTRY_COMPONENTS = [
+    StringFilterMenuComponent,
+    NumericFilterMenuComponent,
+    DateFilterMenuComponent,
+    BooleanFilterMenuComponent
+];
+/**
+ * @hidden
+ */
+export class FilterMenuModule {
+    static exports() {
+        return [
+            StringFilterMenuComponent,
+            FilterMenuTemplateDirective,
+            NumericFilterMenuComponent,
+            DateFilterMenuComponent,
+            BooleanFilterMenuComponent,
+            FilterMenuDropDownListDirective,
+            BooleanFilterRadioButtonDirective,
+            SharedFilterModule.exports()
+        ];
+    }
+}
+FilterMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FilterMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuModule, declarations: [FilterMenuComponent,
+        FilterMenuContainerComponent,
+        FilterMenuInputWrapperComponent,
+        StringFilterMenuInputComponent,
+        StringFilterMenuComponent,
+        FilterMenuTemplateDirective,
+        NumericFilterMenuComponent,
+        NumericFilterMenuInputComponent,
+        DateFilterMenuInputComponent,
+        DateFilterMenuComponent,
+        FilterMenuHostDirective,
+        BooleanFilterMenuComponent,
+        FilterMenuDropDownListDirective,
+        BooleanFilterRadioButtonDirective], imports: [SharedFilterModule], exports: [FilterMenuComponent,
+        FilterMenuContainerComponent,
+        FilterMenuInputWrapperComponent,
+        StringFilterMenuInputComponent,
+        StringFilterMenuComponent,
+        FilterMenuTemplateDirective,
+        NumericFilterMenuComponent,
+        NumericFilterMenuInputComponent,
+        DateFilterMenuInputComponent,
+        DateFilterMenuComponent,
+        FilterMenuHostDirective,
+        BooleanFilterMenuComponent,
+        FilterMenuDropDownListDirective,
+        BooleanFilterRadioButtonDirective, SharedFilterModule] });
+FilterMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuModule, imports: [[SharedFilterModule], SharedFilterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [INTERNAL_COMPONENTS],
+                    entryComponents: ENTRY_COMPONENTS,
+                    exports: [INTERNAL_COMPONENTS, SharedFilterModule],
+                    imports: [SharedFilterModule]
+                }]
+        }] });

package/esm2015/filtering/menu/filter-radio-button.directive.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class BooleanFilterRadioButtonDirective {
+    constructor(hostElement, renderer) {
+        this.hostElement = hostElement;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        this.radioButtonEl = this.hostElement.nativeElement;
+        this.renderer.setAttribute(this.hostElement.nativeElement, 'aria-label', this.columnLabel);
+    }
+}
+BooleanFilterRadioButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+BooleanFilterRadioButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: { columnLabel: "columnLabel" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterRadioButtonDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoFilterMenuRadioButton]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { columnLabel: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/menu-tabbing.service.js

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class MenuTabbingService {
+    constructor() {
+        this.isColumnMenu = false;
+        this.isPopupOpen = false;
+    }
+}
+MenuTabbingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuTabbingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MenuTabbingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuTabbingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuTabbingService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/filtering/menu/numeric-filter-menu-input.component.js

@@ -0,0 +1,140 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { replaceMessagePlaceholder } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./filter-menu-input-wrapper.component";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "../filter-input.directive";
+/**
+ * @hidden
+ */
+export class NumericFilterMenuInputComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this.operators = [];
+        /**
+         * Specifies the value which is used to increment or decrement the component value.
+         * @type {numeric}
+         */
+        this.step = 1;
+        /**
+         * Specifies whether the **Up** and **Down** spin buttons will be rendered.
+         * @type {boolean}
+         */
+        this.spinners = true;
+    }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+    /**
+     * @hidden
+     */
+    get columnLabel() {
+        const localizationMsg = this.localization.get('filterInputLabel') || '';
+        const columnName = this.column ? this.column.title || this.column.field : '';
+        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
+    }
+}
+NumericFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
+        <kendo-grid-filter-menu-input-wrapper
+            [column]="column"
+            [filter]="filter"
+            [operators]="operators"
+            [defaultOperator]="operator"
+            [currentFilter]="currentFilter"
+            [filterService]="filterService"
+            [isFirstDropDown]="isFirstDropDown"
+            [menuTabbingService]="menuTabbingService"
+        >
+            <kendo-numerictextbox
+                kendoFilterInput
+                [columnLabel]="columnLabel"
+                [filterDelay]="0"
+                [autoCorrect]="true"
+                [value]="currentFilter?.value"
+                [format]="format"
+                [decimals]="decimals"
+                [spinners]="spinners"
+                [min]="min"
+                [max]="max"
+                [step]="step"
+            >
+                <kendo-numerictextbox-messages
+                    [increment]="messageFor('filterNumericIncrement')"
+                    [decrement]="messageFor('filterNumericDecrement')"
+                >
+                </kendo-numerictextbox-messages>
+            </kendo-numerictextbox>
+        </kendo-grid-filter-menu-input-wrapper>
+    `, isInline: true, components: [{ type: i2.FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i3.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: i4.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterMenuInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-numeric-filter-menu-input',
+                    template: `
+        <kendo-grid-filter-menu-input-wrapper
+            [column]="column"
+            [filter]="filter"
+            [operators]="operators"
+            [defaultOperator]="operator"
+            [currentFilter]="currentFilter"
+            [filterService]="filterService"
+            [isFirstDropDown]="isFirstDropDown"
+            [menuTabbingService]="menuTabbingService"
+        >
+            <kendo-numerictextbox
+                kendoFilterInput
+                [columnLabel]="columnLabel"
+                [filterDelay]="0"
+                [autoCorrect]="true"
+                [value]="currentFilter?.value"
+                [format]="format"
+                [decimals]="decimals"
+                [spinners]="spinners"
+                [min]="min"
+                [max]="max"
+                [step]="step"
+            >
+                <kendo-numerictextbox-messages
+                    [increment]="messageFor('filterNumericIncrement')"
+                    [decrement]="messageFor('filterNumericDecrement')"
+                >
+                </kendo-numerictextbox-messages>
+            </kendo-numerictextbox>
+        </kendo-grid-filter-menu-input-wrapper>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { operators: [{
+                type: Input
+            }], column: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], operator: [{
+                type: Input
+            }], currentFilter: [{
+                type: Input
+            }], filterService: [{
+                type: Input
+            }], isFirstDropDown: [{
+                type: Input
+            }], menuTabbingService: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], spinners: [{
+                type: Input
+            }], decimals: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }] } });