intelliwaketssveltekitv25 0.1.79 → 0.1.81

package/dist/Functions.d.ts

@@ -29,7 +29,7 @@ export declare const IsProd: () => boolean;
  *
  * @param el
  */
-export declare function autoFocus(el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement): void;
+export declare function autoFocus(el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | never): void;
 /**
  * A Svelte "Use Action" that scrolls the current component to the bottom when it is added to the DOM
  * Usage: <div use:scrollToBottom />
@@ -145,7 +145,7 @@ export declare const ErrorMessageStack: (e: any) => TErrorMessageStack;
  *
  * @param el
  */
-export declare function selectOnFocus(el: HTMLInputElement | HTMLTextAreaElement): {
+export declare function selectOnFocus(el: HTMLInputElement | HTMLTextAreaElement | never): {
     destroy(): void;
 };
 /**

package/dist/InputCurrency.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import InputNumber from './InputNumber.svelte'
+	import type { ActionArray } from './useActions'
 
 	let {
 		value = $bindable(),
@@ -11,11 +12,13 @@
 		title,
 		onchange,
 		decimals = 2,
+		decimalsMax,
 		min = null,
 		max = null,
 		readonly,
 		disabled,
-		required
+		required,
+		use = []
 	}: {
 		value: number | null,
 		class?: string,
@@ -26,11 +29,13 @@
 		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()
 
 </script>
@@ -44,10 +49,12 @@
 						 {title}
 						 {onchange}
 						 {decimals}
+						 {decimalsMax}
 						 {min}
 						 {max}
 						 {readonly}
 						 {disabled}
 						 {required}
+						 {use}
 						 prefix="$"
 />

package/dist/InputCurrency.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { ActionArray } from './useActions';
 type $$ComponentProps = {
     value: number | null;
     class?: string;
@@ -8,11 +9,13 @@ type $$ComponentProps = {
     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">;
 type InputCurrency = ReturnType<typeof InputCurrency>;

package/dist/InputNumber.svelte

@@ -2,6 +2,7 @@
 	import { CleanNumber, CleanNumberNull, CleanNumbers } from '@solidbasisventures/intelliwaketsfoundation'
 	import { tick } from 'svelte'
 	import { HandleKeyDownNumerics } from './Functions'
+	import { type ActionArray, useActions } from './useActions'
 
 	let {
 		value = $bindable(),
@@ -12,7 +13,8 @@
 		placeholder,
 		title,
 		onchange,
-		decimals = 0,
+		decimals,
+		decimalsMax,
 		min = null,
 		max = null,
 		readonly,
@@ -20,7 +22,9 @@
 		required,
 		prefix,
 		suffix,
-		shiftDigits = 0
+		shiftDigits = 0,
+		/** Typical usage: use={[autoFocus, selectOnFocus]} */
+		use = []
 	}: {
 		value: number | null,
 		class?: string,
@@ -31,6 +35,7 @@
 		title?: string,
 		onchange?: (value: number | null) => void
 		decimals?: number
+		decimalsMax?: number
 		min?: number | null
 		max?: number | null
 		readonly?: boolean
@@ -39,20 +44,23 @@
 		prefix?: string
 		suffix?: string
 		shiftDigits?: number
+		use?: ActionArray
 	} = $props()
 
 	let displayValue = $state('')
 	let isFocused = $state(false)
 	let displayMultiplier = $derived(shiftDigits === 0 ? 1 : shiftDigits > 0 ? CleanNumber(`1${'0'.repeat(shiftDigits)}`) : CleanNumber(`.${'0'.repeat(Math.abs(shiftDigits) + 1)}1`))
