import type { Appearance } from '../../../Types/Appearance';
import { ExpandDirection } from '../../../Types/ExpandDirection';
import { ExpansionMode } from '../../../Types/ExpansionMode';
import type { FlowDirection } from '../../../Types/FlowDirection';
import type { Variant } from '../../../Types/Variant';
import { CustomElement } from '../../Abstracts/CustomElement';
import { ExpanderElement } from './ExpanderElement';
import type { IExpanderGroupElementProps } from './IExpanderGroupElementProps';
import { IEventEmitter, IEventDetail } from '@breadstone/mosaik-elements';
import { ISlottable } from '../../../Behaviors/Slottable';
declare const ExpanderGroupElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * ExpanderGroup - A component that represents a group of expandable items.
 *
 * @description
 * The ExpanderGroup component is designed to manage a collection of expander items, allowing users to show or hide
 * related content in a structured manner. It helps in organizing information hierarchically and improves user
 * experience by minimizing clutter.
 *
 * @name ExpanderGroup
 * @element mosaik-expander-group
 * @category UI Components
 *
 * @example
 * ```html
 * <mosaik-expander-group>
 *   <mosaik-expander>
 *     <div slot="header">Expander 1</div>
 *     <div slot="default">Content for expander 1</div>
 *   </mosaik-expander>
 *   <mosaik-expander>
 *     <div slot="header">Expander 2</div>
 *     <div slot="default">Content for expander 2</div>
 *   </mosaik-expander>
 * </mosaik-expander-group>
 * ```
 *
 * @slot - The default slot for placing expander items.
 *
 * @fires toggled - Fired when an expander item is changed.
 *
 * @cssprop {unknown} --expander-group-font-family - The font-family property for the expander group text.
 * @cssprop {unknown} --expander-group-font-size - The font-size property for the expander group text.
 * @cssprop {unknown} --expander-group-font-line-height - The line-height property for the expander group text.
 * @cssprop {unknown} --expander-group-font-weight - The font-weight property for the expander group text.
 * @cssprop {unknown} --expander-group-font-letter-spacing - The letter-spacing property for the expander group text.
 * @cssprop {unknown} --expander-group-font-text-decoration - The text-decoration property for the expander group text.
 * @cssprop {unknown} --expander-group-font-text-transform - The text-transform property for the expander group text.
 * @cssprop {unknown} --expander-group-background-color - The background-color property for the expander group.
 * @cssprop {unknown} --expander-group-foreground-color - The foreground-color property for the expander group.
 * @cssprop {unknown} --expander-group-border-color - The border-color property for the expander group.
 * @cssprop {unknown} --expander-group-border-width - The border-width property for the expander group.
 * @cssprop {unknown} --expander-group-border-radius - The border-radius property for the expander group.
 * @cssprop {unknown} --expander-group-border-style - The border-style property for the expander group.
 * @cssprop {unknown} --expander-group-transition-duration - The transition duration for animations.
 * @cssprop {unknown} --expander-group-transition-mode - The transition mode for animations.
 * @cssprop {unknown} --expander-group-transition-property - The transition property for animations.
 * @cssprop {unknown} --expander-group-padding-top - The padding-top property for the expander group.
 * @cssprop {unknown} --expander-group-padding-left - The padding-left property for the expander group.
 * @cssprop {unknown} --expander-group-padding-bottom - The padding-bottom property for the expander group.
 * @cssprop {unknown} --expander-group-padding-right - The padding-right property for the expander group.
 * @cssprop {unknown} --expander-group-gap - The gap between items in the expander group.
 *
 * @dependency {ExpanderElement} - The Expander element used within the group.
 *
 * @public
 */
export declare class ExpanderGroupElement extends ExpanderGroupElement_base implements IExpanderGroupElementProps, ISlottable {
    private readonly _keyboardController;
    private readonly _toggled;
    private readonly _itemSubscriptions;
    private _lastTriggeredExpander;
    private _mode;
    private _direction;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `{@link is}` property.
     * The `{@link is}` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `mode` property.
     *
     * @public
     * @attr
     */
    get mode(): ExpansionMode;
    set mode(value: ExpansionMode);
    /**
     * Gets or sets the `direction` property.
     *
     * @public
     * @attr
     */
    get direction(): ExpandDirection;
    set direction(value: ExpandDirection);
    /**
     * Called when the expander item is toggled.
     * Provides reference to `{@link IEventDetail}` as event detail.
     *
     * @public
     * @readonly
     * @eventProperty
     */
    get toggled(): IEventEmitter<IEventDetail<this>>;
    /**
     * @public
     */
    collapse(expander: ExpanderElement): void;
    /**
     * @public
     */
    expand(expander: ExpanderElement): void;
    /**
     * @public
     * @override
     */
    connectedCallback(): void;
    /**
     * @public
     * @override
     */
    onSlotChanges(): void;
    /**
     * Emits the {@link toggled} event.
     *
     * @protected
     */
    protected onToggled(args: IEventDetail): void;
    /**
     * @protected
     */
    protected onModePropertyChanged(prev: ExpansionMode, next: ExpansionMode): void;
    /**
     * @protected
     */
    protected onDisabledPropertyChange(_prev?: boolean, next?: boolean): void;
    /**
     * @protected
     */
    protected onAppearancePropertyChange(_prev?: Appearance, next?: Appearance): void;
    /**
     * @protected
     */
    protected onVariantPropertyChange(_prev?: Variant, next?: Variant): void;
    /**
     * @protected
     */
    protected onDirPropertyChange(_prev?: FlowDirection, next?: FlowDirection): void;
    /**
     * @protected
     */
    protected onDirectionPropertyChanged(_prev?: ExpandDirection, next?: ExpandDirection): void;
    /**
     * @private
     */
    private getSlotItems;
    /**
     * @private
     */
    private getEnabledSlotItems;
}
/**
 * @public
 */
export declare namespace ExpanderGroupElement {
    type Props = IExpanderGroupElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-expander-group': ExpanderGroupElement;
    }
    interface HTMLElementEventMap {
        expanderChanged: CustomEvent<IEventDetail>;
    }
}
export {};
//# sourceMappingURL=ExpanderGroupElement.d.ts.map