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

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

@@ -1,198 +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 { MenuTabbingService } from './menu-tabbing.service';
-import { Component, Input, HostBinding } from '@angular/core';
-import { StringFilterComponent } from '../string-filter.component';
-import { FilterService } from '../filter.service';
-import { setFilter, logicOperators } from '../base-filter-cell.component';
-import { ContextService } from '../../common/provider.service';
-import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
-import { StringFilterMenuInputComponent } from './string-filter-menu-input.component';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/provider.service";
-/**
- * Represents a string-filter menu component.
- * Use this component to filter string values in the Grid.
- * [See example](slug:filter_menu#toc-built-in-filter-menu-components).
- *
- * @example
- * ```html
- * <kendo-grid-column field="ProductName">
- *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
- *     <kendo-grid-string-filter-menu
- *       [column]="column"
- *       [filter]="filter"
- *       [filterService]="filterService">
- *     </kendo-grid-string-filter-menu>
- *   </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 StringFilterMenuComponent extends StringFilterComponent {
-    ctx;
-    logicOperators = [];
-    /**
-     * @hidden
-     */
-    get hostClasses() {
-        return false;
-    }
-    /**
-     * The current menu filter.
-     * @type {CompositeFilterDescriptor}
-     */
-    filter = { filters: [], logic: "and" };
-    /**
-     * Determines if the inputs for the second criteria are displayed.
-     * @default true
-     */
-    extra = true;
-    /**
-     * Sets to `FilterService` instance that handles changes in the filter descriptor.
-     */
-    filterService;
-    /**
-     * The placeholder text for the filter input.
-     * @type {string}
-     */
-    placeholder;
-    /**
-     * Sets the placeholder text for the second filter input.
-     * Applies when `extra` is set to `true`.
-     * @type {string}
-     */
-    extraPlaceholder;
-    /**
-     * @hidden
-     */
-    menuTabbingService;
-    constructor(ctx) {
-        super(null, ctx);
-        this.ctx = ctx;
-        this.logicOperators = logicOperators(this.ctx.localization);
-    }
-    get firstFilter() {
-        return setFilter(0, this.filter, (this.column || {}).field, this.operator);
-    }
-    get secondFilter() {
-        return setFilter(1, this.filter, (this.column || {}).field, this.operator);
-    }
-    logicChange(value) {
-        this.filter.logic = value;
-    }
-    get filterMenuDropDownLabel() {
-        const localizationMsg = this.ctx.localization.get('filterMenuLogicDropDownLabel') || '';
-        const columnName = this.column ? this.column.title || this.column.field : '';
-        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
-    }
-    localizationChange() {
-        this.logicOperators = logicOperators(this.ctx.localization);
-        super.localizationChange();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StringFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StringFilterMenuComponent, isStandalone: true, selector: "kendo-grid-string-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-string-filter-menu-input
-          [currentFilter]="firstFilter"
-          [operators]="operators"
-          [filterService]="filterService"
-          [column]="column"
-          [filter]="filter"
-          [isFirstDropDown]="true"
-          [placeholder]="placeholder"
-          [menuTabbingService]="menuTabbingService">
-        </kendo-grid-string-filter-menu-input>
-        @if (extra) {
-          <kendo-dropdownlist
-            kendoFilterMenuDropDown
-            [adaptiveTitle]="ctx.localization.get('adaptiveFilterOperatorsTitle')"
-            [adaptiveMode]="ctx.grid?.adaptiveMode"
-            [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
-            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
-            class="k-filter-and"
-            [data]="logicOperators"
-            [valuePrimitive]="true" (valueChange)="logicChange($event)"
-            [value]="filter?.logic"
-            textField="text"
-            valueField="value">
-          </kendo-dropdownlist>
-        }
-        @if (extra) {
-          <kendo-grid-string-filter-menu-input
-            [operators]="operators"
-            [currentFilter]="secondFilter"
-            [filterService]="filterService"
-            [column]="column"
-            [filter]="filter"
-            [placeholder]="extraPlaceholder"
-            [menuTabbingService]="menuTabbingService">
-          </kendo-grid-string-filter-menu-input>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: StringFilterMenuInputComponent, selector: "kendo-grid-string-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "isFirstDropDown", "menuTabbingService", "placeholder"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StringFilterMenuComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-string-filter-menu',
-                    template: `
-        <kendo-grid-string-filter-menu-input
-          [currentFilter]="firstFilter"
-          [operators]="operators"
-          [filterService]="filterService"
-          [column]="column"
-          [filter]="filter"
-          [isFirstDropDown]="true"
-          [placeholder]="placeholder"
-          [menuTabbingService]="menuTabbingService">
-        </kendo-grid-string-filter-menu-input>
-        @if (extra) {
-          <kendo-dropdownlist
-            kendoFilterMenuDropDown
-            [adaptiveTitle]="ctx.localization.get('adaptiveFilterOperatorsTitle')"
-            [adaptiveMode]="ctx.grid?.adaptiveMode"
-            [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
-            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
-            class="k-filter-and"
-            [data]="logicOperators"
-            [valuePrimitive]="true" (valueChange)="logicChange($event)"
-            [value]="filter?.logic"
-            textField="text"
-            valueField="value">
-          </kendo-dropdownlist>
-        }
-        @if (extra) {
-          <kendo-grid-string-filter-menu-input
-            [operators]="operators"
-            [currentFilter]="secondFilter"
-            [filterService]="filterService"
-            [column]="column"
-            [filter]="filter"
-            [placeholder]="extraPlaceholder"
-            [menuTabbingService]="menuTabbingService">
-          </kendo-grid-string-filter-menu-input>
-        }
-        `,
-                    standalone: true,
-                    imports: [StringFilterMenuInputComponent, DropDownListComponent, FilterMenuDropDownListDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-filtercell']
-            }], filter: [{
-                type: Input
-            }], extra: [{
-                type: Input
-            }], filterService: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], extraPlaceholder: [{
-                type: Input
-            }], menuTabbingService: [{
-                type: Input
-            }] } });

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

