@ims360/svelte-ivory 0.0.14 → 0.0.17

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 (29) hide show
  1. package/dist/components/basic/toggle/Toggle.svelte +14 -11
  2. package/dist/components/basic/toggle/Toggle.svelte.d.ts.map +1 -1
  3. package/dist/components/table/Column.svelte +1 -1
  4. package/dist/components/table/Column.svelte.d.ts +1 -1
  5. package/dist/components/table/Column.svelte.d.ts.map +1 -1
  6. package/dist/components/table/ColumnHead.svelte +1 -1
  7. package/dist/components/table/ColumnHead.svelte.d.ts +1 -1
  8. package/dist/components/table/ColumnHead.svelte.d.ts.map +1 -1
  9. package/dist/components/table/Table.svelte +1 -2
  10. package/dist/components/table/Table.svelte.d.ts +1 -1
  11. package/dist/components/table/Table.svelte.d.ts.map +1 -1
  12. package/dist/components/table/{column.svelte.d.ts → columnController.svelte.d.ts} +1 -1
  13. package/dist/components/table/columnController.svelte.d.ts.map +1 -0
  14. package/dist/components/table/controller.svelte.d.ts +1 -1
  15. package/dist/components/table/controller.svelte.d.ts.map +1 -1
  16. package/dist/components/table/controller.svelte.js +1 -1
  17. package/dist/components/table/index.d.ts +1 -1
  18. package/dist/components/table/index.d.ts.map +1 -1
  19. package/dist/components/table/index.js +1 -1
  20. package/package.json +1 -1
  21. package/src/lib/components/basic/toggle/Toggle.svelte +14 -11
  22. package/src/lib/components/table/Column.svelte +1 -1
  23. package/src/lib/components/table/ColumnHead.svelte +1 -1
  24. package/src/lib/components/table/Table.svelte +1 -2
  25. package/src/lib/components/table/controller.svelte.ts +1 -1
  26. package/src/lib/components/table/index.ts +8 -1
  27. package/dist/components/table/column.svelte.d.ts.map +0 -1
  28. /package/dist/components/table/{column.svelte.js → columnController.svelte.js} +0 -0
  29. /package/src/lib/components/table/{column.svelte.ts → columnController.svelte.ts} +0 -0
package/dist/components/basic/toggle/Toggle.svelte CHANGED
@@ -13,37 +13,40 @@
13
13
  };
14
14
 
15
15
  let { value, class: clazz, onclick, children, testId }: Props = $props();
16
-
17
- let thumbWidth = $state(0);
18
16
  </script>
19
17
 
20
18
  <svelte:element
21
19
  this={onclick ? 'button' : 'div'}
22
20
  class={twMerge(
23
21
  clsx(
24
- 'group flex h-5 w-9 items-center rounded-full border p-0.5 transition-colors duration-100',
25
- value
26
- ? 'bg-primary-500 border-primary-500'
27
- : 'bg-surface-500/30 border-surface-500/60 hover:border-surface-500/80',
22
+ 'group relative flex h-5 w-9 flex-row items-center rounded-full p-0.5 transition-colors duration-100',
23
+ value ? 'bg-primary-500' : 'bg-surface-300-700',
28
24
  clazz
29
25
  )
30
26
  )}
31
27
  type={onclick ? 'button' : undefined}
32
28
  role={onclick ? 'button' : undefined}
33
29
  {onclick}
34
- tabindex="0"
35
30
  data-testid={testId}
36
31
  >
37
- <div class="relative flex h-full w-full flex-row items-center">
32
+ <div
33
+ class={[
34
+ 'relative flex h-full w-full flex-row items-center overflow-visible transition-all',
35
+ value ? 'translate-x-full' : ''
36
+ ]}
37
+ >
38
38
  <div
39
39
  class={[
40
40
  'relative flex aspect-square h-full items-center justify-center rounded-full transition-all',
41
- value ? 'bg-surface-50' : 'bg-surface-600-400 group-hover:bg-surface-700-300'
41
+ value
42
+ ? 'bg-surface-50 -translate-x-full'
43
+ : 'bg-surface-100-900 group-hover:bg-surface-50-950'
42
44
  ]}
