UNPKG

igniteui-angular

Version:

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

233 lines (232 loc) 7.11 kB
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core'; import { PlatformUtil } from '../../../core/utils'; import { IgxFilterItem } from '../../../data-operations/filtering-strategy'; import { BaseFilteringComponent } from './base-filtering.component'; import { ExpressionUI, FilterListItem } from './common'; import { ColumnType, GridType } from '../../common/grid.interface'; import { IgxOverlayService } from '../../../services/overlay/overlay'; import * as i0 from "@angular/core"; export declare class IgxExcelStyleColumnOperationsTemplateDirective { static ɵfac: i0.ɵɵFactoryDeclaration<IgxExcelStyleColumnOperationsTemplateDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<IgxExcelStyleColumnOperationsTemplateDirective, "igx-excel-style-column-operations,[igxExcelStyleColumnOperations]", never, {}, {}, never, never, true, never>; } export declare class IgxExcelStyleFilterOperationsTemplateDirective { static ɵfac: i0.ɵɵFactoryDeclaration<IgxExcelStyleFilterOperationsTemplateDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<IgxExcelStyleFilterOperationsTemplateDirective, "igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]", never, {}, {}, never, never, true, never>; } /** * A component used for presenting Excel style filtering UI for a specific column. * It is used internally in the Grid, but could also be hosted in a container outside of it. * * Example: * ```html * <igx-grid-excel-style-filtering * [column]="grid1.columns[0]"> * </igx-grid-excel-style-filtering> * ``` */ export declare class IgxGridExcelStyleFilteringComponent extends BaseFilteringComponent implements AfterViewInit, OnDestroy { private document; protected gridAPI?: GridType; /** * @hidden @internal */ defaultClass: boolean; protected get shouldApplySizes(): boolean; /** * @hidden @internal */ inline: boolean; /** * @hidden @internal */ loadingStart: EventEmitter<any>; /** * @hidden @internal */ loadingEnd: EventEmitter<any>; /** * @hidden @internal */ initialized: EventEmitter<any>; /** * @hidden @internal */ sortingChanged: EventEmitter<any>; /** * @hidden @internal */ columnChange: EventEmitter<ColumnType>; /** * @hidden @internal */ listDataLoaded: EventEmitter<any>; mainDropdown: ElementRef<HTMLElement>; /** * @hidden @internal */ excelColumnOperationsDirective: IgxExcelStyleColumnOperationsTemplateDirective; /** * @hidden @internal */ excelFilterOperationsDirective: IgxExcelStyleFilterOperationsTemplateDirective; /** * @hidden @internal */ protected defaultExcelColumnOperations: TemplateRef<any>; /** * @hidden @internal */ protected defaultExcelFilterOperations: TemplateRef<any>; /** * Sets the column. */ set column(value: ColumnType); /** * Returns the current column. */ get column(): ColumnType; /** * @hidden @internal */ expressionsList: ExpressionUI[]; /** * @hidden @internal */ listData: FilterListItem[]; /** * @hidden @internal */ uniqueValues: IgxFilterItem[]; /** * @hidden @internal */ overlayService: IgxOverlayService; /** * @hidden @internal */ overlayComponentId: string; /** * @hidden @internal */ isHierarchical: boolean; private _minHeight; /** * Gets the minimum height. * * Setting value in template: * ```ts * [minHeight]="'<number><unit (px|rem|etc..)>'" * ``` * * Example for setting a value: * ```ts * [minHeight]="'700px'" * ``` */ get minHeight(): string; /** * Sets the minimum height. */ set minHeight(value: string); private _maxHeight; private containsNullOrEmpty; private selectAllSelected; private selectAllIndeterminate; private filterValues; private _column; private subscriptions; private _originalDisplay; /** * Gets the maximum height. * * Setting value in template: * ```ts * [maxHeight]="'<number><unit (px|rem|etc..)>'" * ``` * * Example for setting a value: * ```ts * [maxHeight]="'700px'" * ``` */ get maxHeight(): string; /** * Sets the maximum height. */ set maxHeight(value: string); /** * @hidden @internal */ get grid(): GridType; constructor(cdr: ChangeDetectorRef, element: ElementRef<HTMLElement>, platform: PlatformUtil, document: any, gridAPI?: GridType); /** * @hidden @internal */ ngOnDestroy(): void; /** * @hidden @internal */ ngAfterViewInit(): void; /** * @hidden @internal */ initialize(column: ColumnType, overlayService: IgxOverlayService): void; /** * @hidden @internal */ onPin(): void; /** * @hidden @internal */ onSelect(): void; /** * @hidden @internal */ columnSelectable(): boolean; /** * @hidden @internal */ onHideToggle(): void; /** * @hidden @internal */ cancel(): void; /** * @hidden @internal */ closeDropdown(): void; /** * @hidden @internal */ onKeyDown(eventArgs: KeyboardEvent): void; /** * @hidden @internal */ hide(): void; /** * @hidden @internal */ detectChanges(): void; protected computedStyles: any; protected get size(): string; private init; private areExpressionsSelectable; private populateColumnData; private renderColumnValuesRemotely; private renderColumnValuesFromData; private renderValues; private generateFilterValues; private modifyExpression; private generateListData; private getColumnFilterExpressionsTree; private addBooleanItems; private addItems; private generateFilterListItems; private addSelectAllItem; private generateBlanksItem; private getFilterItemLabel; private getExpressionValue; static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridExcelStyleFilteringComponent, [null, null, null, null, { optional: true; host: true; }]>; static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridExcelStyleFilteringComponent, "igx-grid-excel-style-filtering", never, { "column": { "alias": "column"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "loadingStart": "loadingStart"; "loadingEnd": "loadingEnd"; "initialized": "initialized"; "sortingChanged": "sortingChanged"; "columnChange": "columnChange"; "listDataLoaded": "listDataLoaded"; }, ["excelColumnOperationsDirective", "excelFilterOperationsDirective"], ["igx-excel-style-column-operations,[igxExcelStyleColumnOperations]", "igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]"], true, never>; }