import * as i0 from '@angular/core';
import { TemplateRef, ElementRef, AfterContentInit, OnInit, EventEmitter, QueryList, ChangeDetectorRef } from '@angular/core';
import * as i1 from '@daffodil/design';
import { DaffDisableable, DaffDisableableDirective, DaffPrefixDirective, DaffSuffixDirective, DaffSelectableDirective } from '@daffodil/design';
import { Location } from '@angular/common';
import { Params } from '@angular/router';

/**
 * Tab is a single tab in the tablist that is used to group the label of a tab panel and the tab panel together.
 *
 * A `<daff-tab>` should include the DaffTabLabelComponent and DaffTabPanelComponent components in order to properly structure the UI.
 *
 * @example
 * ```html
 * <daff-tab>
 * 	<daff-tab-label>
 * 		<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
 * 		Tab 1
 * 	</daff-tab-label>
 * 	<daff-tab-panel>
 * 		Tab 1 Panel
 * 	</daff-tab-panel>
 * </daff-tab>
 * ```
 */
declare class DaffTabComponent implements DaffDisableable {
    private disabledDirective;
    /**
     * @docs-private
     *
     * Whether the tab is disabled.
     */
    get disabled(): boolean;
    /**
     * @docs-private
     */
    contentRef: TemplateRef<any>;
    /**
     * @docs-private
     */
    labelRef: TemplateRef<any>;
    /**
     * A unique id for the tab component. Defaults to an autogenerated value. When using this,
     * it's your responsibility to ensure that the id for each tab is unique.
     */
    id: string;
    /**
     * @docs-private
     */
    panelId: string;
    constructor(disabledDirective: DaffDisableableDirective);
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabComponent, "daff-tab", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["daff-tab-label", "daff-tab-panel"], true, [{ directive: typeof i1.DaffDisableableDirective; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
}

/**
 * Tab label is the clicakble label that activates its corresponding tab panel. Labels can contain text, icons, or both.
 *
 * @example
 * ```html
 * <daff-tab-label>
 *  <div daffPrefix></div>
 *  Label
 *  <div daffSuffix></div
 * </daff-tab-Label>
 * ```
 */
declare class DaffTabLabelComponent {
    /**
     * @docs-private
     */
    _prefix: DaffPrefixDirective;
    /**
     * @docs-private
     */
    _suffix: DaffSuffixDirective;
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabLabelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabLabelComponent, "daff-tab-label", never, {}, {}, ["_prefix", "_suffix"], ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
}

/**
 * Tab panel is the content area displayed when a tab is active.
 *
 * @example
 * ```html
 * <daff-tab-panel>
 *  <!-- Tab panel content goes here -->
 * </daff-tab-panel>
 * ```
 */
declare class DaffTabPanelComponent {
    private tab;
    private _id;
    /**
     * @docs-private
     *
     * Dynamically binds the tab panel's id to a unique value generated from the associated tab's panelId.
     */
    get tabPanelId(): string;
    private _ariaLabelledBy;
    /**
     * @docs-private
     */
    get ariaLabelledBy(): string;
    constructor(tab: DaffTabComponent);
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabPanelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabPanelComponent, "daff-tab-panel", never, {}, {}, never, ["*"], true, never>;
}

declare class DaffTabActivatorComponent {
    private el;
    private selectableDirective;
    /**
     * @docs-private
     *
     * Sets `aria-selected` to true if the component is selected and false if it's not selected.
     */
    get ariaSelected(): boolean;
    /**
     * @docs-private
     *
     * Sets `tabindex` to `0` if the component is selected and `-1` if it's not selected.
     */
    get tabIndex(): "0" | "-1";
    constructor(el: ElementRef, selectableDirective: DaffSelectableDirective);
    /**
     * The html id of the tab activator component
     */
    tabActivatorId: string;
    panelId: string;
    /**
     * Sets focus to the native element of the component.
     */
    focus(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabActivatorComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabActivatorComponent, "button[daff-tab-activator],a[daff-tab-activator]", never, { "tabActivatorId": { "alias": "tabActivatorId"; "required": false; }; "panelId": { "alias": "panelId"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffSelectableDirective; inputs: { "selected": "selected"; }; outputs: {}; }]>;
}

/**
 * Tabs provide a way to navigate between panels that display related content without leaving the page.
 *
 * @example
 * ```html
 * <daff-tabs aria-label="List of tabs">
 * 	<daff-tab>
 * 		<daff-tab-label>
 * 			<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
 * 			Tab 1
 * 		</daff-tab-label>
 * 		<daff-tab-panel>
 * 			Tab 1 Panel
 * 		</daff-tab-panel>
 * 	</daff-tab>
 * 	<daff-tab>
 * 		<daff-tab-label>
 * 			Tab 2
 * 			<fa-icon [icon]="faInfoCircle" daffSuffix></fa-icon>
 * 		</daff-tab-label>
 * 		<daff-tab-panel>
 * 			Tab 2 Panel
 * 		</daff-tab-panel>
 * 	</daff-tab>
 * </daff-tabs>
 * ```
 */
declare class DaffTabsComponent implements AfterContentInit, OnInit {
    private cdRef;
    private location;
    /**
     * @docs-private
     *
     * The currently selected tab. This property is dynamically updated when a user selects a tab.
     */
    selectedTab: string;
    /**
     * The tab that is selected on initial load. If it's not used, the first tab in the tablist will be selected by default.
     */
    initiallySelected: string;
    /**
     * `aria-label` to label the tablist.
     */
    ariaLabel: string;
    /**
     * Replace the tab buttons as links.
     */
    linkMode: boolean;
    /**
     * The URL to navigate to when the component is in link mode.
     * This component will set the specified query param.
     */
    url?: string;
    /**
     * The query parameter that the tabs component will use to set the tab value in link mode.
     */
    queryParam: string;
    /**
     * Event emitted when tab selection changes.
     */
    tabChange: EventEmitter<string>;
    /**
     * @docs-private
     */
    _labels: QueryList<DaffTabLabelComponent>;
    /**
     * @docs-private
     */
    _tabs: QueryList<DaffTabComponent>;
    /**
     * @docs-private
     */
    _tabActivators: QueryList<DaffTabActivatorComponent>;
    /**
     * @docs-private
     */
    get currentPath(): string;
    constructor(cdRef: ChangeDetectorRef, location: Location);
    private reset;
    /**
     * @docs-private
     */
    ngOnInit(): void;
    /**
     * @docs-private
     */
    ngAfterContentInit(): void;
    /**
     * @docs-private
     *
     * Selects a tab and sets focus on the selected tab.
     */
    select(tabId: string): void;
    /**
     * Navigates through the tabs based on the given offset.
     * Moves forward or backward in the tab array, wrapping around when necessary.
     */
    private navigateTabs;
    /**
     * @docs-private
     */
    _buildQueryParams(tab: string): Params;
    /**
     * @docs-private
     *
     * Selects the previous tab and wraps around to the last tab if the first tab is currently selected.
     */
    previous(): void;
    /**
     * @docs-private
     *
     * Selects the next tab and wraps around to the first tab if the last tab is currently selected.
     */
    next(): void;
    /**
     * @docs-private
     *
     * Selects the first tab.
     */
    selectFirst(event: KeyboardEvent | null): void;
    /**
     * @docs-private
     *
     * Selects the last tab.
     */
    selectLast(event: KeyboardEvent | null): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabsComponent, "daff-tabs", never, { "initiallySelected": { "alias": "initiallySelected"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "tabChange": "tabChange"; }, ["_labels", "_tabs"], never, true, never>;
}

/**
 * @docs-private
 *
 * ```ts
 * import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
 * ```
 */
declare const DAFF_TABS_COMPONENTS: readonly [typeof DaffTabsComponent, typeof DaffTabLabelComponent, typeof DaffTabPanelComponent, typeof DaffTabComponent];

export { DAFF_TABS_COMPONENTS, DaffTabComponent, DaffTabLabelComponent, DaffTabPanelComponent, DaffTabsComponent };