43
- style={value ? `left: calc(100% - ${thumbWidth}px);` : 'left: 0;'}
44
- bind:clientWidth={thumbWidth}
45
45
  >
46
46
  {@render children?.()}
47
47
  </div>
48
48
  </div>
49
49
  </svelte:element>
50
+
51
+ <style>
52
+ </style>
package/dist/components/basic/toggle/Toggle.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkCN,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAqCN,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
package/dist/components/table/Column.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  import { type Snippet } from 'svelte';
4
4
  import type { ClassValue } from 'svelte/elements';
5
5
  import { twMerge } from 'tailwind-merge';
6
- import type { ColumnConfig } from './column.svelte';
6
+ import type { ColumnConfig } from './columnController.svelte';
7
7
  import { getTableContext } from './Table.svelte';
8
8
 
9
9
  let defaultClasses = $state<ClassValue>();
package/dist/components/table/Column.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type Snippet } from 'svelte';
2
2
  import type { ClassValue } from 'svelte/elements';
3
- import type { ColumnConfig } from './column.svelte';
3
+ import type { ColumnConfig } from './columnController.svelte';
4
4
  export declare function setClasses(c: ClassValue): void;
5
5
  export interface ColumnProps extends ColumnConfig {
6
6
  class?: ClassValue;
package/dist/components/table/Column.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Column.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Column.svelte.ts"],"names":[],"mappings":"AAII,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,wBAAgB,UAAU,CAAC,CAAC,EAAE,UAAU,QAEvC;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAuDL,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Column.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Column.svelte.ts"],"names":[],"mappings":"AAII,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAK9D,wBAAgB,UAAU,CAAC,CAAC,EAAE,UAAU,QAEvC;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAuDL,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
package/dist/components/table/ColumnHead.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts" module>
2
2
  import { getContext, setContext, type Snippet } from 'svelte';
3
3
  import { resize } from '../../utils/actions';
4
- import type { Column } from './column.svelte';
4
+ import type { Column } from './columnController.svelte';
5
5
 
6
6
  const CONTEXT = {};
7
7
  function setColumnHeadContext(column: Column) {
package/dist/components/table/ColumnHead.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type Snippet } from 'svelte';
2
- import type { Column } from './column.svelte';
2
+ import type { Column } from './columnController.svelte';
3
3
  export declare function getColumnHeadContext(): Column;
4
4
  type Props = {
5
5
  column: Column;
package/dist/components/table/ColumnHead.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnHead.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/ColumnHead.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAO9C,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C;AAED,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AA+CN,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ColumnHead.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/ColumnHead.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAOxD,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C;AAED,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AA+CN,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
package/dist/components/table/Table.svelte CHANGED
@@ -4,9 +4,8 @@
4
4
  import { getContext, setContext, type Snippet } from 'svelte';
5
5
  import type { ClassValue } from 'svelte/elements';
6
6
  import { twMerge } from 'tailwind-merge';
7
- import Column from './Column.svelte';
7
+ import { Column, TableController, type TablePlugin, type TableRow } from '.';
8
8
  import ColumnHead from './ColumnHead.svelte';
9
- import { TableController, type TablePlugin, type TableRow } from './controller.svelte';
10
9
  import Row from './Row.svelte';
11
10
  import VirtualList from './VirtualList.svelte';
12
11
 
package/dist/components/table/Table.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type Snippet } from 'svelte';
2
2
  import type { ClassValue } from 'svelte/elements';
3
- import { TableController, type TablePlugin, type TableRow } from './controller.svelte';
3
+ import { TableController, type TablePlugin, type TableRow } from '.';
4
4
  export interface TableProps<T extends TableRow<T>> {
5
5
  class?: ClassValue;
6
6
  data: T[];
package/dist/components/table/Table.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Table.svelte.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Table.svelte.ts"],"names":[],"mappings":"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"}
package/dist/components/table/{column.svelte.d.ts → columnController.svelte.d.ts} RENAMED
@@ -18,4 +18,4 @@ export declare class Column {
18
18
  updateConfig(conf: ColumnConfig): void;
19
19
  resize(newWidth?: number): void;
20
20
  }
21
- //# sourceMappingURL=column.svelte.d.ts.map
21
+ //# sourceMappingURL=columnController.svelte.d.ts.map
package/dist/components/table/columnController.svelte.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"columnController.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/columnController.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,MAAM;IACf,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAiB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}
package/dist/components/table/controller.svelte.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Column, type ColumnConfig } from './column.svelte';
1
+ import { Column, type ColumnConfig } from './columnController.svelte';
2
2
  export type TableRow<T> = {
3
3
  id: string;
4
4
  children?: T[];
package/dist/components/table/controller.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"controller.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/controller.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AACzD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC;AAEzF,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAED,UAAU,OAAO,CAAC,CAAC;IACf,IAAI,EAAE,CAAC,CAAC;IACR,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC9C,OAAO,WAAwB;IAC/B,IAAI,MAAmB;IACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAA2B;IAChD,SAAS,SAAa;IAEtB,QAAQ,CAAC,OAAO;;;;MAAkD;IAElE,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAc5B,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM;IAc5C,eAAe,CAAC,EAAE,EAAE,MAAM;CAI7B;AAuDD,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAMxE"}
1
+ {"version":3,"file":"controller.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/controller.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AACzD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC;AAEzF,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAED,UAAU,OAAO,CAAC,CAAC;IACf,IAAI,EAAE,CAAC,CAAC;IACR,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC9C,OAAO,WAAwB;IAC/B,IAAI,MAAmB;IACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAA2B;IAChD,SAAS,SAAa;IAEtB,QAAQ,CAAC,OAAO;;;;MAAkD;IAElE,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAc5B,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM;IAc5C,eAAe,CAAC,EAAE,EAAE,MAAM;CAI7B;AAuDD,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAMxE"}
package/dist/components/table/controller.svelte.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteSet } from 'svelte/reactivity';
2
- import { Column } from './column.svelte';
2
+ import { Column } from './columnController.svelte';
3
3
  export class TableController {
4
4
  columns = $state([]);
5
5
  data = $state([]);
package/dist/components/table/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { default as Column, type ColumnProps } from './Column.svelte';
2
2
  export { getColumnHeadContext } from './ColumnHead.svelte';
3
- export { TableController } from './controller.svelte';
3
+ export { getAllIds, TableController, type TableConfig, type TablePlugin, type TableRow, type TableState } from './controller.svelte';
4
4
  export { expandAllPlugin } from './plugins/expandAll.svelte';
5
5
  export { searchPlugin } from './plugins/search.svelte';
6
6
  export { getTableContext, default as Table, type TableProps } from './Table.svelte';
package/dist/components/table/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACH,SAAS,EACT,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,UAAU,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
package/dist/components/table/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { default as Column } from './Column.svelte';
2
2
  export { getColumnHeadContext } from './ColumnHead.svelte';
3
- export { TableController } from './controller.svelte';
3
+ export { getAllIds, TableController } from './controller.svelte';
4
4
  export { expandAllPlugin } from './plugins/expandAll.svelte';
5
5
  export { searchPlugin } from './plugins/search.svelte';
6
6
  export { getTableContext, default as Table } from './Table.svelte';
package/package.json CHANGED
@@ -109,5 +109,5 @@
109
109
  "svelte": "./dist/index.js",
110
110
  "type": "module",
111
111
  "types": "./dist/index.d.ts",
112
- "version": "0.0.14"
112
+ "version": "0.0.17"
113
113
  }
