intelliwaketssveltekitv25 0.1.167 → 0.1.169

package/dist/Cookie.d.ts

@@ -1,4 +1,4 @@
-export declare function CookieCreate(name: string, value: string | null, days: number): void;
+export declare function CookieCreate(name: string, value: string | null, days?: number): void;
 export declare function CookieReadOld(name: string, defaultValue?: string | null): string | null;
 export declare function CookieRead(name: string, defaultValue?: string | null): string | null;
 export declare function CookieErase(name: string): void;

package/dist/Cookie.js

@@ -6,7 +6,7 @@ import { IsOn } from "@solidbasisventures/intelliwaketsfoundation";
 export function CookieCreate(name, value, days) {
     name = name.replace(/=/g, '');
     let expires = '';
-    if (days) {
+    if (days !== undefined) {
         const date = new Date();
         date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
         expires = '; expires=' + date.toUTCString();

package/dist/MultiSelect.svelte

@@ -47,6 +47,8 @@
 		parentDivElement = null,
 		form = undefined,
 		onadd,
+		onselect,
+		oncreate,
 		onclear,
 		onclearall
 	}: {
@@ -87,6 +89,8 @@
 		parentDivElement?: HTMLDivElement | null
 		form?: string | undefined,
 		onadd?: (item: T) => void,
+		onselect?: (item: T) => void,
+		oncreate?: (item: string) => void,
 		onclear?: (item: T) => void,
 		onclearall?: () => void
 	} = $props()
@@ -94,7 +98,6 @@
 	let searchValue = $state('')
 	let selectedIndex = $state(0)
 	let elInput = $state<HTMLInputElement | null>(null)
-	let initialPass = $state(true)
 
 	let disable = $derived(disabled || readonly)
 
@@ -103,21 +106,38 @@
 		resizeTS = new Date().valueOf()
 	}
 
-	async function doAdd(item: T | null | undefined) {
+	function updateSelectedIDs(sels: T[]) {
+		if (autoModifySelected && !!selectedIDs) {
+			selectedIDs = sels.map(sel => idValue(sel))
+		}
+	}
+
+	async function doAdd(item: T | null | undefined, creating: boolean) {
 		if (!disable) {
 			if (item) {
-				if (autoModifySelected) selected = [...selected, item]
+				if (autoModifySelected) {
+					selected = [...selected, item]
+					updateSelectedIDs(selected)
+				}
 				searchValue = ''
 				await tick()
 				if (elInput) elInput.focus()
 				if (onadd) onadd(item)
+				if (!creating) {
+					if (onselect) onselect(item)
+				} else {
+					if (oncreate) oncreate(inputValue(item))
+				}
 			}
 		}
 	}
 
 	async function doClear(item: T) {
 		if (!disable) {
-			if (autoModifySelected) selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
+			if (autoModifySelected) {
+				selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
+				updateSelectedIDs(selected)
+			}
 			if (elInput) {
 				await tick()
 				elInput.focus()
@@ -130,7 +150,10 @@
 		e.stopPropagation()
 		if (!disable) {
 			if (allowClearAll) {
-				if (autoModifySelected) selected = []
+				if (autoModifySelected) {
+					selected = []
+					updateSelectedIDs(selected)
+				}
 				await tick()
 			}
 			if (elInput) {
@@ -145,11 +168,11 @@
 		if (!disable) {
 			if (searchValue && create) {
 				if (!createValid) {
-					doAdd(create(searchValue))
+					await doAdd(create(searchValue), true)
 				} else {
 					const valid = createValid(searchValue)
 					if (valid === true) {
-						doAdd(create(searchValue))
+						await doAdd(create(searchValue), true)
 					} else if (typeof valid === 'string') {
 						ShowMessageBox.show(valid)
 					}
@@ -165,16 +188,6 @@
 			item
 		})))
 
-	function setSelectedIDs(sels: T[]) {
-		if (!initialPass && autoModifySelected && selectedIDs && (selectedIDs.length !== sels.length || !sels.every(sel => !!selectedIDs?.some(selID => selID === idValue(sel))))) {
-			selectedIDs = sels.map(sel => idValue(sel))
-		}
-	}
-
-	$effect(() => {
-		setSelectedIDs(selected)
-	})
-
 	function setSelected(selIDs: (string | number)[] | undefined, poss: T[]) {
 		if (selIDs && autoModifySelected && (selIDs.length !== selected.length || !selected.every(sel => !!selIDs?.some(selID => selID === idValue(sel))))) {
 			selected = poss.filter(po => !!selIDs?.some(selID => selID == idValue(po)))
@@ -193,14 +206,17 @@
 						if (selectedIndex === -1) {
 							doCreate()
 						} else {
-							doAdd(listItems[selectedIndex]?.item)
+							doAdd(listItems[selectedIndex]?.item, false)
 						}
 						e.stopPropagation()
 						e.preventDefault()
 					}
 					break
 				case 'Backspace':
-					if (!searchValue) selected = selected.slice(0, -1)
+					if (!searchValue) {
+						selected = selected.slice(0, -1)
+						updateSelectedIDs(selected)
+					}
 					break
 				case 'ArrowDown':
 					if (!show) {
@@ -257,7 +273,6 @@
 			if (autoFocus && elInput) {
 				elInput.focus()
 			}
-			initialPass = false
 		}, 200)
 	})
 
@@ -380,7 +395,7 @@
 					{#each listItems as listItem, idx (keyValue(listItem.item, idx))}
 						<button type='button'
 										class='btnClean w-full px-2 py-1 hover:bg-slate-200 text-left'
-										onclick={() => doAdd(listItem.item)}
+										onclick={() => doAdd(listItem.item, false)}
 										tabindex={-1}
 										class:bg-slate-100={selectedIndex === idx}>
 							<DisplayHTML value={listItem.display?.toString()} />

package/dist/MultiSelect.svelte.d.ts

@@ -39,6 +39,8 @@ declare class __sveltets_Render<T extends TGenericMultiSelect> {
         parentDivElement?: HTMLDivElement | null;
         form?: string | undefined;
         onadd?: ((item: T) => void) | undefined;
+        onselect?: ((item: T) => void) | undefined;
+        oncreate?: ((item: string) => void) | undefined;
         onclear?: ((item: T) => void) | undefined;
         onclearall?: (() => void) | undefined;
     };

package/dist/Paginator.svelte

@@ -10,21 +10,25 @@
 		ToArray,
 		ToDigits
 	} from '@solidbasisventures/intelliwaketsfoundation'
-	import { DropDown, type IDDAction, PageAdvanceSize } from './index'
+	import { CookieCreate, CookieErase, CookieRead, DropDown, type IDDAction, PageAdvanceSize } from './index'
 	import { page as pageState } from '$app/state'
-	import { goto } from '$app/navigation'
+	import { goto, invalidate as doInvalidate, invalidateAll } from '$app/navigation'
 
 	let {
 		page = $bindable(),
 		pageCount,
 		verbose = false,
 		updateQueryParams = false,
+		cookieParms = false,
+		cookieDays,
 		invalidate = 'All',
 		class: clazz = ''
 	}: (Pick<IPaginatorResponse, 'page' | 'pageCount'> &
 		{
 			verbose?: boolean
 			updateQueryParams?: boolean | string
+			cookieParms?: boolean | string
+			cookieDays?: number
 			invalidate?: string | string[] | (string | URL | ((url: URL) => boolean)) | (string | URL | ((url: URL) => boolean))[] | null
 			class?: string
 		}) = $props()
@@ -95,10 +99,23 @@
 	let display = $derived(createDisplay(page, pageCount, clientWidth))
 
 	let queryParamName = $derived(!updateQueryParams ? null : updateQueryParams === true ? 'page' : updateQueryParams)
+	let cookieName = $derived(!cookieParms ? null : cookieParms === true ? 'page' : cookieParms)
+
+	function performInvalidate() {
+		for (const inv of ToArray(invalidate)) {
+			if (inv) {
+				if (inv === 'All') {
+					invalidateAll()
+				} else {
+					doInvalidate(inv)
+				}
+			}
+		}
+	}
 
 	$effect(() => {
-		if (queryParamName) {
-			const currentValue = CleanNumberNull(pageState.url.searchParams.get(queryParamName))
+		if (queryParamName || cookieName) {
+			const currentValue = CleanNumberNull(cookieName ? CookieRead(cookieName) : queryParamName ? pageState.url.searchParams.get(queryParamName) : null)
 			const gotoSettings: {
 				replaceState?: boolean | undefined;
 				invalidateAll?: boolean | undefined;
@@ -110,13 +127,33 @@
 			}
 			if (display.page === 1) {
 				if (currentValue) {
-					pageState.url.searchParams.delete(queryParamName)
-					goto(pageState.url, gotoSettings)
+					if (queryParamName) {
+						pageState.url.searchParams.delete(queryParamName)
+						goto(pageState.url, gotoSettings)
+					} else if (cookieName) {
+						CookieErase(cookieName)
+						if (invalidate) {
+							performInvalidate()
+						} else {
+							window.location.reload()
+						}
+					}
 				}
 			} else if (display.page !== currentValue) {
-				pageState.url.searchParams.set(queryParamName, display.page.toString())
-				goto(pageState.url, gotoSettings)
+				if (queryParamName) {
+					pageState.url.searchParams.set(queryParamName, display.page.toString())
+					goto(pageState.url, gotoSettings)
+				} else if (cookieName) {
+					CookieCreate(cookieName, display.page.toString(), cookieDays)
+					if (invalidate) {
+						performInvalidate()
+					} else {
+						window.location.reload()
+					}
+				}
 			}
+		} else if (invalidate) {
+			performInvalidate()
 		}
 	})
 </script>

package/dist/Paginator.svelte.d.ts

@@ -2,6 +2,8 @@ import { type IPaginatorResponse } from '@solidbasisventures/intelliwaketsfounda
 type $$ComponentProps = (Pick<IPaginatorResponse, 'page' | 'pageCount'> & {
     verbose?: boolean;
     updateQueryParams?: boolean | string;
+    cookieParms?: boolean | string;
+    cookieDays?: number;
     invalidate?: string | string[] | (string | URL | ((url: URL) => boolean)) | (string | URL | ((url: URL) => boolean))[] | null;
     class?: string;
 });

package/package.json

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