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

interface DaffMediaGalleryRegistration {
    id: Signal<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.
     */
    id: _angular_core.Signal<string>;
    /**
     * @docs-private
     *
     * The unique id of the selected thumbnail.
     */
    selectedThumbnailId: _angular_core.Signal<string>;
    /**
     * The file path to a thumbnail, presumably an image.
     */
    thumbnailSrc: _angular_core.InputSignal<string>;
    /**
     * Provides an accessible label for a thumbnail.
     */
    label: _angular_core.InputSignal<string>;
    /** Indicates whether the thumbnail represents a video. */
    isVideo: _angular_core.InputSignal<boolean>;
    constructor(
    /**
     * @docs-private
     */
    gallery: DaffMediaGalleryRegistration, 
    /**
     * @docs-private
     */
    templateRef: TemplateRef<unknown>);
    /**
     * @docs-private
     */
    ngOnInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, { "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "isVideo": { "alias": "isVideo"; "required": false; "isSignal": true; }; }, {}, 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 auto-generated ID of the gallery.
     */
    private _defaultId;
    /**
     * 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.
     */
    customId: _angular_core.InputSignal<string>;
    /**
     * @docs-private
     *
     * The resolved ID of the gallery: the custom ID when provided, otherwise the auto-generated one.
     */
    id: Signal<string>;
    /**
     * An event indicating that the selected media gallery element has changed.
     */
    elementChange: _angular_core.OutputEmitterRef<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;
    /**
     * @docs-private
     *
     * Whether the given thumbnail is the currently selected one.
     */
    _isSelected(thumbnail: DaffThumbnailDirective): boolean;
    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: _angular_core.ɵɵFactoryDeclaration<DaffMediaGalleryComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DaffMediaGalleryComponent, "daff-media-gallery", never, { "customId": { "alias": "id"; "required": false; "isSignal": true; }; }, { "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: _angular_core.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1$1.CommonModule, typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective], [typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective]>;
    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
}

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

export { DAFF_MEDIA_GALLERY_COMPONENTS, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffThumbnailDirective };