fuma 1.0.21 → 2.0.0

package/dist/ui/mode/ToggleMode.svelte

@@ -1,23 +1,35 @@
-<script>import { browser } from "$app/environment";
-import { ModeWatcher, toggleMode, mode } from "mode-watcher";
-import { Icon } from "../icon/index.js";
-import { mdiWeatherNight, mdiWhiteBalanceSunny } from "@mdi/js";
-mode.subscribe((_mode) => {
-  if (!browser)
-    return;
-  const [html] = document.getElementsByTagName("html");
-  if (!html || !_mode)
-    return;
-  html.setAttribute("data-theme", _mode);
-});
-$:
-  path = $mode === "light" ? mdiWhiteBalanceSunny : mdiWeatherNight;
+<script lang="ts">
+	import { browser } from '$app/environment'
+	import { ModeWatcher, toggleMode, mode } from 'mode-watcher'
+	import { mdiWeatherNight, mdiWhiteBalanceSunny } from '@mdi/js'
+
+	import { Icon } from '../icon/index.js'
+	import { onMount } from 'svelte'
+
+	let klass = ''
+	export { klass as class }
+	export let defaultMode: 'dark' | 'light' | 'system' | undefined = undefined
+
+	onMount(() => {
+		const [html] = document.getElementsByTagName('html')
+		if (!html || !$mode) return
+		html.setAttribute('data-theme', $mode)
+	})
+
+	mode.subscribe((_mode) => {
+		if (!browser) return
+		const [html] = document.getElementsByTagName('html')
+		if (!html || !_mode) return
+		html.setAttribute('data-theme', _mode)
+	})
+
+	$: path = $mode === 'light' ? mdiWhiteBalanceSunny : mdiWeatherNight
 </script>
 
-<ModeWatcher />
+<ModeWatcher {defaultMode} />
 
 <slot {toggleMode} {path}>
-	<button class="btn btn-square btn-sm" on:click={toggleMode}>
+	<button class="btn btn-square btn-sm {klass}" on:click={toggleMode}>
 		<Icon {path} />
 	</button>
 </slot>

package/dist/ui/mode/ToggleMode.svelte.d.ts

@@ -1,20 +1,37 @@
-import { SvelteComponent } from "svelte";
 import { toggleMode } from 'mode-watcher';
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {
-        default: {
-            toggleMode: typeof toggleMode;
-            path: string;
-        };
-    };
-};
-export type ToggleModeProps = typeof __propDef.props;
-export type ToggleModeEvents = typeof __propDef.events;
-export type ToggleModeSlots = typeof __propDef.slots;
-export default class ToggleMode extends SvelteComponent<ToggleModeProps, ToggleModeEvents, ToggleModeSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ToggleMode: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    defaultMode?: "dark" | "light" | "system" | undefined;
+}, {
+    default: {
+        toggleMode: typeof toggleMode;
+        path: string;
+    };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        toggleMode: typeof toggleMode;
+        path: string;
+    };
+}, {}, string>;
+type ToggleMode = InstanceType<typeof ToggleMode>;
+export default ToggleMode;

package/dist/ui/pagination/Pagination.svelte

@@ -1,11 +1,12 @@
-<script>import { mdiChevronLeft, mdiChevronRight } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-import { urlParam } from "../../store/index.js";
-export let take = 20;
-$:
-  skip = +($urlParam.get("skip") || 0);
-$:
-  _take = +($urlParam.get("take") || take);
+<script lang="ts">
+	import { mdiChevronLeft, mdiChevronRight } from '@mdi/js'
+	import { Icon } from '../icon/index.js'
+	import { urlParam } from '../../store/index.js'
+
+	export let take = 20
+
+	$: skip = +($urlParam.get('skip') || 0)
+	$: _take = +($urlParam.get('take') || take)
 </script>
 
 <div class="join">

