fuma 0.0.1

package/dist/ui/DialogConfirm.svelte

@@ -0,0 +1,22 @@
+<script>import { Dialog } from "../index.js";
+let dialog;
+let klass = "";
+export { klass as class };
+</script>
+
+<button type="button" on:click={() => dialog.showModal()} class="btn btn-ghost {klass}">
+	<slot name="activator">Confirm button</slot>
+</button>
+
+<Dialog bind:dialog>
+	<div slot="header" class="contents">
+		<slot name="header">Confirmation</slot>
+	</div>
+	<slot />
+	<div class="mt-10 flex justify-end gap-2">
+		<button type="button" class="btn btn-ghost btn-sm" on:click={() => dialog.close()}>
+			Annuler
+		</button>
+		<slot name="action" />
+	</div>
+</Dialog>

package/dist/ui/DialogConfirm.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        activator: {};
+        header: {};
+        default: {};
+        action: {};
+    };
+};
+export type DialogConfirmProps = typeof __propDef.props;
+export type DialogConfirmEvents = typeof __propDef.events;
+export type DialogConfirmSlots = typeof __propDef.slots;
+export default class DialogConfirm extends SvelteComponent<DialogConfirmProps, DialogConfirmEvents, DialogConfirmSlots> {
+}
+export {};

package/dist/ui/Icon.svelte

@@ -0,0 +1,46 @@
+<script>import { tippy } from "../utils/tippy.js";
+import { onMount } from "svelte";
+export let path;
+export let title = "";
+export let size = 24;
+let klass = "";
+export { klass as class };
+export let style = "";
+export let classSVG = "";
+export let tippyProps = {};
+export let disableTitlePropagation = false;
+const viewWidth = 24;
+const viewHeight = 24;
+let icon;
+let tip = null;
+$:
+  tip?.setContent(title);
+onMount(() => {
+  if (!title)
+    return;
+  const parent = icon.parentElement;
+  const isButton = parent?.tagName === "BUTTON" || parent?.tagName === "A";
+  const target = parent && isButton && !disableTitlePropagation ? parent : icon;
+  tip = tippy(target || icon, {
+    content: title,
+    trigger: "mouseenter",
+    ...tippyProps
+  });
+  return () => {
+    tip?.destroy();
+  };
+});
+</script>
+
+<i bind:this={icon} class="grid place-content-center {klass}" {style}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox={`0 0 ${viewWidth} ${viewHeight}`}
+		style="display: inline-block;"
+		class={classSVG}
+	>
+		<path d={path} />
+	</svg>
+</i>

package/dist/ui/Icon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import { type TippyProps } from '../utils/tippy.js';
+declare const __propDef: {
+    props: {
+        path: string;
+        title?: string | undefined;
+        size?: number | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
+        classSVG?: string | undefined;
+        tippyProps?: Partial<TippyProps> | undefined;
+        disableTitlePropagation?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type IconProps = typeof __propDef.props;
+export type IconEvents = typeof __propDef.events;
+export type IconSlots = typeof __propDef.slots;
+export default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
+}
+export {};

package/dist/ui/Pagination.svelte

@@ -0,0 +1,28 @@
+<script>import { mdiChevronLeft, mdiChevronRight } from "@mdi/js";
+import { Icon } from "../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">
+	<a
+		href={$urlParam.with({ skip: skip - _take, take: _take })}
+		data-sveltekit-replacestate
+		class:btn-disabled={skip - _take < 0}
+		class="btn btn-square join-item btn-sm"
+	>
+		<Icon path={mdiChevronLeft} title="Afficher les données précédentes" />
+	</a>
+	<a
+		href={$urlParam.with({ skip: skip + _take, take: _take })}
+		data-sveltekit-replacestate
+		class="btn join-item btn-sm pr-1"
+	>
+		{skip + 1} - {skip + _take}
+		<Icon path={mdiChevronRight} title="Afficher les données suivantes" />
+	</a>
+</div>

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

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        take?: number | undefined;
+    };
+    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> {
+}
+export {};

package/dist/ui/Placeholder.svelte

@@ -0,0 +1,11 @@
+<script>let klass = "";
+export { klass as class };
+export let style = "";
+</script>
+
+<div
+	{style}
+	class="rounded-box p-2 bg-base-200/40 h-32 grid place-content-center text-base-content/60 {klass}"
+>
+	<slot>Aucun élément</slot>
+</div>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string | undefined;
+        style?: string | undefined;
+    };
+    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> {
+}
+export {};

