import './page-control'; import '@material/web/checkbox/checkbox'; import '@material/web/progress/linear-progress'; import '@material/web/icon/icon'; import { LitElement } from 'lit'; import { TitaniumPageControl } from './page-control'; import { MdCheckbox } from '@material/web/checkbox/checkbox'; /** * Material design inspired data table with paging, sorting, multi/single select, table actions, selected actions and more! * * @element titanium-data-table * * @fires selected-changed - Fired when a row or rows in the data table is selected. detail: array * @fires titanium-data-table-items-reorder - Fired when table items are resorted by user. * @fires paging-changed - Fired when take or page is changed by click or keyboard action. * * @slot table-actions - item nonspecific table buttons such as add new item * @slot filter-button - filter button slot * @slot filters - filter chips slot * @slot search-button - search button slot * @slot selected-actions - item specific table buttons such as edit, delete shown when one or more items are selected * @slot table-headers - slot for table headers (ex. titanium-data-table-header) * @slot items - slot for table rows (ex. titanium-data-table-item) * @slot footer - slot for additional footer items. Slotting here overwrites footer-buttons. * @slot footer-buttons - slot for footer action buttons * * @cssprop {Color} [var(--md-sys-color-outline-variant)] - Table border color * @cssprop {Color} [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Set the font family used on the data table and paging control */ export declare class TitaniumDataTable extends LitElement { #private; /** * Table heading / title */ accessor header: string; /** * Local storage key. Not required if header is static and unique */ accessor localStorageKey: string; /** * Available page sizes */ accessor pageSizes: Array; /** * The default page size before the user changes it */ accessor defaultPageSize: number; /** * Total number of items in all pages. */ accessor count: number; /** * Current items displayed on the table. */ accessor items: Array; /** * Current search term shown in the no result state if no results are found */ accessor searchTerm: string; /** * Limits table selection mode to single-select. Default is multi-select. */ accessor singleSelect: boolean; /** * Disables all item selection on the data-table. */ accessor disableSelect: boolean; /** * Disables paging. */ accessor disablePaging: boolean; /** * Array of currently selected data table objects */ accessor selected: Array; accessor itemsContainer: HTMLDivElement; accessor itemsSlot: HTMLSlotElement; protected accessor narrow: boolean; protected accessor hasDragItems: boolean; protected accessor narrowMaxWidth: number; protected accessor isLoading: boolean; protected accessor tableHeaders: HTMLSlotElement; protected accessor checkbox: MdCheckbox; protected accessor pageControl: Promise; /** * returns internal pageControl's current take */ getTake(): Promise; /** * returns internal pageControl's current page */ getPage(): Promise; /** * sets internal pageControl's current take */ setTake(take: number): Promise; /** * sets internal pageControl's current page */ setPage(page: number): Promise; /** * resets internal pageControl's current page to 0 */ resetPage(): Promise; firstUpdated(): Promise; protected updateChildrenIsNarrow(): void; /** * de-select all table items and clear this.selected */ clearSelection(): void; updated(changedProps: any): void; /** * display linear progress bar while promise is active */ loadWhile(promise: Promise): Promise; /** * select all table items */ selectAll(): void; static styles: import("lit").CSSResult[]; render(): import("lit-html").TemplateResult<1>; } export declare class DataTableItemsReorderedEvent extends Event { static eventType: string; constructor(); } //# sourceMappingURL=data-table.d.ts.map