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.

40 lines (39 loc) 2.31 kB
export declare const CONSTANTS: { DEFAULT_WIDTH: string; DEFAULT_HEIGHT: string; MIN_WIDTH: number; MIN_HEIGHT: number; PADDING_WIDTH: number; PADDING_HEIGHT: number; FOOTER_HEIGHT: number; }; export declare const Z_INDICES: { RESIZE_HANDLE: number; COPY_BUTTON: number; FOOTER_CONTENT: number; PAGINATION: number; STICKY_ELEMENTS: number; }; export declare const RESIZE_INDICATOR_SVG = "\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M22 2L2 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n <path d=\"M22 8L8 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n <path d=\"M22 14L14 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n </svg>\n"; export declare const CLICK_DEBOUNCE_MS = 300; export declare const DOUBLE_CLICK_THRESHOLD_MS = 300; export declare const SINGLE_CLICK_DELAY_MS = 200; export declare const SAFARI_RESIZE_DELAY_MS = 50; export declare function getResponsiveDefaultWidth(availableWidth: number): string; export declare function calculateContentDimensions(contentElement: HTMLElement | null, showFooter: boolean): { contentWidth: number; contentHeight: number; maxWidth: number; maxHeight: number; }; export declare function isSafariBrowser(userAgent: string): boolean; export declare function isInteractiveElement(tagName: string): boolean; export declare function shouldSkipClick(target: HTMLElement | null): boolean; export declare function getHostClasses(isOpen: boolean, isEmphasized: boolean, isDarkMode: boolean, initialWidth?: string): string; export declare function getDetailsClasses(isOpen: boolean, isDarkMode: boolean): string; export declare function getSummaryClasses(isOpen: boolean, isDarkMode: boolean, isEmphasized: boolean, lineHeight: number): string; export declare function getContentClasses(isOpen: boolean, isDarkMode: boolean): string; export declare function getFooterClasses(isDarkMode: boolean): string; export declare function getFooterActionsClasses(isDarkMode: boolean): string; export declare function getChevronRotationClasses(_isOpen: boolean): string; export declare function getChevronColorClass(isDarkMode: boolean): string;