intelliwaketssveltekitv25 0.1.81 → 0.1.83

package/dist/Functions.d.ts

@@ -1,3 +1,5 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+import type { ActionArray } from './useActions';
 export declare const KEY_UP_ARROW = 38;
 export declare const KEY_DOWN_ARROW = 40;
 export declare const KEY_LEFT_ARROW = 37;
@@ -190,3 +192,16 @@ export declare function IsMobileOrTablet(): boolean;
  */
 export declare function DownloadString(filename: string, text: string): void;
 export declare function HandleKeyDownNumerics(event: KeyboardEvent, allowDecimals?: boolean): void;
+export type TInputNumberAttributes = HTMLInputAttributes & {
+    value: number | null;
+    onchange?: (value: number | null) => void;
+    inputClass?: string;
+    decimals?: number;
+    decimalsMax?: number;
+    min?: number | null;
+    max?: number | null;
+    prefix?: string;
+    suffix?: string;
+    shiftDigits?: number;
+    use?: ActionArray;
+};

package/dist/InputCurrency.svelte

@@ -1,60 +1,17 @@
 <script lang="ts">
 	import InputNumber from './InputNumber.svelte'
-	import type { ActionArray } from './useActions'
+	import type { TInputNumberAttributes } from './Functions'
 
 	let {
 		value = $bindable(),
-		class: clazz = '',
-		inputClass = '',
-		id,
-		name,
-		placeholder,
-		title,
-		onchange,
 		decimals = 2,
-		decimalsMax,
-		min = null,
-		max = null,
-		readonly,
-		disabled,
-		required,
-		use = []
-	}: {
-		value: number | null,
-		class?: string,
-		inputClass?: string,
-		id?: string,
-		name?: string
-		placeholder?: string
-		title?: string
-		onchange?: (value: number | null) => void
-		decimals?: number
-		decimalsMax?: number
-		min?: number | null
-		max?: number | null
-		readonly?: boolean
-		disabled?: boolean
-		required?: boolean
-		use?: ActionArray
-	} = $props()
+		...otherProps
+	}: TInputNumberAttributes = $props()
 
 </script>
 
 <InputNumber bind:value
-						 class={clazz}
-						 {inputClass}
-						 {id}
-						 {name}
-						 {placeholder}
-						 {title}
-						 {onchange}
 						 {decimals}
-						 {decimalsMax}
-						 {min}
-						 {max}
-						 {readonly}
-						 {disabled}
-						 {required}
-						 {use}
+						 {...otherProps}
 						 prefix="$"
 />

package/dist/InputCurrency.svelte.d.ts

@@ -1,22 +1,4 @@
-import type { ActionArray } from './useActions';
-type $$ComponentProps = {
-    value: number | null;
-    class?: string;
-    inputClass?: string;
-    id?: string;
-    name?: string;
-    placeholder?: string;
-    title?: string;
-    onchange?: (value: number | null) => void;
-    decimals?: number;
-    decimalsMax?: number;
-    min?: number | null;
-    max?: number | null;
-    readonly?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    use?: ActionArray;
-};
-declare const InputCurrency: import("svelte").Component<$$ComponentProps, {}, "value">;
+import type { TInputNumberAttributes } from './Functions';
+declare const InputCurrency: import("svelte").Component<TInputNumberAttributes, {}, "value">;
 type InputCurrency = ReturnType<typeof InputCurrency>;
 export default InputCurrency;

package/dist/InputNumber.svelte

@@ -1,51 +1,24 @@
 <script lang="ts">
 	import { CleanNumber, CleanNumberNull, CleanNumbers } from '@solidbasisventures/intelliwaketsfoundation'
 	import { tick } from 'svelte'
-	import { HandleKeyDownNumerics } from './Functions'
-	import { type ActionArray, useActions } from './useActions'
+	import { HandleKeyDownNumerics, type TInputNumberAttributes } from './Functions'
+	import { useActions } from './useActions'
 
 	let {
 		value = $bindable(),
 		class: clazz = '',
 		inputClass = '',
-		id,
-		name,
-		placeholder,
-		title,
 		onchange,
 		decimals,
 		decimalsMax,
 		min = null,
 		max = null,
-		readonly,
-		disabled,
-		required,
 		prefix,
 		suffix,
 		shiftDigits = 0,
-		/** Typical usage: use={[autoFocus, selectOnFocus]} */
-		use = []
-	}: {
-		value: number | null,
-		class?: string,
-		inputClass?: string,
-		id?: string,
-		name?: string
-		placeholder?: string,
-		title?: string,
-		onchange?: (value: number | null) => void
-		decimals?: number
-		decimalsMax?: number
-		min?: number | null
-		max?: number | null
-		readonly?: boolean
-		disabled?: boolean
-		required?: boolean
-		prefix?: string
-		suffix?: string
-		shiftDigits?: number
-		use?: ActionArray
-	} = $props()
+		use = [],
+		...otherProps
+	}: TInputNumberAttributes = $props()
 
 	let displayValue = $state('')
 	let isFocused = $state(false)
