import * as i0 from '@angular/core';
import { OnInit, TemplateRef, EventEmitter, Signal } from '@angular/core';
import * as i1 from '@daffodil/design';
import { DaffSkeletonableDirective } from '@daffodil/design';
import * as i1$1 from '@angular/common';

interface DaffMediaGalleryRegistration {
    id: string;
}

/**
 * DaffThumbnailDirective is a structural directive used to mark elements as thumbnails within the `DaffMediaGalleryComponent`.
 *
 * ```html
 * <ng-template daffThumbnail></ng-template>
 * ```
 */
declare class DaffThumbnailDirective implements OnInit {
    /**
     * @docs-private
     */
    gallery: DaffMediaGalleryRegistration;
    /**
     * @docs-private
     */
    templateRef: TemplateRef<unknown>;
    private _increment;
    /**
     * @docs-private
     *
     * The autogenerated unique id for a thumbnail.
     */
    get id(): string;
    /**
     * @docs-private
     *
     * The unique id of the selected thumbnail.
     */
    get selectedThumbnailId(): string;
    /**
     * The file path to a thumbnail, presumably an image.
     */
    thumbnailSrc: any;
    /**
     * Provides an accessible label for a thumbnail.
     */
    label: string;
    /** Indicates whether the thumbnail represents a video. */
    isVideo: boolean;
    constructor(
    /**
     * @docs-private
     */
    gallery: DaffMediaGalleryRegistration, 
    /**
     * @docs-private
     */
    templateRef: TemplateRef<unknown>);
    /**
     * @docs-private
     */
    ngOnInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, { "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; }; "label": { "alias": "label"; "required": false; }; "isVideo": { "alias": "isVideo"; "required": false; }; }, {}, never, never, true, never>;
}

/**
 * The `DaffMediaGalleryComonent` is used to display a group of thumbnails in a gallery format.
 *
 * ```html
 * <daff-media-gallery>
 *  <ng-template daffThumbnail thumbnailSrc="/thumbnail-path.jpg" label="Your description">
 *    <daff-image src="/image-path.jpg" alt="Your description" width="100" height="100"></daff-image>
 *  </ng-template>
 * </daff-media-gallery>
 * ```
 */
declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration {
    private skeletonDirective;
    /**
     * The internal ID of the gallery.
     */
    private _id;
    /**
     * Custom ID for the media gallery that overrides the auto-generated one. When using this input, it is your responsibility to ensure that the ID is unique.
     */
    get id(): string | undefined | null;
    set id(val: string | undefined | null);
    /**
     * An event indicating that the selected media gallery element has changed.
     */
    elementChange: EventEmitter<number>;
    /**
     * @docs-private
     */
    _thumbnails: Signal<readonly DaffThumbnailDirective[]>;
    /**
     * @docs-private
     */
    private _thumbnailButtons;
    /**
     * @docs-private
     */
    constructor(skeletonDirective: DaffSkeletonableDirective);
    /**
     * @docs-private
     *
     * Whether or not the component its currently displaying its skeleton state.
     */
    get skeleton(): boolean;
    /**
     * @docs-private
     */
    _selectedThumbnail: Signal<DaffThumbnailDirective>;
    private _selectedIndex;
    private focusSelected;
    /**
     * Select a specific entry in the media gallery by its index.
     *
     * @param index The index to set, starting at 0.
     */
    selectIndex(index: number): void;
    /**
     * Navigate to the next element in the list of thumbnails.
     *
     * @param focus Whether to move focus to the newly selected item.
     */
    next(focus?: boolean): void;
    /**
     * Navigate to the previous element in the list of thumbnails.
     *
     * @param focus Whether to move focus to the newly selected item.
     */
    previous(focus?: boolean): void;
    /**
     * Select the first element.
     *
     * @param focus Whether to move focus to the newly selected item.
     */
    selectFirst(focus?: boolean): void;
    /**
     * Select the last element of the gallery.
     *
     * @param Whether to move focus to the newly selected item.
     */
    selectLast(focus?: boolean): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaGalleryComponent, "daff-media-gallery", never, { "id": { "alias": "id"; "required": false; }; }, { "elementChange": "elementChange"; }, ["_thumbnails"], ["*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
}

/**
 * @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
 */
declare class DaffMediaGalleryModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1$1.CommonModule, typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective], [typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
}

/**
 * @docs-private
 */
declare const DAFF_MEDIA_GALLERY_COMPONENTS: readonly [typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective];

export { DAFF_MEDIA_GALLERY_COMPONENTS, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffThumbnailDirective };