eewing
66 lines
2.5 KiB
TypeScript
66 lines
2.5 KiB
TypeScript
import { DOMContext, type ReadableBox, type WritableBox, type ReadableBoxedValues } from "svelte-toolbelt";
|
|
import type { HTMLImgAttributes } from "svelte/elements";
|
|
import type { AvatarImageLoadingStatus } from "./types.js";
|
|
import type { RefAttachment, WithRefOpts } from "../../internal/types.js";
|
|
type CrossOrigin = HTMLImgAttributes["crossorigin"];
|
|
type ReferrerPolicy = HTMLImgAttributes["referrerpolicy"];
|
|
type AvatarImageSrc = string | null | undefined;
|
|
interface AvatarRootStateOpts extends WithRefOpts {
|
|
delayMs: ReadableBox<number>;
|
|
loadingStatus: WritableBox<AvatarImageLoadingStatus>;
|
|
}
|
|
export declare class AvatarRootState {
|
|
static create(opts: AvatarRootStateOpts): AvatarRootState;
|
|
readonly opts: AvatarRootStateOpts;
|
|
readonly domContext: DOMContext;
|
|
readonly attachment: RefAttachment;
|
|
constructor(opts: AvatarRootStateOpts);
|
|
loadImage(src: string, crossorigin?: CrossOrigin, referrerPolicy?: ReferrerPolicy): (() => void) | undefined;
|
|
props: {
|
|
readonly id: string;
|
|
readonly "data-status": AvatarImageLoadingStatus;
|
|
};
|
|
}
|
|
interface AvatarImageStateOpts extends WithRefOpts, ReadableBoxedValues<{
|
|
src: AvatarImageSrc;
|
|
crossOrigin: CrossOrigin;
|
|
referrerPolicy: ReferrerPolicy;
|
|
}> {
|
|
}
|
|
export declare class AvatarImageState {
|
|
static create(opts: AvatarImageStateOpts): AvatarImageState;
|
|
readonly opts: AvatarImageStateOpts;
|
|
readonly root: AvatarRootState;
|
|
readonly attachment: RefAttachment;
|
|
constructor(opts: AvatarImageStateOpts, root: AvatarRootState);
|
|
readonly props: {
|
|
readonly id: string;
|
|
readonly style: {
|
|
readonly display: "none" | "block";
|
|
};
|
|
readonly "data-status": AvatarImageLoadingStatus;
|
|
readonly src: AvatarImageSrc;
|
|
readonly crossorigin: "" | "anonymous" | "use-credentials" | null | undefined;
|
|
readonly referrerpolicy: globalThis.ReferrerPolicy | null | undefined;
|
|
};
|
|
}
|
|
interface AvatarFallbackStateOpts extends WithRefOpts {
|
|
}
|
|
export declare class AvatarFallbackState {
|
|
static create(opts: AvatarFallbackStateOpts): AvatarFallbackState;
|
|
readonly opts: AvatarFallbackStateOpts;
|
|
readonly root: AvatarRootState;
|
|
readonly attachment: RefAttachment;
|
|
constructor(opts: AvatarFallbackStateOpts, root: AvatarRootState);
|
|
readonly style: {
|
|
display: string;
|
|
} | undefined;
|
|
readonly props: {
|
|
readonly style: {
|
|
display: string;
|
|
} | undefined;
|
|
readonly "data-status": AvatarImageLoadingStatus;
|
|
};
|
|
}
|
|
export {};
|