import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime'; import { SortDirection, SortDirectionChangeDetails } from '../../interface'; /** * The `ino-table-header-cell` is a particular header cell to provide search and column sort behaviour on `ino-table`'s. * * @slot default - The search content (input field, list) within the popover. */ export declare class InoTableHeaderCell implements ComponentInterface { private tableHeaderCellId; private popoverElement; el: HTMLInoTableHeaderCellElement; /** * Marks the header as autofocused (used for searchable header cells). * * Use this in combination with the `data-ino-focus` attribute on * the actual search target element to focus a specific input element. */ autofocus: boolean; /** * Identifier of the search icon (default `search`). * Used for date or list search columns. */ searchIcon: string; /** * A unique identifier of the column (used for sorting). */ columnId?: string; /** * Name of the column. */ label: string; labelChanged(): void; /** * True, if the column has been searched for this column. * Persistent state to indicate the user that this column * has a search filter. */ searched: boolean; /** * If true, the cell is **not** sortable. * By default, table header cells are sortable. */ notSortable: boolean; /** * The current sort direction of the column. */ sortDirection?: SortDirection; /** * The initial sort direction state (default `desc`). * * By default, all columns are sorted descending followed by ascending. * To switch this order, set sort Start to asc. */ sortStart: SortDirection; /** * Emits that the sort direction has been changed. */ sortDirectionChange: EventEmitter; /** * Emits that the search field focused (true) or blurred (false). */ searchFocusChange: EventEmitter; /** * State that keeps track whether the popover (search) is active. */ searchActivated: boolean; /** * State that indicates whether the header cell is searchable. */ searchable: boolean; /** * Updates the search behaviour of this cell. * * @param searchable true, if the cell should be searchable, false otherwise. */ setSearchable(searchable: boolean): Promise; /** * Sets focus on the header cell. * If searchable, opens the popover and focuses the `data-ino-focus` target. */ setFocus(): Promise; /** * Sets blur on the header cell. If searchable, closes the popover. */ setBlur(): Promise; private sortButtonClickHandler; componentWillLoad(): void; componentDidLoad(): void; private create; /** * Sets the max width to keep width when hover shows the search icon. */ private maybeSetMaxWidth; render(): any; get sortIcon(): "sort" | "sort_az" | "sort_za"; }