intelliwaketssveltekitv25 0.3.76 → 0.3.78

package/dist/MultiSelect.svelte

@@ -108,41 +108,77 @@
 		resizeTS = new Date().valueOf()
 	}
 
-	function updateSelectedIDs(sels: T[]) {
+	function cleanValue(items: T[], value: any) {
+		if (!value) return value
+		const item = items.find(item => idValue(item) === value)
+		if (!item) return null
+		return idValue(item)
+	}
+
+	function updateSelectedIDs(sels: T[], creating = false) {
+		const newSels = sels.map(sel => idValue(sel))
+		const oldSels = selected.map(sel => idValue(sel))
 		if (!!selectedIDs) {
-			selectedIDs = sels.map(sel => idValue(sel))
+			selectedIDs = newSels
+		}
+
+		if (!sels.length) {
+			if (onclearall) onclearall()
+		}
+
+		for (const sel of newSels) {
+			if (!oldSels.includes(sel)) {
+				if (onadd) {
+					const clean = cleanValue(sels, sel)
+					if (clean) onadd(clean)
+				}
+				if (!creating) {
+					if (onselect) {
+						const clean = cleanValue(sels, sel)
+						if (clean) onselect(clean)
+					}
+				} else {
+					if (oncreate) {
+						const clean = cleanValue(sels, sel)
+						if (clean) oncreate(clean)
+					}
+				}
+			}
+		}
+		for (const sel of oldSels) {
+			if (!newSels.includes(sel)) {
+				if (onclear) {
+					const clean = cleanValue(selected, sel)
+					if (clean) onclear(clean)
+				}
+			}
 		}
+
+		selected = [...sels]
+
+		if (onchange) onchange([...sels])
+
+		return sels
 	}
 
 	async function doAdd(item: T | null | undefined, creating: boolean) {
 		if (!useDisabled) {
 			if (item) {
-				selected = isMulti ? [...selected, item] : [item]
-				updateSelectedIDs(selected)
+				updateSelectedIDs(isMulti ? [...selected, item] : [item], creating)
 				searchValue = ''
 				await tick()
 				if (elInput) elInput.focus()
-				if (onadd) onadd(item)
-				if (!creating) {
-					if (onselect) onselect(item)
-				} else {
-					if (oncreate) oncreate(inputValue(item))
-				}
-				if (onchange) onchange(selected)
 			}
 		}
 	}
 
 	async function doClear(item: T) {
 		if (!useDisabled) {
-			selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
-			updateSelectedIDs(selected)
+			updateSelectedIDs(selected.filter(s => !DeepEqual(idValue(s), idValue(item))))
 			if (elInput) {
 				await tick()
 				elInput.focus()
 			}
-			if (onclear) onclear(item)
-			if (onchange) onchange(selected)
 		}
 	}
 
@@ -150,16 +186,13 @@
 		e.stopPropagation()
 		if (!useDisabled) {
 			if (allowClearAll) {
-				selected = []
-				updateSelectedIDs(selected)
+				updateSelectedIDs([])
 				await tick()
 			}
 			if (elInput) {
 				await tick()
 				elInput.focus()
 			}
-			if (onclearall) onclearall()
-			if (onchange) onchange(selected)
 		}
 	}
 
@@ -216,8 +249,7 @@
 					break
 				case 'Backspace':
 					if (!searchValue) {
-						selected = selected.slice(0, -1)
-						updateSelectedIDs(selected)
+						updateSelectedIDs([...selected].slice(0, -1))
 					}
 					break
 				case 'ArrowDown':

package/dist/TabHeader.svelte

@@ -76,6 +76,8 @@
 
 	$effect(() => {
 		clientWidth
+		tabItems
+
 		if (currentKey && isVisible) {
 			setIndicatorStyle().then(() => {
 			})

package/dist/TabHref.svelte

@@ -215,6 +215,7 @@
 
 	$effect(() => {
 		clientWidth
+		tabHrefs
 
 		if (pathAnalyzer?.activePageSlug && isVisible) {
 			setIndicatorStyle().then(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.3.76",
+  "version": "0.3.78",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -14,9 +14,9 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "@solidbasisventures/intelliwaketsfoundation": "^5.12.84",
-    "@sveltejs/kit": "^2.21.4",
-    "svelte": "^5.33.19"
+    "@solidbasisventures/intelliwaketsfoundation": "^5.13.1",
+    "@sveltejs/kit": "^2.43.6",
+    "svelte": "^5.39.7"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
@@ -32,10 +32,10 @@
     "@storybook/svelte": "^8.6.12",
     "@storybook/sveltekit": "^8.6.12",
     "@storybook/test": "^8.6.12",
-    "@sveltejs/adapter-auto": "^6.0.1",
-    "@sveltejs/kit": "^2.21.4",
-    "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.1.0",
+    "@sveltejs/adapter-auto": "^6.1.0",
+    "@sveltejs/kit": "^2.43.6",
+    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^5.1.1",
     "@tailwindcss/cli": "^4.1.8",
     "@tailwindcss/vite": "^4.1.8",
     "@testing-library/jest-dom": "^6.6.3",
@@ -45,21 +45,21 @@
     "@vitest/coverage-v8": "^3.1.3",
     "eslint": "^9.26.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-svelte": "^3.9.2",
+    "eslint-plugin-svelte": "^3.12.4",
     "globals": "^16.1.0",
     "jsdom": "^26.1.0",
     "playwright": "^1.52.0",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "publint": "^0.3.12",
     "storybook": "^8.6.12",
-    "svelte": "^5.33.19",
-    "svelte-check": "^4.2.1",
+    "svelte": "^5.39.7",
+    "svelte-check": "^4.3.2",
     "tailwindcss": "^4.1.8",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.1",
-    "vite": "^6.3.5",
+    "vite": "^6.3.6",
     "vitest": "^3.1.3"
   },
   "publishConfig": {