UNPKG

@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
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; }