import { TemplateResult } from 'lit';
import { OmniElement } from '../core/OmniElement.js';
import '../icons/ChevronDown.icon.js';
import '../label/Label.js';
/**
 * Component that groups together content in an expanded box.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/expander';
 * ```
 * @example
 * html```
 * <omni-expander label="My Expander">
 *  <omni-label label="Expanded"></omni-label>
 * </omni-expander>
 * ```
 * @element omni-expander
 *
 * @slot - Content to render inside the expander once expanded.
 * @slot expand-icon - Replaces the expand icon by default this will be the omni-chevron-down-icon.
 * @slot header-icon - Replaces the icon in the header which is usually placed on the opposite end of the expand icon.
 *
 * @fires expand - Dispatched when the expander is expanded.
 * @fires collapse - Dispatched when the expander is collapsed.
 *
 * @cssprop --omni-expander-header-min-height - Expander component minimum height.
 * @cssprop --omni-expander-header-max-height - Expander component maximum height.
 *
 * @cssprop --omni-expander-width - Expander component width.
 * @cssprop --omni-expander-background - Expander component background.
 *
 * @cssprop --omni-expander-expanded-height - Expander component expanded height.
 *
 * @cssprop --omni-expander-header-width - Expander header width.
 * @cssprop --omni-expander-header-height - Expander header height.
 * @cssprop --omni-expander-header-padding - Expander header padding.
 * @cssprop --omni-expander-header-border-top - Expander header border top.
 *
 * @cssprop --omni-expander-header-hover-background - Expander header hover background.
 *
 * @cssprop --omni-expander-header-label-font-color - Expander header label font color.
 * @cssprop --omni-expander-header-label-font-size - Expander header label font size.
 * @cssprop --omni-expander-header-label-font-weight - Expander header label font weight.
 *
 * @cssprop --omni-expander-header-disabled-background - Expander header disabled background.
 *
 * @cssprop --omni-expander-content-width - Expander content width.
 * @cssprop --omni-expander-content-height - Expander content height.
 * @cssprop --omni-expander-content-border -  Expander content border.
 * @cssprop --omni-expander-content-padding - Expander content padding.
 *
 * @cssprop --omni-expander-content-closed-padding-top -  Expander content closed top padding.
 * @cssprop --omni-expander-content-closed-padding-bottom - Expander content closed bottom padding.
 *
 * @cssprop --omni-expander-content-expanded-border-bottom - Bottom border of the expander content.
 *
 * @cssprop --omni-expander-header-icon-container-padding - Expander header icon container padding.
 *
 * @cssprop --omni-expander-header-icon-slot-width - Expander header icon slot width.
 * @cssprop --omni-expander-header-icon-slot-height - Expander header icon slot height.
 *
 * @cssprop --omni-expander-expand-icon-container-padding - Expander expand icon container padding.
 *
 * @cssprop --omni-expander-expand-icon-width - Expander expand icon width.
 * @cssprop --omni-expander-expand-icon-height - Expander expand icon height.
 * @cssprop --omni-expander-expand-icon-color - Expander expand icon color.
 *
 * @cssprop --omni-expander-expanding-container-padding-top - Expander expanding content top padding.
 * @cssprop --omni-expander-expanding-container-padding-bottom - Expander expanding content bottom padding.
 *
 */
export declare class Expander extends OmniElement {
    /**
     * Expander component label.
     * @attr
     */
    label?: string;
    /**
     * Indicator if the expander is expanded.
     * @attr
     */
    expanded?: boolean;
    /**
     * Indicator if the expander is disabled.
     * @attr
     */
    disabled?: boolean;
    /**
     * Indicate where the Expander button should be positioned
     * @attr [button-alignment]
     */
    buttonAlignment: 'left' | 'right';
    connectedCallback(): void;
    disconnectedCallback(): void;
    _headerClick(e: MouseEvent): void;
    _animationCompleted(): void;
    _expand(): void;
    _collapse(): void;
    static get styles(): import("lit").CSSResultGroup[];
    protected render(): TemplateResult;
    _renderHeader(): TemplateResult;
    _renderIcon(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-expander': Expander;
    }
}
//# sourceMappingURL=Expander.d.ts.map