svelte-tably 1.0.0-next.9 → 1.0.0

package/dist/Column.svelte.d.ts

@@ -1,115 +0,0 @@
-export type RowCtx<V> = {
-    readonly value: V;
-    readonly isHovered: boolean;
-    readonly index: number;
-    selected: boolean;
-};
-export interface ColumnProps<T, V> {
-    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;
-    id: string;
-    /**
-     * Is this column sticky by default?
-     * @default false
-    */
-    sticky?: boolean;
-    /**
-     * Fixed is like sticky, but in its own category — meant to not be moved/hidden ex. select-boxes
-     * @default false
-    */
-    fixed?: boolean;
-    /**
-     * Is this column sorted by default?
-     * @default false
-    */
-    sort?: boolean;
-    /**
-     * Is this column visible by default?
-     * @default true
-     */
-    show?: boolean;
-    /**
-     * The width of the column in pixels by default
-     * @default 150
-     */
-    width?: number;
-    /**
-     * The value of the row. Required for sorting/filtering
-     * @example row => row.name
-    */
-    value?: (item: T) => V;
-    /**
-     * Makes the column sortable. Sorts based of a sorting function.
-     *
-     * **Important**   `value`-attribute is required adjacent to this.
-     *
-     * If `true` uses the default `.sort()` algorithm.
-     *
-     * @default false
-    */
-    sorting?: boolean | ((a: V, b: V) => number);
-    /**
-     * Is this column resizeable?
-     * Can not be resized if Table is marked as `resizeable={false}`
-     * @default true
-    */
-    resizeable?: boolean;
-    /**
-     * Optional: Provide the table it is a part of
-    */
-    table?: TableState;
-}
-export interface ColumnState<T = unknown, V = unknown, C extends ColumnProps<T, V> = ColumnProps<T, V>> {
-    id: C['id'];
-    header?: C['header'];
-    row: C['row'];
-    statusbar?: C['statusbar'];
-    fixed?: boolean;
-    /** Default options for initial table */
-    defaults: {
-        sticky?: boolean;
-        sort?: boolean;
-        show?: boolean;
-        width?: number;
-    };
-    /** More options */
-    options: {
-        value?: C['value'];
-        sorting?: boolean | ((a: any, b: any) => number);
-        resizeable: boolean;
-    };
-}
-import { type Snippet } from 'svelte';
-import { type TableState } from './Table.svelte';
-declare class __sveltets_Render<T extends Record<PropertyKey, any>, V> {
-    props(): ColumnProps<T, V>;
-    events(): {};
-    slots(): {};
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<PropertyKey, any>, V>(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>(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> = 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>