intelliwaketssveltekitv25 0.1.89 → 0.1.91

package/dist/InputNumber.svelte

@@ -32,6 +32,7 @@
 	let displayMultiplier = $derived(shiftDigits === 0 ? 1 : shiftDigits > 0 ? CleanNumber(`1${'0'.repeat(shiftDigits)}`) : CleanNumber(`.${'0'.repeat(Math.abs(shiftDigits) + 1)}1`))
 	let constrainDecimals = $derived(decimalsMax ?? decimals ?? 0)
 	let useDecimals = $derived(!shiftDigits ? constrainDecimals : CleanNumbers(0, constrainDecimals, shiftDigits))
+	let plainTextMode = $derived(!!otherProps.readonly || !!otherProps.disabled)
 
 	function refreshDisplayValue(useValue: number | null) {
 		if (!isFocused) {
@@ -51,6 +52,11 @@
 						}
 					}
 
+					if (plainTextMode) {
+						if (prefix) newDisplayValue = `${prefix} ${newDisplayValue}`
+						if (suffix) newDisplayValue = `${newDisplayValue} ${suffix}`
+					}
+
 					if (displayValue !== newDisplayValue) {
 						displayValue = newDisplayValue
 					}
@@ -84,13 +90,13 @@
 		!!suffix ? `padding-right: ${0.75 + (suffix.length * 0.5)}em;` : ''
 	].join(' ').trim())
 
+	// 		pattern={!!constrainDecimals ? "[0-9,]*[.,]?[0-9]+" : "[0-9,]*"}
 </script>
 
 <div class="inputAddOn relative overflow-hidden h-fit {clazz}">
 	<input
 		type="text"
 		inputmode={!!constrainDecimals ? "decimal" : "numeric"}
-		pattern={!!constrainDecimals ? "[0-9,]*[.,]?[0-9]+" : "[0-9,]*"}
 		style={inputStyle}
 		{...otherProps}
 		class="text-right {inputClass}"
@@ -111,10 +117,12 @@
 		use:useActions={use}
 		bind:this={thisRef}
 	/>
