intelliwaketssveltekitv25 0.1.113 → 0.1.115

package/dist/MultiSelect.svelte

@@ -17,6 +17,7 @@
 		possibles,
 		selected = $bindable([]),
 		selectedIDs = $bindable(undefined),
+		autoModifySelected = true,
 		created = $bindable([]),
 		existing = $bindable([]),
 		name = null,
@@ -42,6 +43,7 @@
 		bodyClass = '',
 		toggleClass = '',
 		controlClass = '',
+		inputClass = '',
 		parentDivElement = null,
 		form = undefined
 	}: {
@@ -51,6 +53,7 @@
 		possibles: T[]
 		selected?: T[]
 		selectedIDs?: (number | string)[] | undefined
+		autoModifySelected?: boolean
 		created?: T[]
 		existing?: T[]
 		name?: string | null
@@ -77,6 +80,7 @@
 		bodyClass?: string
 		toggleClass?: string
 		controlClass?: string
+		inputClass?: string
 		parentDivElement?: HTMLDivElement | null
 		form?: string | undefined
 	} = $props()
@@ -96,7 +100,7 @@
 	async function doAdd(item: T | null | undefined) {
 		if (!disable) {
 			if (item) {
-				selected = [...selected, item]
+				if (autoModifySelected) selected = [...selected, item]
 				searchValue = ''
 				await tick()
 				if (elInput) elInput.focus()
@@ -106,7 +110,7 @@
 
 	async function doClear(item: T) {
 		if (!disable) {
-			selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
+			if (autoModifySelected) selected = selected.filter(s => !DeepEqual(idValue(s), idValue(item)))
 			if (elInput) {
 				await tick()
 				elInput.focus()
@@ -118,7 +122,7 @@
 		e.stopPropagation()
 		if (!disable) {
 			if (allowClearAll) {
-				selected = []
+				if (autoModifySelected) selected = []
 				await tick()
 			}
 			if (elInput) {
@@ -153,7 +157,7 @@
 		})))
 
 	function setSelectedIDs(sels: T[]) {
-		if (!initialPass && selectedIDs && (selectedIDs.length !== sels.length || !sels.every(sel => !!selectedIDs?.some(selID => selID === idValue(sel))))) {
+		if (!initialPass && autoModifySelected && selectedIDs && (selectedIDs.length !== sels.length || !sels.every(sel => !!selectedIDs?.some(selID => selID === idValue(sel))))) {
 			selectedIDs = sels.map(sel => idValue(sel))
 		}
 	}
@@ -163,7 +167,7 @@
 	})
 
 	function setSelected(selIDs: (string | number)[] | undefined, poss: T[]) {
-		if (selIDs && (selIDs.length !== selected.length || !selected.every(sel => !!selIDs?.some(selID => selID === idValue(sel))))) {
+		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)))
 		}
 	}
@@ -317,7 +321,7 @@
 								 autocomplete="off"
 								 bind:this={elInput}
 								 bind:value={searchValue}
-								 class='noFormat flex grow-1 m-1 ring-0 focus:ring-0 outline-0 focus:outline-0 min-w-[3em] w-[3em] border-none p-0'
+								 class="noFormat flex grow-1 m-1 ring-0 focus:ring-0 outline-0 focus:outline-0 min-w-[3em] w-[3em] border-none p-0 {inputClass}"
 								 onkeydown={onKeyPress} />
 				{/if}
 			</div>

package/dist/MultiSelect.svelte.d.ts

@@ -8,6 +8,7 @@ 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;
@@ -34,6 +35,7 @@ declare class __sveltets_Render<T extends TGenericMultiSelect> {
         bodyClass?: string;
         toggleClass?: string;
         controlClass?: string;
+        inputClass?: string;
         parentDivElement?: HTMLDivElement | null;
         form?: string | undefined;
     };

package/dist/Search.svelte

@@ -1,6 +1,7 @@
 <script lang='ts'>
 	import { selectOnFocus } from './Functions'
 	import { type ActionArray, useActions } from './useActions'
+	import type { HTMLInputAttributes } from 'svelte/elements'
 
 	let {
 		id = undefined,
@@ -15,7 +16,7 @@
 		onChange = () => {
 		},
 		...restProps
-	}: {
+	}: HTMLInputAttributes & {
 		id?: string | undefined
 		value?: string
 		use?: ActionArray

package/dist/Search.svelte.d.ts

@@ -1,5 +1,6 @@
 import { type ActionArray } from './useActions';
-type $$ComponentProps = {
+import type { HTMLInputAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLInputAttributes & {
     id?: string | undefined;
     value?: string;
     use?: ActionArray;

package/package.json

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