@ims360/svelte-ivory 0.0.6 → 0.0.7

package/dist/components/table/table/column.svelte.js

@@ -0,0 +1,47 @@
+const DEFAULT_WIDTH = 250;
+const MINIMAL_WIDTH_MULTIPLIER = 0.5;
+export class Column {
+    id = $state('');
+    header = $state('');
+    // resizing
+    width = $state();
+    minimalWidth = $state(DEFAULT_WIDTH);
+    hovering = $state(false);
+    resizable = $state(false);
+    dragging = $state(false);
+    constructor(conf) {
+        this.id = conf.id;
+        this.updateConfig(conf);
+        $effect(() => {
+            this.updateConfig(conf);
+        });
+    }
+    updateConfig(conf) {
+        if (conf.minWidth !== undefined) {
+            this.minimalWidth = conf.minWidth;
+        }
+        else {
+            this.minimalWidth = (conf.width ?? DEFAULT_WIDTH) * MINIMAL_WIDTH_MULTIPLIER;
+        }
+        if (this.width === undefined) {
+            const newWidth = conf.width ?? DEFAULT_WIDTH;
+            this.width = newWidth;
+        }
+        if (!this.header)
+            this.header = conf.header;
+        const newResizable = conf.resizable ?? false;
+        if (newResizable !== this.resizable) {
+            this.resizable = newResizable;
+        }
+    }
+    resize(newWidth) {
+        if (newWidth === undefined)
+            return;
+        if (newWidth < this.minimalWidth) {
+            this.width = this.minimalWidth;
+        }
+        else {
+            this.width = newWidth;
+        }
+    }
+}

package/dist/components/table/table/index.js

@@ -0,0 +1,11 @@
+import Column from './Column.svelte';
+import Row from './Row.svelte';
+import TableComponent, { getTableContext } from './Table.svelte';
+import { TableController } from './table.svelte';
+const Table = Object.assign((TableComponent), {
+    Column,
+    Row,
+    getContext: getTableContext,
+    Controller: TableController
+});
+export default Table;

package/dist/components/table/table/table.svelte.d.ts

@@ -0,0 +1,36 @@
+import { Column, type ColumnConfig } from './column.svelte';
+export type TableRow<T> = {
+    id: string;
+    children?: T[];
+};
+export type TablePlugin<T extends TableRow<T>> = (state: TableState<T>) => TableState<T>;
+export interface TableConfig<T extends TableRow<T>> {
+    data: T[];
+    plugins?: TablePlugin<T>[];
+}
+export interface TableState<T extends TableRow<T>> {
+    data: T[];
+    expanded: Set<string>;
+}
+interface TreeRow<T> {
+    node: T;
+    nestingLevel: number;
+    id: string;
+}
+export declare class TableController<T extends TableRow<T>> {
+    columns: Column[];
+    data: T[];
+    expanded: Set<string>;
+    scrollTop: number;
+    readonly results: {
+        entries: TreeRow<T>[];
+        someHaveChildren: boolean;
+        maxNestingLevel: number;
+    };
+    refresh(conf: TableConfig<T>): void;
+    registerColumn(config: ColumnConfig): Column;
+    toggleExpansion(id: string): void;
+}
+export declare function getAllIds<T extends TableRow<T>>(...nodes: T[]): string[];
+export {};
+//# sourceMappingURL=table.svelte.d.ts.map

package/dist/components/table/table/table.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/table/table.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"}

package/dist/components/table/table/table.svelte.js

@@ -0,0 +1,92 @@
+import { SvelteSet } from 'svelte/reactivity';
+import { Column } from './column.svelte';
+export class TableController {
+    columns = $state([]);
+    data = $state([]);
+    expanded = new SvelteSet();
+    scrollTop = $state(0);
+    results = $derived(treeWalker(this.data, this.expanded));
+    refresh(conf) {
+        let intitalState = {
+            data: structuredClone(conf.data),
+            expanded: this.expanded
+        };
+        for (const plugin of conf.plugins ?? []) {
+            intitalState = plugin(intitalState);
+        }
+        this.data = intitalState.data;
+        this.expanded = new SvelteSet(intitalState.expanded);
+    }
+    registerColumn(config) {
+        // only register a column once
+        let existingColumn = undefined;
+        for (const column of this.columns) {
+            if (column.id !== config.id)
+                continue;
+            existingColumn = column;
+            break;
+        }
+        if (existingColumn)
+            return existingColumn;
+        const col = new Column(config);
+        this.columns.push(col);
+        return col;
+    }
+    toggleExpansion(id) {
+        if (this.expanded.has(id))
+            this.expanded.delete(id);
+        else
+            this.expanded.add(id);
+    }
+}
+/** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
+function treeWalker(data, expanded) {
+    const stack = [];
+    // push the root nodes of the trees onto the stack
+    for (let i = 0; i < data.length; i++) {
+        stack.push({
+            node: data[data.length - i - 1],
+            nestingLevel: 0
+        });
+    }
+    const entries = []; // the final result
+    let someHaveChildren = false; // used to determine whether to show the tree utility buttons
+    let maxNestingLevel = 0;
+    while (stack.length !== 0) {
+        const stackEntry = stack.pop();
+        if (!stackEntry)
+            break;
+        const { node, nestingLevel } = stackEntry;
+        const children = node.children;
+        if (children && children.length > 0) {
+            someHaveChildren = true;
+            // only show the children of expanded elements
+            if (expanded.has(node.id)) {
+                maxNestingLevel = Math.max(maxNestingLevel, nestingLevel + 1);
+                stack.push(...children
+                    .map((c) => ({
+                    node: c,
+                    nestingLevel: nestingLevel + 1
+                }))
+                    .reverse());
+            }
+        }
+        entries.push({
+            id: node.id,
+            node,
+            nestingLevel
+        });
+    }
+    return {
+        entries,
+        someHaveChildren,
+        maxNestingLevel
+    };
+}
+export function getAllIds(...nodes) {
+    const ids = nodes.map((n) => n.id);
+    for (const node of nodes) {
+        ids.push(...getAllIds(...(node.children ?? [])));
+    }
+    return ids;
+}

package/dist/components/toast/Toast.svelte.d.ts

@@ -14,3 +14,4 @@ type Props = {
 declare const Toast: import("svelte").Component<Props, {}, "">;
 type Toast = ReturnType<typeof Toast>;
 export default Toast;
+//# sourceMappingURL=Toast.svelte.d.ts.map

package/dist/components/toast/Toast.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/Toast.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGzD,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CAAC;CACtE,CAAC;AA+EN;;;GAGG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/toast/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ToastUI } from './Toast.svelte';
 export { Toasts } from './toasts.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/toast/toasts.svelte.d.ts

@@ -24,3 +24,4 @@ declare class ToastStore {
 /** Exposes functions to manage toasts, contains currently active toasts */
 export declare const Toasts: ToastStore;
 export {};
+//# sourceMappingURL=toasts.svelte.d.ts.map

package/dist/components/toast/toasts.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasts.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/toasts.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACrD,CAAC;AAEF,KAAK,KAAK,GAAG,aAAa,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;CAC7C,CAAC;AASF,cAAM,UAAU;IACZ,MAAM,UAAuB;IAE7B,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,GAA0B,MAAM;IAWhE,KAAK,CAAC,EAAE,EAAE,MAAM;IAOhB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa;IAiBvC,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,QAAQ,CAAC,EAAE,EAAE,MAAM;IAMnB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;CAKvB;AAED,2EAA2E;AAC3E,eAAO,MAAM,MAAM,YAAmB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":""}

package/dist/utils/actions/clickOutside.d.ts

@@ -9,3 +9,4 @@ export declare function clickOutside(node: Element, params: ((e: MouseEvent) =>
     destroy(): void;
 };
 export {};
+//# sourceMappingURL=clickOutside.d.ts.map

package/dist/utils/actions/clickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickOutside.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/clickOutside.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IACxB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,8CAA8C;AAC9C,wBAAgB,YAAY,CACxB,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,kBAAkB;;EA2BzD"}

package/dist/utils/actions/focusTrap.d.ts

@@ -2,3 +2,4 @@ export declare function focusTrap(node: HTMLElement, enabled: boolean): {
     update(newArgs: boolean): void;
     destroy(): void;
 };
+//# sourceMappingURL=focusTrap.d.ts.map

package/dist/utils/actions/focusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/focusTrap.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO;oBAsDrC,OAAO;;EAU9B"}

package/dist/utils/actions/index.d.ts

@@ -1,5 +1,7 @@
 export { clickOutside } from './clickOutside';
 export { focusTrap } from './focusTrap';
 export { portal } from './portal';
+export { resize } from './resize';
 export { shortcut } from './shortcut';
 export { onFirstVisible } from './visible';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/utils/actions/index.js

@@ -1,5 +1,6 @@
 export { clickOutside } from './clickOutside';
 export { focusTrap } from './focusTrap';
 export { portal } from './portal';
+export { resize } from './resize';
 export { shortcut } from './shortcut';
 export { onFirstVisible } from './visible';

package/dist/utils/actions/portal.d.ts

@@ -7,3 +7,4 @@ export declare function portal(el: HTMLElement, target?: HTMLElement | string):
     update: (newTarget: HTMLElement | string) => Promise<void>;
     destroy: () => void;
 };
+//# sourceMappingURL=portal.d.ts.map

package/dist/utils/actions/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/portal.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,GAAE,WAAW,GAAG,MAAe;wBAExC,WAAW,GAAG,MAAM;;EAiCxD"}

package/dist/utils/actions/resize.d.ts

@@ -0,0 +1,6 @@
+import type { Action } from 'svelte/action';
+export declare const resize: Action<HTMLElement, {
+    resized: (mouseX: number) => void;
+    dragging: (dragging: boolean) => void;
+}>;
+//# sourceMappingURL=resize.d.ts.map

package/dist/utils/actions/resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,MAAM,CACvB,WAAW,EACX;IAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CA8B/E,CAAC"}

package/dist/utils/actions/resize.js

@@ -0,0 +1,25 @@
+export const resize = (node, { resized, dragging }) => {
+    const onResize = (e) => {
+        resized(e.clientX);
+    };
+    const onResizeEnd = () => {
+        dragging(false);
+        window.removeEventListener('pointermove', onResize);
+        window.removeEventListener('pointerup', onResizeEnd);
+        window.removeEventListener('pointercancel', onResizeEnd);
+        document.getElementsByTagName('html')[0].style.userSelect = '';
+    };
+    const onResizeStart = () => {
+        dragging(true);
+        window.addEventListener('pointermove', onResize);
+        window.addEventListener('pointerup', onResizeEnd);
+        window.addEventListener('pointercancel', onResizeEnd);
+        document.getElementsByTagName('html')[0].style.userSelect = 'none';
+    };
+    node.addEventListener('pointerdown', onResizeStart);
+    return {
+        destroy() {
+            node.removeEventListener('pointerdown', onResizeStart);
+        }
+    };
+};

package/dist/utils/actions/shortcut.d.ts

@@ -8,3 +8,4 @@ export declare const shortcut: (node: HTMLElement, params?: {
     update: () => void;
     destroy: () => void;
 } | undefined;
+//# sourceMappingURL=shortcut.d.ts.map

package/dist/utils/actions/shortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/shortcut.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GACjB,MAAM,WAAW,EACjB,SAAS;IACL,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;;;aA0BJ,CAAC"}

package/dist/utils/actions/visible.d.ts

@@ -3,3 +3,4 @@ export declare const onFirstVisible: Action<HTMLElement, {
     callback: () => void;
     options?: Partial<IntersectionObserverInit>;
 }>;
+//# sourceMappingURL=visible.d.ts.map

package/dist/utils/actions/visible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/visible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,MAAM,CAC/B,WAAW,EACX;IACI,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CAC/C,CAoBJ,CAAC"}

package/dist/utils/functions/cookie.d.ts

@@ -10,3 +10,4 @@ export declare const cookie: {
     set: typeof setCookie;
 };
 export {};
+//# sourceMappingURL=cookie.d.ts.map

package/dist/utils/functions/cookie.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/cookie.ts"],"names":[],"mappings":"AAAA,iBAAS,SAAS,CAAC,IAAI,EAAE,MAAM,UAqB9B;AAED,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAWlD;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/dist/utils/functions/index.d.ts

@@ -1,3 +1,4 @@
 export { cookie } from './cookie';
 export { pseudoRandomId } from './pseudoRandomId';
 export { queryParams } from './queryParams';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/functions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/utils/functions/pseudoRandomId.d.ts

@@ -1 +1,2 @@
 export declare const pseudoRandomId: (prefix?: string) => string;
+//# sourceMappingURL=pseudoRandomId.d.ts.map

package/dist/utils/functions/pseudoRandomId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudoRandomId.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/pseudoRandomId.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,SAAQ,MAAW,WAGd,CAAC"}

package/dist/utils/functions/queryParams.d.ts

@@ -1 +1,2 @@
 export declare const queryParams: <T extends Record<string, string | number | undefined | null>>(params: T) => string;
+//# sourceMappingURL=queryParams.d.ts.map

package/dist/utils/functions/queryParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryParams.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/queryParams.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,EACpF,QAAQ,CAAC,KACV,MAYF,CAAC"}

package/package.json

@@ -59,6 +59,10 @@
             "types": "./dist/components/toast/index.d.ts",
             "svelte": "./dist/components/toast/index.js"
         },
+        "./components/table": {
+            "types": "./dist/components/table/index.d.ts",
+            "svelte": "./dist/components/table/index.js"
+        },
         "./utils/actions": {
             "types": "./dist/utils/actions/index.d.ts",
             "svelte": "./dist/utils/actions/index.js"
@@ -72,7 +76,10 @@
         "dist",
         "src/lib",
         "!dist/**/*.test.*",
-        "!dist/**/*.spec.*"
+        "!dist/**/*.spec.*",
+        "src/lib",
+        "!src/lib/**/*.test.*",
+        "!src/lib/**/*.spec.*"
     ],
     "keywords": [
         "svelte"
@@ -103,5 +110,5 @@
     "svelte": "./dist/index.js",
     "type": "module",
     "types": "./dist/index.d.ts",
-    "version": "0.0.6"
+    "version": "0.0.7"
 }

package/src/lib/components/basic/toggle/Toggle.svelte

@@ -21,8 +21,10 @@
     this={onclick ? 'button' : 'div'}
     class={twMerge(
         clsx(
-            'flex h-5 w-9 items-center rounded-full border p-0.5',
-            value ? 'bg-primary-500 border-primary-500' : 'bg-surface-500/30 border-surface-500/60',
+            'group flex h-5 w-9 items-center rounded-full border p-0.5 transition-colors duration-100',
+            value
+                ? 'bg-primary-500 border-primary-500'
+                : 'bg-surface-500/30 border-surface-500/60 hover:border-surface-500/80',
             clazz
         )
     )}
@@ -36,7 +38,7 @@
         <div
             class={[
                 'relative flex aspect-square h-full items-center justify-center rounded-full transition-all',
-                value ? 'bg-surface-50' : 'bg-surface-600'
+                value ? 'bg-surface-50' : 'bg-surface-600-400 group-hover:bg-surface-700-300'
             ]}
             style={value ? `left: calc(100% - ${thumbWidth}px);` : 'left: 0;'}
             bind:clientWidth={thumbWidth}

package/src/lib/components/layout/heading/Heading.svelte

@@ -28,6 +28,6 @@
     If you set the `defaultClasses`, make sure to call it before using a component that uses the heading component (e.g. your root `+layout.svelte`).
 -->
 
-<h2 class={twMerge(clsx('truncate text-lg font-bold select-none', defaultClasses, clazz))}>
+<h2 class={twMerge(clsx('shrink-0 truncate text-lg font-bold select-none', defaultClasses, clazz))}>
     {@render children()}
 </h2>

package/src/lib/components/layout/hiddenBackground/HiddenBackground.svelte

@@ -13,16 +13,16 @@
     }
 
     export const TEST_ID = 'background';
-</script>
 
-<script lang="ts">
-    interface Props {
+    export interface Props {
         class?: ClassValue;
         /** Gets called when the dialog is clicked */
         onclose?: () => void;
         children: Snippet;
     }
+</script>
 
+<script lang="ts">
     let { class: clazz, onclose, children }: Props = $props();
 </script>
 

package/src/lib/components/layout/tabs/Tab.svelte

@@ -8,7 +8,7 @@
     import { getTabContext } from './Tabs.svelte';
 
     type Props = {
-        class?: (selected: boolean) => ClassValue;
+        class?: ClassValue | ((selected: boolean) => ClassValue);
         id?: string | undefined;
         /**
          * If this is set the element will be a link.
@@ -58,8 +58,8 @@
     this={href ? 'a' : 'button'}
     class={twMerge(
         clsx(
-            'btn flex h-fit w-fit items-center justify-center px-0 text-xl font-bold',
-            clazz(selected)
+            'btn flex h-fit w-fit shrink-0 items-center justify-center px-0 text-xl font-bold select-none',
+            typeof clazz === 'function' ? clazz(selected) : clazz
         )
     )}
     onclick={href

package/src/lib/components/layout/tooltip/Tooltip.svelte

@@ -42,27 +42,28 @@
         onclick,
         href,
         timeout = 500,
-        tooltipClass
+        tooltipClass,
+        placement = 'top'
     }: Props = $props();
 
     let target = $state<HTMLElement>();
 
     let open = $state(false);
 
-    let showTimeout: number;
-    function onpointerenter() {
-        clearTimeout(timeout);
+    let currentTimeout: number;
+    function onmouseenter() {
+        clearTimeout(currentTimeout);
         if (timeout === 0) {
             open = true;
         } else {
-            showTimeout = setTimeout(() => {
+            currentTimeout = setTimeout(() => {
                 open = true;
             }, timeout) as unknown as number;
         }
     }
 
-    function onpointerleave() {
-        clearTimeout(showTimeout);
+    function onmouseleave() {
+        clearTimeout(currentTimeout);
         open = false;
     }
 </script>
@@ -80,8 +81,8 @@
     type={onclick ? 'button' : undefined}
     class={clazz}
     bind:this={target}
-    {onpointerenter}
-    {onpointerleave}
+    {onmouseenter}
+    {onmouseleave}
     {style}
     {onclick}
 >
@@ -93,7 +94,7 @@
         <Popover
             bind:b_open={open}
             {target}
-            placement="top"
+            {placement}
             class={twMerge(
                 clsx(
                     'bg-surface-50-950 max-w-96 -translate-y-0.5 rounded px-4 py-1 shadow-lg',

package/src/lib/components/table/index.ts

@@ -0,0 +1,5 @@
+export { expandAllPlugin } from './plugins/expandAll.svelte';
+export { searchPlugin } from './plugins/search.svelte';
+export { default as Table } from './table';
+export { default as Column, type ColumnProps } from './table/Column.svelte';
+export { getColumnHeadContext } from './table/ColumnHead.svelte';

package/src/lib/components/table/plugins/expandAll.svelte.ts

@@ -0,0 +1,34 @@
+import { SvelteSet } from 'svelte/reactivity';
+import { getAllIds, type TablePlugin, type TableRow } from '../table/table.svelte';
+
+interface ExpandAllConfig {
+    enabled: boolean;
+}
+
+const DEFAULT_CONFIG: ExpandAllConfig = {
+    enabled: true
+};
+
+export function expandAllPlugin<T extends TableRow<T>>(
+    conf: Partial<ExpandAllConfig>
+): TablePlugin<T> {
+    let initialized = false;
+
+    const config: ExpandAllConfig = {
+        ...DEFAULT_CONFIG,
+        ...conf
+    };
+
+    const middleware: TablePlugin<T> = (state) => {
+        if (initialized || !config.enabled) return state;
+        initialized = true;
+        const allIds = getAllIds(...state.data);
+        const newExpanded = new SvelteSet(allIds);
+        return {
+            data: state.data,
+            expanded: newExpanded
+        };
+    };
+
+    return middleware;
+}