svelte-tably 1.5.7 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{createAttachmentKey as V}from"svelte/attachments";function S(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 R(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,R(X,J));return Object.assign(U,H.__attrSchema),U}function W(H,J,C=new Set){let U={};for(let X of J){if(C.has(X))continue;Object.assign(U,R(X,new Set(C)))}return Object.assign(U,H),U}function _(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=W(J,C),b=S(j,G),D=C.map((Z)=>Z(b)),F=D.length===1?D[0]:D.length>1?D:void 0,E=U(b,F);if(E===null||E===void 0)throw Error("[svelte-origin] __create returned null/undefined");let K=E,B=F?new Proxy(K,{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)}}):K;if(X){let Z=X.call(B,...q);if(typeof Z==="function")Object.defineProperty(B,"__cleanup",{value:Z,writable:!0,enumerable:!0,configurable:!0})}let M=new Map;for(let Z of Object.keys(Q))M.set(Z,V());return Object.defineProperty(B,"$attachments",{get(){let Z={};for(let[$,L]of Object.entries(Q))Z[M.get($)]=(x)=>L.call(B,x);for(let $ of Object.getOwnPropertySymbols(G)){let L=G[$];if(typeof L==="function")Z[$]=L}return Z},enumerable:!0,configurable:!0}),B}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 k(H,J){let U=R(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 P=Symbol.for("svelte-origin:bindable");function I(H,J){return{[P]:!0,get:H,set:J}}function T(H){return H!==null&&typeof H==="object"&&P 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(T(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,_ as __createOrigin,w as __createAttrs,I as __bindable,k as __attrsFor};
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};
@@ -9,29 +9,12 @@
9
9
  -->
10
10
 
11
11
  <script module lang='ts'>
12
- import type { Snippet } from 'svelte'
13
- import type { HeaderCtx } from './column-state.svelte.js'
14
-
15
- /** Creates a default header snippet that displays the title string */
16
- export function getDefaultHeader<T>(title: string): Snippet<[ctx: HeaderCtx<T>]> {
17
- // Svelte snippets internally receive (anchor, getContext) but the Snippet type
18
- // abstracts this away. We cast to the expected type.
19
- return ((anchor: Comment, _getCtx: () => HeaderCtx<T>) => {
20
- snippetLiteral(defaultHeader)(anchor, () => title)
21
- }) as unknown as Snippet<[ctx: HeaderCtx<T>]>
22
- }
23
-
24
- import { snippetLiteral } from '../utility.svelte.js'
25
12
  </script>
26
13
 
27
- <script lang='ts'>
14
+ <script lang='ts' generics='T, V'>
28
15
  import { onMount, onDestroy, untrack } from 'svelte'
29
- import { ColumnState, type ColumnProps } from './column-state.svelte.js'
16
+ import { ColumnState } from './column-state.svelte.js'
30
17
 
31
- type T = $$Generic
32
- type V = $$Generic
33
-
34
- type $$Props = ColumnProps<T, V>
35
18
  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
36
19
  | ((event: MouseEvent, rowColumnCtx: RowColumnCtx<T, V>) => void)
37
20
  | undefined, pad: ___pad, _table: ____table }: $origin.Props<ReturnType<typeof ColumnState<T, V>>> = $props()
@@ -53,6 +36,3 @@ let column = ColumnState<T, V>()({ get id() { return ___id }, get header() { ret
53
36
  </script>
54
37
 
55
38
 
56
- {#snippet defaultHeader(title: string)}
57
- {title}
58
- {/snippet}
@@ -1,51 +1,16 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HeaderCtx } from './column-state.svelte.js';
3
- /** Creates a default header snippet that displays the title string */
4
- export declare function getDefaultHeader<T>(title: string): Snippet<[ctx: HeaderCtx<T>]>;
5
- declare class __sveltets_Render<T, V> {
6
- props(): {
7
- id?: string | undefined;
8
- header?: string | Snippet<[ctx: HeaderCtx<T>]> | undefined;
9
- row?: Snippet<[item: T, ctx: import("./column-state.svelte.js").RowColumnCtx<T, V>]> | undefined;
10
- statusbar?: Snippet<[ctx: import("./column-state.svelte.js").StatusbarCtx<T>]> | undefined;
11
- sticky?: boolean | undefined;
12
- show?: boolean | undefined;
13
- sortby?: boolean | undefined;
14
- width?: number | undefined;
15
- fixed?: boolean | undefined;
16
- value?: ((item: T) => V) | undefined;
17
- sort?: boolean | ((a: V, b: V) => number) | undefined;
18
- resizeable?: boolean | undefined;
19
- filter?: ((value: V) => boolean) | undefined;
20
- style?: string | undefined;
21
- class?: string | undefined;
22
- onclick?: ((event: MouseEvent, rowColumnCtx: import("./column-state.svelte.js").RowColumnCtx<T, V>) => void) | undefined;
23
- pad?: string | undefined;
24
- _table?: import("./column-state.svelte.js").ColumnTableRef | undefined;
25
- };
26
- events(): {} & {
27
- [evt: string]: CustomEvent<any>;
28
- };
29
- slots(): {};
30
- bindings(): string;
31
- exports(): {};
32
- }
33
- interface $$IsomorphicComponent {
34
- 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']>> & {
35
- $$bindings?: ReturnType<__sveltets_Render<T, V>['bindings']>;
36
- } & ReturnType<__sveltets_Render<T, V>['exports']>;
37
- <T, V>(internal: unknown, props: {
38
- $$events?: ReturnType<__sveltets_Render<T, V>['events']>;
39
- }): ReturnType<__sveltets_Render<T, V>['exports']>;
40
- z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
41
- }
1
+ // Auto-generated by svelte-origin
2
+ // Do not edit manually - regenerated on save
3
+
4
+ import type { SvelteComponent } from 'svelte';
5
+ import type { ColumnState } from './column-state.svelte.js';
6
+
42
7
  /**
43
- * This is a description, \
44
- * on how to use this.
45
- *
46
- * @example
47
- * <Component />
8
+ * Props derived from ColumnState origin factory.
9
+ *
10
+ * Bindable props: none
11
+ * Generic parameters: <T, V>
48
12
  */
49
- declare const Column: $$IsomorphicComponent;
50
- type Column<T, V> = InstanceType<typeof Column<T, V>>;
51
- export default Column;
13
+ type __Props<T, V> = $origin.Props<ReturnType<typeof ColumnState<T, V>>>;
14
+
15
+ declare class __component<T, V> extends SvelteComponent<__Props<T, V>> {}
16
+ export default __component;
@@ -1,7 +1,10 @@
1
- import type { Snippet } from "svelte";
1
+ import { type Snippet } from "svelte";
2
2
  import { type RowCtx } from "../table/table-state.svelte.js";
3
+ /** Creates a default header snippet that displays the title string */
4
+ export declare function getDefaultHeader<T>(title: string): Snippet<[ctx: HeaderCtx<T>]>;
3
5
  export interface ColumnSelfRef {
4
6
  readonly id: string;
7
+ readonly isHidden: boolean;
5
8
  toggleVisiblity(): void;
6
9
  }
7
10
  export interface ColumnTableRef {
@@ -12,6 +15,17 @@ export interface ColumnTableRef {
12
15
  positions: {
13
16
  hidden: ColumnSelfRef[];
14
17
  };
18
+ /** Internal: position state arrays for direct manipulation */
19
+ _positionsState: {
20
+ fixed: ColumnSelfRef[];
21
+ sticky: ColumnSelfRef[];
22
+ scroll: ColumnSelfRef[];
23
+ hidden: ColumnSelfRef[];
24
+ };
25
+ /** Internal: version counter for reactivity */
26
+ _positionsVersion: number;
27
+ /** Internal: callback to notify Table.svelte of changes */
28
+ _saveCallback?: () => void;
15
29
  add(column: unknown): (() => void) | undefined;
16
30
  }
17
31
  export interface HeaderCtx<T> {
@@ -206,6 +220,8 @@ export declare const ColumnState: <T, V = unknown>() => import("svelte-origin/gl
206
220
  padHeader: boolean;
207
221
  padStatusbar: boolean;
208
222
  };
223
+ /** Whether this column is currently hidden */
224
+ readonly isHidden: any;
209
225
  toggleVisiblity(): void;
210
226
  /** Stored cleanup function */
211
227
  _cleanup: (() => void) | undefined;
@@ -312,6 +328,7 @@ export interface ColumnInstance<T = unknown, V = unknown> {
312
328
  padHeader: boolean;
313
329
  padStatusbar: boolean;
314
330
  };
331
+ readonly isHidden: boolean;
315
332
  toggleVisiblity(): void;
316
333
  }
317
334
  export type ColumnProps<T = unknown, V = unknown> = $origin.Props<ReturnType<typeof ColumnState<T, V>>>;
@@ -1,6 +1,12 @@
1
1
  import { __createOrigin } from '../../__svelte-origin-runtime.js'
2
+ import { createRawSnippet } from "svelte";
2
3
  import { getTableContext } from "../table/table-state.svelte.js";
3
- import { getDefaultHeader } from "./Column.svelte";
4
+ /** Creates a default header snippet that displays the title string */
5
+ export function getDefaultHeader(title) {
6
+ return createRawSnippet((_getCtx) => ({
7
+ render: () => `<span>${title}</span>`
8
+ }));
9
+ }
4
10
  export const ColumnState = () => __createOrigin({
5
11
  __attrSchema: { id: { default: "", bindable: false, hasDefault: true }, header: { default: undefined, bindable: false, hasDefault: false }, row: { default: undefined, bindable: false, hasDefault: false }, statusbar: { default: undefined, bindable: false, hasDefault: false }, sticky: { default: false, bindable: false, hasDefault: true }, show: { default: true, bindable: false, hasDefault: true }, sortby: { default: false, bindable: false, hasDefault: true }, width: { default: 150, bindable: false, hasDefault: true }, fixed: { default: false, bindable: false, hasDefault: true }, value: { default: undefined, bindable: false, hasDefault: false }, sort: { default: false, bindable: false, hasDefault: true }, resizeable: { default: true, bindable: false, hasDefault: true }, filter: { default: undefined, bindable: false, hasDefault: false }, style: { default: undefined, bindable: false, hasDefault: false }, class: { default: undefined, bindable: false, hasDefault: false }, onclick: { default: undefined, bindable: false, hasDefault: false }, pad: { default: undefined, bindable: false, hasDefault: false }, _table: { default: undefined, bindable: false, hasDefault: false } },
6
12
  __parents: undefined,
@@ -65,15 +71,32 @@ export const ColumnState = () => __createOrigin({
65
71
  padStatusbar: __self.props.pad === "statusbar",
66
72
  };
67
73
  },
74
+ get isHidden() {
75
+ const table = _table;
76
+ if (!table)
77
+ return false;
78
+ // Use ID comparison instead of reference equality (proxies break includes())
79
+ return table._positionsState.hidden.some((c) => c.id === __self.id);
80
+ },
68
81
  toggleVisiblity() {
69
82
  const table = _table;
70
83
  if (!table)
71
84
  return;
72
- const index = table.positions.hidden.indexOf(__self);
73
- if (index > -1)
74
- table.positions.hidden.splice(index, 1);
75
- else
76
- table.positions.hidden.push(__self);
85
+ const id = __self.id;
86
+ const pos = table._positionsState;
87
+ const isHidden = pos.hidden.some(c => c.id === id);
88
+ if (isHidden) {
89
+ // Currently hidden -> unhide: just remove from hidden array
90
+ pos.hidden = pos.hidden.filter(c => c.id !== id);
91
+ }
92
+ else {
93
+ // Currently visible -> hide: just add to hidden array
94
+ // Column stays in sticky/scroll - hidden is just a visibility flag
95
+ pos.hidden = [...pos.hidden, __self];
96
+ }
97
+ // Trigger reactivity
98
+ table._positionsVersion++;
99
+ table._saveCallback?.();
77
100
  },
78
101
  get _cleanup() { return _cleanup },
79
102
  set _cleanup(v) { _cleanup = v },
@@ -18,14 +18,11 @@
18
18
 
19
19
  -->
20
20
 
21
- <script lang='ts'>
21
+ <script lang='ts' generics='T'>
22
22
  import { onDestroy } from 'svelte'
23
- import { ExpandableState, type ExpandableProps } from './expandable-state.svelte.js'
23
+ import { ExpandableState } from './expandable-state.svelte.js'
24
24
  import { getTableContext } from '../table/table-state.svelte.js'
25
25
 
26
- type T = $$Generic
27
-
28
- type $$Props = ExpandableProps<T>
29
26
  let { content: ___content, slide: ___slide, click: ___click = true, chevron: ___chevron = 'hover', multiple: ___multiple = false, _table: ____table }: $origin.Props<ReturnType<typeof ExpandableState<T>>> = $props()
30
27
  let expandable = ExpandableState<T>()({ get content() { return ___content }, get slide() { return ___slide }, get click() { return ___click }, get chevron() { return ___chevron }, get multiple() { return ___multiple }, get _table() { return ____table } })
31
28
 
@@ -1,48 +1,16 @@
1
- declare class __sveltets_Render<T> {
2
- props(): {
3
- content?: import("svelte").Snippet<[item: T, ctx: import("../table/table-state.svelte.js").RowCtx<T>]> | undefined;
4
- slide?: {
5
- duration?: number;
6
- easing?: import("svelte/transition").EasingFunction;
7
- } | undefined;
8
- click?: boolean | undefined;
9
- chevron?: string | undefined;
10
- multiple?: boolean | undefined;
11
- _table?: import("./expandable-state.svelte.js").ExpandableTableRef | undefined;
12
- };
13
- events(): {} & {
14
- [evt: string]: CustomEvent<any>;
15
- };
16
- slots(): {};
17
- bindings(): string;
18
- exports(): {};
19
- }
20
- interface $$IsomorphicComponent {
21
- new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
22
- $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
23
- } & ReturnType<__sveltets_Render<T>['exports']>;
24
- <T>(internal: unknown, props: {
25
- $$events?: ReturnType<__sveltets_Render<T>['events']>;
26
- }): ReturnType<__sveltets_Render<T>['exports']>;
27
- z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
28
- }
1
+ // Auto-generated by svelte-origin
2
+ // Do not edit manually - regenerated on save
3
+
4
+ import type { SvelteComponent } from 'svelte';
5
+ import type { ExpandableState } from './expandable-state.svelte.js';
6
+
29
7
  /**
30
- * Expandable row component for svelte-tably.
31
- * Allows rows to be expanded to show additional content.
32
- *
33
- * @example
34
- * ```svelte
35
- * <Table data={items}>
36
- * {#snippet content({ Expandable })}
37
- * <Expandable chevron="always">
38
- * {#snippet content(item)}
39
- * <p>Details for {item.name}</p>
40
- * {/snippet}
41
- * </Expandable>
42
- * {/snippet}
43
- * </Table>
44
- * ```
8
+ * Props derived from ExpandableState origin factory.
9
+ *
10
+ * Bindable props: none
11
+ * Generic parameters: <T>
45
12
  */
46
- declare const Expandable: $$IsomorphicComponent;
47
- type Expandable<T> = InstanceType<typeof Expandable<T>>;
48
- export default Expandable;
13
+ type __Props<T> = $origin.Props<ReturnType<typeof ExpandableState<T>>>;
14
+
15
+ declare class __component<T> extends SvelteComponent<__Props<T>> {}
16
+ export default __component;
@@ -51,6 +51,6 @@ export declare const ExpandableState: <T>() => import("svelte-origin/globals").S
51
51
  multiple: boolean;
52
52
  _table: ExpandableTableRef | undefined;
53
53
  }>;
54
- export type ExpandableInstance = ReturnType<ReturnType<typeof ExpandableState>>;
54
+ export type ExpandableInstance = $origin.Of<ReturnType<typeof ExpandableState>>;
55
55
  export type ExpandableProps<T = unknown> = $origin.Props<ReturnType<typeof ExpandableState<T>>>;
56
56
  export {};
package/dist/index.d.ts CHANGED
@@ -1,12 +1,4 @@
1
1
  import Table from './table/Table.svelte';
2
- import type { TableInstance, TableProps } from './table/table-state.svelte.js';
3
- import type { ContentCtx as TableContentCtx, ContentSnippet as TableContentSnippet } from './table/Table.svelte';
4
- declare namespace Table {
5
- type State<T = unknown> = TableInstance<T>;
6
- type Props<T = unknown> = TableProps<T>;
7
- type ContentCtx<T = unknown> = TableContentCtx<T>;
8
- type ContentSnippet<T = unknown> = TableContentSnippet<T>;
9
- }
10
2
  export default Table;
11
3
  export { default as Panel } from './panel/Panel.svelte';
12
4
  export { default as Column } from './column/Column.svelte';
@@ -20,7 +12,7 @@ export { ExpandableState as ExpandableFactory } from './expandable/expandable-st
20
12
  export { Data as DataFactory } from './table/data.svelte.js';
21
13
  export type { TableInstance, TableInstance as TableState, // backwards compat alias
22
14
  TableProps } from './table/table-state.svelte.js';
23
- export type { ContentCtx, ContentSnippet } from './table/Table.svelte';
15
+ export type { ContentCtx, ContentSnippet } from './table/table-state.svelte.js';
24
16
  export type { RowInstance, RowInstance as RowState, // backwards compat alias
25
17
  RowProps } from './row/row-state.svelte.js';
26
18
  export type { ColumnInstance, ColumnInstance as ColumnState, // backwards compat alias
@@ -10,9 +10,8 @@
10
10
 
11
11
  <script lang='ts' generics='T'>
12
12
  import { onMount, onDestroy } from 'svelte'
13
- import { PanelState, type PanelProps } from './panel-state.svelte.js'
13
+ import { PanelState } from './panel-state.svelte.js'
14
14
 
15
- type $$Props = PanelProps<T>
16
15
  let { id: ___id = '', backdrop: ___backdrop = true, children: ___children, _table: ____table }: $origin.Props<ReturnType<typeof PanelState<T>>> = $props()
17
16
  let panel = PanelState<T>()({ get id() { return ___id }, get backdrop() { return ___backdrop }, get children() { return ___children }, get _table() { return ____table } })
18
17
 
@@ -1,33 +1,16 @@
1
- declare class __sveltets_Render<T> {
2
- props(): {
3
- id?: string | undefined;
4
- backdrop?: boolean | undefined;
5
- children?: import("svelte").Snippet<[ctx: import("./panel-state.svelte.js").PanelCtx<T>]> | undefined;
6
- _table?: import("./panel-state.svelte.js").PanelTableRef | undefined;
7
- };
8
- events(): {} & {
9
- [evt: string]: CustomEvent<any>;
10
- };
11
- slots(): {};
12
- bindings(): string;
13
- exports(): {};
14
- }
15
- interface $$IsomorphicComponent {
16
- new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
17
- $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
18
- } & ReturnType<__sveltets_Render<T>['exports']>;
19
- <T>(internal: unknown, props: {
20
- $$events?: ReturnType<__sveltets_Render<T>['events']>;
21
- }): ReturnType<__sveltets_Render<T>['exports']>;
22
- z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
23
- }
1
+ // Auto-generated by svelte-origin
2
+ // Do not edit manually - regenerated on save
3
+
4
+ import type { SvelteComponent } from 'svelte';
5
+ import type { PanelState } from './panel-state.svelte.js';
6
+
24
7
  /**
25
- * This is a description, \
26
- * on how to use this.
27
- *
28
- * @example
29
- * <Component />
8
+ * Props derived from PanelState origin factory.
9
+ *
10
+ * Bindable props: none
11
+ * Generic parameters: <T>
30
12
  */
31
- declare const Panel: $$IsomorphicComponent;
32
- type Panel<T> = InstanceType<typeof Panel<T>>;
33
- export default Panel;
13
+ type __Props<T> = $origin.Props<ReturnType<typeof PanelState<T>>>;
14
+
15
+ declare class __component<T> extends SvelteComponent<__Props<T>> {}
16
+ export default __component;
@@ -47,5 +47,5 @@ export declare const PanelState: <T>() => import("svelte-origin/globals").Svelte
47
47
  /** @internal */
48
48
  _table: PanelTableRef | undefined;
49
49
  }>;
50
- export type PanelInstance = ReturnType<ReturnType<typeof PanelState>>;
50
+ export type PanelInstance = $origin.Of<ReturnType<typeof PanelState>>;
51
51
  export type PanelProps<T = unknown> = $origin.Props<ReturnType<typeof PanelState<T>>>;
@@ -8,14 +8,11 @@
8
8
 
9
9
  -->
10
10
 
11
- <script lang='ts'>
11
+ <script lang='ts' generics='T'>
12
12
  import { onDestroy } from 'svelte'
13
- import { RowState, type RowProps } from './row-state.svelte.js'
13
+ import { RowState } from './row-state.svelte.js'
14
14
  import { getTableContext } from '../table/table-state.svelte.js'
15
15
 
16
- type T = $$Generic
17
-
18
- type $$Props = RowProps<T>
19
16
  let { class: ___class, context: ___context, contextOptions: ___contextOptions, contextHeader: ___contextHeader, onclick: ___onclick, oncontextmenu: ___oncontextmenu, _table: ____table }: $origin.Props<ReturnType<typeof RowState<T>>> = $props()
20
17
  let row = RowState<T>()({ get class() { return ___class }, get context() { return ___context }, get contextOptions() { return ___contextOptions }, get contextHeader() { return ___contextHeader }, get onclick() { return ___onclick }, get oncontextmenu() { return ___oncontextmenu }, get _table() { return ____table } })
21
18
 
@@ -1,41 +1,16 @@
1
- declare class __sveltets_Render<T> {
2
- props(): {
3
- class?: string | undefined;
4
- context?: import("svelte").Snippet<[item: T, ctx: import("../table/table-state.svelte.js").RowCtx<T>]> | undefined;
5
- contextOptions?: {
6
- hover?: boolean;
7
- width?: string;
8
- alignHeaderToRows?: boolean;
9
- class?: string;
10
- } | undefined;
11
- contextHeader?: import("svelte").Snippet | undefined;
12
- onclick?: ((event: MouseEvent, ctx: import("../table/table-state.svelte.js").RowCtx<T>) => void) | undefined;
13
- oncontextmenu?: ((event: MouseEvent, ctx: import("../table/table-state.svelte.js").RowCtx<T>) => void) | undefined;
14
- _table?: import("./row-state.svelte.js").RowTableRef | undefined;
15
- };
16
- events(): {} & {
17
- [evt: string]: CustomEvent<any>;
18
- };
19
- slots(): {};
20
- bindings(): string;
21
- exports(): {};
22
- }
23
- interface $$IsomorphicComponent {
24
- new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
25
- $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
26
- } & ReturnType<__sveltets_Render<T>['exports']>;
27
- <T>(internal: unknown, props: {
28
- $$events?: ReturnType<__sveltets_Render<T>['events']>;
29
- }): ReturnType<__sveltets_Render<T>['exports']>;
30
- z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
31
- }
1
+ // Auto-generated by svelte-origin
2
+ // Do not edit manually - regenerated on save
3
+
4
+ import type { SvelteComponent } from 'svelte';
5
+ import type { RowState } from './row-state.svelte.js';
6
+
32
7
  /**
33
- * This is a description, \
34
- * on how to use this.
35
- *
36
- * @example
37
- * <Component />
8
+ * Props derived from RowState origin factory.
9
+ *
10
+ * Bindable props: none
11
+ * Generic parameters: <T>
38
12
  */
39
- declare const Row: $$IsomorphicComponent;
40
- type Row<T> = InstanceType<typeof Row<T>>;
41
- export default Row;
13
+ type __Props<T> = $origin.Props<ReturnType<typeof RowState<T>>>;
14
+
15
+ declare class __component<T> extends SvelteComponent<__Props<T>> {}
16
+ export default __component;
@@ -91,6 +91,6 @@ export declare const RowState: <T>() => import("svelte-origin/globals").SvelteOr
91
91
  /** @internal */
92
92
  _table: RowTableRef | undefined;
93
93
  }>;
94
- export type RowInstance = ReturnType<ReturnType<typeof RowState>>;
94
+ export type RowInstance = $origin.Of<ReturnType<typeof RowState>>;
95
95
  export type RowProps<T = unknown> = $origin.Props<ReturnType<typeof RowState<T>>>;
96
96
  export {};