package/dist/ui/PlaceholderImage.svelte

@@ -0,0 +1,14 @@
+<script>import { mdiPlus } from "@mdi/js";
+import { Icon } from "../index.js";
+export let x;
+export let y;
+</script>
+
+<div style:width="{x}px" style:height="{y}px" class="rounded-lg bg-base-200 p-2">
+	<div class="grid h-full w-full content-center rounded-md border-4 border-dashed">
+		<span class="text-center text-sm font-medium text-base-content/60">
+			<slot>Pas d'image</slot>
+		</span>
+		<Icon path={mdiPlus} size={30} class="fill-base-content/60" />
+	</div>
+</div>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        x: number;
+        y: number;
+    };
+    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> {
+}
+export {};

package/dist/ui/card/Card.svelte

@@ -0,0 +1,38 @@
+<script>import { mdiArrowLeft } from "@mdi/js";
+import { Icon } from "../../index.js";
+let klass = "";
+export { klass as class };
+export let bodyClass = "";
+export let headerClass = "";
+export let returnUrl = "";
+export let style = "";
+</script>
+
+<div class="card bordered border bg-base-100 shadow-lg {klass}" {style}>
+	<slot name="top" />
+
+	<div class="card-body rounded-b-2xl p-2 sm:p-8 {bodyClass}">
+		{#if $$slots.title || $$slots.action}
+			<div class="flex flex-wrap items-center gap-2 {headerClass}">
+				{#if returnUrl}
+					<a href={returnUrl} class="btn btn-square btn-ghost btn-sm">
+						<Icon path={mdiArrowLeft} size={20} />
+					</a>
+				{/if}
+
+				<div class="title grow">
+					<slot name="title" />
+				</div>
+				<slot name="action" />
+			</div>
+
+			{#if $$slots.subtitle}
+				<div class="my-4 text-sm opacity-80">
+					<slot name="subtitle" />
+				</div>
+			{/if}
+		{/if}
+
+		<slot />
+	</div>
+</div>

package/dist/ui/card/Card.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string | undefined;
+        bodyClass?: string | undefined;
+        headerClass?: string | undefined;
+        returnUrl?: string | undefined;
+        style?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        top: {};
+        title: {};
+        action: {};
+        subtitle: {};
+        default: {};
+    };
+};
+export type CardProps = typeof __propDef.props;
+export type CardEvents = typeof __propDef.events;
+export type CardSlots = typeof __propDef.slots;
+export default class Card extends SvelteComponent<CardProps, CardEvents, CardSlots> {
+}
+export {};

package/dist/ui/card/CardBasic.svelte

@@ -0,0 +1,14 @@
+<script>export let title = "";
+let klass = "";
+export { klass as class };
+export let style = "";
+</script>
+
+<div class="{klass} bg-base-100 border rounded-lg p-2 sm:p-5" {style}>
+	{#if title}
+		<h2 class="font-medium mb-2">
+			{title}
+		</h2>
+	{/if}
+	<slot />
+</div>

package/dist/ui/card/CardBasic.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CardBasicProps = typeof __propDef.props;
+export type CardBasicEvents = typeof __propDef.events;
+export type CardBasicSlots = typeof __propDef.slots;
+export default class CardBasic extends SvelteComponent<CardBasicProps, CardBasicEvents, CardBasicSlots> {
+}
+export {};

package/dist/ui/card/CardCollapse.svelte

@@ -0,0 +1,61 @@
+<script>import { onDestroy } from "svelte";
+import { slide } from "svelte/transition";
+import { mdiChevronRight } from "@mdi/js";
+import { Icon } from "../../index.js";
+import { urlParam } from "../../store/index.js";
+export let value;
+let klass = "";
+export { klass as class };
+$:
+  isOpen = $urlParam.hasValue("section", value);
+let card;
+let timeout;
+function handleClick() {
+  timeout = setTimeout(() => {
+    if (!card)
+      return;
+    const bound = card.getBoundingClientRect();
+    window.scrollTo({ top: bound.top, behavior: "smooth" });
+  }, 250);
+}
+onDestroy(() => {
+  clearTimeout(timeout);
+});
+</script>
+
+<div class="card bordered border bg-base-100 shadow-md {klass}" bind:this={card}>
+	<div class="flex gap-2">
+		<slot name="logo" />
+
+		<a
+			id={value}
+			class="min-w-0 grow p-2 md:p-8 {$$slots.logo ? 'pl-0 md:pl-0' : ''}"
+			href={$urlParam.toggle({ section: value })}
+			data-sveltekit-noscroll
+			data-sveltekit-replacestate
+			on:click={handleClick}
+		>
+			<div class="flex gap-2">
+				<div class="title min-w-0 overflow-hidden text-ellipsis">
+					<slot name="title" />
+				</div>
+				<Icon
+					path={mdiChevronRight}
+					class="ml-auto transition-transform {isOpen ? 'rotate-90' : ''}"
+				/>
+			</div>
+
+			{#if $$slots.subtitle}
+				<div class="mt-2 text-sm opacity-80">
+					<slot name="subtitle" />
+				</div>
+			{/if}
+		</a>
+	</div>
+
+	{#if isOpen}
+		<div class="card-body p-4 pt-0 md:p-8 md:pt-0" transition:slide={{ duration: 200 }}>
+			<slot />
+		</div>
+	{/if}
+</div>

package/dist/ui/card/CardCollapse.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        value: string;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        logo: {};
+        title: {};
+        subtitle: {};
+        default: {};
+    };
+};
+export type CardCollapseProps = typeof __propDef.props;
+export type CardCollapseEvents = typeof __propDef.events;
+export type CardCollapseSlots = typeof __propDef.slots;
+export default class CardCollapse extends SvelteComponent<CardCollapseProps, CardCollapseEvents, CardCollapseSlots> {
+}
+export {};

package/dist/ui/card/CardFullScreen.svelte

@@ -0,0 +1,28 @@
+<script>import { Card, Icon } from "../../index.js";
+import { mdiArrowCollapse, mdiArrowExpand } from "@mdi/js";
+export let isFullScreen = false;
+let klass = "";
+export { klass as class };
+</script>
+
+<Card
+	class="{isFullScreen ? 'fixed inset-2 p-2' : ''} {klass}"
+	bodyClass={isFullScreen ? 'sm:p-2 grow overflow-hidden' : ''}
+>
+	<div class="contents" slot="title">
+		<slot name="title" />
+	</div>
+
+	<div slot="action" class="flex gap-2">
+		<slot name="action" />
+		<button class="btn btn-square btn-sm" on:click={() => (isFullScreen = !isFullScreen)}>
+			{#if isFullScreen}
+				<Icon path={mdiArrowCollapse} />
+			{:else}
+				<Icon path={mdiArrowExpand} />
+			{/if}
+		</button>
+	</div>
+
+	<slot {isFullScreen} />
+</Card>

package/dist/ui/card/CardFullScreen.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        isFullScreen?: boolean | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        title: {};
+        action: {};
+        default: {
+            isFullScreen: boolean;
+        };
+    };
+};
+export type CardFullScreenProps = typeof __propDef.props;
+export type CardFullScreenEvents = typeof __propDef.events;
+export type CardFullScreenSlots = typeof __propDef.slots;
+export default class CardFullScreen extends SvelteComponent<CardFullScreenProps, CardFullScreenEvents, CardFullScreenSlots> {
+}
+export {};

package/dist/ui/card/CardLink.svelte

@@ -0,0 +1,21 @@
+<script>export let href;
+export let title = "";
+let klass = "";
+export { klass as class };
+</script>
+
+<div
+	class="
+		{klass} relative
+    shadow hover:shadow-md transition-all
+    bg-base-100 border rounded-lg p-2 sm:p-5
+  "
+>
+	{#if title}
+		<h2 class="font-medium mb-2">
+			{title}
+		</h2>
+	{/if}
+	<slot />
+	<a {href} class="absolute inset-0">{' '}</a>
+</div>

package/dist/ui/card/CardLink.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        href: string;
+        title?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CardLinkProps = typeof __propDef.props;
+export type CardLinkEvents = typeof __propDef.events;
+export type CardLinkSlots = typeof __propDef.slots;
+export default class CardLink extends SvelteComponent<CardLinkProps, CardLinkEvents, CardLinkSlots> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+export { default as Card } from './Card.svelte';
+export { default as CardBasic } from './CardBasic.svelte';
+export { default as CardCollapse } from './CardCollapse.svelte';
+export { default as CardFullScreen } from './CardFullScreen.svelte';
+export { default as CardLink } from './CardLink.svelte';

package/dist/ui/card/index.js

@@ -0,0 +1,5 @@
+export { default as Card } from './Card.svelte';
+export { default as CardBasic } from './CardBasic.svelte';
+export { default as CardCollapse } from './CardCollapse.svelte';
+export { default as CardFullScreen } from './CardFullScreen.svelte';
+export { default as CardLink } from './CardLink.svelte';

package/dist/ui/index.d.ts

@@ -0,0 +1,14 @@
+export * from './menu/index.js';
+export * from './tabs/index.js';
+export * from './card/index.js';
+export * from './input/index.js';
+export * from './table/index.js';
+export * from './period/index.js';
+export { default as ButtonCopy } from './ButtonCopy.svelte';
+export { default as ButtonDelete } from './ButtonDelete.svelte';
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogConfirm } from './DialogConfirm.svelte';
+export { default as Icon } from './Icon.svelte';
+export { default as Pagination } from './Pagination.svelte';
+export { default as Placeholder } from './Placeholder.svelte';
+export { default as PlaceholderImage } from './PlaceholderImage.svelte';

package/dist/ui/index.js

@@ -0,0 +1,14 @@
+export * from './menu/index.js';
+export * from './tabs/index.js';
+export * from './card/index.js';
+export * from './input/index.js';
+export * from './table/index.js';
+export * from './period/index.js';
+export { default as ButtonCopy } from './ButtonCopy.svelte';
+export { default as ButtonDelete } from './ButtonDelete.svelte';
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogConfirm } from './DialogConfirm.svelte';
+export { default as Icon } from './Icon.svelte';
+export { default as Pagination } from './Pagination.svelte';
+export { default as Placeholder } from './Placeholder.svelte';
+export { default as PlaceholderImage } from './PlaceholderImage.svelte';

