intelliwaketssveltekitv25 0.1.61 → 0.1.63

package/dist/Definitions.d.ts

@@ -104,7 +104,7 @@ export declare const MasterDetailSubItemBuild: (item: TListGroupItem, items: TLi
     disabled?: boolean | null;
     search?: string;
     feature?: string | null;
-    otherFilter?: ((item: TListGroupItem) => boolean);
+    otherFilter?: (item: TListGroupItem) => boolean;
 }) => TListGroupItem;
 export interface ITabHref {
     faProps?: IFAProps;
@@ -159,3 +159,7 @@ export declare const ShowMessageBox: Pick<Writable<IMessageBoxStore[]>, "subscri
 export type TChatBubblePosition = 'Right' | 'Left' | 'Top' | 'Bottom';
 export type TDropDownControlPosition = 'Right' | 'Left' | 'Center' | 'CenterForce' | null;
 export type TDropDownControlDrop = 'Up' | 'Down' | null;
+export type TGenericMultiSelect = {
+    name?: string | null;
+    id?: string | number | null;
+} & Record<string, any>;

package/dist/Definitions.js

@@ -5,30 +5,31 @@ export const MasterDetailSubItemBuild = (item, items, collapsedValues, options)
         ...item,
         collapsed: (collapsedValues ?? []).includes(item.value),
         subs: items
-            .filter(sub_item => !!sub_item.parent_value && sub_item.parent_value === item.value)
+            .filter((sub_item) => !!sub_item.parent_value && sub_item.parent_value === item.value)
             .sort((a, b) => SortCompareNull(!b.disabled, !a.disabled) ??
             SortCompareNull(a.title, b.title) ??
             SortCompare(a.value, b.value))
-            .map(sub_item => MasterDetailSubItemBuild(sub_item, items, collapsedValues, options))
-            .filter(sub_item => SearchRow(sub_item, options?.search ?? '') &&
+            .map((sub_item) => MasterDetailSubItemBuild(sub_item, items, collapsedValues, options))
+            .filter((sub_item) => SearchRow(sub_item, options?.search ?? '') &&
             (!!(sub_item.subs ?? []).length ||
-                ((options?.disabled === undefined ?
-                    (!!options?.start_date && !!options?.end_date) ?
-                        ((!sub_item.start_date || DateCompare(sub_item.start_date, 'IsSameOrBefore', options.end_date, 'day')) &&
-                            (!sub_item.end_date || DateCompare(sub_item.end_date, 'IsSameOrAfter', options.start_date, 'day')))
-                        :
-                            ((options?.disabled ?? null) === null || sub_item.disabled === options?.disabled) :
-                    ((options?.disabled ?? null) === null || sub_item.disabled === options?.disabled)) &&
+                ((options?.disabled === undefined
+                    ? !!options?.start_date && !!options?.end_date
+                        ? (!sub_item.start_date ||
+                            DateCompare(sub_item.start_date, 'IsSameOrBefore', options.end_date, 'day')) &&
+                            (!sub_item.end_date ||
+                                DateCompare(sub_item.end_date, 'IsSameOrAfter', options.start_date, 'day'))
+                        : (options?.disabled ?? null) === null || sub_item.disabled === options?.disabled
+                    : (options?.disabled ?? null) === null || sub_item.disabled === options?.disabled) &&
                     (!options?.feature || ToArray(sub_item.feature).includes(options.feature)))))
-            .filter(user => !options?.otherFilter || options.otherFilter(user))
+            .filter((user) => !options?.otherFilter || options.otherFilter(user))
     };
 };
 const storeActivityOverlay = () => {
     const { subscribe, set, update } = writable(0);
     return {
         subscribe,
-        show: () => update(prevState => prevState < 0 ? 1 : prevState + 1),
-        hide: () => update(prevState => prevState < 2 ? 0 : prevState - 1),
+        show: () => update((prevState) => (prevState < 0 ? 1 : prevState + 1)),
+        hide: () => update((prevState) => (prevState < 2 ? 0 : prevState - 1)),
         reset: () => set(0)
     };
 };
@@ -37,16 +38,18 @@ const storeMessageBox = () => {
     const { subscribe, set, update } = writable([]);
     return {
         subscribe,
-        show: (message) => update(prevState => [
-            ...prevState.filter(pS => pS.message !== (typeof message === 'object' ? message.message : message)),
-            typeof message === 'object' ?
-                {
+        show: (message) => update((prevState) => [
+            ...prevState.filter((pS) => pS.message !== (typeof message === 'object' ? message.message : message)),
+            typeof message === 'object'
+                ? {
                     ...message,
-                    dismissAt: message.dismissAt === undefined ? DateParseTS('now', { seconds: 3 }) : message.dismissAt
-                } :
-                { message: message, dismissAt: DateParseTS('now', { seconds: 3 }) }
+                    dismissAt: message.dismissAt === undefined
+                        ? DateParseTS('now', { seconds: 3 })
+                        : message.dismissAt
+                }
+                : { message: message, dismissAt: DateParseTS('now', { seconds: 3 }) }
         ]),
-        hide: (message) => update(prevState => prevState.filter(pS => !ToArray(message).includes(pS.message))),
+        hide: (message) => update((prevState) => prevState.filter((pS) => !ToArray(message).includes(pS.message))),
         reset: () => set([])
     };
 };

package/dist/MultiSelect.svelte

@@ -1,17 +1,15 @@
+<!--suppress JSDeprecatedSymbols -->
 <script lang='ts'>
 	import { DeepEqual, SearchRows } from '@solidbasisventures/intelliwaketsfoundation'
 	import DropDownControl from './DropDownControl.svelte'
 	import { onMount, tick } from 'svelte'
-	import { ShowMessageBox } from './Definitions'
+	import { ShowMessageBox, type TGenericMultiSelect } from './Definitions'
 	import DisplayHTML from './DisplayHTML.svelte'
 	import { type ActionArray, useActions } from './useActions'
 
-	// eslint-disable-next-line no-undef
-	type T = globalThis.$$Generic<{
-		name?: string | null,
-		id?: string | number | null
-	} & Record<string, any>>
+	type T = $$Generic<TGenericMultiSelect>
 
+	// eslint-disable-next-line no-undef
 	let {
 		show = $bindable(false),
 		use = [],

package/dist/MultiSelect.svelte.d.ts

@@ -1,40 +1,50 @@
+import { type TGenericMultiSelect } from './Definitions';
 import { type ActionArray } from './useActions';
-type T = globalThis.$$Generic<{
-    name?: string | null;
-    id?: string | number | null;
-} & Record<string, any>>;
-type $$ComponentProps = {
-    show?: boolean;
-    use?: ActionArray;
-    possibles: T[];
-    selected?: T[];
-    selectedIDs?: (number | string)[] | undefined;
-    created?: T[];
-    existing?: T[];
-    name?: string | null;
-    placeholder?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    invalid?: boolean;
-    isMulti?: boolean;
-    allowClearAll?: boolean;
-    createPrefix?: string;
-    create?: undefined | ((value: string) => T | null);
-    createValid?: undefined | ((value: string) => boolean | string);
-    displayValue?: ((item: T) => string | number);
-    idValue?: ((item: T) => any);
-    /** Compute the value of the "key" in the "each" statements to make them unique */
-    keyValue?: ((item: T, idx?: number) => any);
-    inputValue?: ((item: T) => any);
-    sameSize?: boolean;
-    resizeTS?: number;
-    autoFocus?: boolean;
-    zIndex?: number;
-    bodyClass?: string;
-    parentDivElement?: HTMLDivElement | null;
-    form?: string | undefined;
-};
-declare const MultiSelect: import("svelte").Component<$$ComponentProps, {}, "show" | "selected" | "selectedIDs" | "created" | "existing">;
-type MultiSelect = ReturnType<typeof MultiSelect>;
+declare class __sveltets_Render<T extends TGenericMultiSelect> {
+    props(): {
+        show?: boolean;
+        use?: ActionArray;
+        possibles: T[];
+        selected?: T[] | undefined;
+        selectedIDs?: (number | string)[] | undefined;
+        created?: T[] | undefined;
+        existing?: T[] | undefined;
+        name?: string | null;
+        placeholder?: string;
+        disabled?: boolean;
+        readonly?: boolean;
+        required?: boolean;
+        invalid?: boolean;
+        isMulti?: boolean;
+        allowClearAll?: boolean;
+        createPrefix?: string;
+        create?: ((value: string) => T | null) | undefined;
+        createValid?: ((value: string) => boolean | string) | undefined;
+        displayValue?: ((item: T) => string | number) | undefined;
+        idValue?: ((item: T) => any) | undefined;
+        /** Compute the value of the "key" in the "each" statements to make them unique */
+        keyValue?: ((item: T, idx?: number) => any) | undefined;
+        inputValue?: ((item: T) => any) | undefined;
+        sameSize?: boolean;
+        resizeTS?: number;
+        autoFocus?: boolean;
+        zIndex?: number;
+        bodyClass?: string;
+        parentDivElement?: HTMLDivElement | null;
+        form?: string | undefined;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "show" | "selected" | "selectedIDs" | "created" | "existing";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends TGenericMultiSelect>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends TGenericMultiSelect>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const MultiSelect: $$IsomorphicComponent;
+type MultiSelect<T extends TGenericMultiSelect> = InstanceType<typeof MultiSelect<T>>;
 export default MultiSelect;

package/dist/Switch.svelte

@@ -15,7 +15,7 @@
 		hidden = false,
 		displayCheckInverse = false,
 		class: clazz = '',
-		onCheck = () => {
+		oncheck = () => {
 		},
 		children
 	}: {
@@ -31,7 +31,7 @@
 		hidden?: boolean
 		displayCheckInverse?: boolean
 		class?: string
-		onCheck?: (val: boolean) => void,
+		oncheck?: (val: boolean) => void,
 		children?: Snippet
 	} = $props()
 
@@ -51,17 +51,30 @@
 
 	let useValue = $derived(getValue(checked))
 
-	$effect(() => {
+	function doCheck() {
 		if (!disabled && !readonly) {
+			checked = !checked
 			tick().then(() => {
-				onCheck(checked)
+				oncheck(checked)
 				if (inputControl) {
 					inputControl.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }))
 					inputControl.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }))
 				}
 			})
 		}
-	})
+	}
+
+	// $effect(() => {
+	// 	if (!disabled && !readonly) {
+	// 		tick().then(() => {
+	// 			oncheck(checked)
+	// 			if (inputControl) {
+	// 				inputControl.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }))
+	// 				inputControl.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }))
+	// 			}
+	// 		})
+	// 	}
+	// })
 
 	let displayChecked = $derived(displayCheckInverse ? !checked : checked)
 
@@ -73,10 +86,10 @@
 		 use:useActions={use}
 		 class='[&_*]:cursor-pointer mt-1 select-none focus:ring-0 focus:outline-none group {clazz ?? ""}'
 		 role='button'
-		 onclick={() => checked = !checked}
+		 onclick={() => doCheck()}
 		 onkeydown={e => {
 			 if (e.key === ' ') {
-				 checked = !checked
+				 doCheck()
 		 	}
 		 }}
 		 tabindex={-1}>

package/dist/Switch.svelte.d.ts

@@ -13,7 +13,7 @@ type $$ComponentProps = {
     hidden?: boolean;
     displayCheckInverse?: boolean;
     class?: string;
-    onCheck?: (val: boolean) => void;
+    oncheck?: (val: boolean) => void;
     children?: Snippet;
 };
 declare const Switch: import("svelte").Component<$$ComponentProps, {}, "checked">;

package/package.json

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