mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
Upgrade sveld to v0.10 (#856)
* chore(deps-dev): upgrade sveld to v0.10.2 * feat(types): regenerate types using sveld@0.10.2 * fix(types): update @extends to use .svelte extension
This commit is contained in:
parent
c6fc8548d3
commit
3203e7a61f
190 changed files with 345 additions and 263 deletions
58
types/ImageLoader/ImageLoader.svelte.d.ts
vendored
Normal file
58
types/ImageLoader/ImageLoader.svelte.d.ts
vendored
Normal file
|
@ -0,0 +1,58 @@
|
|||
/// <reference types="svelte" />
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
|
||||
export interface ImageLoaderProps
|
||||
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["img"]> {
|
||||
/**
|
||||
* Specify the image source
|
||||
* @default ""
|
||||
*/
|
||||
src?: string;
|
||||
|
||||
/**
|
||||
* Specify the image alt text
|
||||
* @default ""
|
||||
*/
|
||||
alt?: string;
|
||||
|
||||
/**
|
||||
* Specify the aspect ratio for the image wrapper
|
||||
*/
|
||||
ratio?: "2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "3x2" | "9x16" | "1x2";
|
||||
|
||||
/**
|
||||
* Set to `true` when `loaded` is `true` and `error` is false
|
||||
* @default false
|
||||
*/
|
||||
loading?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` when the image is loaded
|
||||
* @default false
|
||||
*/
|
||||
loaded?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` if an error occurs when loading the image
|
||||
* @default false
|
||||
*/
|
||||
error?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to fade in the image on load
|
||||
* The duration uses the `fast-02` value following Carbon guidelines on motion
|
||||
* @default false
|
||||
*/
|
||||
fadeIn?: boolean;
|
||||
}
|
||||
|
||||
export default class ImageLoader extends SvelteComponentTyped<
|
||||
ImageLoaderProps,
|
||||
{ load: CustomEvent<any>; error: CustomEvent<any> },
|
||||
{ error: {}; loading: {} }
|
||||
> {
|
||||
/**
|
||||
* Method invoked to load the image provided a `src` value
|
||||
*/
|
||||
loadImage: (url?: string) => void;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue