fuma 2.0.3 → 2.0.5

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.
Files changed (58) hide show
  1. package/dist/ui/button/ButtonCopy.svelte +5 -2
  2. package/dist/ui/button/ButtonCopy.svelte.d.ts +2 -0
  3. package/dist/ui/form/Form.svelte +2 -2
  4. package/dist/ui/input/FormControl.svelte +3 -3
  5. package/dist/ui/input/InputSearch.svelte +34 -22
  6. package/dist/ui/input/InputSearch.svelte.d.ts +10 -8
  7. package/dist/ui/input/InputText.svelte +22 -9
  8. package/dist/ui/input/InputText.svelte.d.ts +7 -21
  9. package/dist/ui/input/InputTime.svelte +3 -2
  10. package/dist/ui/input/InputTime.svelte.d.ts +25 -2
  11. package/dist/ui/input/textRich/InputTextRich.svelte +5 -0
  12. package/dist/ui/input/textRich/InputTextRich.svelte.d.ts +11 -1
  13. package/dist/ui/input/textRich/ToolsBar.svelte +1 -4
  14. package/dist/ui/input/textRich/ToolsBar.svelte.d.ts +2 -0
  15. package/dist/ui/menu/DropDown.svelte +5 -5
  16. package/dist/ui/menu/DropDown.svelte.d.ts +12 -4
  17. package/dist/ui/range/RangePicker.svelte +2 -2
  18. package/dist/ui/range/RangePicker.svelte.d.ts +2 -2
  19. package/dist/ui/range/RangePickerButton.svelte +7 -4
  20. package/dist/ui/range/RangePickerButton.svelte.d.ts +4 -2
  21. package/dist/ui/table/Table.svelte +27 -13
  22. package/dist/ui/table/Table.svelte.d.ts +20 -28
  23. package/dist/ui/table/TableBody.svelte +21 -21
  24. package/dist/ui/table/TableBody.svelte.d.ts +19 -25
  25. package/dist/ui/table/TableCell.svelte +14 -15
  26. package/dist/ui/table/TableCell.svelte.d.ts +16 -21
  27. package/dist/ui/table/TableFieldsEdition.svelte +2 -2
  28. package/dist/ui/table/TableHead.svelte +32 -20
  29. package/dist/ui/table/TableHead.svelte.d.ts +7 -32
  30. package/dist/ui/table/cell/TableCellArray.svelte +5 -8
  31. package/dist/ui/table/cell/TableCellArray.svelte.d.ts +5 -20
  32. package/dist/ui/table/cell/TableCellBoolean.svelte +3 -2
  33. package/dist/ui/table/cell/TableCellBoolean.svelte.d.ts +5 -19
  34. package/dist/ui/table/cell/TableCellNumber.svelte +2 -2
  35. package/dist/ui/table/cell/TableCellNumber.svelte.d.ts +5 -19
  36. package/dist/ui/table/cell/TableCellString.svelte +5 -5
  37. package/dist/ui/table/cell/TableCellString.svelte.d.ts +25 -19
  38. package/dist/ui/table/field.d.ts +26 -58
  39. package/dist/ui/table/field.js +6 -7
  40. package/dist/ui/table/head/OrderButtons.svelte +40 -0
  41. package/dist/ui/table/head/OrderButtons.svelte.d.ts +24 -0
  42. package/dist/ui/table/head/TableHeadBoolean.svelte +2 -2
  43. package/dist/ui/table/head/TableHeadBoolean.svelte.d.ts +28 -17
  44. package/dist/ui/table/head/TableHeadDate.svelte +91 -25
  45. package/dist/ui/table/head/TableHeadDate.svelte.d.ts +5 -19
  46. package/dist/ui/table/head/TableHeadDefault.svelte +1 -2
  47. package/dist/ui/table/head/TableHeadDefault.svelte.d.ts +4 -18
  48. package/dist/ui/table/head/TableHeadNumber.svelte +33 -12
  49. package/dist/ui/table/head/TableHeadNumber.svelte.d.ts +28 -17
  50. package/dist/ui/table/head/TableHeadSelect.svelte +2 -2
  51. package/dist/ui/table/head/TableHeadSelect.svelte.d.ts +31 -20
  52. package/dist/ui/table/head/TableHeadString.svelte +9 -9
  53. package/dist/ui/table/head/TableHeadString.svelte.d.ts +4 -18
  54. package/dist/ui/table/head/index.d.ts +6 -0
  55. package/dist/ui/table/head/index.js +6 -22
  56. package/dist/validation/zod.d.ts +8 -0
  57. package/dist/validation/zod.js +4 -2
  58. package/package.json +8 -8
@@ -1,45 +1,37 @@
1
- import type { ComponentAndProps } from '../../utils/component.js';
2
- import { type TableField } from './index.js';
3
- declare class __sveltets_Render<Item extends {
4
- id: string | number;
5
- }> {
6
- props(): {
1
+ import { type TableField, type ItemBase } from './index.js';
2
+ import type { Snippet } from 'svelte';
3
+ declare function $$render<Item extends ItemBase>(): {
4
+ props: {
7
5
  key?: string;
8
6
  fields: TableField<Item>[];
9
7
  items: Item[];
10
- slotAction?: ((item: Item) => ComponentAndProps) | undefined;
8
+ actions?: Snippet<[item: Item]>;
11
9
  placholder?: string;
12
10
  class?: string;
13
11
  classRow?: string;
14
12
  hideBody?: boolean;
15
- onCreateField?: (() => void) | undefined;
13
+ onCreateField?: () => void;
14
+ onclick?: (item?: Item) => void;
16
15
  };
17
- events(): {
18
- click: CustomEvent<{
19
- id: string | number;
20
- }>;
21
- } & {
22
- [evt: string]: CustomEvent<any>;
23
- };
24
- slots(): {};
25
- bindings(): string;
16
+ exports: {};
17
+ bindings: "";
18
+ slots: {};
19
+ events: {};
20
+ };
21
+ declare class __sveltets_Render<Item extends ItemBase> {
22
+ props(): ReturnType<typeof $$render<Item>>['props'];
23
+ events(): ReturnType<typeof $$render<Item>>['events'];
24
+ slots(): ReturnType<typeof $$render<Item>>['slots'];
25
+ bindings(): "";
26
26
  exports(): {};
27
27
  }
28
28
  interface $$IsomorphicComponent {
29
- new <Item extends {
30
- id: string | number;
31
- }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
29
+ new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
32
30
  $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
33
31
  } & ReturnType<__sveltets_Render<Item>['exports']>;
34
- <Item extends {
35
- id: string | number;
36
- }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
37
- $$events?: ReturnType<__sveltets_Render<Item>['events']>;
38
- }): ReturnType<__sveltets_Render<Item>['exports']>;
32
+ <Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
39
33
  z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
40
34
  }
41
35
  declare const Table: $$IsomorphicComponent;
42
- type Table<Item extends {
43
- id: string | number;
44
- }> = InstanceType<typeof Table<Item>>;
36
+ type Table<Item extends ItemBase> = InstanceType<typeof Table<Item>>;
45
37
  export default Table;
@@ -1,33 +1,33 @@
1
- <script lang="ts" generics="Item extends {id: string | number}">
2
- import { createEventDispatcher } from 'svelte'
1
+ <script lang="ts" generics="Item extends ItemBase">
2
+ import { TableCell, type ItemBase, type TableField } from './index.js'
3
+ import type { Snippet } from 'svelte'
3
4
 
4
- import { TableCell, type TableField } from './index.js'
5
- import type { ComponentAndProps } from '../../utils/component.js'
5
+ let {
6
+ items,
7
+ fields,
8
+ actions,
9
+ classRow,
10
+ onclick
11
+ }: {
12
+ items: Item[]
13
+ fields: TableField<Item>[]
14
+ actions?: Snippet<[item: Item]>
15
+ classRow?: string
16
+ onclick?: (item?: Item) => void
17
+ } = $props()
6
18
 
7
- export let items: Item[]
8
- export let fields: TableField<Item>[]
9
- export let action: ((item: Item) => ComponentAndProps) | undefined = undefined
10
- export let classRow = ''
11
-
12
- const dispatch = createEventDispatcher<{ click: Item }>()
13
-
14
- $: _fields = fields.filter((f) => f.$visible)
15
-
16
- function handleClickRow(event: MouseEvent, item: Item) {
17
- dispatch('click', item)
18
- }
19
+ let fieldsVisible = $derived(fields.filter((f) => f._visible))
19
20
  </script>
20
21
 
21
22
  <tbody>
22
23
  {#each items as item (item.id)}
23
- <tr class={classRow} on:click={(event) => handleClickRow(event, item)}>
24
- {#each _fields as field (field.key)}
24
+ <tr class={classRow} onclick={() => onclick?.(item)}>
25
+ {#each fieldsVisible as field (field.key)}
25
26
  <TableCell {item} {field} />
26
27
  {/each}
27
28
  <td align="right">
28
- {#if action}
29
- {@const { component, props } = action(item)}
30
- <svelte:component this={component} {...props} />
29
+ {#if actions}
30
+ {@render actions(item)}
31
31
  {/if}
32
32
  </td>
33
33
  </tr>
@@ -1,38 +1,32 @@
1
- import { type TableField } from './index.js';
2
- import type { ComponentAndProps } from '../../utils/component.js';
3
- declare class __sveltets_Render<Item extends {
4
- id: string | number;
5
- }> {
6
- props(): {
1
+ import { type ItemBase, type TableField } from './index.js';
2
+ import type { Snippet } from 'svelte';
3
+ declare function $$render<Item extends ItemBase>(): {
4
+ props: {
7
5
  items: Item[];
8
6
  fields: TableField<Item>[];
9
- action?: ((item: Item) => ComponentAndProps) | undefined;
7
+ actions?: Snippet<[item: Item]>;
10
8
  classRow?: string;
9
+ onclick?: (item?: Item) => void;
11
10
  };
12
- events(): {
13
- click: CustomEvent<Item>;
14
- } & {
15
- [evt: string]: CustomEvent<any>;
16
- };
17
- slots(): {};
18
- bindings(): string;
11
+ exports: {};
12
+ bindings: "";
13
+ slots: {};
14
+ events: {};
15
+ };
16
+ declare class __sveltets_Render<Item extends ItemBase> {
17
+ props(): ReturnType<typeof $$render<Item>>['props'];
18
+ events(): ReturnType<typeof $$render<Item>>['events'];
19
+ slots(): ReturnType<typeof $$render<Item>>['slots'];
20
+ bindings(): "";
19
21
  exports(): {};
20
22
  }
21
23
  interface $$IsomorphicComponent {
22
- new <Item extends {
23
- id: string | number;
24
- }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
24
+ new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
25
25
  $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
26
26
  } & ReturnType<__sveltets_Render<Item>['exports']>;
27
- <Item extends {
28
- id: string | number;
29
- }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
30
- $$events?: ReturnType<__sveltets_Render<Item>['events']>;
31
- }): ReturnType<__sveltets_Render<Item>['exports']>;
27
+ <Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
32
28
  z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
33
29
  }
34
30
  declare const TableBody: $$IsomorphicComponent;
35
- type TableBody<Item extends {
36
- id: string | number;
37
- }> = InstanceType<typeof TableBody<Item>>;
31
+ type TableBody<Item extends ItemBase> = InstanceType<typeof TableBody<Item>>;
38
32
  export default TableBody;
@@ -1,30 +1,29 @@
1
- <script lang="ts" generics="Item extends {id: string | number}">
1
+ <script lang="ts" generics="Item extends ItemBase">
2
2
  import {
3
3
  TableCellArray,
4
4
  TableCellBoolean,
5
5
  TableCellNumber,
6
6
  TableCellString
7
7
  } from './cell/index.js'
8
- import type { TableField } from './index.js'
8
+ import type { ItemBase, TableField } from './index.js'
9
9
 
10
- export let item: Item
11
- export let field: TableField<Item>
10
+ let { item, field }: { item: Item; field: TableField<Item> } = $props()
12
11
 
13
- $: value = field.getCell(item)
12
+ let cell = $derived(field.cell(item))
14
13
  </script>
15
14
 
16
- {#if Array.isArray(value)}
17
- <TableCellArray {value} />
18
- {:else if typeof value === 'number'}
19
- <TableCellNumber {value} />
20
- {:else if typeof value === 'boolean'}
21
- <TableCellBoolean {value} />
22
- {:else if typeof value === 'string'}
23
- <TableCellString {value} {field} />
24
- {:else if value === undefined || value === null}
15
+ {#if Array.isArray(cell)}
16
+ <TableCellArray {cell} />
17
+ {:else if typeof cell === 'number'}
18
+ <TableCellNumber {cell} />
19
+ {:else if typeof cell === 'boolean'}
20
+ <TableCellBoolean {cell} />
21
+ {:else if typeof cell === 'string'}
22
+ <TableCellString {cell} {field} />
23
+ {:else if cell === undefined || cell === null}
25
24
  <td>-</td>
26
25
  {:else}
27
26
  <td>
28
- <svelte:component this={value.component} {...value.props} />
27
+ {@render cell(item)}
29
28
  </td>
30
29
  {/if}
@@ -1,33 +1,28 @@
1
- import type { TableField } from './index.js';
2
- declare class __sveltets_Render<Item extends {
3
- id: string | number;
4
- }> {
5
- props(): {
1
+ import type { ItemBase, TableField } from './index.js';
2
+ declare function $$render<Item extends ItemBase>(): {
3
+ props: {
6
4
  item: Item;
7
5
  field: TableField<Item>;
8
6
  };
9
- events(): {} & {
10
- [evt: string]: CustomEvent<any>;
11
- };
12
- slots(): {};
13
- bindings(): string;
7
+ exports: {};
8
+ bindings: "";
9
+ slots: {};
10
+ events: {};
11
+ };
12
+ declare class __sveltets_Render<Item extends ItemBase> {
13
+ props(): ReturnType<typeof $$render<Item>>['props'];
14
+ events(): ReturnType<typeof $$render<Item>>['events'];
15
+ slots(): ReturnType<typeof $$render<Item>>['slots'];
16
+ bindings(): "";
14
17
  exports(): {};
15
18
  }
16
19
  interface $$IsomorphicComponent {
17
- new <Item extends {
18
- id: string | number;
19
- }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
20
+ new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
20
21
  $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
21
22
  } & ReturnType<__sveltets_Render<Item>['exports']>;
22
- <Item extends {
23
- id: string | number;
24
- }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
25
- $$events?: ReturnType<__sveltets_Render<Item>['events']>;
26
- }): ReturnType<__sveltets_Render<Item>['exports']>;
23
+ <Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
27
24
  z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
28
25
  }
29
26
  declare const TableCell: $$IsomorphicComponent;
30
- type TableCell<Item extends {
31
- id: string | number;
32
- }> = InstanceType<typeof TableCell<Item>>;
27
+ type TableCell<Item extends ItemBase> = InstanceType<typeof TableCell<Item>>;
33
28
  export default TableCell;
@@ -26,7 +26,7 @@
26
26
 
27
27
  const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = context.get(key)
28
28
 
29
- function getFieldHref(field: TableField) {
29
+ function getFieldHref(field: TableField<Item>) {
30
30
  if (field.locked) return
31
31
  const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key)
32
32
  if (url.searchParams.has(field.key)) {
@@ -106,7 +106,7 @@
106
106
  <Icon path={mdiCheck} class="fill-base-content/50" size={21} />
107
107
  {:else if $urlParam.has(field.key)}
108
108
  <Icon path={mdiCheckCircleOutline} class="fill-primary" size={21} />
109
- {:else if field.$visible}
109
+ {:else if field._visible}
110
110
  <Icon path={mdiCheck} class="fill-success" size={21} />
111
111
  {:else}
112
112
  <Icon path={mdiCircleSmall} class="fill-base-content/50" size={21} />
@@ -1,29 +1,41 @@
1
- <script lang="ts" generics="Item extends {id: string | number}">
2
- import { component, type ComponentAndProps } from '../../utils/component.js'
1
+ <script lang="ts">
3
2
  import { type TableField, TableFieldsEdition } from './index.js'
4
- import { tableHeadComponent } from './head/index.js'
5
- import TableHeadDefault from './head/TableHeadDefault.svelte'
3
+ import {
4
+ TableHeadBoolean,
5
+ TableHeadDate,
6
+ TableHeadDefault,
7
+ TableHeadNumber,
8
+ TableHeadSelect,
9
+ TableHeadString
10
+ } from './head/index.js'
6
11
 
7
- export let fields: TableField<Item>[]
8
- export let key: string
9
- export let onCreateField: (() => void) | undefined = undefined
10
-
11
- function getComponent(field: TableField): ComponentAndProps {
12
- if (field.type === 'select' || field.type === 'multiselect')
13
- return tableHeadComponent(field.type, { options: field.options || [] })(field)
14
- if (field.type) return tableHeadComponent(field.type, {})(field)
15
- if (!field.head) return component(TableHeadDefault, { field })
16
- if (typeof field.head === 'function') return field.head(field)
17
- if (typeof field.head === 'string') return tableHeadComponent(field.head, {})(field)
18
- return field.head
19
- }
12
+ let {
13
+ fields,
14
+ key,
15
+ onCreateField
16
+ }: {
17
+ fields: TableField[]
18
+ key: string
19
+ onCreateField?: () => void
20
+ } = $props()
20
21
  </script>
21
22
 
22
23
  <thead>
23
24
  <tr class="shadow">
24
- {#each fields.filter((f) => f.$visible) as field (field.key)}
25
- {@const { component, props } = getComponent(field)}
26
- <svelte:component this={component} {...props} />
25
+ {#each fields.filter((f) => f._visible) as field (field.key)}
26
+ {#if !field.type}
27
+ <TableHeadDefault {field} />
28
+ {:else if field.type === 'string' || field.type === 'textarea'}
29
+ <TableHeadString {field} />
30
+ {:else if field.type === 'number'}
31
+ <TableHeadNumber {field} />
32
+ {:else if field.type === 'boolean'}
33
+ <TableHeadBoolean {field} />
34
+ {:else if field.type === 'date'}
35
+ <TableHeadDate {field} />
36
+ {:else if field.options}
37
+ <TableHeadSelect {field} options={field.options} />
38
+ {/if}
27
39
  {/each}
28
40
  <TableFieldsEdition {fields} {key} {onCreateField} />
29
41
  </tr>
@@ -1,34 +1,9 @@
1
1
  import { type TableField } from './index.js';
2
- declare class __sveltets_Render<Item extends {
3
- id: string | number;
4
- }> {
5
- props(): {
6
- fields: TableField<Item>[];
7
- key: string;
8
- onCreateField?: (() => void) | undefined;
9
- };
10
- events(): {} & {
11
- [evt: string]: CustomEvent<any>;
12
- };
13
- slots(): {};
14
- bindings(): string;
15
- exports(): {};
16
- }
17
- interface $$IsomorphicComponent {
18
- new <Item extends {
19
- id: string | number;
20
- }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
21
- $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
22
- } & ReturnType<__sveltets_Render<Item>['exports']>;
23
- <Item extends {
24
- id: string | number;
25
- }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
26
- $$events?: ReturnType<__sveltets_Render<Item>['events']>;
27
- }): ReturnType<__sveltets_Render<Item>['exports']>;
28
- z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
29
- }
30
- declare const TableHead: $$IsomorphicComponent;
31
- type TableHead<Item extends {
32
- id: string | number;
33
- }> = InstanceType<typeof TableHead<Item>>;
2
+ type $$ComponentProps = {
3
+ fields: TableField[];
4
+ key: string;
5
+ onCreateField?: () => void;
6
+ };
7
+ declare const TableHead: import("svelte").Component<$$ComponentProps, {}, "">;
8
+ type TableHead = ReturnType<typeof TableHead>;
34
9
  export default TableHead;
@@ -1,14 +1,11 @@
1
1
  <script lang="ts">
2
- import { Badge } from '../../badge/index.js'
3
- import { component, type ComponentAndProps } from '../../../utils/component.js'
4
-
5
- export let value: (ComponentAndProps | string | number | boolean)[]
2
+ let { cell }: { cell: (string | number | boolean)[] } = $props()
6
3
  </script>
7
4
 
8
5
  <td>
9
- {#each value as v}
10
- {@const componentAndProps =
11
- typeof v === 'object' ? v : component(Badge, { content: String(v) })}
12
- <svelte:component this={componentAndProps.component} {...componentAndProps.props} />
6
+ {#each cell as content}
7
+ <span class="badge mr-1 whitespace-nowrap">
8
+ {content}
9
+ </span>
13
10
  {/each}
14
11
  </td>
@@ -1,21 +1,6 @@
1
- import { type ComponentAndProps } from '../../../utils/component.js';
2
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
- $$bindings?: Bindings;
5
- } & Exports;
6
- (internal: unknown, props: Props & {
7
- $$events?: Events;
8
- $$slots?: Slots;
9
- }): Exports & {
10
- $set?: any;
11
- $on?: any;
12
- };
13
- z_$$bindings?: Bindings;
14
- }
15
- declare const TableCellArray: $$__sveltets_2_IsomorphicComponent<{
16
- value: (ComponentAndProps | string | number | boolean)[];
17
- }, {
18
- [evt: string]: CustomEvent<any>;
19
- }, {}, {}, string>;
20
- type TableCellArray = InstanceType<typeof TableCellArray>;
1
+ type $$ComponentProps = {
2
+ cell: (string | number | boolean)[];
3
+ };
4
+ declare const TableCellArray: import("svelte").Component<$$ComponentProps, {}, "">;
5
+ type TableCellArray = ReturnType<typeof TableCellArray>;
21
6
  export default TableCellArray;
@@ -1,11 +1,12 @@
1
1
  <script lang="ts">
2
2
  import { mdiCheck, mdiClose } from '@mdi/js'
3
3
  import { Icon } from '../../icon/index.js'
4
- export let value: boolean
4
+
5
+ let { cell }: { cell: boolean } = $props()
5
6
  </script>
6
7
 
7
8
  <td>
8
- {#if value}
9
+ {#if cell}
9
10
  <Icon path={mdiCheck} class="fill-success" />
10
11
  {:else}
11
12
  <Icon path={mdiClose} class="fill-error" />
@@ -1,20 +1,6 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: Props & {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports & {
9
- $set?: any;
10
- $on?: any;
11
- };
12
- z_$$bindings?: Bindings;
13
- }
14
- declare const TableCellBoolean: $$__sveltets_2_IsomorphicComponent<{
15
- value: boolean;
16
- }, {
17
- [evt: string]: CustomEvent<any>;
18
- }, {}, {}, string>;
19
- type TableCellBoolean = InstanceType<typeof TableCellBoolean>;
1
+ type $$ComponentProps = {
2
+ cell: boolean;
3
+ };
4
+ declare const TableCellBoolean: import("svelte").Component<$$ComponentProps, {}, "">;
5
+ type TableCellBoolean = ReturnType<typeof TableCellBoolean>;
20
6
  export default TableCellBoolean;
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- export let value: number
2
+ let { cell }: { cell: number } = $props()
3
3
  </script>
4
4
 
5
5
  <td>
6
- <span class="badge">{value}</span>
6
+ <span class="badge">{cell}</span>
7
7
  </td>
@@ -1,20 +1,6 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: Props & {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports & {
9
- $set?: any;
10
- $on?: any;
11
- };
12
- z_$$bindings?: Bindings;
13
- }
14
- declare const TableCellNumber: $$__sveltets_2_IsomorphicComponent<{
15
- value: number;
16
- }, {
17
- [evt: string]: CustomEvent<any>;
18
- }, {}, {}, string>;
19
- type TableCellNumber = InstanceType<typeof TableCellNumber>;
1
+ type $$ComponentProps = {
2
+ cell: number;
3
+ };
4
+ declare const TableCellNumber: import("svelte").Component<$$ComponentProps, {}, "">;
5
+ type TableCellNumber = ReturnType<typeof TableCellNumber>;
20
6
  export default TableCellNumber;
@@ -1,10 +1,10 @@
1
- <script lang="ts">
2
- import type { TableField } from '../index.js'
1
+ <script lang="ts" generics="Item extends ItemBase">
2
+ import type { ItemBase, TableField } from '../index.js'
3
3
 
4
- export let value: string
5
- export let field: TableField
4
+ let { cell, field }: { cell: string; field: TableField<Item> } = $props()
6
5
  </script>
7
6
 
8
7
  <td data-field-key={field.key} data-field-type={field.type === 'textarea' ? 'textarea' : 'string'}>
9
- <span>{@html value}</span>
8
+ <!-- TODO: Sanitize -->
9
+ <span>{@html cell}</span>
10
10
  </td>
@@ -1,22 +1,28 @@
1
- import type { TableField } from '../index.js';
2
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
- $$bindings?: Bindings;
5
- } & Exports;
6
- (internal: unknown, props: Props & {
7
- $$events?: Events;
8
- $$slots?: Slots;
9
- }): Exports & {
10
- $set?: any;
11
- $on?: any;
1
+ import type { ItemBase, TableField } from '../index.js';
2
+ declare function $$render<Item extends ItemBase>(): {
3
+ props: {
4
+ cell: string;
5
+ field: TableField<Item>;
12
6
  };
13
- z_$$bindings?: Bindings;
7
+ exports: {};
8
+ bindings: "";
9
+ slots: {};
10
+ events: {};
11
+ };
12
+ declare class __sveltets_Render<Item extends ItemBase> {
13
+ props(): ReturnType<typeof $$render<Item>>['props'];
14
+ events(): ReturnType<typeof $$render<Item>>['events'];
15
+ slots(): ReturnType<typeof $$render<Item>>['slots'];
16
+ bindings(): "";
17
+ exports(): {};
14
18
  }
15
- declare const TableCellString: $$__sveltets_2_IsomorphicComponent<{
16
- value: string;
17
- field: TableField;
18
- }, {
19
- [evt: string]: CustomEvent<any>;
20
- }, {}, {}, string>;
21
- type TableCellString = InstanceType<typeof TableCellString>;
19
+ interface $$IsomorphicComponent {
20
+ new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
21
+ $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
22
+ } & ReturnType<__sveltets_Render<Item>['exports']>;
23
+ <Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
24
+ z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
25
+ }
26
+ declare const TableCellString: $$IsomorphicComponent;
27
+ type TableCellString<Item extends ItemBase> = InstanceType<typeof TableCellString<Item>>;
22
28
  export default TableCellString;