@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.
61 lines (60 loc) • 1.99 kB
TypeScript
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;
}