svelte-tably 1.0.0-next.8 → 1.0.0

package/dist/Column.svelte.d.ts

@@ -1,75 +0,0 @@
-export type RowCtx<V> = {
-    readonly value: V;
-    readonly isHovered: boolean;
-    readonly index: number;
-    selected: boolean;
-};
-export interface Column<T = unknown, V = unknown> {
-    header?: Snippet<[
-        /**
-         * Is true when displaying in the header,
-         * so additional content can be shown if desired,
-         * so the header snippet can be re-used.
-        */
-        header?: boolean
-    ]>;
-    row: Snippet<[item: T, row: RowCtx<V>]>;
-    statusbar?: Snippet;
-    fixed?: boolean;
-    /** Default options for initial table */
-    defaults: {
-        sticky?: boolean;
-        sort?: boolean;
-        show?: boolean;
-        width?: number;
-    };
-    /** More options */
-    options: {
-        value?: (item: T) => V;
-        sorting?: unknown extends V ? (a: T, b: T) => number : (a: V, b: V) => number;
-        resizeable: boolean;
-    };
-}
-import { type Snippet } from 'svelte';
-import { type TableState } from './Table.svelte';
-declare class __sveltets_Render<T extends Record<PropertyKey, any>, V = unknown> {
-    props(): {
-        header?: Column<T_1, V_1>["header"];
-        row: Column<T_1, V_1>["row"];
-        statusbar?: Column<T_1, V_1>["statusbar"];
-        id: string;
-        sticky?: boolean;
-        /** Fixed is like sticky, but in its own category — meant to not be moved/hidden ex. select-boxes */
-        fixed?: boolean;
-        sort?: boolean;
-        show?: boolean;
-        width?: number;
-        value?: Column<T_1, V_1>["options"]["value"];
-        sorting?: Column<T_1, V_1>["options"]["sorting"];
-        /** @default true */
-        resizeable?: boolean;
-        /** Optional: Provide the table it is a part of */
-        table?: TableState;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<PropertyKey, any>, V = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, V>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, V>['props']>, ReturnType<__sveltets_Render<T, V>['events']>, ReturnType<__sveltets_Render<T, V>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, V>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, V>['exports']>;
-    <T extends Record<PropertyKey, any>, V = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<T, V>['props']> & {}): ReturnType<__sveltets_Render<T, V>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-/**
- * This is a description, \
- * on how to use this.
- *
- * @example
- * <Component />
- */
-declare const Column: $$IsomorphicComponent;
-type Column<T extends Record<PropertyKey, any>, V = unknown> = InstanceType<typeof Column<T, V>>;
-export default Column;

package/dist/Panel.svelte

@@ -1,74 +0,0 @@
-<!-- @component
-
-	This is a description, \
-	on how to use this.
-
-@example
-<Component />
-
--->
-
-<script module lang='ts'>
-	
-	export interface Panel<T extends Record<PropertyKey, unknown> = Record<PropertyKey, unknown>> {
-		/** A darkened backdrop? */
-		backdrop: boolean
-		content: Snippet<[context: { readonly table: TableState<T>, readonly data: T[] }]>
-	}
-
-	export class PanelTween {
-		#tween = new Tween(0, { duration: 300, easing: sineInOut })
-		current = $derived(this.#tween.current)
-		transitioning = $state(false)
-
-		/** bind:clientWidth */
-		width = $state(0)
-
-		set target(value: number) {
-			this.transitioning = true
-			this.#tween.set(value).then(() => this.transitioning = false)
-		}
-
-		constructor(cb: () => string | undefined, added = 0) {
-			$effect.pre(() => {
-				this.target = cb() ? this.width + added : 0
-			})
-		}
-	}
-
-</script>
-
-<script lang='ts' generics='T extends Record<PropertyKey, unknown>'>
-
-	import { onDestroy, type Snippet } from 'svelte'
-	import Table, { getTableState, type TableState } from './Table.svelte'
-	import { Tween } from 'svelte/motion'
-	import { sineInOut } from 'svelte/easing'
-
-	interface Props {
-		id: string
-
-		/** A darkened backdrop? */
-		backdrop?: boolean
-		children: Snippet<[context: { readonly table: TableState<T>, readonly data: T[] }]>
-	}
-
-	let {
-		backdrop = true,
-		children,
-		id
-	}: Props = $props()
-
-	const panel: Panel<T> = $state({
-		backdrop,
-		content: children
-	})
-
-	const table = getTableState()
-	table.panels[id] = panel
-
-	onDestroy(() => {
-		delete table.panels[id]
-	})
-
-</script>