intelliwaketssveltekitv25 0.1.168 → 0.1.169

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

@@ -20,6 +20,7 @@
 		verbose = false,
 		updateQueryParams = false,
 		cookieParms = false,
+		cookieDays,
 		invalidate = 'All',
 		class: clazz = ''
 	}: (Pick<IPaginatorResponse, 'page' | 'pageCount'> &
@@ -27,6 +28,7 @@
 			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()
@@ -140,9 +142,9 @@
 			} else if (display.page !== currentValue) {
 				if (queryParamName) {
 					pageState.url.searchParams.set(queryParamName, display.page.toString())
-				goto(pageState.url, gotoSettings)
+					goto(pageState.url, gotoSettings)
 				} else if (cookieName) {
-					CookieCreate(cookieName, display.page.toString())
+					CookieCreate(cookieName, display.page.toString(), cookieDays)
 					if (invalidate) {
 						performInvalidate()
 					} else {

package/dist/Paginator.svelte.d.ts

@@ -3,6 +3,7 @@ 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.168",
+  "version": "0.1.169",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",