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