claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
68 lines • 2.04 kB
TypeScript
interface Props {
src: string;
alt: string;
width?: number | string;
height?: number | string;
aspectRatio?: string;
loading?: 'lazy' | 'eager';
sizes?: string;
srcset?: string;
placeholder?: string;
blurHash?: string;
fallbackSrc?: string;
objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
objectPosition?: string;
quality?: number;
priority?: boolean;
showLoadingSpinner?: boolean;
showLoadingPlaceholder?: boolean;
enableZoom?: boolean;
enableLazyLoading?: boolean;
crossorigin?: 'anonymous' | 'use-credentials';
decoding?: 'async' | 'sync' | 'auto';
fetchpriority?: 'high' | 'low' | 'auto';
referrerpolicy?: string;
retryAttempts?: number;
retryDelay?: number;
class?: string;
style?: string;
}
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
declare const EnhancedImage: $$__sveltets_2_IsomorphicComponent<Props, {
load: CustomEvent<{
src: string;
width: number;
height: number;
}>;
error: CustomEvent<{
src: string;
error: Event;
}>;
retry: CustomEvent<{
attempt: number;
src: string;
}>;
placeholder: CustomEvent<{
src: string;
}>;
zoom: CustomEvent<{
zoomed: boolean;
}>;
} & {
[evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type EnhancedImage = InstanceType<typeof EnhancedImage>;
export default EnhancedImage;
//# sourceMappingURL=EnhancedImage.svelte.d.ts.map