import { LitElement, PropertyValues } from 'lit';
import { TitaniumDataTable } from './data-table';
import '@material/web/checkbox/checkbox';
import '@material/web/icon/icon';
/**
 * A data table element to organize row data and handle row selection.
 *
 * row-item positioning attributes:
 *    - right
 *    - desktop
 *    - large
 *    - center
 *    - width - ex. "140px"
 *
 * @element titanium-data-table-item
 *
 * @fires titanium-data-table-item-navigate - Fired on double click of a row. detail: unknown(this.item)
 * @fires titanium-data-table-item-selected-changed - Fired when item is selected.  detail: { isSelected: boolean, item: unknown }
 * @fires titanium-data-table-item-drop - Fired when item is dropped after a drag
 *
 * @slot default - Main slot that should contain a list of row-item elements
 * @slot item-footer - Optional footer content below the row with the row-items
 *
 * @cssprop {Color} [--md-sys-color-secondary-container] - Row selected  color
 * @cssprop {Color} [--md-sys-color-on-surface] - Row hover color
 * @cssprop {Color} [--md-sys-color-outline-variant] - Bottom division line
 * @cssprop [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Set the font family of the data table item
 */
export declare class TitaniumDataTableItem extends LitElement {
    #private;
    /**
     * The backing object that is displayed in this row.  Sent in navigate and selected events.
     */
    accessor item: unknown;
    /**
     * True when row is selected.
     */
    accessor selected: boolean;
    /**
     *  Disables ability to select this row.
     */
    accessor disableSelect: boolean;
    /**
     *  Sets if view port is small
     */
    accessor narrow: boolean;
    /**
     *  Set to true to make item draggable.  When items are dropped, the items in the list's array are sorted accordingly.
     *  In order to reflect those updates out to the DOM, you will need to call requestUpdate on the items array when
     *  items are dropped. ex.
     *
     *  <titanium-data-table @titanium-data-table-items-reorder=${() => this.requestUpdate('items')} ... >
     *
     */
    accessor enableDrag: boolean;
    protected accessor nudgeDown: boolean;
    protected accessor nudgeUp: boolean;
    protected accessor dragged: boolean;
    protected accessor dragging: boolean;
    protected accessor nudgeHeight: number;
    protected accessor hoverIndex: number | null;
    protected accessor originIndex: number | null;
    protected mouseEvent: (e: any) => void;
    protected touchEvent: (e: any) => void;
    updated(changed: PropertyValues<this>): Promise<void>;
    firstUpdated(): void;
    /**
     * @ignore
     */
    updateDragProps(dragging: boolean, originIndex: number | null, hoverIndex: number | null, originHeight: number): void;
    /**
     *  toggles item's checkbox which triggers this.selected to toggle as well
     */
    toggleSelected(): void;
    /**
     *  if not already checked, triggers click on checkbox which triggers this.selected to be set as well
     */
    select(): void;
    /**
     *  if already checked, triggers click on checkbox which triggers this.selected to be set to false as well
     */
    deselect(): void;
    protected get dataTable(): TitaniumDataTable;
    protected get items(): TitaniumDataTableItem[];
    protected get itemsContainer(): HTMLDivElement;
    static styles: import("lit").CSSResult;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * @class
 * @ignore
 */
export declare class DataTableItemDropEvent extends Event {
    static eventType: string;
    hoverIndex: number;
    originIndex: number;
    constructor(originIndex: number, hoverIndex: number);
}
//# sourceMappingURL=data-table-item.d.ts.map