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.
- package/__svelte-origin-runtime.js +1 -1
- package/dist/column/Column.svelte +2 -22
- package/dist/column/Column.svelte.d.ts +14 -49
- package/dist/column/column-state.svelte.d.ts +18 -1
- package/dist/column/column-state.svelte.js +29 -6
- package/dist/expandable/Expandable.svelte +2 -5
- package/dist/expandable/Expandable.svelte.d.ts +14 -46
- package/dist/expandable/expandable-state.svelte.d.ts +1 -1
- package/dist/index.d.ts +1 -9
- package/dist/panel/Panel.svelte +1 -2
- package/dist/panel/Panel.svelte.d.ts +14 -31
- package/dist/panel/panel-state.svelte.d.ts +1 -1
- package/dist/row/Row.svelte +2 -5
- package/dist/row/Row.svelte.d.ts +14 -39
- package/dist/row/row-state.svelte.d.ts +1 -1
- package/dist/table/Table.svelte +113 -74
- package/dist/table/Table.svelte.d.ts +14 -82
- package/dist/table/data.svelte.js +13 -1
- package/dist/table/table-state.svelte.d.ts +74 -18
- package/dist/table/table-state.svelte.js +23 -39
- package/dist/test/GenericTest.svelte +8 -0
- package/dist/test/GenericTest.svelte.d.ts +21 -0
- package/dist/test/generic-test-state.svelte.d.ts +12 -0
- package/dist/test/generic-test-state.svelte.js +9 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createAttachmentKey as
|
|
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
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
* <Component />
|
|
8
|
+
* Props derived from ColumnState origin factory.
|
|
9
|
+
*
|
|
10
|
+
* Bindable props: none
|
|
11
|
+
* Generic parameters: <T, V>
|
|
48
12
|
*/
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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 =
|
|
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/
|
|
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
|
package/dist/panel/Panel.svelte
CHANGED
|
@@ -10,9 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
<script lang='ts' generics='T'>
|
|
12
12
|
import { onMount, onDestroy } from 'svelte'
|
|
13
|
-
import { PanelState
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
* <Component />
|
|
8
|
+
* Props derived from PanelState origin factory.
|
|
9
|
+
*
|
|
10
|
+
* Bindable props: none
|
|
11
|
+
* Generic parameters: <T>
|
|
30
12
|
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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 =
|
|
50
|
+
export type PanelInstance = $origin.Of<ReturnType<typeof PanelState>>;
|
|
51
51
|
export type PanelProps<T = unknown> = $origin.Props<ReturnType<typeof PanelState<T>>>;
|
package/dist/row/Row.svelte
CHANGED
|
@@ -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
|
|
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
|
|
package/dist/row/Row.svelte.d.ts
CHANGED
|
@@ -1,41 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
* <Component />
|
|
8
|
+
* Props derived from RowState origin factory.
|
|
9
|
+
*
|
|
10
|
+
* Bindable props: none
|
|
11
|
+
* Generic parameters: <T>
|
|
38
12
|
*/
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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 =
|
|
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 {};
|