@ims360/svelte-ivory 0.0.41 → 0.0.44

package/dist/components/ai/Chat.svelte

@@ -60,7 +60,7 @@
         return remainHeight;
     }
 
-    async function scrollToBottom() {
+    export async function scrollToBottom() {
         if (!chatContainer) return;
         await tick();
         await tick();

package/dist/components/ai/Chat.svelte.d.ts

@@ -35,7 +35,9 @@ interface Props {
  * Comes with default styles for the chat messages, but can be customized with the `userMessage` and `systemMessage` props.
  * The input component has to be provided as a child component, and the `submit` function has to be provided as a callback.
  */
-declare const Chat: import("svelte").Component<Props, {}, "b_chat">;
+declare const Chat: import("svelte").Component<Props, {
+    scrollToBottom: () => Promise<void>;
+}, "b_chat">;
 type Chat = ReturnType<typeof Chat>;
 export default Chat;
 //# sourceMappingURL=Chat.svelte.d.ts.map

package/dist/components/ai/Chat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ai/Chat.svelte.ts"],"names":[],"mappings":"AAII,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,MAAM;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAqHL;;;;GAIG;AACH,QAAA,MAAM,IAAI,iDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chat.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ai/Chat.svelte.ts"],"names":[],"mappings":"AAII,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,MAAM;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAqHL;;;;GAIG;AACH,QAAA,MAAM,IAAI;;YAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/layout/drawer/Drawer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '../../../types';
+    import type { TransitionProps } from '../../../types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
@@ -11,13 +11,13 @@
 
     export type DrawerPlacement = 'left' | 'right';
 
-    export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type DrawerProps = TransitionProps & {
         class?: string;
         b_open: boolean;
-        title?: string;
+        title?: string | Snippet;
         children: Snippet;
         placement?: DrawerPlacement;
-    }
+    };
 </script>
 
 <script lang="ts">
@@ -54,13 +54,19 @@
                     ])
                 )}
                 onclick={(e) => e.stopPropagation()}
-                in:inTransition
-                out:outTransition
+                in:inTransition|global
+                out:outTransition|global
                 {...rest}
             >
                 <div class="flex flex-row items-center justify-between gap-8">
                     {#if title}
-                        <Heading>{title}</Heading>
+                        <Heading class="flex grow flex-row items-center gap-4">
+                            {#if typeof title === 'function'}
+                                {@render title()}
+                            {:else}
+                                {title}
+                            {/if}
+                        </Heading>
                     {/if}
                     <button class="group ml-auto flex justify-end" type="button" onclick={onclose}>
                         <X class="h-full w-auto transition-[stroke-width] group-hover:stroke-3" />

package/dist/components/layout/drawer/Drawer.svelte.d.ts

@@ -1,13 +1,13 @@
-import type { IvoryComponent, TransitionProps } from '../../../types';
+import type { TransitionProps } from '../../../types';
 import type { Snippet } from 'svelte';
 export type DrawerPlacement = 'left' | 'right';
-export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+export type DrawerProps = TransitionProps & {
     class?: string;
     b_open: boolean;
-    title?: string;
+    title?: string | Snippet;
     children: Snippet;
     placement?: DrawerPlacement;
-}
+};
 declare const Drawer: import("svelte").Component<DrawerProps, {}, "b_open">;
 type Drawer = ReturnType<typeof Drawer>;
 export default Drawer;

package/dist/components/layout/drawer/Drawer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOtC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B;AAoDL,QAAA,MAAM,MAAM,uDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOtC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AA0DN,QAAA,MAAM,MAAM,uDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/layout/modal/Modal.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '../../../types';
+    import type { TransitionProps } from '../../../types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import { type Snippet } from 'svelte';
@@ -9,7 +9,7 @@
     import { Heading, HiddenBackground, Portal } from '..';
 
     /** Props for the modal, expose if you overwrite the defaults in a custom component */
-    export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type ModalProps = TransitionProps & {
         /** Class of the modal itself, does not apply to the inner div */
         class?: ClassValue;
         /** Class of the div wrapping the children */
@@ -22,8 +22,9 @@
         preventClosing?: boolean;
         /** Variant of the modal, applies styling to the header */
         variant?: ModalVariant;
-        title?: string;
-    }
+        title?: string | Snippet;
+        onclick?: MouseEventHandler<HTMLDivElement>;
+    };
 
     export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
@@ -104,7 +105,13 @@
                         ]}
                     >
                         {#if title}
-                            <Heading>{title}</Heading>
+                            <Heading class="flex grow flex-row items-center gap-4">
+                                {#if typeof title === 'function'}
+                                    {@render title()}
+                                {:else}
+                                    {title}
+                                {/if}
+                            </Heading>
                         {/if}
                         <button
                             class="group ml-auto flex justify-end"

package/dist/components/layout/modal/Modal.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { IvoryComponent, TransitionProps } from '../../../types';
+import type { TransitionProps } from '../../../types';
 import { type Snippet } from 'svelte';
-import type { ClassValue } from 'svelte/elements';
+import type { ClassValue, MouseEventHandler } from 'svelte/elements';
 /** Props for the modal, expose if you overwrite the defaults in a custom component */
-export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+export type ModalProps = TransitionProps & {
     /** Class of the modal itself, does not apply to the inner div */
     class?: ClassValue;
     /** Class of the div wrapping the children */
@@ -15,8 +15,9 @@ export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionPr
     preventClosing?: boolean;
     /** Variant of the modal, applies styling to the header */
     variant?: ModalVariant;
-    title?: string;
-}
+    title?: string | Snippet;
+    onclick?: MouseEventHandler<HTMLDivElement>;
+};
 export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 interface Props extends ModalProps {
     /** If you don't want the title and close button to be included you can overwrite the default modal */

package/dist/components/layout/modal/Modal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAqB,MAAM,iBAAiB,CAAC;AAKrE,sFAAsF;AACtF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAC/E,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAoFL,oFAAoF;AACpF,QAAA,MAAM,KAAK,iDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAKrE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACvC,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AA0FL,oFAAoF;AACpF,QAAA,MAAM,KAAK,iDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/table/Table.svelte

@@ -9,7 +9,7 @@
     import ColumnHead from './ColumnHead.svelte';
     import Row from './Row.svelte';
     import VirtualList from './VirtualList.svelte';
-    import { createTableConfig, treeWalker } from './controller.svelte';
+    import { createTableConfig } from './controller.svelte';
 
     export interface TableProps<T extends TableRow<T>> {
         class?: ClassValue;
@@ -79,13 +79,11 @@
         }
     });
 
-    const results = $derived(treeWalker(table));
-
     const treeIndicatorId = pseudoRandomId('tree-indicator-');
 </script>
 
 <VirtualList
-    data={results.entries}
+    data={table.results.entries}
     class={twMerge(clsx(['flex flex-col overflow-hidden border-transparent', clazz]))}
     bind:b_scrollTop={table.scrollTop}
     {rowHeight}
@@ -128,8 +126,8 @@
                 onclick={() => {
                     table.toggleExpansion(node.id);
                 }}
-                ignoreWidth={results.someHaveChildren}
-                width={results.someHaveChildren ? 24 : 0}
+                ignoreWidth={table.results.someHaveChildren}
+                width={table.results.someHaveChildren ? 24 : 0}
                 minWidth={0}
             >
                 <div

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

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

@@ -12,8 +12,9 @@ export interface TableConfig<T extends TableRow<T>> {
     expanded: SvelteSet<string>;
     columns: Column[];
     scrollTop: number;
-    registerColumn: (config: ColumnConfig) => Column;
-    toggleExpansion: (id: string) => void;
+    readonly results: ReturnType<typeof treeWalker<T>>;
+    readonly registerColumn: (config: ColumnConfig) => Column;
+    readonly toggleExpansion: (id: string) => void;
 }
 export declare function createTableConfig<T extends TableRow<T>>(): TableConfig<T>;
 export interface TableState<T extends TableRow<T>> {
@@ -26,7 +27,7 @@ interface TreeRow<T> {
     id: string;
 }
 /** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
-export declare function treeWalker<T extends TableRow<T>>(config: TableConfig<T>): {
+declare function treeWalker<T extends TableRow<T>>(config: TableState<T>): {
     entries: TreeRow<T>[];
     someHaveChildren: boolean;
     maxNestingLevel: number;

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

@@ -1 +1 @@
-{"version":3,"file":"controller.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/controller.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,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;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,CAAC;IACjD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CAiDzE;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;AAkDD,0HAA0H;AAC1H,wBAAgB,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;;;;EAmDvE;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAMxE"}
+{"version":3,"file":"controller.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/controller.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,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;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,CAAC;IAC1D,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CA+DzE;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;AAkDD,0HAA0H;AAC1H,iBAAS,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;;;;EAmD/D;AAED,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

@@ -6,6 +6,16 @@ export function createTableConfig() {
     let scrollTop = $state(0);
     const expanded = new SvelteSet();
     const columns = $state([]);
+    const results = $derived.by(() => {
+        let state = {
+            data,
+            expanded
+        };
+        for (const plugin of plugins) {
+            state = plugin(state);
+        }
+        return treeWalker(state);
+    });
     return {
         get data() {
             return data;
@@ -31,6 +41,9 @@ export function createTableConfig() {
         get columns() {
             return columns;
         },
+        get results() {
+            return results;
+        },
         registerColumn(config) {
             let existingColumn = undefined;
             for (const column of columns) {
@@ -94,7 +107,7 @@ export function createTableConfig() {
 //     }
 // }
 /** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
-export function treeWalker(config) {
+function treeWalker(config) {
     const { data, expanded } = config;
     const stack = [];
     // push the root nodes of the trees onto the stack

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

@@ -1,3 +1,4 @@
+import { SvelteSet } from 'svelte/reactivity';
 import type { TablePlugin, TableRow } from '../';
 interface SearchConfig<T extends TableRow<T>> {
     search: string;
@@ -6,8 +7,8 @@ interface SearchConfig<T extends TableRow<T>> {
 export declare function searchPlugin<T extends TableRow<T>>(conf: SearchConfig<T>): TablePlugin<T>;
 /** collapses everything that doesnt match the searchString, expands direct search hit */
 export declare const search: <T extends TableRow<T>>(nodes: T[], searchString: string, stringsMatch: (a: T, b: string) => boolean) => {
-    hidden: Set<string>;
-    expanded: Set<string>;
+    hidden: SvelteSet<string>;
+    expanded: SvelteSet<string>;
 };
 export {};
 //# sourceMappingURL=search.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/search.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEjD,UAAU,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CA6BzF;AAED,yFAAyF;AACzF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,EACV,cAAc,MAAM,EACpB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO;;;CA8B7C,CAAC"}
+{"version":3,"file":"search.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/search.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEjD,UAAU,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CA8BzF;AAED,yFAAyF;AACzF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,EACV,cAAc,MAAM,EACpB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO;;;CA8B7C,CAAC"}

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

@@ -19,6 +19,7 @@ export function searchPlugin(conf) {
         // figure out which nodes to expand and hide
         const { expanded, hidden } = search(state.data, conf.search, conf.matches);
         prevSearch = conf.search;
+        console.log(hidden);
         return {
             data: state.data.filter((d) => !hidden.has(d.id)),
             expanded: new SvelteSet(expanded)
@@ -29,20 +30,20 @@ export function searchPlugin(conf) {
 /** collapses everything that doesnt match the searchString, expands direct search hit */
 export const search = (nodes, searchString, stringsMatch) => {
     const search = searchString.trim().toLowerCase();
-    const hidden = new Set();
-    const expanded = new Set();
+    const hidden = new SvelteSet();
+    const expanded = new SvelteSet();
     function nodeMatches(node, childOfMatch = false) {
         const matches = stringsMatch(node, search);
         let intermediate = false;
         for (const child of node.children || []) {
             const childMatches = nodeMatches(child, matches || childOfMatch);
-            if (childMatches && !intermediate)
+            if (childMatches)
                 intermediate = true;
         }
         if (intermediate) {
             expanded.add(node.id);
         }
-        else if (!childOfMatch) {
+        else if (!childOfMatch && !matches) {
             hidden.add(node.id);
         }
         return matches || intermediate;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.0.41",
+    "version": "0.0.44",
     "keywords": [
         "svelte"
     ],

package/src/lib/components/ai/Chat.svelte

@@ -60,7 +60,7 @@
         return remainHeight;
     }
 
-    async function scrollToBottom() {
+    export async function scrollToBottom() {
         if (!chatContainer) return;
         await tick();
         await tick();

package/src/lib/components/layout/drawer/Drawer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '$lib/types';
+    import type { TransitionProps } from '$lib/types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
@@ -11,13 +11,13 @@
 
     export type DrawerPlacement = 'left' | 'right';
 
-    export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type DrawerProps = TransitionProps & {
         class?: string;
         b_open: boolean;
-        title?: string;
+        title?: string | Snippet;
         children: Snippet;
         placement?: DrawerPlacement;
-    }
+    };
 </script>
 
 <script lang="ts">
@@ -54,13 +54,19 @@
                     ])
                 )}
                 onclick={(e) => e.stopPropagation()}
-                in:inTransition
-                out:outTransition
+                in:inTransition|global
+                out:outTransition|global
                 {...rest}
             >
                 <div class="flex flex-row items-center justify-between gap-8">
                     {#if title}
-                        <Heading>{title}</Heading>
+                        <Heading class="flex grow flex-row items-center gap-4">
+                            {#if typeof title === 'function'}
+                                {@render title()}
+                            {:else}
+                                {title}
+                            {/if}
+                        </Heading>
                     {/if}
                     <button class="group ml-auto flex justify-end" type="button" onclick={onclose}>
                         <X class="h-full w-auto transition-[stroke-width] group-hover:stroke-3" />

package/src/lib/components/layout/modal/Modal.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '$lib/types';
+    import type { TransitionProps } from '$lib/types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import { type Snippet } from 'svelte';
@@ -9,7 +9,7 @@
     import { Heading, HiddenBackground, Portal } from '..';
 
     /** Props for the modal, expose if you overwrite the defaults in a custom component */
-    export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type ModalProps = TransitionProps & {
         /** Class of the modal itself, does not apply to the inner div */
         class?: ClassValue;
         /** Class of the div wrapping the children */
@@ -22,8 +22,9 @@
         preventClosing?: boolean;
         /** Variant of the modal, applies styling to the header */
         variant?: ModalVariant;
-        title?: string;
-    }
+        title?: string | Snippet;
+        onclick?: MouseEventHandler<HTMLDivElement>;
+    };
 
     export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
@@ -104,7 +105,13 @@
                         ]}
                     >
                         {#if title}
-                            <Heading>{title}</Heading>
+                            <Heading class="flex grow flex-row items-center gap-4">
+                                {#if typeof title === 'function'}
+                                    {@render title()}
+                                {:else}
+                                    {title}
+                                {/if}
+                            </Heading>
                         {/if}
                         <button
                             class="group ml-auto flex justify-end"

package/src/lib/components/table/Table.svelte

@@ -9,7 +9,7 @@
     import ColumnHead from './ColumnHead.svelte';
     import Row from './Row.svelte';
     import VirtualList from './VirtualList.svelte';
-    import { createTableConfig, treeWalker } from './controller.svelte';
+    import { createTableConfig } from './controller.svelte';
 
     export interface TableProps<T extends TableRow<T>> {
         class?: ClassValue;
@@ -79,13 +79,11 @@
         }
     });
 
-    const results = $derived(treeWalker(table));
-
     const treeIndicatorId = pseudoRandomId('tree-indicator-');
 </script>
 
 <VirtualList
-    data={results.entries}
+    data={table.results.entries}
     class={twMerge(clsx(['flex flex-col overflow-hidden border-transparent', clazz]))}
     bind:b_scrollTop={table.scrollTop}
     {rowHeight}
@@ -128,8 +126,8 @@
                 onclick={() => {
                     table.toggleExpansion(node.id);
                 }}
-                ignoreWidth={results.someHaveChildren}
-                width={results.someHaveChildren ? 24 : 0}
+                ignoreWidth={table.results.someHaveChildren}
+                width={table.results.someHaveChildren ? 24 : 0}
                 minWidth={0}
             >
                 <div

package/src/lib/components/table/controller.svelte.ts

@@ -11,8 +11,9 @@ export interface TableConfig<T extends TableRow<T>> {
     expanded: SvelteSet<string>;
     columns: Column[];
     scrollTop: number;
-    registerColumn: (config: ColumnConfig) => Column;
-    toggleExpansion: (id: string) => void;
+    readonly results: ReturnType<typeof treeWalker<T>>;
+    readonly registerColumn: (config: ColumnConfig) => Column;
+    readonly toggleExpansion: (id: string) => void;
 }
 
 export function createTableConfig<T extends TableRow<T>>(): TableConfig<T> {
@@ -22,6 +23,17 @@ export function createTableConfig<T extends TableRow<T>>(): TableConfig<T> {
     const expanded = new SvelteSet<string>();
     const columns = $state<Column[]>([]);
 
+    const results = $derived.by(() => {
+        let state: TableState<T> = {
+            data,
+            expanded
+        };
+        for (const plugin of plugins) {
+            state = plugin(state);
+        }
+        return treeWalker(state);
+    });
+
     return {
         get data() {
             return data;
@@ -47,6 +59,9 @@ export function createTableConfig<T extends TableRow<T>>(): TableConfig<T> {
         get columns() {
             return columns;
         },
+        get results() {
+            return results;
+        },
         registerColumn(config: ColumnConfig) {
             let existingColumn: Column | undefined = undefined;
             for (const column of columns) {
@@ -126,7 +141,7 @@ interface TreeRow<T> {
 // }
 
 /** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
-export function treeWalker<T extends TableRow<T>>(config: TableConfig<T>) {
+function treeWalker<T extends TableRow<T>>(config: TableState<T>) {
     const { data, expanded } = config;
     const stack: { node: T; nestingLevel: number }[] = [];
 

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

@@ -28,6 +28,7 @@ export function searchPlugin<T extends TableRow<T>>(conf: SearchConfig<T>): Tabl
         // figure out which nodes to expand and hide
         const { expanded, hidden } = search(state.data, conf.search, conf.matches);
         prevSearch = conf.search;
+        console.log(hidden);
 
         return {
             data: state.data.filter((d) => !hidden.has(d.id)),
@@ -44,8 +45,8 @@ export const search = <T extends TableRow<T>>(
     stringsMatch: (a: T, b: string) => boolean
 ) => {
     const search = searchString.trim().toLowerCase();
-    const hidden = new Set<string>();
-    const expanded = new Set<string>();
+    const hidden = new SvelteSet<string>();
+    const expanded = new SvelteSet<string>();
 
     function nodeMatches(node: T, childOfMatch = false): boolean {
         const matches = stringsMatch(node, search);
@@ -53,12 +54,12 @@ export const search = <T extends TableRow<T>>(
         let intermediate = false;
         for (const child of node.children || []) {
             const childMatches = nodeMatches(child, matches || childOfMatch);
-            if (childMatches && !intermediate) intermediate = true;
+            if (childMatches) intermediate = true;
         }
 
         if (intermediate) {
             expanded.add(node.id);
-        } else if (!childOfMatch) {
+        } else if (!childOfMatch && !matches) {
             hidden.add(node.id);
         }