package/dist/ui/input/FormControl.svelte

@@ -0,0 +1,53 @@
+<script>import { slide } from "svelte/transition";
+import { onMount } from "svelte";
+import { formContext } from "../../validation/form.js";
+let klass = "";
+export { klass as class };
+export let classLabel = "";
+export let key = "";
+export let label = "";
+export let error = "";
+export let hint = "";
+export let prefix = "";
+export let prefixFor = "";
+export let enhanceDisabled = false;
+$:
+  _key = prefix && key ? `${prefix}_${key}` : key || "";
+if (!enhanceDisabled) {
+  const { setError } = formContext.get();
+  setError[key] = (err) => error = err;
+}
+let formControl;
+onMount(() => {
+  const input = formControl.querySelector("input, textarea");
+  if (!input)
+    return;
+  const handleInput = () => error = "";
+  input.addEventListener("input", handleInput);
+  return () => {
+    input.removeEventListener("input", handleInput);
+  };
+});
+</script>
+
+<div class="form-control {klass}" bind:this={formControl}>
+	{#if label || $$slots.label}
+		<label for="{prefixFor}{_key}" class="label cursor-pointer {classLabel}">
+			<span class="label-text">{label}</span>
+			<slot name="label" />
+			<slot name="label_append" />
+		</label>
+	{/if}
+
+	<slot key={_key} />
+
+	{#if error}
+		<label for="{prefixFor}{_key}" class="label" transition:slide>
+			<span class="label-text-alt text-warning">{error}</span>
+		</label>
+	{:else if hint}
+		<label for="{prefixFor}{_key}" class="label" transition:slide>
+			<span class="label-text-alt text-neutral">{hint}</span>
+		</label>
+	{/if}
+</div>

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

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string | undefined;
+        classLabel?: string | undefined;
+        key?: string | undefined;
+        label?: string | undefined;
+        error?: string | undefined;
+        hint?: string | undefined;
+        prefix?: string | number | undefined;
+        prefixFor?: string | number | undefined;
+        enhanceDisabled?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        label: {};
+        label_append: {};
+        default: {
+            key: string;
+        };
+    };
+};
+export type FormControlProps = typeof __propDef.props;
+export type FormControlEvents = typeof __propDef.events;
+export type FormControlSlots = typeof __propDef.slots;
+export default class FormControl extends SvelteComponent<FormControlProps, FormControlEvents, FormControlSlots> {
+}
+export {};