import { GenericIdentifierType } from '../../utils/GenericIdentifierType';
import { FoldableItem } from '../../utils/FoldableItem';
import { FoldableAction } from '../../utils/FoldableAction';
export declare class PidComponent {
    el: HTMLElement;
    value: string;
    settings: string;
    openByDefault: boolean;
    itemsPerPage: number;
    levelOfSubcomponents: number;
    currentLevelOfSubcomponents: number;
    hideSubcomponents: boolean;
    emphasizeComponent: boolean;
    showTopLevelCopy: boolean;
    defaultTTL: number;
    width?: string;
    height?: string;
    darkMode: 'light' | 'dark' | 'system';
    renderers?: string;
    fallbackToAll: boolean;
    identifierObject: GenericIdentifierType;
    isDarkMode: boolean;
    items: FoldableItem[];
    actions: FoldableAction[];
    loadSubcomponents: boolean;
    displayStatus: 'loading' | 'loaded' | 'error' | 'unmatched';
    tablePage: number;
    temporarilyEmphasized: boolean;
    isExpanded: boolean;
    private darkModeMediaQuery;
    private _abortController?;
    private _lineHeight;
    constructor();
    private get shouldShowFooter();
    private get shouldShowCollapsedPreview();
    componentDidLoad(): void;
    watchValue(): Promise<void>;
    watchLoadSubcomponents(): Promise<void>;
    watchEmphasizeComponent(): void;
    watchOpenByDefault(): void;
    watchIsExpanded(): void;
    onItemsChange(): void;
    validateItemsPerPage(newValue: number): void;
    watchDarkMode(): void;
    componentWillLoad(): Promise<void>;
    disconnectedCallback(): void;
    render(): any;
    private ensureComponentId;
    private toggleSubcomponents;
    private initializeDarkMode;
    private handleDarkModeChange;
    private updateDarkMode;
    private cleanupDarkModeListener;
    private blockEventPropagation;
    private shouldShowCopyButtonOnTopLevel;
    private getPreviewClasses;
    private renderCollapsedPreviewContent;
    private renderStatusMessage;
    private renderExpandedState;
}