-	let useDecimals = $derived(!shiftDigits ? decimals : CleanNumbers(0, decimals, shiftDigits))
-
-	$inspect('useDecimals', useDecimals)
+	let constrainDecimals = $derived(decimalsMax ?? decimals ?? 0)
+	let useDecimals = $derived(!shiftDigits ? constrainDecimals : CleanNumbers(0, constrainDecimals, shiftDigits))
 
 	function refreshDisplayValue(useValue: number | null) {
 		if (!isFocused) {
 			tick()
 				.then(() => {
-					let newDisplayValue = useValue != null ? CleanNumber(useValue * displayMultiplier, decimals).toFixed(decimals) : !!required ? '0' : ''
+					let newDisplayValue = useValue != null ? CleanNumber(useValue * displayMultiplier, constrainDecimals).toFixed(constrainDecimals) : !!required ? '0' : ''
+					if (!!decimalsMax && newDisplayValue.includes('.')) {
+						newDisplayValue = newDisplayValue.replace(/\.?0+$/, '')
+					}
 
 					if (displayValue !== newDisplayValue) {
 						displayValue = newDisplayValue
@@ -69,7 +77,7 @@
 
 		const cleanValue = newValue.replace(/[^\d.]/g, '')
 
-		let numericValue = CleanNumberNull(cleanValue, decimals)
+		let numericValue = CleanNumberNull(cleanValue, constrainDecimals)
 		if (numericValue === null) {
 			value = !!required ? 0 : null
 			if (onchange) onchange(numericValue)
@@ -92,8 +100,8 @@
 <div class="inputAddOn relative overflow-hidden h-fit {clazz}">
 	<input
 		type="text"
-		inputmode={!!decimals ? "decimal" : "numeric"}
-		pattern={!!decimals ? "[0-9]*[.,]?[0-9]+" : "[0-9]*"}
+		inputmode={!!constrainDecimals ? "decimal" : "numeric"}
+		pattern={!!constrainDecimals ? "[0-9]*[.,]?[0-9]+" : "[0-9]*"}
 		class="text-right {inputClass}"
 		style={inputStyle}
 		{id}
@@ -105,9 +113,10 @@
 		{required}
 		value={displayValue}
 		oninput={handleInput}
-		onkeydown={e => HandleKeyDownNumerics(e, !!decimals)}
+		onkeydown={e => HandleKeyDownNumerics(e, !!constrainDecimals)}
 		onblur={() => refreshDisplayValue(value)}
 		bind:focused={isFocused}
+		use:useActions={use}
 	/>
 	{#if prefix}
 		<div class="absolute pointer-events-none left-1 top-1/2 -translate-y-1/2">{prefix}</div>

package/dist/InputNumber.svelte.d.ts

@@ -1,3 +1,4 @@
+import { type ActionArray } from './useActions';
 type $$ComponentProps = {
     value: number | null;
     class?: string;
@@ -8,6 +9,7 @@ type $$ComponentProps = {
     title?: string;
     onchange?: (value: number | null) => void;
     decimals?: number;
+    decimalsMax?: number;
     min?: number | null;
     max?: number | null;
     readonly?: boolean;
@@ -16,6 +18,7 @@ type $$ComponentProps = {
     prefix?: string;
     suffix?: string;
     shiftDigits?: number;
+    use?: ActionArray;
 };
 declare const InputNumber: import("svelte").Component<$$ComponentProps, {}, "value">;
 type InputNumber = ReturnType<typeof InputNumber>;

package/dist/InputPercent.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import InputNumber from './InputNumber.svelte'
+	import type { ActionArray } from './useActions'
 
 	let {
 		value = $bindable(),
@@ -11,11 +12,13 @@
 		title,
 		onchange,
 		decimals = 0,
+		decimalsMax,
 		min = null,
 		max = null,
 		readonly,
 		disabled,
-		required
+		required,
+		use = []
 	}: {
 		value: number | null,
 		class?: string,
@@ -26,11 +29,13 @@
 		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()
 
 </script>
@@ -44,11 +49,13 @@
 						 {title}
 						 {onchange}
 						 {decimals}
+						 {decimalsMax}
 						 {min}
 						 {max}
 						 {readonly}
 						 {disabled}
 						 {required}
+						 {use}
 						 shiftDigits={2}
 						 suffix="%"
 />

package/dist/InputPercent.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { ActionArray } from './useActions';
 type $$ComponentProps = {
     value: number | null;
     class?: string;
@@ -8,11 +9,13 @@ type $$ComponentProps = {
     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">;
 type InputPercent = ReturnType<typeof InputPercent>;

package/dist/useActions.d.ts

@@ -8,7 +8,7 @@ export type HTMLActionArray = HTMLActionEntry[];
 export type SvelteSVGActionType<P> = (node: SVGElement, params?: P) => SvelteActionReturnType<P>;
 export type SVGActionEntry<P extends any = any> = SvelteSVGActionType<P> | [SvelteSVGActionType<P>, P];
 export type SVGActionArray = SVGActionEntry[];
-export type ActionArray = HTMLActionArray | SVGActionArray;
+export type ActionArray = HTMLActionArray | SVGActionArray | unknown[];
 export declare function useActions(node: HTMLElement | SVGElement, actions: ActionArray): {
     update(actions: ActionArray): void;
     destroy(): void;

package/package.json

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