fuma 0.3.43 → 0.3.44

package/dist/ui/input/InputTime.svelte

@@ -1,24 +1,16 @@
-<script>import { FormControl } from "./index.js";
-import { createEventDispatcher } from "svelte";
+<script>import { createEventDispatcher } from "svelte";
+import { FormControl } from "./index.js";
+import { msToTime } from "../../utils/time.js";
 export let value = void 0;
 export let input = {};
 $:
   ({ class: inputClass = "", ...inputProps } = input);
 let valueAsNumber = value;
-let valueAsString = msToString(value);
+let valueAsString = msToTime(value);
 $:
   if (value !== valueAsNumber)
-    valueAsString = msToString(value);
+    valueAsString = msToTime(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;

package/dist/ui/period/PeriodPickerButton.svelte

@@ -7,6 +7,7 @@ import { Icon } from "../icon/index.js";
 import { DropDown } from "../menu/index.js";
 import { InputTime } from "../input/index.js";
 import { PeriodPicker } from "./index.js";
+import { msToTime, timeToMs } from "../../utils/time.js";
 let dropDown;
 const start = $page.url.searchParams.get("start")?.split("T") || [];
 const end = $page.url.searchParams.get("end")?.split("T") || [];
@@ -15,8 +16,8 @@ let period = {
   end: end[0] || ""
 };
 let time = {
-  start: start[1] || "00:00",
-  end: end[1] || "23:59"
+  start: timeToMs(start[1] || "00:00"),
+  end: timeToMs(end[1] || "23:59")
 };
 $:
   isValidPeriod = period.start && period.end && time.start && time.start;
@@ -24,8 +25,8 @@ function getLabel(_period, _time) {
   if (!_period || !_period.start || !_period.end)
     return "P\xE9riodes";
   return formatRange({
-    start: /* @__PURE__ */ new Date(`${_period.start}T${_time.start}`),
-    end: /* @__PURE__ */ new Date(`${_period.end}T${_time.end}`)
+    start: /* @__PURE__ */ new Date(`${_period.start}T${msToTime(_time.start)}`),
+    end: /* @__PURE__ */ new Date(`${_period.end}T${msToTime(_time.end)}`)
   });
 }
 function handleSubmit() {
@@ -43,7 +44,7 @@ function handleSubmit() {
 function handleReset() {
   dropDown.hide();
   period = { start: "", end: "" };
-  time = { start: "00:00", end: "23:59" };
+  time = { start: 0, end: timeToMs("23:59") };
   goto($urlParam.without("start", "end"), { replaceState: true, noScroll: true });
 }
 </script>

package/dist/ui/table/head/TableHeadDate.svelte

@@ -1,13 +1,14 @@
 <script>import { goto } from "$app/navigation";
 import { page } from "$app/stores";
+import { mdiCalendarFilterOutline } from "@mdi/js";
 import { DropDown } from "../../menu/index.js";
 import { InputTime } from "../../input/index.js";
 import { formatRange } from "../../../utils/formatRange.js";
+import { msToTime, timeToMs } from "../../../utils/time.js";
 import { PeriodPicker } from "../../period/index.js";
 import { urlParam } from "../../../store/param.js";
 import { jsonParse } from "../../../utils/jsonParse.js";
 import { Icon } from "../../icon/index.js";
-import { mdiCalendarFilterOutline } from "@mdi/js";
 export let field;
 let dropDown;
 const initialValue = jsonParse(
@@ -21,15 +22,15 @@ let period = {
   end: end[0] || ""
 };
 let time = {
-  start: start[1] || "00:00",
-  end: end[1] || "23:59"
+  start: timeToMs(start[1] || "00:00"),
+  end: timeToMs(end[1] || "23:59")
 };
 $:
   isValidPeriod = period.start && period.end && time.start && time.start;
 function getLabel(_period, _time) {
   return formatRange({
-    start: /* @__PURE__ */ new Date(`${_period.start}T${_time.start}`),
-    end: /* @__PURE__ */ new Date(`${_period.end}T${_time.end}`)
+    start: /* @__PURE__ */ new Date(`${_period.start}T${msToTime(_time.start)}`),
+    end: /* @__PURE__ */ new Date(`${_period.end}T${msToTime(_time.end)}`)
   });
 }
 function handleSubmit() {
@@ -53,7 +54,7 @@ function handleSubmit() {
 function handleReset() {
   dropDown.hide();
   period = { start: "", end: "" };
-  time = { start: "00:00", end: "23:59" };
+  time = { start: 0, end: timeToMs("23:59") };
   goto($urlParam.without(field.key, "skip", "take"), { replaceState: true, noScroll: true });
 }
 </script>

package/dist/utils/index.d.ts

@@ -9,3 +9,4 @@ export * from './nestedPaths.js';
 export * from './constant.js';
 export * from './csv.js';
 export * from './eventEmitter.js';
+export * from './time.js';

package/dist/utils/index.js

@@ -9,3 +9,4 @@ export * from './nestedPaths.js';
 export * from './constant.js';
 export * from './csv.js';
 export * from './eventEmitter.js';
+export * from './time.js';

package/dist/utils/time.d.ts

@@ -0,0 +1,2 @@
+export declare function msToTime(ms: number | null | undefined): string;
+export declare function timeToMs(time: string): number;

package/dist/utils/time.js

@@ -0,0 +1,13 @@
+export function msToTime(ms) {
+    if (ms === null || ms === undefined)
+        return '';
+    const hours = Math.floor(ms / (1000 * 60 * 60));
+    const minutes = Math.floor(ms / (1000 * 60) - hours * 60);
+    const secondes = Math.floor(ms / 1000 - minutes * 60 - hours * 60 * 60);
+    const format = (n) => n.toString().padStart(2, '0');
+    return [format(hours % 24), format(minutes), format(secondes)].join(':');
+}
+export function timeToMs(time) {
+    const [h = 0, m = 0, s = 0] = time.split(':').map((s) => +s);
+    return (h * 60 * 60 + m * 60 + s) * 1000;
+}

package/package.json

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