@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.
51 lines (50 loc) • 1.64 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;
amountOfItems: number;
levelOfSubcomponents: number;
currentLevelOfSubcomponents: number;
hideSubcomponents: boolean;
emphasizeComponent: boolean;
showTopLevelCopy: boolean;
defaultTTL: number;
width?: string;
height?: string;
darkMode: 'light' | 'dark' | 'system';
identifierObject: GenericIdentifierType;
isDarkMode: boolean;
items: FoldableItem[];
private darkModeMediaQuery;
actions: FoldableAction[];
loadSubcomponents: boolean;
displayStatus: 'loading' | 'loaded' | 'error';
tablePage: number;
temporarilyEmphasized: boolean;
isExpanded: boolean;
constructor();
componentDidLoad(): void;
private ensureComponentId;
watchValue(): Promise<void>;
watchLoadSubcomponents(): Promise<void>;
watchEmphasizeComponent(): void;
watchOpenByDefault(): void;
private toggleSubcomponents;
onItemsChange(): void;
validateAmountOfItems(newValue: number): void;
watchDarkMode(): void;
componentWillLoad(): Promise<void>;
disconnectedCallback(): void;
private _abortController?;
private _lineHeight;
private initializeDarkMode;
private handleDarkModeChange;
private updateDarkMode;
private cleanupDarkModeListener;
private get shouldShowFooter();
render(): any;
}