@@ -1,324 +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, EventEmitter, Output, ViewChild } from '@angular/core';
-import { filterBy } from '@progress/kendo-data-query';
-import { CheckBoxComponent, TextBoxComponent, TextBoxPrefixTemplateDirective } from '@progress/kendo-angular-inputs';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { searchIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../common/provider.service';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { FormatPipe } from '../rendering/common/format.pipe';
-import { isPresent, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
-import { FilterInputDirective } from './filter-input.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/provider.service";
-import * as i2 from "../editing/local-data-changes.service";
-/**
- * @hidden
- */
-export class MultiCheckboxFilterComponent {
-    ctx;
-    dataChangesService;
-    column;
-    filterChange = new EventEmitter();
-    filterInput;
-    constructor(ctx, dataChangesService) {
-        this.ctx = ctx;
-        this.dataChangesService = dataChangesService;
-    }
-    listData = [];
-    searchIcon = searchIcon;
-    showSelectAll = true;
-    currentlySelected = new Set();
-    isSearched = false;
-    currentFilter;
-    filterChangeSub;
-    baseListData = [];
-    ngOnInit() {
-        this.initializeData();
-        this.currentFilter = this.ctx.grid?.filter ?? this.emptyFilter();
-        this.updateSelectionFromFilter();
-        if (this.currentFilter) {
-            this.filterChange.emit(this.currentFilter);
-        }
-    }
-    ngAfterViewInit() {
-        if (this.filterInput) {
-            this.filterChangeSub = this.filterInput.change.subscribe(this.onSearch.bind(this));
-        }
-    }
-    ngOnDestroy() {
-        if (this.filterChangeSub) {
-            this.filterChangeSub.unsubscribe();
-            this.filterChangeSub = null;
-        }
-    }
-    isItemSelected(item) {
-        return this.currentlySelected.has(item);
-    }
-    onSearch(value) {
-        const searchValue = value;
-        this.isSearched = searchValue.length > 0;
-        this.showSelectAll = !this.isSearched;
-        if (!searchValue) {
-            this.listData = [...this.baseListData];
-        }
-        else {
-            this.listData = filterBy(this.baseListData, { operator: 'contains', value: searchValue });
-        }
-    }
-    handleCheckBoxChange(checkedState, value, selectAllChecked) {
-        const field = this.column?.field;
-        if (!field) {
-            return;
-        }
-        if (!this.currentFilter) {
-            this.currentFilter = this.emptyFilter();
-        }
-        const newFilter = this.currentFilter;
-        const filters = [...newFilter.filters];
-        const compositeIndex = this.getCompositeFilterIndex(newFilter);
-        let fieldFilters = [];
-        if (compositeIndex !== -1 && filters[compositeIndex].filters && !selectAllChecked) {
-            fieldFilters = [...filters[compositeIndex].filters];
-        }
-        if (checkedState && selectAllChecked) {
-            this.listData.forEach(item => {
-                if (!fieldFilters.some(f => f.value === item)) {
-                    fieldFilters.push({ field, operator: 'eq', value: item });
-                }
-            });
-        }
-        else if (!checkedState && selectAllChecked) {
-            fieldFilters = [];
-        }
-        else if (checkedState) {
-            if (!fieldFilters.some(f => f.value === value)) {
-                fieldFilters.push({ field, operator: 'eq', value });
-            }
-        }
-        else {
-            const idx = fieldFilters.findIndex(f => f.value === value);
-            if (idx > -1) {
-                fieldFilters.splice(idx, 1);
-            }
-        }
-        if (fieldFilters.length === 0) {
-            if (compositeIndex !== -1) {
-                filters.splice(compositeIndex, 1);
-            }
-        }
-        else {
-            const block = { logic: 'or', filters: fieldFilters };
-            if (compositeIndex !== -1) {
-                filters[compositeIndex] = block;
-            }
-            else {
-                filters.push(block);
-            }
-        }
-        newFilter.logic = 'and';
-        newFilter.filters = filters;
-        this.currentFilter = newFilter;
-        this.updateSelectionFromFilter();
-        this.filterChange.emit(this.currentFilter);
-    }
-    get filteredGridData() {
-        return filterBy(this.gridData, this.ctx.grid?.filter);
-    }
-    get selectAllChecked() {
-        if (!this.listData || this.listData.length === 0) {
-            return false;
-        }
-        const total = this.listData.length;
-        const selectedInView = this.listData.filter(i => this.currentlySelected.has(i)).length;
-        if (selectedInView === 0) {
-            return false;
-        }
-        if (selectedInView === total) {
-            return true;
-        }
-        return 'indeterminate';
-    }
-    get gridData() {
-        let data = [];
-        const isLocalData = isPresent(this.ctx?.dataBindingDirective);
-        if (isPresent(this.normalizedFilterVariant.data)) {
-            data = this.normalizedFilterVariant.data;
-        }
-        else if (isLocalData) {
-            data = this.dataChangesService.data;
-        }
-        else {
-            data = this.ctx.grid?.flatData;
-        }
-        return data || [];
-    }
-    get normalizedFilterVariant() {
-        const defaultMultiCheckboxSettings = { variant: 'multiCheckbox', search: true };
-        if (typeof this.column?.filterVariant === 'string') {
-            return {
-                variant: this.column.filterVariant,
-                search: true
-            };
-        }
-        return Object.assign(defaultMultiCheckboxSettings, this.column?.filterVariant);
-    }
-    get selectedItemsMessage() {
-        const localizationMsg = this.messageFor('multiCheckboxFilterSelectedItemsCount') || '';
-        return replaceMessagePlaceholder(localizationMsg, 'selectedItemsCount', this.currentlySelected.size.toString());
-    }
-    messageFor(key) {
-        return this.ctx.localization.get(key);
-    }
-    getUniqueDateValues(data) {
-        return data.reduce((acc, current) => {
-            const value = current[this.column.field];
-            if (value instanceof Date && acc.findIndex(d => d.getTime() === value.getTime()) === -1) {
-                acc.push(value);
-            }
-            return acc;
-        }, []);
-    }
-    initializeData() {
-        if (!this.column) {
-            this.baseListData = [];
-            return;
-        }
-        const isDate = this.column.filter === 'date';
-        if (isDate) {
-            const dates = this.getUniqueDateValues(this.gridData);
-            const sortedDates = [...dates].sort((a, b) => a - b);
-            this.baseListData = sortedDates;
-        }
-        else {
-            const field = this.column.field;
-            const mapped = this.gridData.map(item => item?.[field]);
-            this.baseListData = [...new Set(mapped)].sort((a, b) => {
-                if (a > b) {
-                    return 1;
-                }
-                if (a < b) {
-                    return -1;
-                }
-                return 0;
-            });
-        }
-        this.listData = [...this.baseListData];
-    }
-    emptyFilter() { return { filters: [], logic: 'and' }; }
-    getCompositeFilterIndex(filter) {
-        const field = this.column?.field;
-        return filter.filters.findIndex((f) => f.filters?.length && f.filters[0].field === field);
-    }
-    updateSelectionFromFilter() {
-        this.currentlySelected.clear();
-        if (!this.currentFilter || !this.column?.field) {
-            return;
-        }
-        const idx = this.getCompositeFilterIndex(this.currentFilter);
-        if (idx === -1) {
-            return;
-        }
-        const block = this.currentFilter.filters[idx];
-        if (block && Array.isArray(block.filters)) {
-            block.filters.forEach((f) => {
-                if (f.field === this.column.field && f.operator === 'eq') {
-                    this.currentlySelected.add(f.value);
-                }
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiCheckboxFilterComponent, deps: [{ token: i1.ContextService }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiCheckboxFilterComponent, isStandalone: true, selector: "kendo-grid-multicheckbox-filter", inputs: { column: "column" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: FilterInputDirective, descendants: true }], ngImport: i0, template: `
-        @if (normalizedFilterVariant.search) {
-          <kendo-textbox
-            kendoFilterInput
-            class="k-searchbox"
-            [placeholder]="messageFor('multiCheckboxFilterSearchPlaceholder')">
-            <ng-template kendoTextBoxPrefixTemplate>
-              <kendo-icon-wrapper innerCssClass="k-input-icon" name="search" [svgIcon]="searchIcon"></kendo-icon-wrapper>
-            </ng-template>
-          </kendo-textbox>
-        }
-        <ul class="k-reset k-multicheck-wrap">
-          @if (showSelectAll) {
-            <li class="k-item k-check-all-wrap">
-              <label class="k-label k-checkbox-label" role="option">
-                <kendo-checkbox
-                  [checkedState]="selectAllChecked"
-                  (checkedStateChange)="handleCheckBoxChange($event, null, true)">
-                </kendo-checkbox>
-                <span>{{ messageFor('multiCheckboxFilterSelectAllLabel') }}</span>
-              </label>
-            </li>
-          }
-          @for (item of listData; track item) {
-            <li class="k-item">
-              <label class="k-label k-checkbox-label" role="option">
-                <kendo-checkbox
-                  [checkedState]="isItemSelected(item)"
-                  (checkedStateChange)="handleCheckBoxChange($event, item)">
-                </kendo-checkbox>
-                <span>{{ item | format: column.format }}</span>
-              </label>
-            </li>
-          }
-        </ul>
-        <div class="k-filter-selected-items">{{selectedItemsMessage}}</div>
-        `, isInline: true, dependencies: [{ kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { 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: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: FormatPipe, name: "format" }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiCheckboxFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-multicheckbox-filter',
-                    template: `
-        @if (normalizedFilterVariant.search) {
-          <kendo-textbox
-            kendoFilterInput
-            class="k-searchbox"
-            [placeholder]="messageFor('multiCheckboxFilterSearchPlaceholder')">
-            <ng-template kendoTextBoxPrefixTemplate>
-              <kendo-icon-wrapper innerCssClass="k-input-icon" name="search" [svgIcon]="searchIcon"></kendo-icon-wrapper>
-            </ng-template>
-          </kendo-textbox>
-        }
-        <ul class="k-reset k-multicheck-wrap">
-          @if (showSelectAll) {
-            <li class="k-item k-check-all-wrap">
-              <label class="k-label k-checkbox-label" role="option">
-                <kendo-checkbox
-                  [checkedState]="selectAllChecked"
-                  (checkedStateChange)="handleCheckBoxChange($event, null, true)">
-                </kendo-checkbox>
-                <span>{{ messageFor('multiCheckboxFilterSelectAllLabel') }}</span>
-              </label>
-            </li>
-          }
-          @for (item of listData; track item) {
-            <li class="k-item">
-              <label class="k-label k-checkbox-label" role="option">
-                <kendo-checkbox
-                  [checkedState]="isItemSelected(item)"
-                  (checkedStateChange)="handleCheckBoxChange($event, item)">
-                </kendo-checkbox>
-                <span>{{ item | format: column.format }}</span>
-              </label>
-            </li>
-          }
-        </ul>
-        <div class="k-filter-selected-items">{{selectedItemsMessage}}</div>
-        `,
-                    standalone: true,
-                    imports: [CheckBoxComponent, TextBoxComponent, TextBoxPrefixTemplateDirective, IconWrapperComponent, FormatPipe, FilterInputDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }, { type: i2.LocalDataChangesService }], propDecorators: { column: [{
-                type: Input
-            }], filterChange: [{
-                type: Output
-            }], filterInput: [{
-                type: ViewChild,
-                args: [FilterInputDirective]
-            }] } });

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

@@ -1,145 +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 { Directive, 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 numericOperators = localizeOperators({
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterGteOperator": "gte",
-    "filterGtOperator": "gt",
-    "filterLteOperator": "lte",
-    "filterLtOperator": "lt",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull"
-});
-/**
- * @hidden
- * Represents a base numeric filter component.
- */
-export class NumericFilterComponent extends BaseFilterCellComponent {
-    ctx;
-    /**
-     * Specifies the column for this filter.
-     * @type {ColumnComponent}
-     */
-    column;
-    /**
-     * Sets the default filter operator.
-     * @type {string}
-     * @default 'eq'
-     */
-    operator = "eq";
-    /**
-     * Sets the value used to increment or decrement the component value.
-     * @type {numeric}
-     * @default 1
-     */
-    step = 1;
-    /**
-     * Sets the smallest valid value.
-     * @type {number}
-     */
-    min;
-    /**
-     * Sets the greatest valid value.
-     * @type {number}
-     */
-    max;
-    /**
-     * When `true`, shows the **Up** and **Down** spin buttons.
-     * @type {boolean}
-     * @default true
-     */
-    spinners = true;
-    /**
-     * Sets the number precision for the value when focused.
-     * If the user enters a number with greater precision, the value is rounded.
-     * @type {number}
-     */
-    decimals;
-    /**
-     * Gets the number format used when the component is not focused.
-     * Uses `column.format` if set.
-     */
-    get format() {
-        return !isNullOrEmptyString(this._format) ? this._format : this.columnFormat;
-    }
-    set format(value) {
-        this._format = value;
-    }
-    /**
-     * Gets the current filter for the column field.
-     * @readonly
-     * @type {FilterDescriptor}
-     */
-    get currentFilter() {
-        return this.filterByField(this.column.field);
-    }
-    /**
-     * 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) : "n2";
-    }
-    _format;
-    subscription;
-    constructor(filterService, ctx) {
-        super(filterService);
-        this.ctx = ctx;
-        this.defaultOperators = numericOperators(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 = numericOperators(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: NumericFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: NumericFilterComponent, inputs: { column: "column", operator: "operator", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumericFilterComponent, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [{ type: i1.FilterService }, { type: i2.ContextService }], propDecorators: { column: [{
-                type: Input
-            }], operator: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], spinners: [{
-                type: Input
-            }], decimals: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }] } });