@kit-data-manager/pid-component
Version:
The PID-Component is a web component that can be used to evaluate and display FAIR Digital Objects, PIDs, ORCiDs, and possibly other identifiers in a user-friendly way. It is easily extensible to support other identifier types.
71 lines (70 loc) • 2.13 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
export declare class PidCollapsible {
el: HTMLElement;
open: boolean;
emphasize: boolean;
darkMode: 'light' | 'dark' | 'system';
initialWidth?: string;
initialHeight?: string;
lineHeight: number;
showFooter: boolean;
expanded: boolean;
previewScrollable: boolean;
collapsibleToggle: EventEmitter<boolean>;
contentHeightChange: EventEmitter<{
maxHeight: number;
}>;
currentWidth: string;
currentHeight: string;
isDarkMode: boolean;
private lastExpandedWidth;
private lastExpandedHeight;
private darkModeMediaQuery;
private resizeObserver;
private isToggling;
private lastClickTime;
private pendingClickTimer;
private resizeDebounceTimer;
private lastResizeDimensions;
watchOpen(): void;
watchDarkMode(): void;
componentWillLoad(): void;
componentDidLoad(): void;
disconnectedCallback(): void;
recalculateContentDimensions(): Promise<{
contentWidth: number;
contentHeight: number;
maxWidth: number;
maxHeight: number;
}>;
render(): any;
private initializeDarkMode;
private handleDarkModeChange;
private updateDarkMode;
private cleanupDarkModeListener;
private handlePageChange;
private setupResizeObserver;
private addBrowserCompatibilityListeners;
private isSafari;
private handleSafariCompatibility;
private addComponentEventListeners;
private removeComponentEventListeners;
private cleanupResources;
private updateAppearance;
private resetStyles;
private applyExpandedStyles;
private getResponsiveDefaultWidth;
private calculateContentDimensions;
private applyCollapsedStyles;
private addResizeIndicator;
private removeResizeIndicator;
private handleToggle;
private handleSummaryClick;
private performToggle;
private getHostClasses;
private getDetailsClasses;
private getSummaryClasses;
private getContentClasses;
private getFooterClasses;
private getFooterActionsClasses;
}