import { BehaviorSubject } from 'rxjs';
import * as _angular_core from '@angular/core';
import { OnInit, EventEmitter, AfterContentInit, QueryList } from '@angular/core';

/**
 * Provides control and state of the sidepanel used in workspace-sidepanel.
 *
 * ### Import
 *
 * ```typescript
 * import { SidepanelService } from '@talenra/ngx-base/workspace-sidepanel';
 * ```
 */
declare class SidepanelService {
    /**
     * Provides whether the sidepanel is hidden. Note that the state
     * (hidden or visible) is kept even if the current layout does not involve
     * a sidepanel.
     *
     * Used by
     * - {@link WorkspaceSidepanelComponent}
     */
    readonly isHidden$: BehaviorSubject<boolean>;
    /**
     * Hide or show the sidepanel
     *
     * see {@link WorkspaceSidepanelComponent}
     */
    setHidden(isHidden: boolean): void;
    /**
     * Provides whether the sidepanel is expanded. Note that the state
     * (collapsed or expanded) is kept even if the current layout does not involve
     * a sidepanel.
     *
     * Used by
     * - {@link WorkspaceSidepanelComponent}
     */
    readonly isExpanded$: BehaviorSubject<boolean>;
    /**
     * Collapses or expands the sidepanel
     *
     * see {@link WorkspaceSidepanelComponent}
     */
    setExpanded(isExpanded: boolean): void;
    /**
     * Provides the sidepanel's state (current item).
     *
     * Used by
     * - {@link WorkspaceSidepanelComponent}
     */
    readonly selectedItem$: BehaviorSubject<string | null>;
    /**
     * Updates the current sidepanel item.
     */
    setSelectedItem(key: null | string): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidepanelService, never>;
    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidepanelService>;
}

/**
 * Represents an item displayed in the sidepanel section of a workspace-layout
 * of type "sidepanel".
 *
 * Used by
 * - {@link WorkspaceSidepanelComponent}
 *
 * ### Import
 *
 * ```typescript
 * import { SidepanelItem } from '@talenra/ngx-base/workspace-sidepanel';
 * ```
 */
interface SidepanelItem {
    /**
     * Unique key used to identify the item
     */
    key: string;
    /**
     * Label displayed to the user
     */
    label: string;
    /**
     * Identifier of the icon displayed. A list of all icons supported is included in the README of package
     * `@talenra/icons`.
     */
    icon: string;
    /**
     * A counter value attached to the label (visually represented as badge/call-out). Typically a number that represents
     * the number of items contained in this navigation item.
     */
    counter?: number;
    /**
     * The maximum value of the counter. If the counter value exceeds this limit, "<counterMax>+" will be displayed (e.g.
     * "99+").
     */
    counterMax?: number;
}

/**
 * Wrapper for content do be displayed in a sidepanel.
 *
 * see {@link WorkspaceSidepanelComponent}
 *
 * ### Import
 *
 * ```typescript
 * import { WorkspaceSidepanelModule } from '@talenra/ngx-base/workspace-sidepanel';
 * ```
 *
 * <example-url>../../#/workspace-layout/workspace-sidepanel</example-url>
 */
