import * as i0 from '@angular/core';
import { OnChanges, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, InjectionToken, AfterViewChecked, ModuleWithProviders } from '@angular/core';
import { Directionality } from '@angular/cdk/bidi';
import * as i4 from '@ngneat/content-loader';
import { ContentLoaderComponent } from '@ngneat/content-loader';
import * as i3 from '@angular/common';
import * as i5 from '@bravura/ui/common';

/**
 * Use the [Create React Content Loader](https://skeletonreact.com/) to create your custom skeleton loaders;
 *
 * Add the resulting `svg` elements as the content children of a `<bui-skeleton>` component.
 *
 * The component `bui-skeleton` extends `content-loader` from [ngneat/content-loader](https://github.com/ngneat/content-loader).
 *
 * You can also choose from one of the presets registered by the `SKELETON_PRESETS` injection token.
 *
 * The following code snippets demonstrate how to register a preset:
 *
 * ```typescript
 * @import {SkeletonsModule} from '@bravura/ui/skeletons';
 * @import htmlWithSvgElements from './custom-loader1.html';
 *
 * @NgModule({
 *   imports: [SkeletonsModule.forConfig({ presets: {
 *     custom1: { viewBox: '0 0 400 100', content: htmlWithSvgElements }
 *   }})]
 * })
 * export class MyModule {}
 * ```
 *
 * custom-loader1.html:
 *
 * ```html
 * <rect x="50" y="6" rx="4" ry="4" width="343" height="38" />
 * <rect x="8" y="6" rx="4" ry="4" width="35" height="38" />
 * ```
 */
declare class SkeletonLoaderComponent extends ContentLoaderComponent implements OnChanges, OnDestroy {
    private _cdRef;
    private _dir;
    private _destroyed$;
    constructor(elemRef: ElementRef<HTMLElement>, _cdRef: ChangeDetectorRef, _dir: Directionality);
    ngOnDestroy(): void;
    ngOnChanges(changes: SimpleChanges): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "bui-skeleton", never, {}, {}, never, never, false, never>;
}

type SkeletonPreset = {
    viewBox: string;
    content: string;
};
type SkeletonPresets = {
    [key: string]: SkeletonPreset;
};
declare const SKELETON_PRESETS: InjectionToken<SkeletonPresets>;
declare const DEFAULT_PRESETS: SkeletonPresets;
declare class SkeletonLoaderPresetsDirective implements AfterViewChecked {
    private _skeletonComponent;
    private _elementRef;
    /** Select the SVG elements from one of the presets. */
    preset?: string;
    private _allPresets;
    constructor(_skeletonComponent: SkeletonLoaderComponent, _elementRef: ElementRef<HTMLElement>, _presetList: SkeletonPresets[]);
    ngAfterViewChecked(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderPresetsDirective, [{ host: true; }, null, null]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonLoaderPresetsDirective, "bui-skeleton[preset]", never, { "preset": { "alias": "preset"; "required": false; }; }, {}, never, never, false, never>;
}

declare class SkeletonsModule {
    static forConfig(config?: {
        presets?: SkeletonPresets;
    }): ModuleWithProviders<SkeletonsModule>;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonsModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonsModule, [typeof SkeletonLoaderComponent, typeof SkeletonLoaderPresetsDirective], [typeof i3.CommonModule, typeof i4.ContentLoaderModule, typeof i5.BuiCommonModule], [typeof i4.ContentLoaderModule, typeof i5.BuiCommonModule, typeof SkeletonLoaderComponent, typeof SkeletonLoaderPresetsDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonsModule>;
}

export { DEFAULT_PRESETS, SKELETON_PRESETS, SkeletonLoaderComponent, SkeletonLoaderPresetsDirective, SkeletonsModule };
export type { SkeletonPreset, SkeletonPresets };