@@ -57,7 +30,7 @@
 		if (!isFocused) {
 			tick()
 				.then(() => {
-					let newDisplayValue = useValue != null ? CleanNumber(useValue * displayMultiplier, constrainDecimals).toFixed(constrainDecimals) : !!required ? '0' : ''
+					let newDisplayValue = useValue != null ? CleanNumber(useValue * displayMultiplier, constrainDecimals).toFixed(constrainDecimals) : !!otherProps.required ? '0' : ''
 					if (!!decimalsMax && newDisplayValue.includes('.')) {
 						newDisplayValue = newDisplayValue.replace(/\.?0+$/, '')
 					}
@@ -79,7 +52,7 @@
 
 		let numericValue = CleanNumberNull(cleanValue, constrainDecimals)
 		if (numericValue === null) {
-			value = !!required ? 0 : null
+			value = !!otherProps.required ? 0 : null
 			if (onchange) onchange(numericValue)
 		} else if (!isNaN(numericValue)) {
 			numericValue /= displayMultiplier
@@ -102,19 +75,22 @@
 		type="text"
 		inputmode={!!constrainDecimals ? "decimal" : "numeric"}
 		pattern={!!constrainDecimals ? "[0-9]*[.,]?[0-9]+" : "[0-9]*"}
-		class="text-right {inputClass}"
 		style={inputStyle}
-		{id}
-		{name}
-		{placeholder}
-		{title}
-		{readonly}
-		{disabled}
-		{required}
+		{...otherProps}
+		class="text-right {inputClass}"
 		value={displayValue}
-		oninput={handleInput}
-		onkeydown={e => HandleKeyDownNumerics(e, !!constrainDecimals)}
-		onblur={() => refreshDisplayValue(value)}
+		oninput={e => {
+			handleInput(e)
+			if (otherProps.oninput) otherProps.oninput(e)
+		}}
+		onkeydown={e => {
+			HandleKeyDownNumerics(e, !!constrainDecimals)
+			if (otherProps.onkeydown) otherProps.onkeydown(e)
+		}}
+		onblur={e => {
+			refreshDisplayValue(value)
+			if (otherProps.onblur) otherProps.onblur(e)
+		}}
 		bind:focused={isFocused}
 		use:useActions={use}
 	/>

package/dist/InputNumber.svelte.d.ts

@@ -1,25 +1,4 @@
-import { type ActionArray } from './useActions';
-type $$ComponentProps = {
-    value: number | null;
-    class?: string;
-    inputClass?: string;
-    id?: string;
-    name?: string;
-    placeholder?: string;
-    title?: string;
-    onchange?: (value: number | null) => void;
-    decimals?: number;
-    decimalsMax?: number;
-    min?: number | null;
-    max?: number | null;
-    readonly?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    prefix?: string;
-    suffix?: string;
-    shiftDigits?: number;
-    use?: ActionArray;
-};
-declare const InputNumber: import("svelte").Component<$$ComponentProps, {}, "value">;
+import { type TInputNumberAttributes } from './Functions';
+declare const InputNumber: import("svelte").Component<TInputNumberAttributes, {}, "value">;
 type InputNumber = ReturnType<typeof InputNumber>;
 export default InputNumber;

package/dist/InputPercent.svelte

@@ -1,61 +1,18 @@
 <script lang="ts">
 	import InputNumber from './InputNumber.svelte'
-	import type { ActionArray } from './useActions'
+	import type { TInputNumberAttributes } from './Functions'
 
 	let {
 		value = $bindable(),
-		class: clazz = '',
-		inputClass = '',
-		id,
-		name,
-		placeholder,
-		title,
-		onchange,
 		decimals = 0,
-		decimalsMax,
-		min = null,
-		max = null,
-		readonly,
-		disabled,
-		required,
-		use = []
-	}: {
-		value: number | null,
-		class?: string,
-		inputClass?: string,
-		id?: string,
-		name?: string
-		placeholder?: string
-		title?: string
-		onchange?: (value: number | null) => void
-		decimals?: number
-		decimalsMax?: number
-		min?: number | null
-		max?: number | null
-		readonly?: boolean
-		disabled?: boolean
-		required?: boolean
-		use?: ActionArray
-	} = $props()
+		...otherProps
+	}: TInputNumberAttributes = $props()
 
 </script>
 
 <InputNumber bind:value
-						 class={clazz}
-						 {inputClass}
-						 {id}
-						 {name}
-						 {placeholder}
-						 {title}
-						 {onchange}
 						 {decimals}
-						 {decimalsMax}
-						 {min}
-						 {max}
-						 {readonly}
-						 {disabled}
-						 {required}
-						 {use}
+						 {...otherProps}
 						 shiftDigits={2}
 						 suffix="%"
 />

package/dist/InputPercent.svelte.d.ts

@@ -1,22 +1,4 @@
-import type { ActionArray } from './useActions';
-type $$ComponentProps = {
-    value: number | null;
-    class?: string;
-    inputClass?: string;
-    id?: string;
-    name?: string;
-    placeholder?: string;
-    title?: string;
-    onchange?: (value: number | null) => void;
-    decimals?: number;
-    decimalsMax?: number;
-    min?: number | null;
-    max?: number | null;
-    readonly?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    use?: ActionArray;
-};
-declare const InputPercent: import("svelte").Component<$$ComponentProps, {}, "value">;
+import type { TInputNumberAttributes } from './Functions';
+declare const InputPercent: import("svelte").Component<TInputNumberAttributes, {}, "value">;
 type InputPercent = ReturnType<typeof InputPercent>;
 export default InputPercent;

package/package.json

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