@leavittsoftware/web 1.0.0

package/titanium/data-table/data-table.d.ts

@@ -0,0 +1,146 @@
+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<unknown>
+ * @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
+     */
+    header: string;
+    /**
+     * Local storage key. Not required if header is static and unique
+     */
+    localStorageKey: string;
+    /**
+     * Available page sizes
+     */
+    pageSizes: Array<number>;
+    /**
+     * The default page size before the user changes it
+     */
+    defaultPageSize: number;
+    /**
+     * Total number of items in all pages.
+     */
+    count: number;
+    /**
+     * Current items displayed on the table.
+     */
+    items: Array<unknown>;
+    /**
+     * Current search term shown in the no result state if no results are found
+     */
+    searchTerm: string;
+    /**
+     * Limits table selection mode to single-select.  Default is multi-select.
+     */
+    singleSelect: boolean;
+    /**
+     * Disables all item selection on the data-table.
+     */
+    disableSelect: boolean;
+    /**
+     * Disables paging.
+     */
+    disablePaging: boolean;
+    /**
+     * Array of currently selected data table objects
+     */
+    selected: Array<unknown>;
+    /**
+     * When set to true, the loading state is shown.
+     */
+    protected isLoading: boolean;
+    /**
+     * @ignore
+     */
+    itemsSlot: HTMLSlotElement;
+    protected tableHeaders: HTMLSlotElement;
+    /**
+     * @ignore
+     */
+    itemsContainer: HTMLDivElement;
+    /**
+     *  Sets if view port is small
+     */
+    protected narrow: boolean;
+    /**
+     * @ignore
+     */
+    checkbox: MdCheckbox;
+    /**
+     * @ignore
+     */
+    pageControl: Promise<TitaniumPageControl | null>;
+    /**
+     *  returns internal pageControl's current take
+     */
+    getTake(): Promise<number>;
+    /**
+     *  returns internal pageControl's current page
+     */
+    getPage(): Promise<number>;
+    /**
+     *  sets internal pageControl's current take
+     */
+    setTake(take: number): Promise<void>;
+    /**
+     *  sets internal pageControl's current page
+     */
+    setPage(page: number): Promise<void>;
+    /**
+     *  resets internal pageControl's current page to 0
+     */
+    resetPage(): Promise<void>;
+    firstUpdated(): Promise<void>;
+    /**
+     * @ignore
+     */
+    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<unknown>): Promise<void>;
+    /**
+     *  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