@progress/kendo-angular-grid
Version:
Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.
183 lines (182 loc) • 8.48 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 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 { ColumnComponent } from "../../columns/column.component";
import { FilterService } from '../filter.service';
import { replaceMessagePlaceholder } from '../../utils';
import { MenuTabbingService } from './menu-tabbing.service';
import { ContextService } from '../../common/provider.service';
import { FilterInputDirective } from '../filter-input.directive';
import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent } from '@progress/kendo-angular-inputs';
import * as i0 from "@angular/core";
import * as i1 from "../../common/provider.service";
/**
* @hidden
*/
export class NumericFilterMenuInputComponent {
ctx;
operators = [];
column;
filter;
operator;
currentFilter;
filterService;
filterDelay;
isFirstDropDown;
menuTabbingService;
/**
* Specifies the value which is used to increment or decrement the component value.
* @type {numeric}
*/
step = 1;
/**
* Specifies the smallest value that is valid.
* @type {number}
*/
min;
/**
* Specifies the greatest value that is valid.
* @type {number}
*/
max;
/**
* Specifies whether the **Up** and **Down** spin buttons will be rendered.
* @type {boolean}
*/
spinners = true;
/**
* Specifies the number precision tat is applied to the component value when it is focused.
* If the user enters a number with a greater precision than is currently configured, the component value is rounded.
*
* @type {number}
*/
decimals;
/**
* Specifies the number format that is used when the component is not focused.
* By default, the `column.format` value is used (if set).
*/
format;
/**
* The placeholder text for the filter input.
* @type {string}
*/
placeholder;
constructor(ctx) {
this.ctx = ctx;
}
messageFor(key) {
return this.ctx.localization.get(key);
}
/**
* @hidden
*/
get columnLabel() {
const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
const columnName = this.column ? this.column.title || this.column.field : '';
return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuInputComponent, isStandalone: true, selector: "kendo-grid-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", filterDelay: "filterDelay", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format", placeholder: "placeholder" }, 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]="filterDelay"
[autoCorrect]="true"
[value]="currentFilter?.value"
[format]="format"
[decimals]="decimals"
[spinners]="spinners"
[min]="min"
[max]="max"
[step]="step"
[placeholder]="placeholder">
<kendo-numerictextbox-messages
[increment]="messageFor('filterNumericIncrement')"
[decrement]="messageFor('filterNumericDecrement')"
></kendo-numerictextbox-messages>
</kendo-numerictextbox>
</kendo-grid-filter-menu-input-wrapper>
`, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: 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", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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]="filterDelay"
[autoCorrect]="true"
[value]="currentFilter?.value"
[format]="format"
[decimals]="decimals"
[spinners]="spinners"
[min]="min"
[max]="max"
[step]="step"
[placeholder]="placeholder">
<kendo-numerictextbox-messages
[increment]="messageFor('filterNumericIncrement')"
[decrement]="messageFor('filterNumericDecrement')"
></kendo-numerictextbox-messages>
</kendo-numerictextbox>
</kendo-grid-filter-menu-input-wrapper>
`,
standalone: true,
imports: [FilterMenuInputWrapperComponent, NumericTextBoxComponent, FilterInputDirective, NumericTextBoxCustomMessagesComponent]
}]
}], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { operators: [{
type: Input
}], column: [{
type: Input
}], filter: [{
type: Input
}], operator: [{
type: Input
}], currentFilter: [{
type: Input
}], filterService: [{
type: Input
}], filterDelay: [{
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
}], placeholder: [{
type: Input
}] } });