igniteui-angular
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
216 lines (215 loc) • 7.74 kB
TypeScript
import { AfterViewInit, ChangeDetectorRef, TemplateRef, QueryList, ElementRef, OnDestroy } from '@angular/core';
import { IgxDropDownComponent } from '../../../drop-down/drop-down.component';
import { IFilteringOperation } from '../../../data-operations/filtering-condition';
import { IFilteringExpression } from '../../../data-operations/filtering-expression.interface';
import { ISelectionEventArgs } from '../../../drop-down/drop-down.common';
import { IgxFilteringService } from '../grid-filtering.service';
import { IgxDatePickerComponent } from '../../../date-picker/date-picker.component';
import { IgxTimePickerComponent } from '../../../time-picker/time-picker.component';
import { PlatformUtil } from '../../../core/utils';
import { ExpressionUI } from '../excel-style/common';
import { ColumnType } from '../../common/grid.interface';
import { IgxChipComponent, IBaseChipEventArgs } from '../../../chips/chip.component';
import { IgxChipsAreaComponent } from '../../../chips/chips-area.component';
import { Size } from '../../common/enums';
import * as i0 from "@angular/core";
/**
* @hidden
*/
export declare class IgxGridFilteringRowComponent implements AfterViewInit, OnDestroy {
filteringService: IgxFilteringService;
ref: ElementRef<HTMLElement>;
cdr: ChangeDetectorRef;
protected platform: PlatformUtil;
get column(): ColumnType;
set column(val: ColumnType);
get value(): any;
set value(val: any);
protected get filteringElementsSize(): Size;
defaultCSSClass: boolean;
protected defaultFilterUI: TemplateRef<any>;
protected defaultDateUI: TemplateRef<any>;
protected defaultTimeUI: TemplateRef<any>;
protected defaultDateTimeUI: TemplateRef<any>;
protected input: ElementRef<HTMLInputElement>;
protected dropDownConditions: IgxDropDownComponent;
protected chipsArea: IgxChipsAreaComponent;
protected dropDownOperators: QueryList<IgxDropDownComponent>;
protected inputGroup: ElementRef<HTMLElement>;
protected picker: IgxDatePickerComponent | IgxTimePickerComponent;
protected inputGroupPrefix: ElementRef<HTMLElement>;
protected container: ElementRef<HTMLElement>;
protected operand: ElementRef<HTMLElement>;
protected closeButton: ElementRef<HTMLElement>;
get nativeElement(): HTMLElement;
showArrows: boolean;
expression: IFilteringExpression;
expressionsList: Array<ExpressionUI>;
private _positionSettings;
private _conditionsOverlaySettings;
private _operatorsOverlaySettings;
private chipsAreaWidth;
private chipAreaScrollOffset;
private _column;
private isKeyPressed;
private isComposing;
private _cancelChipClick;
private _value;
/** switch to icon buttons when width is below 432px */
private readonly NARROW_WIDTH_THRESHOLD;
private $destroyer;
constructor(filteringService: IgxFilteringService, ref: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, platform: PlatformUtil);
onKeydownHandler(evt: KeyboardEvent): void;
ngAfterViewInit(): void;
get disabled(): boolean;
get template(): TemplateRef<any>;
get type(): "number" | "text";
get conditions(): any;
get isUnaryCondition(): boolean;
get placeholder(): string;
/**
* Event handler for keydown on the input group's prefix.
*/
onPrefixKeyDown(event: KeyboardEvent): void;
/**
* Event handler for keydown on the input.
*/
onInputKeyDown(event: KeyboardEvent): void;
/**
* Event handler for keyup on the input.
*/
onInputKeyUp(): void;
/**
* Event handler for input on the input.
*/
onInput(eventArgs: any): void;
/**
* Event handler for compositionstart on the input.
*/
onCompositionStart(): void;
/**
* Event handler for compositionend on the input.
*/
onCompositionEnd(): void;
/**
* Event handler for input click event.
*/
onInputClick(): void;
/**
* Returns the filtering operation condition for a given value.
*/
getCondition(value: string): IFilteringOperation;
/**
* Returns the translated condition name for a given value.
*/
translateCondition(value: string): string;
/**
* Returns the icon name of the current condition.
*/
getIconName(): string;
/**
* Returns whether a given condition is selected in dropdown.
*/
isConditionSelected(conditionName: string): boolean;
/**
* Clears the current filtering.
*/
clearFiltering(): void;
/**
* Commits the value of the input.
*/
commitInput(): void;
/**
* Clears the value of the input.
*/
clearInput(event?: MouseEvent): void;
/**
* Event handler for keydown on clear button.
*/
onClearKeyDown(eventArgs: KeyboardEvent): void;
/**
* Event handler for click on clear button.
*/
onClearClick(): void;
/**
* Event handler for keydown on commit button.
*/
onCommitKeyDown(eventArgs: KeyboardEvent): void;
/**
* Event handler for click on commit button.
*/
onCommitClick(event?: MouseEvent): void;
/**
* Event handler for focusout on the input group.
*/
onInputGroupFocusout(): void;
/**
* Closes the filtering edit row.
*/
close(): void;
/**
* Event handler for date picker's selection.
*/
onDateSelected(value: Date): void;
/** @hidden @internal */
inputGroupPrefixClick(event: MouseEvent): void;
/**
* Opens the conditions dropdown.
*/
toggleConditionsDropDown(target: any): void;
/**
* Opens the logic operators dropdown.
*/
toggleOperatorsDropDown(eventArgs: any, index: any): void;
/**
* Event handler for change event in conditions dropdown.
*/
onConditionsChanged(eventArgs: any): void;
onChipPointerdown(args: any, chip: IgxChipComponent): void;
onChipClick(args: any, item: ExpressionUI): void;
toggleChip(item: ExpressionUI): void;
/**
* Event handler for chip keydown event.
*/
onChipKeyDown(eventArgs: KeyboardEvent, item: ExpressionUI): void;
/**
* Scrolls the first chip into view if the tab key is pressed on the left arrow.
*/
onLeftArrowKeyDown(event: KeyboardEvent): void;
/**
* Event handler for chip removed event.
*/
onChipRemoved(eventArgs: IBaseChipEventArgs, item: ExpressionUI): void;
/**
* Event handler for logic operator changed event.
*/
onLogicOperatorChanged(eventArgs: ISelectionEventArgs, expression: ExpressionUI): void;
/**
* Scrolls the chips into the chip area when left or right arrows are pressed.
*/
scrollChipsOnArrowPress(arrowPosition: string): void;
/**
* @hidden
* Resets the chips area
* @memberof IgxGridFilteringRowComponent
*/
resetChipsArea(): void;
/** @hidden @internal */
focusEditElement(): void;
ngOnDestroy(): void;
private showHideArrowButtons;
private addExpression;
private removeExpression;
private resetExpression;
private scrollChipsWhenAddingExpression;
private transform;
private scrollChipsOnRemove;
private conditionChangedCallback;
private unaryConditionChangedCallback;
private filter;
private editorFocused;
private get isColumnFiltered();
get isNarrowWidth(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridFilteringRowComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridFilteringRowComponent, "igx-grid-filtering-row", never, { "column": { "alias": "column"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
}