intelliwaketssveltekitv25 0.1.171 → 0.1.172

package/dist/MultiSelect.svelte

@@ -17,7 +17,6 @@
 		possibles,
 		selected = $bindable([]),
 		selectedIDs = $bindable(undefined),
-		autoModifySelected = true,
 		created = $bindable([]),
 		existing = $bindable([]),
 		name = null,
@@ -50,6 +49,7 @@
 		onadd,
 		onselect,
 		oncreate,
+		onchange,
 		onclear,
 		onclearall
 	}: {
@@ -59,7 +59,6 @@
 		possibles: T[]
 		selected?: T[]
 		selectedIDs?: (number | string)[] | undefined
-		autoModifySelected?: boolean
 		created?: T[]
 		existing?: T[]
 		name?: string | null
@@ -93,6 +92,7 @@
 		onadd?: (item: T) => void,
 		onselect?: (item: T) => void,
 		oncreate?: (item: string) => void,
+		onchange?: (items: T[]) => void,
 		onclear?: (item: T) => void,
 		onclearall?: () => void
 	} = $props()
@@ -109,7 +109,7 @@
 	}
 
 	function updateSelectedIDs(sels: T[]) {
-		if (autoModifySelected && !!selectedIDs) {
+		if (!!selectedIDs) {
 			selectedIDs = sels.map(sel => idValue(sel))
 		}
 	}
@@ -117,10 +117,8 @@
 	async function doAdd(item: T | null | undefined, creating: boolean) {
 		if (!disable) {
 			if (item) {
-				if (autoModifySelected) {
-					selected = isMulti ? [...selected, item] : [item]
-					updateSelectedIDs(selected)
-				}
+				selected = isMulti ? [...selected, item] : [item]
+				updateSelectedIDs(selected)
 				searchValue = ''
 				await tick()
 				if (elInput) elInput.focus()
@@ -130,21 +128,21 @@
 				} else {
 					if (oncreate) oncreate(inputValue(item))
 				}
+				if (onchange) onchange(selected)
 			}
 		}
 	}
 
 	async function doClear(item: T) {
 		if (!disable) {
-			if (autoModifySelected) {
-				selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
-				updateSelectedIDs(selected)
-			}
+			selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
+			updateSelectedIDs(selected)
 			if (elInput) {
 				await tick()
 				elInput.focus()
 			}
 			if (onclear) onclear(item)
+			if (onchange) onchange(selected)
 		}
 	}
 
@@ -152,10 +150,8 @@
 		e.stopPropagation()
 		if (!disable) {
 			if (allowClearAll) {
-				if (autoModifySelected) {
-					selected = []
-					updateSelectedIDs(selected)
-				}
+				selected = []
+				updateSelectedIDs(selected)
 				await tick()
 			}
 			if (elInput) {
@@ -163,6 +159,7 @@
 				elInput.focus()
 			}
 			if (onclearall) onclearall()
+			if (onchange) onchange(selected)
 		}
 	}
 
@@ -191,7 +188,7 @@
 		})))
 
 	function setSelected(selIDs: (string | number)[] | undefined, poss: T[]) {
-		if (selIDs && autoModifySelected && (selIDs.length !== selected.length || !selected.every(sel => !!selIDs?.some(selID => selID === idValue(sel))))) {
+		if (selIDs && (selIDs.length !== selected.length || !selected.every(sel => !!selIDs?.some(selID => selID === idValue(sel))))) {
 			selected = poss.filter(po => !!selIDs?.some(selID => selID == idValue(po)))
 		}
 	}

package/dist/MultiSelect.svelte.d.ts

@@ -8,7 +8,6 @@ declare class __sveltets_Render<T extends TGenericMultiSelect> {
         possibles: T[];
         selected?: T[] | undefined;
         selectedIDs?: (number | string)[] | undefined;
-        autoModifySelected?: boolean;
         created?: T[] | undefined;
         existing?: T[] | undefined;
         name?: string | null;
@@ -42,6 +41,7 @@ declare class __sveltets_Render<T extends TGenericMultiSelect> {
         onadd?: ((item: T) => void) | undefined;
         onselect?: ((item: T) => void) | undefined;
         oncreate?: ((item: string) => void) | undefined;
+        onchange?: ((items: T[]) => void) | undefined;
         onclear?: ((item: T) => void) | undefined;
         onclearall?: (() => void) | undefined;
     };

package/package.json

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