import Base from '../elements/BaseWidget.js';
import Branding from '../elements/Branding.js';
import type PopoverGallery from '../elements/PopoverGallery.js';
import type BasePost from '../elements/BasePost.js';
import type { PropChangeEvent, WidgetSettings, FeedMetadata, Posts, Breakpoint, Breakpoints } from '../types.js';
export default class Grid extends Base {
    label: string;
    widgetSettings?: WidgetSettings;
    feedMetadata?: FeedMetadata;
    posts: Posts;
    previewLoadingColors?: string;
    containerEl?: HTMLElement;
    postsContainerEl?: HTMLElement;
    brandingEl?: Branding;
    postEls: Array<BasePost>;
    popoverGalleryEl?: PopoverGallery;
    appliedBreakpoint?: Breakpoint;
    medianPaletteHSL: Array<string>;
    constructor();
    setup(): void;
    _handlePropChange({ changedProp, oldValue, newValue, }: PropChangeEvent<Grid>): void;
    _handlePostsChange(): void;
    _handleSettingsChange(oldValue: WidgetSettings | undefined, newValue: WidgetSettings | undefined): void;
    _handleMetadataChange(): void;
    /**
     *   Enable popup carousel
     */
    enablePopoverGallery(): Promise<void>;
    _handleResize(entry: ResizeObserverEntry): void;
    /**
     * Handle prev post focus
     */
    _handleFocusPreviousPost(): void;
    /**v
     * Handle next post focus
     */
    _handleFocusNextPost(): void;
    /**
     * Handle post click
     */
    _handlePostClick(post: BasePost): void;
    renderPosts(breakpoint: Breakpoint): void;
    getMatchingBreakpoint(width: number, breakpoints: Breakpoints): {
        width: string;
        numPosts: number;
        borderRadius: string;
        applyBorderRadiusToContainer: boolean;
        postAspectRatio: [number, number];
        numColumns: number;
        gap: {
            [key: string]: number;
        };
        galleryWallLayout: Array<string>;
        galleryWallNamedLayout: string;
        forcePostAspectRatio: boolean;
        snapToSlide: boolean;
        bindToScrollPos: boolean;
        showControls: boolean;
        controlsPosition: "top" | "bottom" | "sides";
        controlsJustification: "left" | "right" | "center" | "split";
        controlsMargin: number;
        buttonBorderRadius: number;
        showLabel: boolean;
        labelPosition: "top" | "bottom";
        labelJustification: "left" | "right" | "center";
        postHeight: number;
    };
    renderBreakpoint(breakpoint: Breakpoint, forceRender?: boolean): void;
    createPostEls(breakpoint: Breakpoint): Array<BasePost>;
    static register(name?: string): string;
}
declare global {
    interface HTMLElementTagNameMap {
        'behold-grid': Grid;
    }
}
//# sourceMappingURL=Grid.d.ts.map