package/dist/ui/pagination/Pagination.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        take?: number | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PaginationProps = typeof __propDef.props;
-export type PaginationEvents = typeof __propDef.events;
-export type PaginationSlots = typeof __propDef.slots;
-export default class Pagination extends SvelteComponent<PaginationProps, PaginationEvents, PaginationSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Pagination: $$__sveltets_2_IsomorphicComponent<{
+    take?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Pagination = InstanceType<typeof Pagination>;
+export default Pagination;

package/dist/ui/placeholder/Placeholder.svelte

@@ -1,6 +1,7 @@
-<script>let klass = "";
-export { klass as class };
-export let style = "";
+<script lang="ts">
+	let klass = ''
+	export { klass as class }
+	export let style = ''
 </script>
 
 <div

package/dist/ui/placeholder/Placeholder.svelte.d.ts

@@ -1,19 +1,30 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        style?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PlaceholderProps = typeof __propDef.props;
-export type PlaceholderEvents = typeof __propDef.events;
-export type PlaceholderSlots = typeof __propDef.slots;
-export default class Placeholder extends SvelteComponent<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Placeholder: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    style?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Placeholder = InstanceType<typeof Placeholder>;
+export default Placeholder;

package/dist/ui/placeholder/PlaceholderImage.svelte

@@ -1,7 +1,9 @@
-<script>import { mdiPlus } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-export let x;
-export let y;
+<script lang="ts">
+	import { mdiPlus } from '@mdi/js'
+	import { Icon } from '../icon/index.js'
+
+	export let x: number
+	export let y: number
 </script>
 
 <div style:width="{x}px" style:height="{y}px" class="rounded-lg bg-base-200 p-2">

package/dist/ui/placeholder/PlaceholderImage.svelte.d.ts

@@ -1,19 +1,30 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        x: number;
-        y: number;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PlaceholderImageProps = typeof __propDef.props;
-export type PlaceholderImageEvents = typeof __propDef.events;
-export type PlaceholderImageSlots = typeof __propDef.slots;
-export default class PlaceholderImage extends SvelteComponent<PlaceholderImageProps, PlaceholderImageEvents, PlaceholderImageSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const PlaceholderImage: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    x: number;
+    y: number;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type PlaceholderImage = InstanceType<typeof PlaceholderImage>;
+export default PlaceholderImage;

package/dist/ui/range/RangePicker.svelte

@@ -1,68 +1,81 @@
-<script>import { onMount, onDestroy, createEventDispatcher } from "svelte";
-import dayjs from "dayjs";
-export let numberOfMonths = 3;
-export let numberOfColumns = numberOfMonths;
-export let showWeekNumbers = true;
-export let range = void 0;
-export let minDate = void 0;
-export let maxDate = void 0;
-let startElement;
-let endElement;
-let picker;
-let parentEl;
-const dispatch = createEventDispatcher();
-onMount(() => {
-  initTimePicker();
-});
-onDestroy(() => {
-  picker?.destroy();
-});
-export function clear() {
-  picker?.clearSelection();
-}
-async function initTimePicker() {
-  const _Litepicker = (await import("litepicker")).Litepicker;
-  picker?.destroy();
-  picker = new _Litepicker({
-    element: startElement,
-    elementEnd: endElement,
-    // Nécéssaire pour traquer le theme
-    parentEl,
-    inlineMode: true,
-    singleMode: false,
-    allowRepick: false,
-    lang: navigator.language,
-    numberOfMonths,
-    numberOfColumns,
-    showWeekNumbers,
-    minDate,
-    maxDate,
-    startDate: range?.start ? dayjs(range.start).toDate() : void 0,
-    endDate: range?.end ? dayjs(range.end).toDate() : void 0,
-    setup: (picker2) => {
-      picker2.on("selected", (date1, date2) => {
-        range = {
-          start: /* @__PURE__ */ new Date(
-            `${getAbsoluteDate(date1.dateInstance)}T${getAbsoluteTime(range?.start)}`
-          ),
-          end: /* @__PURE__ */ new Date(
-            `${getAbsoluteDate(date2.dateInstance)}T${getAbsoluteTime(range?.end, "23:59:00")}`
-          )
-        };
-        dispatch("change", range);
-      });
-    }
-  });
-}
-const getAbsoluteDate = (date) => [date.getFullYear(), date.getMonth() + 1, date.getDate()].map((n) => n.toString().padStart(2, "0")).join("-");
-const getAbsoluteTime = (date, defaultTime = "00:00:00") => {
-  if (!date)
-    return defaultTime;
-  return dayjs(date).format("HH:mm:ss");
-};
+<script lang="ts">
+	import { onMount, onDestroy, createEventDispatcher } from 'svelte'
+	import type { Litepicker } from 'litepicker'
+	import type { Range, RangeAsDate, RangeDate } from './types.js'
+	import dayjs from 'dayjs'
+
+	export let numberOfMonths = 3
+	export let numberOfColumns = numberOfMonths
+	export let showWeekNumbers = true
+	export let range: RangeAsDate | undefined = undefined
+	export let minDate: Date | number | string | undefined = undefined
+	export let maxDate: Date | number | string | undefined = undefined
+
+	let startElement: HTMLInputElement
+	let endElement: HTMLInputElement
+	let picker: Litepicker
+	let parentEl: HTMLDivElement
+	const dispatch = createEventDispatcher<{ change: Range }>()
+
+	onMount(() => {
+		initTimePicker()
+	})
+
+	onDestroy(() => {
+		picker?.destroy()
+	})
+
+	export function clear() {
+		picker?.clearSelection()
+	}
+
+	async function initTimePicker() {
+		const _Litepicker = (await import('litepicker')).Litepicker
+		picker?.destroy()
+		picker = new _Litepicker({
+			element: startElement,
+			elementEnd: endElement,
+			// Nécéssaire pour traquer le theme
+			parentEl: parentEl,
+			inlineMode: true,
+			singleMode: false,
+			allowRepick: false,
+			lang: navigator.language,
+			numberOfMonths,
+			numberOfColumns,
+			showWeekNumbers,
+			minDate,
+			maxDate,
+			startDate: range?.start ? dayjs(range.start).toDate() : undefined,
+			endDate: range?.end ? dayjs(range.end).toDate() : undefined,
+			setup: (picker: Litepicker) => {
+				picker.on('selected', (date1: any, date2: any) => {
+					range = {
+						start: new Date(
+							`${getAbsoluteDate(date1.dateInstance)}T${getAbsoluteTime(range?.start)}`
+						),
+						end: new Date(
+							`${getAbsoluteDate(date2.dateInstance)}T${getAbsoluteTime(range?.end, '23:59:00')}`
+						)
+					}
+					dispatch('change', range)
+				})
+			}
+		})
+	}
+
+	const getAbsoluteDate = (date: Date) =>
+		[date.getFullYear(), date.getMonth() + 1, date.getDate()]
+			.map((n) => n.toString().padStart(2, '0'))
+			.join('-')
+
+	const getAbsoluteTime = (date?: RangeDate, defaultTime = '00:00:00') => {
+		if (!date) return defaultTime
+		return dayjs(date).format('HH:mm:ss')
+	}
 </script>
 
 <input type="hidden" bind:this={startElement} />
 <input type="hidden" bind:this={endElement} />
 
-<div bind:this={parentEl} />
+<div bind:this={parentEl}></div>

package/dist/ui/range/RangePicker.svelte.d.ts

@@ -1,26 +1,31 @@
-import { SvelteComponent } from "svelte";
-import type { RangeAsDate } from './types.js';
-declare const __propDef: {
-    props: {
-        numberOfMonths?: number | undefined;
-        numberOfColumns?: number | undefined;
-        showWeekNumbers?: boolean | undefined;
-        range?: RangeAsDate | undefined;
-        minDate?: Date | number | string | undefined;
-        maxDate?: Date | number | string | undefined;
-        clear?: (() => void) | undefined;
+import type { Range, RangeAsDate } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        change: CustomEvent<RangeAsDate>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RangePickerProps = typeof __propDef.props;
-export type RangePickerEvents = typeof __propDef.events;
-export type RangePickerSlots = typeof __propDef.slots;
-export default class RangePicker extends SvelteComponent<RangePickerProps, RangePickerEvents, RangePickerSlots> {
-    get clear(): () => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const RangePicker: $$__sveltets_2_IsomorphicComponent<{
+    numberOfMonths?: number;
+    numberOfColumns?: number;
+    showWeekNumbers?: boolean;
+    range?: RangeAsDate | undefined;
+    minDate?: Date | number | string | undefined;
+    maxDate?: Date | number | string | undefined;
+    clear?: () => void;
+}, {
+    change: CustomEvent<Range>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    clear: () => void;
+}, string>;
+type RangePicker = InstanceType<typeof RangePicker>;
+export default RangePicker;

package/dist/ui/range/RangePickerButton.svelte

@@ -1,50 +1,55 @@
-<script>import { mdiCalendarMonthOutline } from "@mdi/js";
-import { goto } from "$app/navigation";
-import { slide } from "svelte/transition";
-import { urlParam } from "../../store/param.js";
-import { formatRangeShort } from "./format.js";
-import { Icon } from "../icon/index.js";
-import { DropDown } from "../menu/index.js";
-import { InputTime } from "../input/index.js";
-import { RangePicker } from "./index.js";
-import { jsonParse } from "../../utils/jsonParse.js";
-let dropDown;
-let rangePicker;
-let klass = "";
-export let key = "range";
-export let range = jsonParse($urlParam.get(key), {
-  start: null,
-  end: null
-});
-export let minDate = void 0;
-export let maxDate = void 0;
-export { klass as class };
-export let classLabel = "";
-$:
-  isValidPeriod = !!range.start && !!range.end;
-function getLabel(_range) {
-  if (!_range || !_range.start || !_range.end)
-    return "";
-  return formatRangeShort(_range);
-}
-async function writeURL() {
-  const url = !range.start && !range.end ? $urlParam.without(key) : $urlParam.with({
-    [key]: JSON.stringify({
-      start: range.start?.toJSON(),
-      end: range.end?.toJSON()
-    })
-  });
-  return goto(url, { replaceState: true, noScroll: true });
-}
+<script lang="ts">
+	import { mdiCalendarMonthOutline } from '@mdi/js'
+	import { goto } from '$app/navigation'
+	import { slide } from 'svelte/transition'
+
+	import { urlParam } from '../../store/param.js'
+	import { formatRangeShort } from './format.js'
+	import { Icon } from '../icon/index.js'
+	import { DropDown } from '../menu/index.js'
+	import { InputTime } from '../input/index.js'
+	import { type RangeAsDate, RangePicker } from './index.js'
+	import { jsonParse } from '../../utils/jsonParse.js'
+	export let minDate: Date | number | string | undefined = undefined
+	export let maxDate: Date | number | string | undefined = undefined
+
+	let dropDown: DropDown
+	let rangePicker: RangePicker
+
+	export let key = 'range'
+	export let range: RangeAsDate = jsonParse<RangeAsDate>($urlParam.get(key), {
+		start: null,
+		end: null
+	})
+
+	$: isValidPeriod = !!range.start && !!range.end
+
+	function getLabel(_range?: Partial<RangeAsDate>) {
+		if (!_range || !_range.start || !_range.end) return ''
+		return formatRangeShort(_range as RangeAsDate)
+	}
+
+	async function writeURL() {
+		const url =
+			!range.start && !range.end
+				? $urlParam.without(key)
+				: $urlParam.with({
+						[key]: JSON.stringify({
+							start: range.start?.toJSON(),
+							end: range.end?.toJSON()
+						})
+					})
+		return goto(url, { replaceState: true, noScroll: true })
+	}
 </script>
 
 <DropDown bind:this={dropDown} tippyProps={{ onHidden: writeURL }} class="max-h-full">
-	<button slot="activator" class="min-width-0 btn btn-sm flex-nowrap {klass}">
+	<button slot="activator" class="btn btn-sm">
 		<Icon path={mdiCalendarMonthOutline} class="opacity-60" size={20} />
 		{#if isValidPeriod}
 			<span
 				transition:slide={{ axis: 'x', duration: 200 }}
-				class="whitespace-nowrap text-xs font-medium opacity-80 {classLabel}"
+				class="whitespace-nowrap text-xs font-medium opacity-80"
 			>
 				{getLabel(range)}
 			</span>

package/dist/ui/range/RangePickerButton.svelte.d.ts

@@ -1,22 +1,24 @@
-import { SvelteComponent } from "svelte";
 import { type RangeAsDate } from './index.js';
-declare const __propDef: {
-    props: {
-        key?: string | undefined;
-        range?: RangeAsDate | undefined;
-        minDate?: Date | number | string | undefined;
-        maxDate?: Date | number | string | undefined;
-        class?: string | undefined;
-        classLabel?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RangePickerButtonProps = typeof __propDef.props;
-export type RangePickerButtonEvents = typeof __propDef.events;
-export type RangePickerButtonSlots = typeof __propDef.slots;
-export default class RangePickerButton extends SvelteComponent<RangePickerButtonProps, RangePickerButtonEvents, RangePickerButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const RangePickerButton: $$__sveltets_2_IsomorphicComponent<{
+    minDate?: Date | number | string | undefined;
+    maxDate?: Date | number | string | undefined;
+    key?: string;
+    range?: RangeAsDate;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RangePickerButton = InstanceType<typeof RangePickerButton>;
+export default RangePickerButton;