svelte-tably 1.5.0 → 1.6.1

package/__svelte-origin-runtime.js

@@ -0,0 +1 @@
+import{createAttachmentKey as P}from"svelte/attachments";function V(H,J){let C=J&&typeof J==="object"?J:{},U={},X=new Set;return new Proxy(C,{get(Q,z){if(X.has(z))return U[z];if(typeof z==="symbol")return Q[z];let Y=Q[z];if(Y===void 0&&z in H&&H[z].hasDefault)return H[z].default;return Y},set(Q,z,Y){U[z]=Y;try{Q[z]=Y}catch{X.add(z)}return!0},has(Q,z){return typeof z==="symbol"?z in Q:(z in Q)||(z in H)},ownKeys(Q){return[...new Set([...Reflect.ownKeys(Q),...Object.keys(H)])]},getOwnPropertyDescriptor(Q,z){if(typeof z==="symbol")return Object.getOwnPropertyDescriptor(Q,z);if(z in Q)return Object.getOwnPropertyDescriptor(Q,z);if(z in H)return{configurable:!0,enumerable:!0,value:H[z].hasDefault?H[z].default:void 0};return}})}function E(H,J=new Set){if(J.has(H))return{};J.add(H);let C=H.__parents||[],U={};for(let X of C)Object.assign(U,E(X,J));return Object.assign(U,H.__attrSchema),U}function S(H,J,C=new Set){let U={};for(let X of J){if(C.has(X))continue;Object.assign(U,E(X,new Set(C)))}return Object.assign(U,H),U}function k(H){let{__attrSchema:J,__parents:C=[],__create:U,__onInit:X,__attachments:Q={}}=H;function z(Y,...N){let G,q;if(Y===null||Y===void 0)G={},q=N;else if(typeof Y!=="object"||Array.isArray(Y))G={},q=[Y,...N];else G=Y,q=N;let j=S(J,C),b=V(j,G),B=C.map((Z)=>Z(b)),F=B.length===1?B[0]:B.length>1?B:void 0,D=U(b,F);if(D===null||D===void 0)throw Error("[svelte-origin] __create returned null/undefined");let R=D,T=F?new Proxy(R,{get(Z,$,L){if($ in Z){let x=Reflect.get(Z,$,L);return typeof x==="function"?x.bind(L):x}if(F&&$ in F){let x=Reflect.get(F,$,F);return typeof x==="function"?x.bind(F):x}return},has(Z,$){return $ in Z||F&&$ in F},ownKeys(Z){let $=Reflect.ownKeys(Z);return F?[...new Set([...$,...Reflect.ownKeys(F)])]:$},getOwnPropertyDescriptor(Z,$){return Reflect.getOwnPropertyDescriptor(Z,$)||(F?Reflect.getOwnPropertyDescriptor(F,$):void 0)}}):R;if(X){let Z=X.call(T,...q);if(typeof Z==="function")Object.defineProperty(T,"__cleanup",{value:Z,writable:!0,enumerable:!0,configurable:!0})}let K=new Map;for(let Z of Object.keys(Q))K.set(Z,P());return Object.defineProperty(T,"$attachments",{get(){let Z={};for(let[$,L]of Object.entries(Q))Z[K.get($)]=(x)=>L.call(T,x);for(let $ of Object.getOwnPropertySymbols(G)){let L=G[$];if(typeof L==="function")Z[$]=L}return Z},enumerable:!0,configurable:!0}),T}if(Object.defineProperty(z,"__origin",{value:!0,writable:!1,enumerable:!0}),Object.defineProperty(z,"__attrSchema",{value:J,writable:!1,enumerable:!0}),Object.defineProperty(z,"__parents",{value:C,writable:!1,enumerable:!0}),Object.defineProperty(z,"__create",{value:U,writable:!1,enumerable:!0}),X)Object.defineProperty(z,"__onInit",{value:X,writable:!1,enumerable:!0});return z}function _(H,J){let U=E(H),X={},Q=new Set,z=(G,q)=>{X[G]=q;try{return J[G]=q,!0}catch{return Q.add(G),!1}},Y={},N=(G,q)=>{if(Object.prototype.hasOwnProperty.call(Y,G))return;let j={get(){return Q.has(G)?X[G]:J[G]},enumerable:!0,configurable:!0};if(q.bindable)j.set=function(b){z(G,b)};Object.defineProperty(Y,G,j)};for(let[G,q]of Object.entries(U)){let j=J[G];if(!q.bindable||!q.hasDefault||j!==void 0)N(G,q)}for(let G of Object.getOwnPropertySymbols(J))Object.defineProperty(Y,G,{get(){return J[G]},enumerable:!1,configurable:!0});return new Proxy(Y,{get(G,q){if(typeof q==="string"){if(Q.has(q))return X[q];if(q in U)return J[q]}return q in G?G[q]:J[q]},set(G,q,j){if(typeof q==="string"&&q in U){if(!Object.prototype.hasOwnProperty.call(Y,q))N(q,U[q]);if(U[q].bindable)z(q,j);return!0}if(q in G){try{G[q]=j}catch{}return!0}try{J[q]=j}catch{if(typeof q==="string")X[q]=j,Q.add(q)}return!0},has(G,q){return q in G||q in J},ownKeys(){return[...Object.keys(Y),...Object.getOwnPropertySymbols(J)]},getOwnPropertyDescriptor(G,q){return q in G?Object.getOwnPropertyDescriptor(G,q):Object.getOwnPropertyDescriptor(J,q)}})}function w(H){return{__attrs:!0,__attrSchema:H.__attrSchema,__parents:H.__parents||[]}}var M=Symbol.for("svelte-origin:bindable");function I(H,J){return{[M]:!0,get:H,set:J}}function W(H){return H!==null&&typeof H==="object"&&M in H}function d(H,J){let C=typeof H==="function"&&!("__origin"in H)?H():H,U={};for(let[X,Q]of Object.entries(J))if(W(Q))Object.defineProperty(U,X,{get(){return Q.get()},set(z){Q.set(z)},enumerable:!0,configurable:!0});else Object.defineProperty(U,X,{get(){return Q},enumerable:!0,configurable:!0});return C(U)}export{d as __createOriginInstance,k as __createOrigin,w as __createAttrs,I as __bindable,_ as __attrsFor};

package/dist/column/Column.svelte

@@ -9,31 +9,30 @@
 -->
 
 <script module lang='ts'>
-
-	export function getDefaultHeader<T, V>(title: string) {
-		return (
-			(anchor: Comment) => snippetLiteral(defaultHeader)(anchor, () => title)
-		) as unknown as () => any
-	}
-
 </script>
 
-<script lang='ts'>
-
-	import { fromProps, snippetLiteral } from '../utility.svelte.js'
-	import { ColumnState, type ColumnProps, type HeaderCtx, type ColumnSnippets } from './column-state.svelte.js'
-
-	type T = $$Generic
-	type V = $$Generic
-
-	let {...props}: ColumnProps<T, V> = $props()
-	const properties = fromProps(props)
-	
-	new ColumnState<T, V>(properties)
-	
+<script lang='ts' generics='T, V'>
+	import { onMount, onDestroy, untrack } from 'svelte'
+	import { ColumnState } from './column-state.svelte.js'
+
+	let { id: ___id = "", header: ___header, row: ___row, statusbar: ___statusbar, sticky: ___sticky = false, show: ___show = true, sortby: ___sortby = false, width: ___width = 150, fixed: ___fixed = false, value: ___value, sort: ___sort = false, resizeable: ___resizeable = true, filter: ___filter, style: ___style, class: ___class, onclick: ___onclick = undefined as
+			| ((event: MouseEvent, rowColumnCtx: RowColumnCtx<T, V>) => void)
+			| undefined, pad: ___pad, _table: ____table }: $origin.Props<ReturnType<typeof ColumnState<T, V>>> = $props()
+let column = ColumnState<T, V>()({ get id() { return ___id }, get header() { return ___header }, get row() { return ___row }, get statusbar() { return ___statusbar }, get sticky() { return ___sticky }, get show() { return ___show }, get sortby() { return ___sortby }, get width() { return ___width }, get fixed() { return ___fixed }, get value() { return ___value }, get sort() { return ___sort }, get resizeable() { return ___resizeable }, get filter() { return ___filter }, get style() { return ___style }, get class() { return ___class }, get onclick() { return ___onclick }, get pad() { return ___pad }, get _table() { return ____table } })
+
+	// Initialize column on mount (runs once)
+	onMount(() => {
+		if (typeof column.init === 'function') {
+			column.init()
+		}
+	})
+
+	// Workaround for svelte-origin not calling cleanup on component destroy
+	onDestroy(() => {
+		if (typeof column.cleanup === 'function') {
+			column.cleanup()
+		}
+	})
 </script>
 
 
