import * as i0 from '@angular/core';
import { AfterViewChecked, OnInit, OnDestroy, EventEmitter, TemplateRef, OnChanges, AfterViewInit, SimpleChanges, ElementRef, TrackByFunction, QueryList } from '@angular/core';
import * as i1 from '@skyux/theme';
import * as i2 from '@angular/common';
import * as i3 from '@skyux/icon';
import * as i1$1 from '@skyux/i18n';
import * as i3$1 from '@skyux/help-inline';
import * as i5 from '@skyux/core';
import { Subject, BehaviorSubject, Observable } from 'rxjs';

type SkyIndicatorDescriptionType = 'attention' | 'caution' | 'completed' | 'custom' | 'danger' | 'error' | 'important-info' | 'important-warning' | 'none' | 'success' | 'warning';

type SkyIndicatorIconType = 'danger' | 'info' | 'success' | 'warning';

declare class SkyAlertComponent implements AfterViewChecked, OnInit, OnDestroy {
    #private;
    /**
     * The style for the alert, which determines the icon and background color.
     * The valid options are `danger`, `info`, `success`, and `warning`.
     * @default "warning"
     */
    set alertType(value: SkyIndicatorIconType | undefined);
    /**
     * Whether to include a close button for users to dismiss the alert.
     * @default false
     */
    closeable: boolean | undefined;
    /**
     * Whether the alert is closed.
     * @default false
     */
    closed: boolean | undefined;
    /**
     * The predefined text to be read by screen readers for users who cannot see the alert icon.
     * This property is optional but will be required in future versions of SKY UX.
     */
    set descriptionType(value: SkyIndicatorDescriptionType | undefined);
    get descriptionType(): SkyIndicatorDescriptionType | undefined;
    /**
     * The text to be read by screen readers for users who cannot see
     * the indicator icon when `descriptionType` is `custom`.
     */
    set customDescription(value: string | undefined);
    get customDescription(): string | undefined;
    /**
     * Fires when users close the alert.
     */
    closedChange: EventEmitter<boolean>;
    iconName: string;
    alertTypeOrDefault: SkyIndicatorIconType;
    descriptionComputed: string | undefined;
    ngOnInit(): void;
    ngAfterViewChecked(): void;
    ngOnDestroy(): void;
    close(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyAlertComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyAlertComponent, "sky-alert", never, { "alertType": { "alias": "alertType"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "closed": { "alias": "closed"; "required": false; }; "descriptionType": { "alias": "descriptionType"; "required": false; }; "customDescription": { "alias": "customDescription"; "required": false; }; }, { "closedChange": "closedChange"; }, never, ["*"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
}

/**
 * Import into any component library module that needs to use resource strings.
 */
declare class SkyIndicatorsResourcesModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyIndicatorsResourcesModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIndicatorsResourcesModule, never, never, [typeof i1$1.SkyI18nModule]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyIndicatorsResourcesModule>;
}

declare class SkyAlertModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyAlertModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAlertModule, [typeof SkyAlertComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof SkyIndicatorsResourcesModule, typeof i1.SkyThemeModule], [typeof SkyAlertComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyAlertModule>;
}

/**
 * Creates an accessible button that wraps the chevron icon.
 * @internal
 */
declare class SkyChevronComponent {
    /**
     * The element whose contents are controlled by the chevron.
     * This sets the chevron's `aria-controls` attribute
     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
     * For more information about the `aria-controls` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-controls).
     */
    ariaControls: string | undefined;
    /**
     * The ARIA label for the chevron. This sets the chevron's `aria-label` attribute to provide a text equivalent for screen readers
     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
     * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
     */
    ariaLabel: string | undefined;
    /**
     * The direction that the chevron points, which can be up or down.
     */
    set direction(value: string | undefined);
    /**
     * Whether to disable the chevron button.
     */
    disabled: boolean;
    /**
     * Fires when the direction of the chevron changes.
     */
    directionChange: EventEmitter<string>;
    ariaExpanded: boolean;
    directionOrDefault: string;
    chevronClick(event: Event): void;
    chevronKeyDown(event: KeyboardEvent): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyChevronComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyChevronComponent, "sky-chevron", never, { "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "directionChange": "directionChange"; }, never, never, false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
}

/**
 * Displays a chevron icon.
 * @internal
 */
declare class SkyExpansionIndicatorComponent {
    /**
     * The direction that the chevron points, which can be up or down.
     */
    set direction(value: string | undefined);
    directionOrDefault: string;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyExpansionIndicatorComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyExpansionIndicatorComponent, "sky-expansion-indicator", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
}

declare class SkyExpansionIndicatorModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyExpansionIndicatorModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyExpansionIndicatorModule, [typeof SkyExpansionIndicatorComponent], [typeof i2.CommonModule, typeof i1.SkyThemeModule], [typeof SkyExpansionIndicatorComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyExpansionIndicatorModule>;
}

/**
 * @internal
 */
declare class SkyChevronModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyChevronModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyChevronModule, [typeof SkyChevronComponent], [typeof i2.CommonModule, typeof SkyIndicatorsResourcesModule, typeof i1.SkyThemeModule, typeof SkyExpansionIndicatorModule], [typeof SkyChevronComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyChevronModule>;
}

/**
 * Resolves information about spot illustrations.
 */
declare abstract class SkyIllustrationResolverService {
    /**
     * Resolves a URL for the specified illustration name to render in an `img`.
     */
    abstract resolveUrl(name: string): Promise<string>;
    /**
     * Resolves the `href` of the SVG element to reference in `use`.
     * If both an `href` and a URL are resolved, the SVG with `href` will be rendered.
     */
    resolveHref(name: string): Promise<string>;
    /**
     * Gets the names of all available illustrations.
     */
    getNames(): Promise<string[]>;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyIllustrationResolverService, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<SkyIllustrationResolverService>;
}

type SkyIllustrationSize = 'sm' | 'md' | 'lg' | 'xl';

/**
 * Displays a spot illustration at the specified size.
 */
declare class SkyIllustrationComponent {
    #private;
    /**
     * The name of the illustration to display.
     * @required
     */
    readonly name: i0.InputSignal<string>;
    /**
     * The size of the illustration.
     * @required
     */
    readonly size: i0.InputSignal<SkyIllustrationSize>;
    protected readonly url: i0.Signal<string | undefined>;
    protected readonly svgHref: i0.Signal<string | undefined>;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyIllustrationComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIllustrationComponent, "sky-illustration", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
}

declare class SkyIllustrationModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyIllustrationModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIllustrationModule, never, [typeof SkyIllustrationComponent], [typeof SkyIllustrationComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyIllustrationModule>;
}

type SkyKeyInfoLayoutType = 'horizontal' | 'vertical';

declare class SkyKeyInfoComponent {
    /**
     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
     * placed beside the key info. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help) as configured by the application.
     */
    helpKey: string | undefined;
    /**
     * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
     * button is added to the key info. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
     * when clicked using the specified content and optional title.
     */
    helpPopoverContent: string | TemplateRef<unknown> | undefined;
    /**
     * The title of the help popover. This property only applies when `helpPopoverContent` is
     * also specified.
     */
    helpPopoverTitle: string | undefined;
    /**
     * The layout for the key info. The vertical layout places the label under the
     * value, while the horizontal layout places the label beside the value.
     * @default "vertical"
     */
    layout: SkyKeyInfoLayoutType | undefined;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "helpKey": { "alias": "helpKey"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"], true, never>;
}

/**
 * Specifies a label to display in smaller text under or beside the value.
 * To display a help button beside the label, include a help button element, such as `sky-help-inline`,
 * in the `sky-key-info` element and a `sky-control-help` CSS class on that help button element.
 * @required
 */
declare class SkyKeyInfoLabelComponent {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoLabelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoLabelComponent, "sky-key-info-label", never, {}, {}, never, ["*"], true, never>;
}

/**
 * Specifies a value to display in larger, bold text.
 * @required
 */
declare class SkyKeyInfoValueComponent {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoValueComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoValueComponent, "sky-key-info-value", never, {}, {}, never, ["*"], true, never>;
}

declare class SkyKeyInfoModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyKeyInfoModule, never, [typeof SkyKeyInfoComponent, typeof SkyKeyInfoLabelComponent, typeof SkyKeyInfoValueComponent], [typeof SkyKeyInfoComponent, typeof SkyKeyInfoLabelComponent, typeof SkyKeyInfoValueComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyKeyInfoModule>;
}

type SkyLabelType = 'danger' | 'info' | 'success' | 'warning';

declare class SkyLabelComponent implements AfterViewChecked, OnDestroy, OnInit {
    #private;
    /**
     * The type of label to display.
     * @default 'info'
     */
    set labelType(value: SkyLabelType | undefined);
    /**
     * The predefined text to be read by screen readers for users who cannot see the indicator icon.
     * This property is optional but will be required in future versions of SKY UX.
     */
    set descriptionType(value: SkyIndicatorDescriptionType | undefined);
    get descriptionType(): SkyIndicatorDescriptionType | undefined;
    /**
     * The text to be read by screen readers for users who cannot see
     * the indicator icon when `descriptionType` is `custom`.
     */
    set customDescription(value: string | undefined);
    get customDescription(): string | undefined;
    descriptionComputed: string | undefined;
    iconName: string;
    labelTypeOrDefault: SkyLabelType;
    ngOnInit(): void;
    ngAfterViewChecked(): void;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": { "alias": "labelType"; "required": false; }; "descriptionType": { "alias": "descriptionType"; "required": false; }; "customDescription": { "alias": "customDescription"; "required": false; }; }, {}, never, ["*"], false, never>;
}

declare class SkyLabelModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLabelModule, [typeof SkyLabelComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof SkyIndicatorsResourcesModule, typeof i1.SkyThemeModule], [typeof SkyLabelComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyLabelModule>;
}

/**
 * Displays status text with an icon matching the specified indicator type.
 * To display a help button beside the label, include a help button element, such as
 * `sky-help-inline`, in the `sky-status-indicator` element and a `sky-control-help`
 * CSS class on that help button element.
 */
declare class SkyStatusIndicatorComponent implements OnInit {
    #private;
    /**
     * The style for the status indicator, which determines the icon.
     * @default "warning"
     */
    set indicatorType(value: SkyIndicatorIconType);
    /**
     * The predefined text to be read by screen readers for users who
     * cannot see the indicator icon.
     * @required
     */
    set descriptionType(value: SkyIndicatorDescriptionType | undefined);
    get descriptionType(): SkyIndicatorDescriptionType | undefined;
    /**
     * The text to be read by screen readers for users who cannot see
     * the indicator icon when `descriptionType` is `custom`.
     */
    set customDescription(value: string | undefined);
    get customDescription(): string | undefined;
    /**
     * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
     * button is added to the status indicator. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
     * when clicked using the specified content and optional title.
     */
    helpPopoverContent: string | TemplateRef<unknown> | undefined;
    /**
     * The title of the help popover. This property only applies when `helpPopoverContent` is
     * also specified.
     */
    helpPopoverTitle: string | undefined;
    /**
     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
     * placed beside the status indicator label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help) as configured by the application.
     */
    helpKey: string | undefined;
    descriptionComputed: string | undefined;
    iconName: string;
    indicatorTypeOrDefault: SkyIndicatorIconType;
    ngOnInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyStatusIndicatorComponent, "sky-status-indicator", never, { "indicatorType": { "alias": "indicatorType"; "required": false; }; "descriptionType": { "alias": "descriptionType"; "required": false; }; "customDescription": { "alias": "customDescription"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["*", ".sky-control-help"], false, never>;
}

declare class SkyStatusIndicatorModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyStatusIndicatorModule, [typeof SkyStatusIndicatorComponent], [typeof i2.CommonModule, typeof i3$1.SkyHelpInlineModule, typeof i3.SkyIconModule, typeof i5.SkyIdModule, typeof SkyIndicatorsResourcesModule, typeof i1.SkyThemeModule, typeof i5.SkyTrimModule], [typeof SkyStatusIndicatorComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyStatusIndicatorModule>;
}

/**
 * Highlights all matching text within the current DOM element.
 */
declare class SkyTextHighlightDirective implements OnChanges, AfterViewInit, OnDestroy {
    #private;
    /**
     * The text to highlight.
     */
    set skyHighlight(value: string | string[] | undefined);
    readonly highlight = true;
    ngOnChanges(changes: SimpleChanges): void;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextHighlightDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTextHighlightDirective, "[skyHighlight]", never, { "skyHighlight": { "alias": "skyHighlight"; "required": false; }; }, {}, never, never, true, never>;
}

declare class SkyTextHighlightModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextHighlightModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTextHighlightModule, never, [typeof SkyTextHighlightDirective], [typeof SkyTextHighlightDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyTextHighlightModule>;
}

declare class SkyTokenComponent {
    #private;
    /**
     * Whether to disable the token to prevent users from selecting it, dismissing it,
     * or navigating to it with the arrow keys. When the token is disabled,
     * users can still place focus on it using the `Tab` key.
     * @default false
     */
    set disabled(value: boolean | undefined);
    get disabled(): boolean;
    /**
     * The ARIA label for the token's close button. This sets the button's `aria-label` to provide a text equivalent for screen readers
     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
     * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
     * @default "Remove item"
     */
    ariaLabel: string | undefined;
    /**
     * Whether users can remove the token from the list by selecting the close button.
     * @default true
     */
    set dismissible(value: boolean | undefined);
    get dismissible(): boolean;
    /**
     * Whether users can place focus on the token using the `Tab`. This does not
     * affect the ability to select the token, dismiss it, or navigate to it with the arrow keys.
     * @default true
     */
    set focusable(value: boolean | undefined);
    /**
     * Used by the tokens component to set the appropriate role for each token.
     * @internal
     */
    role: string | undefined;
    /**
     * Fires when users click the close button.
     */
    dismiss: EventEmitter<void>;
    /**
     * Fires when users place focus on the token by navigating to it with the `Tab` key.
     */
    tokenFocus: EventEmitter<void>;
    actionButtonRef: ElementRef | undefined;
    isFocused: boolean;
    tokenActive: boolean;
    closeActive: boolean;
    tabIndex: number;
    protected onFocusIn(): void;
    protected onFocusOut(event: FocusEvent): void;
    dismissToken(event: Event): void;
    focusElement(): void;
    setTokenActive(tokenActive: boolean): void;
    setCloseActive(closeActive: boolean): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokenComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"], false, never>;
}

interface SkyToken<T = any> {
    /**
     * The token's value. The `sky-tokens` component uses its `displayWith`
     * property to determine which of the value's properties to use as the token's label.
     */
    value: T;
}

interface SkyTokenSelectedEventArgs<T = any> {
    /**
     * The currently selected token.
     */
    token?: SkyToken<T>;
}

declare enum SkyTokensMessageType {
    /**
     * Places focus on the last token in the list.
     */
    FocusLastToken = 0,
    /**
     * Places focus on the token that is currently selected.
     */
    FocusActiveToken = 1,
    /**
     * Places focus on the token before the currently selected token.
     */
    FocusPreviousToken = 2,
    /**
     * Places focus on the token after the currently selected token.
     */
    FocusNextToken = 3,
    /**
     * Removes the token that is currently selected from the list of tokens.
     */
    RemoveActiveToken = 4
}

interface SkyTokensMessage {
    /**
     * The type of message.
     */
    type?: SkyTokensMessageType;
}

/**
 * Creates a container that enables navigation between tokens using keyboard arrow keys.
 * This is useful when combined with other components where the <kbd>Tab</kbd> key is
 * reserved for other functions, such as the SKY UX Lookup component.
 */
declare class SkyTokensComponent implements OnDestroy {
    #private;
    /**
     * Whether to disable the tokens list to prevent users from selecting tokens,
     * dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
     * is disabled, users can still place focus on items in the list using the `Tab` key.
     * @default false
     */
    set disabled(value: boolean | undefined);
    get disabled(): boolean;
    /**
     * Whether users can remove a token from the list by selecting a token's close button.
     * @default true
     */
    set dismissible(value: boolean | undefined);
    get dismissible(): boolean;
    /**
     * The token property to display for each item in the tokens list.
     * @default "name"
     */
    set displayWith(value: string | undefined);
    get displayWith(): string;
    /**
     * The token property that represents the token's unique identifier. When this property
     * is set, animations are enabled when dismissing tokens.
     */
    trackWith: string | undefined;
    /**
     * Whether users can place focus on tokens in the list using the `Tab` key.
     * This does not affect the ability of users to select tokens, dismiss tokens,
     * or navigate through the list with the arrow keys.
     * @default true
     */
    set focusable(value: boolean | undefined);
    get focusable(): boolean;
    /**
     * The array of tokens to include in the list.
     */
    set tokens(value: SkyToken[] | undefined);
    get tokens(): SkyToken[];
    /**
     * The observable of `SkyTokensMessage` that can place focus on a
     * particular token or remove the active token from the list.
     */
    set messageStream(value: Subject<SkyTokensMessage> | undefined);
    get messageStream(): Subject<SkyTokensMessage>;
    /**
     * Fires when users navigate through the tokens list with the `Tab` key
     * and attempt to move past the final token in the list.
     */
    focusIndexOverRange: EventEmitter<void>;
    /**
     * Fires when users navigate through the tokens list with the `Tab` key
     * and attempt to move before the first token in the list.
     */
    focusIndexUnderRange: EventEmitter<void>;
    /**
     * Fires when users select a token in the list. This event emits the selected token.
     */
    tokenSelected: EventEmitter<SkyTokenSelectedEventArgs<any>>;
    /**
     * Fires when the tokens in the list change.
     * This event emits an array of the tokens in the updated list.
     */
    tokensChange: EventEmitter<SkyToken<any>[]>;
    /**
     * Fires when all animations on the tokens are complete.
     * @internal
     */
    tokensRendered: EventEmitter<void>;
    get activeIndex(): number;
    set activeIndex(value: number);
    trackTokenFn: TrackByFunction<SkyToken>;
    tokenComponents: QueryList<SkyTokenComponent> | undefined;
    /**
     * Tracks whether the component has completed its initial render.
     * Used to suppress enter animations on first load.
     */
    protected readonly animationReady: i0.WritableSignal<boolean>;
    constructor();
    ngOnDestroy(): void;
    onTokenClick(token: SkyToken): void;
    onTokenKeyDown(event: KeyboardEvent): void;
    selectToken(token: SkyToken): void;
    removeToken(token: SkyToken): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokensComponent, "sky-tokens", never, { "disabled": { "alias": "disabled"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "trackWith": { "alias": "trackWith"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "tokens": { "alias": "tokens"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; }, { "focusIndexOverRange": "focusIndexOverRange"; "focusIndexUnderRange": "focusIndexUnderRange"; "tokenSelected": "tokenSelected"; "tokensChange": "tokensChange"; "tokensRendered": "tokensRendered"; }, never, ["*"], false, never>;
}

declare class SkyTokensModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTokensModule, [typeof SkyTokenComponent, typeof SkyTokensComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof SkyIndicatorsResourcesModule, typeof i5.SkyIdModule, typeof i5.SkyScreenReaderLabelDirective], [typeof SkyTokenComponent, typeof SkyTokensComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyTokensModule>;
}

declare class SkyWaitComponent implements OnInit, OnDestroy {
    #private;
    /**
     * The ARIA label for the wait icon.
     * This sets the icon's `aria-label` attribute to provide a text equivalent for screen readers
     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when an element or page loads and when users tab to a wait icon.
     * The default value varies based on whether the wait is for an element or a page and whether it is a blocking wait. For example, the default for a page-level blocking wait is "Page loading. Please wait."
     * For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
     * "For more information, see the Design tab and the [WAI-ARIA `aria-label` definition](https://www.w3.org/TR/wai-aria/#aria-label).
     */
    set ariaLabel(value: string | undefined);
    /**
     * When set to `true`, wait indication appears on the parent element of the `sky-wait` component.
     */
    set isWaiting(value: boolean | undefined);
    get isWaiting(): boolean | undefined;
    /**
     * When set to `true`, wait indication appears on the page level instead of the
     * parent element level. We recommend that you use the `beginBlockingPageWait` or
     * `beginNonBlockingPageWait` functions of the `SkyWaitService` instead of setting this
     * on the component level.
     * @default false
     */
    set isFullPage(value: boolean | undefined);
    get isFullPage(): boolean | undefined;
    /**
     * When set to `true`, wait indication appears in the bottom left corner of the element
     * instead of hiding the entire parent element.
     * @default false
     */
    set isNonBlocking(value: boolean | undefined);
    get isNonBlocking(): boolean | undefined;
    /**
     * Screen reader text [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when the wait toggles off.
     *  The default varies based on whether the wait is for an element or a page.
     * For example, the default for a page-level wait is "Page loading complete."
     * For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
     * For more information, see the Design tab and the [WCAG documentation on status messages](https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html).
     */
    set screenReaderCompletedText(value: string | undefined);
    ariaLabelStream: BehaviorSubject<string>;
    ariaLiveText: string;
    screenReaderCompletedTextStream: BehaviorSubject<string>;
    ngOnInit(): void;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "isWaiting": { "alias": "isWaiting"; "required": false; }; "isFullPage": { "alias": "isFullPage"; "required": false; }; "isNonBlocking": { "alias": "isNonBlocking"; "required": false; }; "screenReaderCompletedText": { "alias": "screenReaderCompletedText"; "required": false; }; }, {}, never, never, true, never>;
}

declare class SkyWaitModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyWaitModule, never, [typeof SkyWaitComponent], [typeof SkyWaitComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkyWaitModule>;
}

declare class SkyWaitService {
    #private;
    /**
     * Starts a blocking page wait on the page.
     */
    beginBlockingPageWait(): void;
    /**
     * Starts a non-blocking page wait on the page.
     */
    beginNonBlockingPageWait(): void;
    /**
     * Ends a blocking page wait on the page. Blocking page wait indication
     * is removed when all running blocking page waits are ended.
     */
    endBlockingPageWait(): void;
    /**
     * Ends a non-blocking page wait on the page. Non-blocking page wait indication
     * is removed when all running non-blocking page waits are ended.
     */
    endNonBlockingPageWait(): void;
    /**
     * Clears all blocking and non-blocking page waits on the page.
     */
    clearAllPageWaits(): void;
    /**
     * @internal
     */
    dispose(): void;
    /**
     * Launches a page wait and automatically stops when the specific asynchronous event completes.
     */
    blockingWrap<T>(observable: Observable<T>): Observable<T>;
    /**
     * Launches a non-blocking page wait and automatically stops when the specific
     * asynchronous event completes.
     */
    nonBlockingWrap<T>(observable: Observable<T>): Observable<T>;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitService, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitService>;
}

export { SkyAlertModule, SkyChevronModule, SkyExpansionIndicatorModule, SkyIllustrationModule, SkyIllustrationResolverService, SkyKeyInfoModule, SkyLabelModule, SkyStatusIndicatorModule, SkyTextHighlightDirective, SkyTextHighlightModule, SkyTokensMessageType, SkyTokensModule, SkyWaitModule, SkyWaitService, SkyAlertComponent as λ1, SkyStatusIndicatorComponent as λ10, SkyTextHighlightDirective as λ11, SkyTokenComponent as λ12, SkyTokensComponent as λ13, SkyWaitComponent as λ14, SkyExpansionIndicatorComponent as λ15, SkyIllustrationComponent as λ16, SkyChevronComponent as λ2, SkyKeyInfoLabelComponent as λ6, SkyKeyInfoValueComponent as λ7, SkyKeyInfoComponent as λ8, SkyLabelComponent as λ9 };
export type { SkyIllustrationSize, SkyIndicatorDescriptionType, SkyIndicatorIconType, SkyKeyInfoLayoutType, SkyLabelType, SkyToken, SkyTokenSelectedEventArgs, SkyTokensMessage };