package/src/lib/components/basic/toggle/Toggle.svelte CHANGED
@@ -13,37 +13,40 @@
13
13
  };
14
14
 
15
15
  let { value, class: clazz, onclick, children, testId }: Props = $props();
16
-
17
- let thumbWidth = $state(0);
18
16
  </script>
19
17
 
20
18
  <svelte:element
21
19
  this={onclick ? 'button' : 'div'}
22
20
  class={twMerge(
23
21
  clsx(
24
- 'group flex h-5 w-9 items-center rounded-full border p-0.5 transition-colors duration-100',
25
- value
26
- ? 'bg-primary-500 border-primary-500'
27
- : 'bg-surface-500/30 border-surface-500/60 hover:border-surface-500/80',
22
+ 'group relative flex h-5 w-9 flex-row items-center rounded-full p-0.5 transition-colors duration-100',
23
+ value ? 'bg-primary-500' : 'bg-surface-300-700',
28
24
  clazz
29
25
  )
30
26
  )}
31
27
  type={onclick ? 'button' : undefined}
32
28
  role={onclick ? 'button' : undefined}
33
29
  {onclick}
34
- tabindex="0"
35
30
  data-testid={testId}
36
31
  >
37
- <div class="relative flex h-full w-full flex-row items-center">
32
+ <div
33
+ class={[
34
+ 'relative flex h-full w-full flex-row items-center overflow-visible transition-all',
35
+ value ? 'translate-x-full' : ''
36
+ ]}
37
+ >
38
38
  <div
39
39
  class={[
40
40
  'relative flex aspect-square h-full items-center justify-center rounded-full transition-all',
41
- value ? 'bg-surface-50' : 'bg-surface-600-400 group-hover:bg-surface-700-300'
41
+ value
42
+ ? 'bg-surface-50 -translate-x-full'
43
+ : 'bg-surface-100-900 group-hover:bg-surface-50-950'
42
44
  ]}
43
- style={value ? `left: calc(100% - ${thumbWidth}px);` : 'left: 0;'}
44
- bind:clientWidth={thumbWidth}
45
45
  >
46
46
  {@render children?.()}
47
47
  </div>
48
48
  </div>
49
49
  </svelte:element>
50
+
51
+ <style lang="postcss">
52
+ </style>
package/src/lib/components/table/Column.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  import { type Snippet } from 'svelte';
4
4
  import type { ClassValue } from 'svelte/elements';
5
5
  import { twMerge } from 'tailwind-merge';
6
- import type { ColumnConfig } from './column.svelte';
6
+ import type { ColumnConfig } from './columnController.svelte';
7
7
  import { getTableContext } from './Table.svelte';
8
8
 
9
9
  let defaultClasses = $state<ClassValue>();
package/src/lib/components/table/ColumnHead.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts" module>
2
2
  import { getContext, setContext, type Snippet } from 'svelte';
3
3
  import { resize } from '../../utils/actions';
4
- import type { Column } from './column.svelte';
4
+ import type { Column } from './columnController.svelte';
5
5
 
6
6
  const CONTEXT = {};
7
7
  function setColumnHeadContext(column: Column) {
package/src/lib/components/table/Table.svelte CHANGED
@@ -4,9 +4,8 @@
4
4
  import { getContext, setContext, type Snippet } from 'svelte';
5
5
  import type { ClassValue } from 'svelte/elements';
6
6
  import { twMerge } from 'tailwind-merge';
7
- import Column from './Column.svelte';
7
+ import { Column, TableController, type TablePlugin, type TableRow } from '.';
8
8
  import ColumnHead from './ColumnHead.svelte';
9
- import { TableController, type TablePlugin, type TableRow } from './controller.svelte';
10
9
  import Row from './Row.svelte';
11
10
  import VirtualList from './VirtualList.svelte';
12
11
 
package/src/lib/components/table/controller.svelte.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteSet } from 'svelte/reactivity';
2
- import { Column, type ColumnConfig } from './column.svelte';
2
+ import { Column, type ColumnConfig } from './columnController.svelte';
3
3
 
4
4
  export type TableRow<T> = { id: string; children?: T[] };
5
5
  export type TablePlugin<T extends TableRow<T>> = (state: TableState<T>) => TableState<T>;
package/src/lib/components/table/index.ts CHANGED
@@ -1,6 +1,13 @@
1
1
  export { default as Column, type ColumnProps } from './Column.svelte';
2
2
  export { getColumnHeadContext } from './ColumnHead.svelte';
3
- export { TableController } from './controller.svelte';
3
+ export {
4
+ getAllIds,
5
+ TableController,
6
+ type TableConfig,
7
+ type TablePlugin,
8
+ type TableRow,
9
+ type TableState
10
+ } from './controller.svelte';
4
11
  export { expandAllPlugin } from './plugins/expandAll.svelte';
5
12
  export { searchPlugin } from './plugins/search.svelte';
6
13
  export { getTableContext, default as Table, type TableProps } from './Table.svelte';
package/dist/components/table/column.svelte.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"column.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/column.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,MAAM;IACf,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAiB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}