-{#snippet defaultHeader(title: string)}
-	{title}
-{/snippet}

package/dist/column/Column.svelte.d.ts

@@ -1,33 +1,16 @@
-export declare function getDefaultHeader<T, V>(title: string): () => any;
-import { type ColumnProps } from './column-state.svelte.js';
-declare function $$render<T, V>(): {
-    props: ColumnProps<T, V>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T, V> {
-    props(): ReturnType<typeof $$render<T, V>>['props'];
-    events(): ReturnType<typeof $$render<T, V>>['events'];
-    slots(): ReturnType<typeof $$render<T, V>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T, 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, V>(internal: unknown, props: ReturnType<__sveltets_Render<T, V>['props']> & {}): ReturnType<__sveltets_Render<T, V>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
+// Auto-generated by svelte-origin
+// Do not edit manually - regenerated on save
+
+import type { SvelteComponent } from 'svelte';
+import type { ColumnState } from './column-state.svelte.js';
+
 /**
- * This is a description, \
- * on how to use this.
- *
- * @example
- * <Component />
+ * Props derived from ColumnState origin factory.
+ * 
+ * Bindable props: none
+ * Generic parameters: <T, V>
  */
-declare const Column: $$IsomorphicComponent;
-type Column<T, V> = InstanceType<typeof Column<T, V>>;
-export default Column;
+type __Props<T, V> = $origin.Props<ReturnType<typeof ColumnState<T, V>>>;
+
+declare class __component<T, V> extends SvelteComponent<__Props<T, V>> {}
+export default __component;

package/dist/column/column-state.svelte.d.ts

@@ -1,11 +1,33 @@
-import { type Snippet } from 'svelte';
-import { TableState, type RowCtx } from '../table/table-state.svelte.js';
-export type ColumnProps<T, V> = ({
-    id: string;
-    table?: TableState<T>;
-} & ColumnSnippets<T, V> & ColumnDefaults<T> & ColumnOptions<T, V>) extends infer K ? {
-    [P in keyof K]: K[P];
-} : never;
+import { type Snippet } from "svelte";
+import { type RowCtx } from "../table/table-state.svelte.js";
+/** Creates a default header snippet that displays the title string */
+export declare function getDefaultHeader<T>(title: string): Snippet<[ctx: HeaderCtx<T>]>;
+export interface ColumnSelfRef {
+    readonly id: string;
+    readonly isHidden: boolean;
+    toggleVisiblity(): void;
+}
+export interface ColumnTableRef {
+    dataState: {
+        current: unknown[];
+        sortBy(column: string): void;
+    };
+    positions: {
+        hidden: ColumnSelfRef[];
+    };
+    /** Internal: position state arrays for direct manipulation */
+    _positionsState: {
+        fixed: ColumnSelfRef[];
+        sticky: ColumnSelfRef[];
+        scroll: ColumnSelfRef[];
+        hidden: ColumnSelfRef[];
+    };
+    /** Internal: version counter for reactivity */
+    _positionsVersion: number;
+    /** Internal: callback to notify Table.svelte of changes */
+    _saveCallback?: () => void;
+    add(column: unknown): (() => void) | undefined;
+}
 export interface HeaderCtx<T> {
     readonly data: T[];
     /**
@@ -22,104 +44,278 @@ export interface RowColumnCtx<T, V> extends RowCtx<T> {
 export type StatusbarCtx<T> = {
     readonly data: T[];
 };
-export type ColumnSnippets<T, V> = {
-    header?: Snippet<[ctx: HeaderCtx<T>]> | string;
-    row?: Snippet<[item: T, ctx: RowColumnCtx<T, V>]>;
-    statusbar?: Snippet<[ctx: StatusbarCtx<T>]>;
-};
-type ColumnDefaults<T> = {
+export declare const ColumnState: <T, V = unknown>() => import("svelte-origin/globals").SvelteOriginFactory<{
+    props: import("svelte-origin/globals").SvelteOriginAttrsFactory<{
+        id: string;
+        header: Snippet<[ctx: HeaderCtx<T>]> | string | undefined;
+        row: Snippet<[item: T, ctx: RowColumnCtx<T, V>]> | undefined;
+        statusbar: Snippet<[ctx: StatusbarCtx<T>]> | undefined;
+        /**
+         * Is this column sticky by default?
+         * @default false
+         */
+        sticky: boolean;
+        /**
+         * Is this column visible by default?
+         * @default true
+         */
+        show: boolean;
+        /**
+         * Is this column sorted by default?
+         * @default false
+         */
+        sortby: boolean;
+        /**
+         * The width of the column in pixels by default
+         * @default 150
+         */
+        width: number;
+        /**
+         * Fixed is like sticky, but in its own category	meant to not be moved/hidden ex. select-boxes
+         * @default false
+         */
+        fixed: boolean;
+        /**
+         * The value of the row. Required for sorting/filtering
+         * @example row => row.name
+         */
+        value: ((item: T) => V) | undefined;
+        /**
+         * 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
+         */
+        sort: 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;
+        /**
+         *
+         * @example (value) => value.includes(search)
+         */
+        filter: ((value: V) => boolean) | undefined;
+        /** Styling for the column element (td) */
+        style: string | undefined;
+        /** Class for the column element (td) */
+        class: string | undefined;
+        /** Event when the row-column is clicked */
+        onclick: ((event: MouseEvent, rowColumnCtx: RowColumnCtx<T, V>) => void) | undefined;
+        /**
+         * Pad child element of ``td``/``th`` instead of the column element itself.
+         * This ensures the child element "fills" the whole column.
+         * Ex. good if you want to make the column an anchor link ``<a href='...'>``
+         */
+        pad: "row" | "header" | "statusbar" | "both" | undefined;
+        /** @internal */
+        _table: ColumnTableRef | undefined;
+    }> & {
+        id: string;
+        header: Snippet<[ctx: HeaderCtx<T>]> | string | undefined;
+        row: Snippet<[item: T, ctx: RowColumnCtx<T, V>]> | undefined;
+        statusbar: Snippet<[ctx: StatusbarCtx<T>]> | undefined;
+        /**
+         * Is this column sticky by default?
+         * @default false
+         */
+        sticky: boolean;
+        /**
+         * Is this column visible by default?
+         * @default true
+         */
+        show: boolean;
+        /**
+         * Is this column sorted by default?
+         * @default false
+         */
+        sortby: boolean;
+        /**
+         * The width of the column in pixels by default
+         * @default 150
+         */
+        width: number;
+        /**
+         * Fixed is like sticky, but in its own category	meant to not be moved/hidden ex. select-boxes
+         * @default false
+         */
+        fixed: boolean;
+        /**
+         * The value of the row. Required for sorting/filtering
+         * @example row => row.name
+         */
+        value: ((item: T) => V) | undefined;
+        /**
+         * 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
+         */
+        sort: 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;
+        /**
+         *
+         * @example (value) => value.includes(search)
+         */
+        filter: ((value: V) => boolean) | undefined;
+        /** Styling for the column element (td) */
+        style: string | undefined;
+        /** Class for the column element (td) */
+        class: string | undefined;
+        /** Event when the row-column is clicked */
+        onclick: ((event: MouseEvent, rowColumnCtx: RowColumnCtx<T, V>) => void) | undefined;
+        /**
+         * Pad child element of ``td``/``th`` instead of the column element itself.
+         * This ensures the child element "fills" the whole column.
+         * Ex. good if you want to make the column an anchor link ``<a href='...'>``
+         */
+        pad: "row" | "header" | "statusbar" | "both" | undefined;
+        /** @internal */
+        _table: ColumnTableRef | undefined;
+    };
+    _table: ColumnTableRef | undefined;
+    readonly id: any;
+    readonly table: any;
+    readonly snippets: {
+        header: any;
+        /** Title is the header-snippet, with header-ctx: ``{ header: false }`` */
+        title: Snippet | undefined;
+        row: any;
+        statusbar: any;
+    };
+    /**
+     * Variables that can be saved (e.g. localStorage)
+     * and re-provided, where these are default-fallbacks
+     */
+    readonly defaults: {
+        sticky: any;
+        show: any;
+        sortby: any;
+        width: any;
+    };
+    /** Static options */
+    readonly options: {
+        fixed: any;
+        sort: any;
+        filter: any;
+        value: any;
+        resizeable: any;
+        style: any;
+        class: any;
+        onclick: any;
+        padRow: boolean;
+        padHeader: boolean;
+        padStatusbar: boolean;
+    };
+    /** Whether this column is currently hidden */
+    readonly isHidden: any;
+    toggleVisiblity(): void;
+    /** Stored cleanup function */
+    _cleanup: (() => void) | undefined;
+    /** Call to remove this column from the table */
+    cleanup(): void;
+    init(): (() => void) | undefined;
+}, {
+    id: string;
+    header: Snippet<[ctx: HeaderCtx<T>]> | string | undefined;
+    row: Snippet<[item: T, ctx: RowColumnCtx<T, V>]> | undefined;
+    statusbar: Snippet<[ctx: StatusbarCtx<T>]> | undefined;
     /**
      * Is this column sticky by default?
      * @default false
-    */
-    sticky?: boolean;
+     */
+    sticky: boolean;
     /**
      * Is this column visible by default?
      * @default true
      */
-    show?: boolean;
+    show: boolean;
     /**
      * Is this column sorted by default?
      * @default false
-    */
-    sortby?: boolean;
+     */
+    sortby: boolean;
     /**
      * The width of the column in pixels by default
      * @default 150
      */
-    width?: number;
-};
-type ColumnOptions<T, V> = {
+    width: number;
     /**
-     * Fixed is like sticky, but in its own category — meant to not be moved/hidden ex. select-boxes
+     * Fixed is like sticky, but in its own category	meant to not be moved/hidden ex. select-boxes
      * @default false
-    */
-    fixed?: boolean;
+     */
+    fixed: boolean;
     /**
      * The value of the row. Required for sorting/filtering
      * @example row => row.name
-    */
-    value?: (item: T) => V;
+     */
+    value: ((item: T) => V) | undefined;
     /**
      * Makes the column sortable. Sorts based of a sorting function.
      *
-     * **Important**   `value`-attribute is required adjacent to this.
+     * **Important**	 ``value``-attribute is required adjacent to this.
      *
-     * If `true` uses the default `.sort()` algorithm.
+     * If ``true`` uses the default ``.sort()`` algorithm.
      *
      * @default false
-    */
-    sort?: boolean | ((a: V, b: V) => number);
+     */
+    sort: boolean | ((a: V, b: V) => number);
     /**
      * Is this column resizeable?
-     * Can not be resized if Table is marked as `resizeable={false}`
+     * Can not be resized if Table is marked as ``resizeable={false}``
      * @default true
-    */
-    resizeable?: boolean;
+     */
+    resizeable: boolean;
     /**
      *
      * @example (value) => value.includes(search)
-    */
-    filter?: (value: V) => boolean;
+     */
+    filter: ((value: V) => boolean) | undefined;
     /** Styling for the column element (td) */
-    style?: string;
+    style: string | undefined;
     /** Class for the column element (td) */
-    class?: string;
+    class: string | undefined;
     /** Event when the row-column is clicked */
-    onclick?: (event: MouseEvent, rowColumnCtx: RowColumnCtx<T, V>) => void;
+    onclick: ((event: MouseEvent, rowColumnCtx: RowColumnCtx<T, V>) => void) | undefined;
     /**
-     * Pad child element of `td`/`th` instead of the column element itself.
+     * Pad child element of ``td``/``th`` instead of the column element itself.
      * This ensures the child element "fills" the whole column.
-     * Ex. good if you want to make the column an anchor link; `<a href='...'>`
-    */
-    pad?: 'row' | 'header' | 'statusbar' | 'both';
-};
-export declare class ColumnState<T = any, V = any> {
-    #private;
-    id: string;
-    /**
-     * Associated table
-    */
-    table: TableState<T>;
-    snippets: {
-        header: Snippet<[ctx: HeaderCtx<T>]> | (() => any) | undefined;
-        /** Title is the header-snippet, with header-ctx: `{ header: false }` */
-        title: (...args: any[]) => any;
+     * Ex. good if you want to make the column an anchor link ``<a href='...'>``
+     */
+    pad: "row" | "header" | "statusbar" | "both" | undefined;
+    /** @internal */
+    _table: ColumnTableRef | undefined;
+}>;
+/** ColumnInstance interface - defined explicitly to avoid circular ReturnType issues */
+export interface ColumnInstance<T = unknown, V = unknown> {
+    readonly id: string;
+    readonly table: ColumnTableRef;
+    readonly snippets: {
+        header: Snippet<[ctx: HeaderCtx<T>]> | undefined;
+        title: Snippet | undefined;
         row: Snippet<[item: T, ctx: RowColumnCtx<T, V>]> | undefined;
         statusbar: Snippet<[ctx: StatusbarCtx<T>]> | undefined;
     };
-    /**
-     * Variables that can be saved (e.g. localStorage)
-     * and re-provided, where these are default-fallbacks
-    */
-    defaults: {
+    readonly defaults: {
         sticky: boolean;
         show: boolean;
         sortby: boolean;
         width: number;
     };
-    /** Static options */
-    options: {
+    readonly options: {
         fixed: boolean;
         sort: boolean | ((a: V, b: V) => number);
         filter: ((value: V) => boolean) | undefined;
@@ -132,7 +328,7 @@ export declare class ColumnState<T = any, V = any> {
         padHeader: boolean;
         padStatusbar: boolean;
     };
+    readonly isHidden: boolean;
     toggleVisiblity(): void;
-    constructor(props: ColumnProps<T, V>);
 }
-export {};
+export type ColumnProps<T = unknown, V = unknown> = $origin.Props<ReturnType<typeof ColumnState<T, V>>>;