-	{#if prefix}
-		<div class="absolute pointer-events-none left-1 top-1/2 -translate-y-1/2">{prefix}</div>
-	{/if}
-	{#if suffix}
-		<div class="absolute pointer-events-none right-1 top-1/2 -translate-y-1/2">{suffix}</div>
+	{#if !plainTextMode}
+		{#if prefix}
+			<div class="absolute pointer-events-none left-1 top-1/2 -translate-y-1/2">{prefix}</div>
+		{/if}
+		{#if suffix}
+			<div class="absolute pointer-events-none right-1 top-1/2 -translate-y-1/2">{suffix}</div>
+		{/if}
 	{/if}
 </div>

package/dist/Modal.svelte

@@ -10,6 +10,8 @@
 	import { type Snippet, tick } from 'svelte'
 	import ActivityOverlay from './ActivityOverlay.svelte'
 	import { CleanNumber } from '@solidbasisventures/intelliwaketsfoundation'
+	import type { IFAProps } from './Definitions'
+	import { Icon } from './index'
 
 	let {
 		header,
@@ -24,6 +26,7 @@
 		okButton = 'OK',
 		okActionNotOnEnter = false,
 		okDisabled = false,
+		okFAProps,
 		noCloseOnOK = true,
 		overflowVisible = false,
 		disable = false,
@@ -54,6 +57,7 @@
 		width?: string
 		cancelButton?: string | false
 		okButton?: string | false
+		okFAProps?: IFAProps
 		okActionNotOnEnter?: boolean
 		okDisabled?: boolean
 		noCloseOnOK?: boolean
@@ -265,6 +269,9 @@
 										bind:this={okButtonElement}
 										onclick={okAction}
 										disabled={okDisabled}>
+							{#if okFAProps}
+								<Icon fw {...okFAProps} />
+							{/if}
 							{okButton}
 						</button>
 					{/if}

package/dist/Modal.svelte.d.ts

@@ -1,4 +1,5 @@
 import { type Snippet } from 'svelte';
+import type { IFAProps } from './Definitions';
 type $$ComponentProps = {
     header?: Snippet;
     body?: Snippet;
@@ -12,6 +13,7 @@ type $$ComponentProps = {
     width?: string;
     cancelButton?: string | false;
     okButton?: string | false;
+    okFAProps?: IFAProps;
     okActionNotOnEnter?: boolean;
     okDisabled?: boolean;
     noCloseOnOK?: boolean;

package/dist/ModalFormAction.svelte

@@ -5,6 +5,7 @@
 	import { FormEnhance } from './FormEnhance'
 	import { enhance } from '$app/forms'
 	import { CleanNumber } from '@solidbasisventures/intelliwaketsfoundation'
+	import { Icon, type IFAProps } from './index'
 
 	let {
 		header,
@@ -19,6 +20,7 @@
 		cancelButton = 'Cancel',
 		okButton = 'OK',
 		okDisabled = false,
+		okFAProps,
 		noCloseOnOK = false,
 		overflowVisible = false,
 		disable = false,
@@ -45,6 +47,7 @@
 		cancelButton?: string | false
 		okButton?: string | false
 		okDisabled?: boolean
+		okFAProps?: IFAProps
 		noCloseOnOK?: boolean
 		overflowVisible?: boolean
 		disable?: boolean
@@ -158,7 +161,7 @@
 							 onmousemove={doMouseMove} />
 
 <!-- svelte-ignore a11y_click_events_have_key_events -->
-<dialog class='bg-white shadow-xl shadow-xl rounded-lg overflow-hidden w-full p-0 max-w-full
+<dialog class='bg-white shadow-xl rounded-lg overflow-hidden w-full p-0 max-w-full
 			   dark:bg-slate-600 dark:text-white m-auto {clazz}'
 				class:overflow-y-visible={overflowVisible}
 				class:overflow-hidden={!overflowVisible}
@@ -235,6 +238,9 @@
 										type='submit'
 										class:whitespace-nowrap={!okButtonWrap}
 										disabled={okDisabled}>
+							{#if okFAProps}
+								<Icon fw {...okFAProps} />
+							{/if}
 							{okButton}
 						</button>
 					{/if}

package/dist/ModalFormAction.svelte.d.ts

@@ -1,5 +1,6 @@
 import { type Snippet } from 'svelte';
 import type { TEnhanceOptions } from './FormEnhance';
+import { type IFAProps } from './index';
 type $$ComponentProps = {
     header?: Snippet;
     body?: Snippet;
@@ -13,6 +14,7 @@ type $$ComponentProps = {
     cancelButton?: string | false;
     okButton?: string | false;
     okDisabled?: boolean;
+    okFAProps?: IFAProps;
     noCloseOnOK?: boolean;
     overflowVisible?: boolean;
     disable?: boolean;

package/dist/MultiSelect.svelte

@@ -40,6 +40,8 @@
 		autoFocus = false,
 		zIndex = 50,
 		bodyClass = '',
+		toggleClass = '',
+		controlClass = '',
 		parentDivElement = null,
 		form = undefined
 	}: {
@@ -73,6 +75,8 @@
 		autoFocus?: boolean
 		zIndex?: number
 		bodyClass?: string
+		toggleClass?: string
+		controlClass?: string
 		parentDivElement?: HTMLDivElement | null
 		form?: string | undefined
 	} = $props()
@@ -246,8 +250,8 @@
 
 </script>
 
-<DropDownControl controlClass='block w-full'
-								 toggleClass='block w-full'
+<DropDownControl controlClass='block w-full {controlClass}'
+								 toggleClass='block w-full {toggleClass}'
 								 onfocusin={() => {
                       show = true
                   }}
@@ -276,7 +280,7 @@
 				 onkeydown={() => {}}>
 			<div
 				class='items-center cursor-default flex flex-wrap justify-start transition-all overflow-hidden min-h-[2em]'>
-				{#each selected as selectedItem (keyValue(selectedItem, possibles.indexOf(poss => DeepEqual(idValue(poss), idValue(selectedItem)))))}
+				{#each selected as selectedItem (keyValue(selectedItem, possibles.findIndex(poss => DeepEqual(idValue(poss), idValue(selectedItem)))))}
 					<div class='flex min-w-0 rounded box-border overflow-hidden m-1'
 							 class:bg-slate-300={!disable}>
 						<div class='overflow-hidden text-ellipsis whitespace-nowrap px-1 py-0 box-border select-none'>
@@ -360,7 +364,7 @@
 							{createPrefix} {searchValue}
 						</button>
 					{/if}
-					{#each listItems as listItem, idx (keyValue(listItem, idx))}
+					{#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)}

package/dist/MultiSelect.svelte.d.ts

@@ -32,6 +32,8 @@ declare class __sveltets_Render<T extends TGenericMultiSelect> {
         autoFocus?: boolean;
         zIndex?: number;
         bodyClass?: string;
+        toggleClass?: string;
+        controlClass?: string;
         parentDivElement?: HTMLDivElement | null;
         form?: string | undefined;
     };

package/package.json

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