fuma 1.0.15 → 1.0.17

package/dist/ui/range/RangePicker.svelte

@@ -1,78 +1,65 @@
-<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>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>
 
 <input type="hidden" bind:this={startElement} />

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Range, RangeAsDate } from './types.js';
+import type { RangeAsDate } from './types.js';
 declare const __propDef: {
     props: {
         numberOfMonths?: number | undefined;
@@ -11,7 +11,7 @@ declare const __propDef: {
         clear?: (() => void) | undefined;
     };
     events: {
-        change: CustomEvent<Range>;
+        change: CustomEvent<RangeAsDate>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/ui/range/RangePickerButton.svelte

@@ -1,46 +1,38 @@
-<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>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";
+export let minDate = void 0;
+export let maxDate = void 0;
+let dropDown;
+let rangePicker;
+export let key = "range";
+export let range = jsonParse($urlParam.get(key), {
+  start: null,
+  end: null
+});
+$:
+  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>
 
 <DropDown bind:this={dropDown} tippyProps={{ onHidden: writeURL }} class="max-h-full">

package/dist/ui/slot/Slot.svelte

@@ -1,45 +1,28 @@
-<script lang="ts" context="module">
-	type _Slot =
-		| ((...args: any) => ComponentAndProps | ComponentType | string)
-		| ComponentAndProps
-		| ComponentType
-		| string
-	//
-</script>
-
-<script lang="ts" generics="Slot extends _Slot">
-	import { type ComponentType } from 'svelte'
-
-	import { component, type ComponentAndProps } from '../../utils/component.js'
-	import Span from './Span.svelte'
-
-	type Args = Slot extends (...args: any) => any ? Parameters<Slot>[0] : undefined
-
-	type $$Props = {
-		slot?: Slot | null
-		args?: Args | null
-	}
-
-	export let slot: Slot | undefined | null = undefined
-	export let args: Args | undefined | null = undefined
-
-	function getComponentAndProps(_slot: Slot): ComponentAndProps | null {
-		if (typeof _slot === 'function') {
-			if (isComponentType(_slot)) return { component: _slot, props: {} }
-			if (!args) {
-				console.error('args prop is required with slot as function')
-				return null
-			}
-			const result = _slot(args) as Slot
-			return getComponentAndProps(result)
-		}
-		if (typeof _slot === 'object') return _slot
-		return component(Span, { content: _slot })
-	}
-
-	function isComponentType(fun: Function): fun is ComponentType {
-		return !!fun.prototype?.constructor?.name
-	}
+<script context="module"></script>
+
+<script generics="Slot extends _Slot">import {} from "svelte";
+import { component } from "../../utils/component.js";
+import Span from "./Span.svelte";
+export let slot = void 0;
+export let args = void 0;
+function getComponentAndProps(_slot) {
+  if (typeof _slot === "function") {
+    if (isComponentType(_slot))
+      return { component: _slot, props: {} };
+    if (!args) {
+      console.error("args prop is required with slot as function");
+      return null;
+    }
+    const result = _slot(args);
+    return getComponentAndProps(result);
+  }
+  if (typeof _slot === "object")
+    return _slot;
+  return component(Span, { content: _slot });
+}
+function isComponentType(fun) {
+  return !!fun.prototype?.constructor?.name;
+}
 </script>
 
 {#if slot}

package/dist/ui/slot/Span.svelte

@@ -1,5 +1,4 @@
-<script lang="ts">
-	export let content: string
+<script>export let content;
 </script>
 
 <span>{content}</span>

package/dist/ui/table/Table.svelte

@@ -1,38 +1,31 @@
-<script lang="ts" generics="Item extends {id: string}">
-	import { afterNavigate } from '$app/navigation'
-	import { Placeholder } from '../placeholder/index.js'
-	import type { ComponentAndProps } from '../../utils/component.js'
-
-	import {
-		type TableField,
-		TableHead,
-		TableBody,
-		context,
-		createKeys,
-		syncFieldsWithParams
-	} from './index.js'
-
-	export let key = 'table'
-	export let fields: TableField<Item>[]
-	export let items: Item[]
-	export let slotAction: ((item: Item) => ComponentAndProps) | undefined = undefined
-	export let placholder = 'Aucun élément trouvé'
-	let klass = ''
-	export {klass as class}
-	export let classRow = ''
-	export let hideBody = false
-	export let onCreateField: (() => void) | undefined = undefined
-
-	const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = createKeys(key)
-	context.set(key, {
-		KEY_FIELDS_VISIBLE,
-		KEY_FIELDS_HIDDEN,
-		KEY_FIELDS_ORDER
-	})
-
-	const initFields = () => (fields = syncFieldsWithParams(key, fields))
-	initFields()
-	afterNavigate(initFields)
+<script generics="Item extends {id: string}">import { afterNavigate } from "$app/navigation";
+import { Placeholder } from "../placeholder/index.js";
+import {
+  TableHead,
+  TableBody,
+  context,
+  createKeys,
+  syncFieldsWithParams
+} from "./index.js";
+export let key = "table";
+export let fields;
+export let items;
+export let slotAction = void 0;
+export let placholder = "Aucun \xE9l\xE9ment trouv\xE9";
+let klass = "";
+export { klass as class };
+export let classRow = "";
+export let hideBody = false;
+export let onCreateField = void 0;
+const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = createKeys(key);
+context.set(key, {
+  KEY_FIELDS_VISIBLE,
+  KEY_FIELDS_HIDDEN,
+  KEY_FIELDS_ORDER
+});
+const initFields = () => fields = syncFieldsWithParams(key, fields);
+initFields();
+afterNavigate(initFields);
 </script>
 
 <div class="{klass} overflow-x-auto rounded-lg border bg-base-100" class:min-h-[320px]={!hideBody}>

package/dist/ui/table/TableBody.svelte

@@ -1,21 +1,15 @@
-<script lang="ts" generics="Item extends {id: string}">
-	import { createEventDispatcher } from 'svelte'
-
-	import { TableCell, type TableField } from './index.js'
-	import type { ComponentAndProps } from '../../utils/component.js'
-
-	export let items: Item[]
-	export let fields: TableField<Item>[]
-	export let action: ((item: Item) => ComponentAndProps) | undefined = undefined
-	export let classRow = ''
-
-	const dispatch = createEventDispatcher<{ click: Item }>()
-
-	$: _fields = fields.filter((f) => f.$visible)
-
-	function handleClickRow(event: MouseEvent, item: Item) {
-		dispatch('click', item)
-	}
+<script generics="Item extends {id: string}">import { createEventDispatcher } from "svelte";
+import { TableCell } from "./index.js";
+export let items;
+export let fields;
+export let action = void 0;
+export let classRow = "";
+const dispatch = createEventDispatcher();
+$:
+  _fields = fields.filter((f) => f.$visible);
+function handleClickRow(event, item) {
+  dispatch("click", item);
+}
 </script>
 
 <tbody>

package/dist/ui/table/TableCell.svelte

@@ -1,16 +1,13 @@
-<script lang="ts" generics="Item extends {id: string}">
-	import {
-		TableCellArray,
-		TableCellBoolean,
-		TableCellNumber,
-		TableCellString
-	} from './cell/index.js'
-	import type { TableField } from './index.js'
-
-	export let item: Item
-	export let field: TableField<Item>
-
-	$: value = field.getCell(item)
+<script generics="Item extends {id: string}">import {
+  TableCellArray,
+  TableCellBoolean,
+  TableCellNumber,
+  TableCellString
+} from "./cell/index.js";
+export let item;
+export let field;
+$:
+  value = field.getCell(item);
 </script>
 
 {#if Array.isArray(value)}

package/dist/ui/table/TableFieldsEdition.svelte

@@ -1,60 +1,54 @@
-<script lang="ts" generics="Item extends {id: string}">
-	import {
-		mdiCheck,
-		mdiCheckCircleOutline,
-		mdiCircleSmall,
-		mdiDotsHorizontal,
-		mdiDrag,
-		mdiPlus
-	} from '@mdi/js'
-	import type { TippyInstance } from '../../utils/tippy.js'
-	import { goto } from '$app/navigation'
-	import { page } from '$app/stores'
-	import { urlParam } from '../../store/param.js'
-	import { listEditable } from '../../action/list/index.js'
-	import { jsonParse } from '../../utils/jsonParse.js'
-	import { context } from './context.js'
-	import { Icon } from '../icon/index.js'
-	import { DropDown } from '../menu/index.js'
-	import type { TableField } from './index.js'
-
-	export let fields: TableField<Item>[]
-	export let key: string
-	export let onCreateField: (() => void) | undefined = undefined
-
-	let tip: TippyInstance
-
-	const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = context.get(key)
-
-	function getFieldHref(field: TableField) {
-		if (field.locked) return
-		const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key)
-		if (url.searchParams.has(field.key)) {
-			url.searchParams.delete(field.key)
-			url.searchParams.delete('skip')
-			url.searchParams.delete('take')
-		}
-		return url.pathname + url.search
-	}
-
-	function toggleParam(paramKey: string, fieldKey: string): URL {
-		const url = new URL($page.url)
-		const fieldsKeys = jsonParse<string[]>($page.url.searchParams.get(paramKey), [])
-		if (!fieldsKeys.includes(fieldKey)) fieldsKeys.push(fieldKey)
-		else fieldsKeys.splice(fieldsKeys.indexOf(fieldKey), 1)
-
-		if (fieldsKeys.length) url.searchParams.set(paramKey, JSON.stringify(fieldsKeys))
-		else url.searchParams.delete(paramKey)
-
-		return url
-	}
-
-	function handleReorder(newFieldsOrder: TableField<Item>[]) {
-		fields = newFieldsOrder
-		const fieldsOrder = fields.map((f) => f.key)
-		const newUrl = $urlParam.with({ [KEY_FIELDS_ORDER]: JSON.stringify(fieldsOrder) })
-		goto(newUrl, { replaceState: true, noScroll: true, keepFocus: true })
-	}
+<script generics="Item extends {id: string}">import {
+  mdiCheck,
+  mdiCheckCircleOutline,
+  mdiCircleSmall,
+  mdiDotsHorizontal,
+  mdiDrag,
+  mdiPlus
+} from "@mdi/js";
+import { goto } from "$app/navigation";
+import { page } from "$app/stores";
+import { urlParam } from "../../store/param.js";
+import { listEditable } from "../../action/list/index.js";
+import { jsonParse } from "../../utils/jsonParse.js";
+import { context } from "./context.js";
+import { Icon } from "../icon/index.js";
+import { DropDown } from "../menu/index.js";
+export let fields;
+export let key;
+export let onCreateField = void 0;
+let tip;
+const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = context.get(key);
+function getFieldHref(field) {
+  if (field.locked)
+    return;
+  const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key);
+  if (url.searchParams.has(field.key)) {
+    url.searchParams.delete(field.key);
+    url.searchParams.delete("skip");
+    url.searchParams.delete("take");
+  }
+  return url.pathname + url.search;
+}
+function toggleParam(paramKey, fieldKey) {
+  const url = new URL($page.url);
+  const fieldsKeys = jsonParse($page.url.searchParams.get(paramKey), []);
+  if (!fieldsKeys.includes(fieldKey))
+    fieldsKeys.push(fieldKey);
+  else
+    fieldsKeys.splice(fieldsKeys.indexOf(fieldKey), 1);
+  if (fieldsKeys.length)
+    url.searchParams.set(paramKey, JSON.stringify(fieldsKeys));
+  else
+    url.searchParams.delete(paramKey);
+  return url;
+}
+function handleReorder(newFieldsOrder) {
+  fields = newFieldsOrder;
+  const fieldsOrder = fields.map((f) => f.key);
+  const newUrl = $urlParam.with({ [KEY_FIELDS_ORDER]: JSON.stringify(fieldsOrder) });
+  goto(newUrl, { replaceState: true, noScroll: true, keepFocus: true });
+}
 </script>
 
 <th class="sticky right-0 z-10 p-0 px-1" align="right">

package/dist/ui/table/TableHead.svelte

@@ -1,22 +1,23 @@
-<script lang="ts" generics="Item extends {id: string}">
-	import { component, type ComponentAndProps } from '../../utils/component.js'
-	import { type TableField, TableFieldsEdition } from './index.js'
-	import { tableHeadComponent } from './head/index.js'
-	import TableHeadDefault from './head/TableHeadDefault.svelte'
-
-	export let fields: TableField<Item>[]
-	export let key: string
-	export let onCreateField: (() => void) | undefined = undefined
-
-	function getComponent(field: TableField): ComponentAndProps {
-		if (field.type === 'select' || field.type === 'multiselect')
-			return tableHeadComponent(field.type, { options: field.options || [] })(field)
-		if (field.type) return tableHeadComponent(field.type, {})(field)
-		if (!field.head) return component(TableHeadDefault, { field })
-		if (typeof field.head === 'function') return field.head(field)
-		if (typeof field.head === 'string') return tableHeadComponent(field.head, {})(field)
-		return field.head
-	}
+<script generics="Item extends {id: string}">import { component } from "../../utils/component.js";
+import { TableFieldsEdition } from "./index.js";
+import { tableHeadComponent } from "./head/index.js";
+import TableHeadDefault from "./head/TableHeadDefault.svelte";
+export let fields;
+export let key;
+export let onCreateField = void 0;
+function getComponent(field) {
+  if (field.type === "select" || field.type === "multiselect")
+    return tableHeadComponent(field.type, { options: field.options || [] })(field);
+  if (field.type)
+    return tableHeadComponent(field.type, {})(field);
+  if (!field.head)
+    return component(TableHeadDefault, { field });
+  if (typeof field.head === "function")
+    return field.head(field);
+  if (typeof field.head === "string")
+    return tableHeadComponent(field.head, {})(field);
+  return field.head;
+}
 </script>
 
 <thead>