svelte-bricks
Version:
Simple masonry implementation without column balancing
39 lines (38 loc) • 1.58 kB
TypeScript
import type { Snippet } from 'svelte';
declare class __sveltets_Render<Item> {
props(): {
animate?: boolean;
calcCols?: (masonryWidth: number, minColWidth: number, gap: number) => number;
columnClass?: string;
duration?: number;
gap?: number;
getId?: (item: Item) => string | number;
idKey?: string;
items: Item[];
masonryHeight?: number;
masonryWidth?: number;
maxColWidth?: number;
minColWidth?: number;
style?: string;
class?: string;
children?: Snippet<[{
idx: number;
item: Item;
}]>;
div?: HTMLDivElement;
};
events(): {};
slots(): {};
bindings(): "div" | "masonryHeight" | "masonryWidth";
exports(): {};
}
interface $$IsomorphicComponent {
new <Item>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
$$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
} & ReturnType<__sveltets_Render<Item>['exports']>;
<Item>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
}
declare const Masonry: $$IsomorphicComponent;
type Masonry<Item> = InstanceType<typeof Masonry<Item>>;
export default Masonry;