declare class SidepanelComponent implements OnInit {
    /**
     * Unique identifier for the sidepanel
     */
    key: string;
    /**
     * The name of the sidepanel as displayed to the user
     */
    label: string;
    /**
     * Identifier of the icon displayed. A list of all icons supported is
     * included in the README of package `@talenra/icons`.
     */
    icon: string;
    /**
     * A counter value attached to the icon (visually represented as badge/call-out). Typically a number that represents
     * the number of items contained in this sidepanel.
     */
    get counter(): number | undefined;
    /** Set counter value */
    set counter(value: number | undefined);
    private _counter?;
    /**
     * The maximum value of the counter. If the counter value exceeds this limit, "<counterMax>+" will be displayed (e.g.
     * "99+").
     *
     * ```html
     * <talenra-sidepanel ... counterMax="99"></talenra-sidepanel>
     * ```
     */
    get counterMax(): number | undefined;
    /** Set counterMax value */
    set counterMax(value: number | undefined);
    private _counterMax?;
    /**
     * Determine whether a vertical scroll is applied if the sidepanel's content
     * exceeds the available height.
     */
    useScroll: boolean;
    /**
     * Determine whether the panel shall indent its content horizontally (false)
     * or not (true). Be aware, that '{ fullwidth: true, useScroll: true }' will
     * render a space for the vertical scrollbar. Use '{ fullwidth: true, useScroll: false }'
     * will render the content edge-to-edge and gives you the opportunity to implement
     * a custom scroll behavior.
     */
    fullwidth: boolean;
    /**
     * Triggered whenever counter value is updated.
     */
    counterUpdate: EventEmitter<number>;
    /**
     * Triggered whenever counterMax value is updated.
     */
    counterMaxUpdate: EventEmitter<number>;
    private isSelected;
    private sidepanelService;
    private destroyRef;
    /** @internal */
    ngOnInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidepanelComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidepanelComponent, "talenra-sidepanel", never, { "key": { "alias": "key"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterMax": { "alias": "counterMax"; "required": false; }; "useScroll": { "alias": "useScroll"; "required": false; }; "fullwidth": { "alias": "fullwidth"; "required": false; }; }, { "counterUpdate": "counterUpdate"; "counterMaxUpdate": "counterMaxUpdate"; }, never, ["*"], true, never>;
    static ngAcceptInputType_counter: unknown;
    static ngAcceptInputType_counterMax: unknown;
    static ngAcceptInputType_useScroll: unknown;
    static ngAcceptInputType_fullwidth: unknown;
}

/**
 * Provides a template for content that involves the sidepanel feature.
 *
 * ### Import
 *
 * ```typescript
 * import { WorkspaceSidepanelModule } from '@talenra/ngx-base/workspace-sidepanel';
 * ```
 *
 * <example-url>../../#/workspace-layout/workspace-sidepanel</example-url>
 */
declare class WorkspaceSidepanelComponent implements AfterContentInit {
    /**
     * If true, the content passed to the component will be wrapped by Content Layout component that controls  the
     * vertical layout and behaviour (e.g. takes care of scrolling).
     *
     * ```html
     * <talenra-workspace-sidepanel useContentLayout>
     *   <div header>My header</div>
     *   <div sticky-bar>My toolbar</div>
     *   <div>My content</div>
     * </talenra-workspace-sidepanel>
     * ```
     *
     * @see {@link ContentLayoutComponent}
     */
    useContentLayout: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Determines whether the layout uses a header element. Has no effect if `useContentLayout` is `false`.
     *
     * ```html
     * <!-- As `useHeader` defaults `true`, you could safely omit the input in this case. -->
     * <talenra-workspace-sidepanel useContentLayout useHeader>
     *   <div header>My header</div>
     * </talenra-workspace-sidepanel>
     * ```
     *
     * @see {@link ContentLayoutComponent#useHeader}
     */
    useHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Determines whether the layout uses a sticky bar element. Has no effect if `useContentLayout` is `false`.
     *
     * ```html
     * <!-- As `useStickyBar` defaults `true`, you could safely omit the input in this case. -->
     * <talenra-workspace-sidepanel useContentLayout useStickyBar>
     *   <div sticky-bar>My sticky bar</div>
     * </talenra-workspace-sidepanel>
     */
    useStickyBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Determines whether the layout uses a sticky footer element. Has no effect if `useContentLayout` is `false`.
     *
     * @see {@link ContentLayoutComponent#useStickyFooter} for more information.
     *
     * @example
     * <!-- As `useStickyFooter` defaults `true`, you could safely omit the input in this case. -->
     * <talenra-workspace-sidepanel useContentLayout useStickyFooter>
     *   <div sticky-footer>My sticky footer</div>
     * </talenra-workspace-sidepanel>
     */
    useStickyFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Determines whether the content is allowed to take the full height and to cover the
     * header when scrolled. Has no effect if `useContentLayout` is `false`.
     *
     * @see {@link ContentLayoutComponent#overscrollHeader} for more information.
     *
     * @example
     * <talenra-workspace-sidepanel useContentLayout [overscrollHeader]="false">
     *   <div header>My header</div>
     *   <div>My scrollable Content</div>
     * </talenra-workspace-sidepanel>
     */
    overscrollHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Vertical offset of sidebar and panels
     *
     * @deprecation
     */
    headerHeightLegacy: _angular_core.InputSignalWithTransform<number, unknown>;
    /** @internal */
    panels: SidepanelItem[];
    /** Reference to Workspace Header instance's element */
    private headerElement;
    /** Resize Observer used to track header's height and align position of Sidepanels and Sidebar */
    private headerObserver;
    /** Height of the header element */
    private headerHeight;
    /** @internal */
    panelsContent: QueryList<SidepanelComponent>;
    /**
     * Determines whether UI transitions are active. Used to block transitions during initialization to prevent
     * flickering.
     */
    private useTransition;
    private readonly destroyRef;
    protected sidepanelService: SidepanelService;
    /** @internal */
    constructor();
    /** @internal */
    ngAfterContentInit(): void;
    /**
     * Read properties from panels and store in property `panels`
     */
    private initPanels;
    /**
     * This is fancy: We need to adjust the vertical offset of sidebar and panels
     * from _outside_. This method returns the styles needed. -> Better solutions
     * welcome!
     *
     * @internal
     */
    protected panelStyleAdjust: _angular_core.Signal<{
        marginTop: string;
        height: string;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WorkspaceSidepanelComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WorkspaceSidepanelComponent, "talenra-workspace-sidepanel", never, { "useContentLayout": { "alias": "useContentLayout"; "required": false; "isSignal": true; }; "useHeader": { "alias": "useHeader"; "required": false; "isSignal": true; }; "useStickyBar": { "alias": "useStickyBar"; "required": false; "isSignal": true; }; "useStickyFooter": { "alias": "useStickyFooter"; "required": false; "isSignal": true; }; "overscrollHeader": { "alias": "overscrollHeader"; "required": false; "isSignal": true; }; "headerHeightLegacy": { "alias": "headerHeight"; "required": false; "isSignal": true; }; }, {}, ["headerElement", "panelsContent"], ["[panel]", "[header]", "[sticky-bar]", "*", "[sticky-footer]"], true, never>;
}

export { SidepanelComponent, SidepanelService, WorkspaceSidepanelComponent };
export type { SidepanelItem };