fuma 0.3.42 → 0.3.43

package/dist/ui/form/FormInput.svelte.d.ts

@@ -7,7 +7,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
         readonly textrich: typeof import("../index.js").InputTextRich;
         readonly boolean: typeof import("../index.js").InputBoolean;
         readonly date: typeof import("../index.js").InputDate;
-        readonly datetime: typeof import("../index.js").InputDatetime;
+        readonly datetime: typeof import("../index.js").InputDateTime;
         readonly number: typeof import("../index.js").InputNumber;
         readonly password: typeof import("../index.js").InputPassword;
         readonly select: typeof import("../index.js").InputSelect;
@@ -76,7 +76,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
             readonly textrich: typeof import("../index.js").InputTextRich;
             readonly boolean: typeof import("../index.js").InputBoolean;
             readonly date: typeof import("../index.js").InputDate;
-            readonly datetime: typeof import("../index.js").InputDatetime;
+            readonly datetime: typeof import("../index.js").InputDateTime;
             readonly number: typeof import("../index.js").InputNumber;
             readonly password: typeof import("../index.js").InputPassword;
             readonly select: typeof import("../index.js").InputSelect;

package/dist/ui/form/formInput.d.ts

@@ -3,7 +3,7 @@ import InputText from '../input/InputText.svelte';
 import InputTextarea from '../input/InputTextarea.svelte';
 import InputBoolean from '../input/InputBoolean.svelte';
 import InputDate from '../input/InputDate.svelte';
-import InputDatetime from '../input/InputDatetime.svelte';
+import InputDatetime from '../input/InputDateTime.svelte';
 import InputNumber from '../input/InputNumber.svelte';
 import InputPassword from '../input/InputPassword.svelte';
 import InputRadio from '../input/InputRadio.svelte';

package/dist/ui/form/formInput.js

@@ -2,7 +2,7 @@ import InputText from '../input/InputText.svelte';
 import InputTextarea from '../input/InputTextarea.svelte';
 import InputBoolean from '../input/InputBoolean.svelte';
 import InputDate from '../input/InputDate.svelte';
-import InputDatetime from '../input/InputDatetime.svelte';
+import InputDatetime from '../input/InputDateTime.svelte';
 import InputNumber from '../input/InputNumber.svelte';
 import InputPassword from '../input/InputPassword.svelte';
 import InputRadio from '../input/InputRadio.svelte';

package/dist/ui/input/{InputDatetime.svelte.d.ts → InputDateTime.svelte.d.ts}

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type InputDatetimeProps = typeof __propDef.props;
-export type InputDatetimeEvents = typeof __propDef.events;
-export type InputDatetimeSlots = typeof __propDef.slots;
-export default class InputDatetime extends SvelteComponent<InputDatetimeProps, InputDatetimeEvents, InputDatetimeSlots> {
+export type InputDateTimeProps = typeof __propDef.props;
+export type InputDateTimeEvents = typeof __propDef.events;
+export type InputDateTimeSlots = typeof __propDef.slots;
+export default class InputDateTime extends SvelteComponent<InputDateTimeProps, InputDateTimeEvents, InputDateTimeSlots> {
 }
 export {};

package/dist/ui/input/InputTime.svelte

@@ -1,21 +1,41 @@
 <script>import { FormControl } from "./index.js";
+import { createEventDispatcher } from "svelte";
+export let value = void 0;
+export let input = {};
 $:
-  ({ input, value: _value, ...props } = $$props);
+  ({ class: inputClass = "", ...inputProps } = input);
+let valueAsNumber = value;
+let valueAsString = msToString(value);
 $:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
+  if (value !== valueAsNumber)
+    valueAsString = msToString(value);
+const dispatch = createEventDispatcher();
+function msToString(ms) {
+  if (ms === null || ms === void 0)
+    return "";
+  const hours = Math.floor(ms / (1e3 * 60 * 60));
+  const minutes = Math.floor(ms / (1e3 * 60) - hours * 60);
+  const secondes = Math.floor(ms / 1e3 - minutes * 60);
+  const format = (n) => n.toString().padStart(2, "0");
+  return [format(hours), format(minutes), format(secondes)].join(":");
+}
+const onInput = (event) => {
+  valueAsNumber = event.currentTarget.valueAsNumber;
+  value = valueAsNumber;
+  dispatch("input", valueAsNumber);
+};
 </script>
 
-<FormControl {...props} let:key>
+<FormControl {...$$restProps} let:key>
 	<input
-		bind:value
-		on:input
+		value={valueAsString}
+		on:input={onInput}
 		on:focus
 		on:blur
 		type="time"
 		name={key}
 		id={key}
-		class="input input-bordered {inputClass || ''}"
+		class="input input-bordered {inputClass}"
 		{...inputProps}
 	/>
 </FormControl>

package/dist/ui/input/InputTime.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 declare const __propDef: {
-    props: InputProps;
+    props: InputProps<number>;
     events: {
-        input: Event;
         focus: FocusEvent;
         blur: FocusEvent;
+        input: CustomEvent<number>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/ui/input/index.d.ts

@@ -8,7 +8,7 @@ export { default as InputTextarea } from './InputTextarea.svelte';
 export { default as InputRelations } from './InputRelations.svelte';
 export { default as InputRelation } from './InputRelation.svelte';
 export { default as InputDate } from './InputDate.svelte';
-export { default as InputDatetime } from './InputDatetime.svelte';
+export { default as InputDateTime } from './InputDateTime.svelte';
 export { default as InputTime } from './InputTime.svelte';
 export { default as InputNumber } from './InputNumber.svelte';
 export { default as InputBoolean } from './InputBoolean.svelte';

package/dist/ui/input/index.js

@@ -8,7 +8,7 @@ export { default as InputTextarea } from './InputTextarea.svelte';
 export { default as InputRelations } from './InputRelations.svelte';
 export { default as InputRelation } from './InputRelation.svelte';
 export { default as InputDate } from './InputDate.svelte';
-export { default as InputDatetime } from './InputDatetime.svelte';
+export { default as InputDateTime } from './InputDateTime.svelte';
 export { default as InputTime } from './InputTime.svelte';
 export { default as InputNumber } from './InputNumber.svelte';
 export { default as InputBoolean } from './InputBoolean.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.3.42",
+  "version": "0.3.43",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",