import { LitElement, PropertyValues } from 'lit';
import '@material/web/button/outlined-button';
/**
 * Titanium Show Hide
 *
 * @element titanium-show-hide
 *
 * @slot - main slot for content. Please note that component is assuming that the slotted content is not deeply nested.
 * Please place your items directly in the titanium-show-hide element default slot for this component to function properly.
 *
 * @slot [button] - slot for button to show/hide content. If you do not provide a button slot the component will create a default button.
 *
 * @cssprop [--titanium-show-hide-flex-direction=column] - flex direction for the parent of the slotted in content
 * @cssprop [--titanium-show-hide-flex-wrap=wrap] - flex wrap for the parent of the slotted in content
 * @cssprop [--titanium-show-hide-gap=8px] - flex direction of the for the parent of the slotted in content
 */
export default class TitaniumShowHide extends LitElement {
    #private;
    /**
     * This will be the height of the content you want visible when collapsed.
     * An example would be if you have a list of items where each item is 20px in height
     * and you want to show only the first 2 items pass in 48px (height of 2 items + gap).
     */
    accessor collapseHeight: number;
    accessor disableFade: boolean;
    accessor collapsed: boolean;
    protected accessor hasHiddenItems: boolean;
    accessor hiddenItemCount: number;
    protected accessor itemsContainer: HTMLElement;
    protected accessor collapsedContainer: HTMLElement;
    updated(changedProps: PropertyValues<this>): void;
    firstUpdated(): void;
    static styles: import("lit").CSSResult[];
    render(): import("lit-html").TemplateResult<1>;
}
//# sourceMappingURL=show-hide.d.ts.map