intelliwaketssveltekitv25 1.0.7 → 1.0.9

package/dist/Definitions.d.ts

@@ -124,16 +124,16 @@ export interface ITabHref {
     isInitial?: boolean;
     disabled?: boolean;
 }
-export interface ITabItem {
+export interface ITabItem<T extends string = string> {
     hidden?: boolean;
     faProps?: IFAProps;
-    key: string;
+    key: T;
     title?: string;
     /** undefined = don't show, null = show with spinner, number (0, 1, etc.) = show */
     badgeValue?: number | null;
     badgeColor?: string;
     disabled?: boolean;
-    action?: (key: string) => void;
+    action?: (key: T) => void;
 }
 export type TTableCol<T extends Record<string, any> = Record<string, any>> = Partial<Record<keyof T, {
     name: string;

package/dist/Search.svelte

@@ -16,6 +16,7 @@
 		noMagnifyingGlass,
 		onChange = () => {
 		},
+		hidden,
 		...restProps
 	}: HTMLInputAttributes & {
 		id?: string | undefined
@@ -83,7 +84,7 @@
 
 </script>
 
-<div class="relative grid grid-rows-1 inputSearch">
+<div class="relative grid grid-rows-1 inputSearch" {hidden}>
 
 	{#if !noMagnifyingGlass}
 		<div class="absolute left-1 top-1/2 -translate-y-1/2 text-slate-300 pointer-events-none">

package/dist/TabHeader.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang='ts' generics="T extends string">
 	import type { ITabItem } from './Definitions'
 	import { DeepEqual, SortCompare } from '@solidbasisventures/intelliwaketsfoundation'
 	import Icon from './Icon.svelte'
@@ -8,14 +8,16 @@
 
 	let {
 		tabItems,
-		currentKey = $bindable<string | undefined>(tabItems.find(tabItem => !tabItem.hidden)?.key ?? undefined),
+		currentKey = $bindable<T | undefined>(tabItems.find(tabItem => !tabItem.hidden)?.key ?? undefined),
 		printAllTabs = false,
-		rounded = false
+		rounded = false,
+		onchange
 	}: {
-		tabItems: ITabItem[]
-		currentKey: string | undefined
+		tabItems: ITabItem<T>[]
+		currentKey: T | undefined
 		printAllTabs?: boolean
 		rounded?: boolean
+		onchange?: (key: T) => void
 	} = $props()
 
 	let openedKeys = $state<string[]>([])
@@ -32,6 +34,9 @@
 			}
 		} else if (!visibleItems.some(item => item.key === currentKey)) {
 			currentKey = tabItems.find(tabItem => !tabItem.hidden)?.key ?? undefined
+			if (currentKey) {
+				onchange?.(currentKey)
+			}
 		}
 
 		const newOpenedKeys = visibleItems.filter(item => item.key === currentKey || openedKeys.includes(item.key)).map(item => item.key).sort(SortCompare)
@@ -111,7 +116,10 @@
 				class:isOpen={currentKey === item.key}
 				onclick={() => {
 					if (item.action) item.action(item.key)
-					else currentKey = item.key
+					else {
+						currentKey = item.key
+						onchange?.(item.key)
+					}
 				}}>
 				{#if !!item.faProps}
 					<Icon {...item.faProps}
@@ -129,7 +137,10 @@
 				class:isOpen={currentKey === item.key}
 				onclick={() => {
 					if (item.action) item.action(item.key)
-					else currentKey = item.key
+					else {
+						currentKey = item.key
+						onchange?.(item.key)
+					}
 				}}>
 				{#if !!item.faProps}
 					<Icon {...item.faProps}

package/dist/TabHeader.svelte.d.ts

@@ -1,10 +1,31 @@
 import type { ITabItem } from './Definitions';
-type $$ComponentProps = {
-    tabItems: ITabItem[];
-    currentKey: string | undefined;
-    printAllTabs?: boolean;
-    rounded?: boolean;
+declare function $$render<T extends string>(): {
+    props: {
+        tabItems: ITabItem<T>[];
+        currentKey: T | undefined;
+        printAllTabs?: boolean;
+        rounded?: boolean;
+        onchange?: (key: T) => void;
+    };
+    exports: {};
+    bindings: "currentKey";
+    slots: {};
+    events: {};
 };
-declare const TabHeader: import("svelte").Component<$$ComponentProps, {}, "currentKey">;
-type TabHeader = ReturnType<typeof TabHeader>;
+declare class __sveltets_Render<T extends string> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "currentKey";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends string>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const TabHeader: $$IsomorphicComponent;
+type TabHeader<T extends string> = InstanceType<typeof TabHeader<T>>;
 export default TabHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",