firstly 0.2.1 → 0.4.0

package/esm/ui/GridLoading.svelte

@@ -1,58 +0,0 @@
-<script lang="ts">
-	import { tw } from '../utils/tailwind'
-	import type { Align } from './index.js'
-	import Loading from './Loading.svelte'
-
-	export let columns: Align[]
-	export let loadingRows = 5
-	export let withDoubleLoading = true
-
-	// Random with different size
-	let size = [
-		// 'w-1/12',
-		'w-2/12',
-		'w-3/12',
-		'w-4/12',
-		'w-5/12',
-		// 'w-6/12',
-		'w-7/12',
-		// 'w-8/12',
-		'w-9/12',
-		'w-10/12',
-		'w-11/12',
-		'w-full',
-	]
-</script>
-
-<!-- Do 10 rows -->
-{#each new Array(loadingRows) as _row, r}
-	<tr>
-		{#each columns as column, c}
-			{@const sizeIndex = parseInt(
-				(((r + 1) * (c + 1) * Math.random() * size.length) % size.length).toString(),
-			)}
-			<td class={column}>
-				<div class={tw('flex justify-between', column === 'text-right' && 'flex-row-reverse')}>
-					{#if column === 'text-center'}
-						<div></div>
-					{/if}
-					<Loading class={tw(`h-4`, size[sizeIndex])} />
-					<div></div>
-				</div>
-
-				{#if withDoubleLoading}
-					{@const sizeIndex2 = parseInt(
-						(((r + 1) * (c + 1) * Math.random() * sizeIndex) % sizeIndex).toString(),
-					)}
-					<div class={tw('mt-2 flex justify-between', column === 'text-right' && 'flex-row-reverse')}>
-						{#if column === 'text-center'}
-							<div></div>
-						{/if}
-						<Loading class={tw(`h-3`, size[sizeIndex2])} />
-						<div></div>
-					</div>
-				{/if}
-			</td>
-		{/each}
-	</tr>
-{/each}

package/esm/ui/GridLoading.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { Align } from './index.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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const GridLoading: $$__sveltets_2_IsomorphicComponent<{
-    columns: Align[];
-    loadingRows?: number;
-    withDoubleLoading?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type GridLoading = InstanceType<typeof GridLoading>;
-export default GridLoading;

package/esm/ui/GridPaginate.svelte

@@ -1,69 +0,0 @@
-<script lang="ts">
-	import Icon from './Icon.svelte'
-	import FieldContainer from './internals/FieldContainer.svelte'
-	import { LibIcon_ChevronLeft, LibIcon_ChevronRight } from './LibIcon'
-	import Loading from './Loading.svelte'
-
-	export let label = 'Pagination'
-	export let pageDisplayed: number
-	export let totalCount: number | undefined | null = undefined
-	export let pageSize: number = 25
-
-	const update = (op: '+' | '-') => {
-		if (op === '+') {
-			if (canGoNext) {
-				pageDisplayed = pageDisplayed + 1
-			}
-		} else {
-			if (pageDisplayed > 1) {
-				pageDisplayed = pageDisplayed - 1
-			}
-		}
-	}
-
-	$: isValidValue = totalCount !== undefined && totalCount !== null
-	$: needPaginate = isValidValue && (totalCount ?? 0) > pageSize
-	$: canGoNext =
-		isValidValue && needPaginate && pageDisplayed < Math.ceil((totalCount ?? 0) / pageSize)
-</script>
-
-<FieldContainer {label} forId="paginate" classes={{ label: 'justify-end' }}>
-	<div class="flex w-36 items-center justify-end">
-		{#if totalCount === undefined}
-			<Loading class="mr-2 ml-6 h-3 w-1/6"></Loading>
-			<Loading class="mx-2 h-4 w-1/2"></Loading>
-			<Loading class="mx-2 h-3 w-1/6"></Loading>
-		{:else if !needPaginate}
-			<span class="justify-end px-2 font-bold text-primary">
-				{totalCount}
-			</span>
-		{:else}
-			<div class="join">
-				<button
-					aria-label="left"
-					on:click={() => update('-')}
-					class="btn join-item p-1 {pageDisplayed === 1 ? 'btn-disabled' : ''}"
-				>
-					<Icon data={LibIcon_ChevronLeft} />
-				</button>
-				{#if isValidValue}
-					<button aria-label="current" class="btn join-item px-0">
-						<span class="font-bold text-primary">{totalCount}</span>
-						<span class="text-[0.55rem] italic"
-							>({pageDisplayed} / {Math.ceil((totalCount ?? 0) / pageSize)})</span
-						>
-					</button>
-				{:else}
-					<button aria-label="loading" class="btn join-item animate-pulse">.....</button>
-				{/if}
-				<button
-					aria-label="right"
-					on:click={() => update('+')}
-					class="btn join-item p-1 {!canGoNext ? 'btn-disabled' : ''}"
-				>
-					<Icon data={LibIcon_ChevronRight} />
-				</button>
-			</div>
-		{/if}
-	</div>
-</FieldContainer>

package/esm/ui/GridPaginate.svelte.d.ts

@@ -1,23 +0,0 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const GridPaginate: $$__sveltets_2_IsomorphicComponent<{
-    label?: string;
-    pageDisplayed: number;
-    totalCount?: number | undefined | null;
-    pageSize?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type GridPaginate = InstanceType<typeof GridPaginate>;
-export default GridPaginate;

package/esm/ui/GridPaginate2.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import FieldContainer from './internals/FieldContainer.svelte'
-	import Loading from './Loading.svelte'
-
-	interface Props {
-		label?: string
-		totalCount?: number | undefined | null
-	}
-
-	let { label = 'Stats', totalCount = undefined }: Props = $props()
-</script>
-
-<FieldContainer {label} forId="paginate" classes={{ label: 'justify-end' }}>
-	<div class="flex w-14 items-center justify-end">
-		{#if totalCount === undefined}
-			<Loading class="mr-2 ml-6 h-3 w-1/6"></Loading>
-			<Loading class="mx-2 h-4 w-1/2"></Loading>
-			<Loading class="mx-2 h-3 w-1/6"></Loading>
-		{:else}
-			<span class="mb-2 justify-end px-2 text-lg font-bold text-primary">
-				{totalCount}
-			</span>
-		{/if}
-	</div>
-</FieldContainer>

package/esm/ui/GridPaginate2.svelte.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    label?: string;
-    totalCount?: number | undefined | null;
-}
-declare const GridPaginate2: import("svelte").Component<Props, {}, "">;
-type GridPaginate2 = ReturnType<typeof GridPaginate2>;
-export default GridPaginate2;

package/esm/ui/Loading.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { tw } from '../utils/tailwind'
-
-	export { extraClass as class }
-	let extraClass = ''
-</script>
-
-<!-- To fix one capa & cadb are on the same css -->
-<div
-	class={tw(
-		'flex h-4 skeleton items-center justify-center rounded-lg bg-base-content/20',
-		extraClass,
-	)}
->
-	<slot />
-</div>

package/esm/ui/Loading.svelte.d.ts

@@ -1,31 +0,0 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Loading: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {
-    class: string;
-}, string>;
-type Loading = InstanceType<typeof Loading>;
-export default Loading;

package/esm/ui/Tooltip.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { createTooltip } from '@melt-ui/svelte'
-	import { fade } from 'svelte/transition'
-
-	export let text = ''
-	export let hideTooltip = false
-
-	const {
-		elements: { trigger, content, arrow },
-		states: { open },
-	} = createTooltip({
-		positioning: {
-			placement: 'top',
-		},
-		openDelay: 0,
-		closeDelay: 0,
-		closeOnPointerDown: false,
-		forceVisible: true,
-		escapeBehavior: 'close',
-		group: true,
-		// disableHoverableContent: true,
-	})
-</script>
-
-<button type="button" class="trigger" {...$trigger} use:trigger aria-label="Add">
-	<slot />
-</button>
-<!-- {hideTooltip} -->
-{#if $open && !hideTooltip && (text || $$slots.tooltip)}
-	<div
-		{...$content}
-		use:content
-		transition:fade={{ duration: 100 }}
-		class="z-30 rounded-lg bg-base-300 ring-1 ring-black"
-	>
-		<div {...$arrow} use:arrow></div>
-		<div class="px-4 py-1">
-			{#if $$slots.tooltip}
-				<slot name="tooltip" />
-			{:else}
-				{@html text}
-			{/if}
-		</div>
-	</div>
-{/if}

package/esm/ui/Tooltip.svelte.d.ts

@@ -1,32 +0,0 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Tooltip: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    text?: string;
-    hideTooltip?: boolean;
-}, {
-    default: {};
-    tooltip: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-    tooltip: {};
-}, {}, string>;
-type Tooltip = InstanceType<typeof Tooltip>;
-export default Tooltip;

package/esm/ui/dialog/DialogForm.svelte

@@ -1,76 +0,0 @@
-<script lang="ts">
-	import { FieldGroup, storeItem } from '../../internals'
-	import { cellsBuildor } from '../../internals/cellsBuildor'
-	import { dialog, type DialogMetaDataInternal } from './dialog'
-	import DialogPrimitive from './DialogPrimitive.svelte'
-	import FormEditAction from './FormEditAction.svelte'
-
-	export let toShow: DialogMetaDataInternal
-
-	$: cells = cellsBuildor(toShow.repo!, toShow.cells!)
-	$: store = toShow.store ?? storeItem(toShow.repo!)
-
-	$: {
-		if (toShow.type === 'update' || toShow.type === 'view') {
-			store.set({ item: toShow.defaults, errors: {}, loading: false, globalError: undefined })
-		} else {
-			store.create(toShow.defaults ?? {})
-		}
-	}
-
-	const onCreate = (args: { input: string; id: string }) => {
-		dialog.close(toShow.id, { success: true, item: args.input })
-	}
-
-	let isLoading = false
-	const onInsert = async () => {
-		isLoading = true
-		try {
-			const result = await store.save()
-			if (result) {
-				dialog.close(toShow.id, { success: true, item: result })
-			}
-		} catch (e) {
-			if (toShow.reThrow) {
-				throw e
-			}
-		} finally {
-			isLoading = false
-		}
-	}
-
-	const onDelete = async () => {
-		const res = await dialog.confirmDelete('')
-		if (res.success) {
-			await store.delete()
-			dialog.close(toShow.id, { success: true, item: $store.item })
-		}
-	}
-</script>
-
-<DialogPrimitive
-	detail={toShow.detail}
-	open
-	classes={{ root: toShow.classes?.root }}
-	on:change={() => dialog.close(toShow.id, { success: false })}
->
-	<form on:submit|preventDefault={onInsert}>
-		<div class="grid {toShow.classes?.formGrid ?? ''} gap-4 pb-4">
-			<FieldGroup
-				focusKey={toShow.focusKey}
-				{cells}
-				{store}
-				mode={toShow.type === 'view' ? 'view' : 'edit'}
-				createRequest={onCreate}
-			/>
-		</div>
-
-		<FormEditAction
-			type={toShow.type}
-			wDelete={toShow.wDelete}
-			{store}
-			on:delete={onDelete}
-			textCreate={toShow.topicPrefixText}
-		></FormEditAction>
-	</form>
-</DialogPrimitive>

package/esm/ui/dialog/DialogForm.svelte.d.ts

@@ -1,21 +0,0 @@
-import { type DialogMetaDataInternal } from './dialog';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DialogForm: $$__sveltets_2_IsomorphicComponent<{
-    toShow: DialogMetaDataInternal;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DialogForm = InstanceType<typeof DialogForm>;
-export default DialogForm;

package/esm/ui/dialog/DialogManagement.svelte

@@ -1,96 +0,0 @@
-<script>
-	import Button from '../Button.svelte'
-	import { dialog } from './dialog'
-	import DialogForm from './DialogForm.svelte'
-	import DialogPrimitive from './DialogPrimitive.svelte'
-
-	$: dialogSorted = $dialog.sort((a, b) => a.id - b.id)
-</script>
-
-{#each dialogSorted as toShow}
-	{#if toShow.type === 'confirm'}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			{@html toShow.children}
-			<svelte:fragment slot="actions">
-				<Button class="btn-primary" onclick={() => dialog.close(toShow.id, { success: true })}
-					>Confirmer</Button
-				>
-			</svelte:fragment>
-		</DialogPrimitive>
-	{:else if toShow.type === 'confirmDelete'}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			{@html toShow.children}
-			<svelte:fragment slot="actions">
-				<Button class="btn-error" onclick={() => dialog.close(toShow.id, { success: true })}>
-					Confirmer
-				</Button>
-			</svelte:fragment>
-		</DialogPrimitive>
-	{:else if toShow.type === 'insert' || toShow.type === 'update' || toShow.type === 'view'}
-		<DialogForm {toShow}></DialogForm>
-	{:else if toShow.component && toShow.children}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<svelte:component this={toShow.component} {...toShow.props} dialogId={toShow.id}>
-				{#if toShow.children}
-					{@html toShow.children}
-				{/if}
-			</svelte:component>
-		</DialogPrimitive>
-	{:else if toShow.componentS5}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<svelte:component this={toShow.componentS5} {...toShow.props} dialogId={toShow.id}>
-				{#if toShow.children}
-					{@html toShow.children}
-				{/if}
-			</svelte:component>
-		</DialogPrimitive>
-	{:else if toShow.component}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			classes={{ root: toShow.classes?.root }}
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<svelte:component this={toShow.component} {...toShow.props} dialogId={toShow.id}
-			></svelte:component>
-		</DialogPrimitive>
-	{:else}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<div class="grid gap-2">
-				<p>Hey 🫵 developer, you are missing a few things 🤡!</p>
-				<p>Or use use one of the custom built in dialog like</p>
-
-				<pre class="mt-2 bg-base-300 p-2 text-xs">await dialog.confirmDelete('The Car')</pre>
-
-				<p>Or pass you own component</p>
-				<pre class="mt-2 bg-base-300 p-2 text-xs">{`await dialog.show({
-  detail: { caption: 'Interlocuteur' },
-  component: CreateCarForm,
-  props: { isEdit: false },
-})`}</pre>
-
-				<p>Good luck 🚀</p>
-			</div>
-		</DialogPrimitive>
-	{/if}
-{/each}

package/esm/ui/dialog/DialogManagement.svelte.d.ts

@@ -1,26 +0,0 @@
-export default DialogManagement;
-type DialogManagement = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const DialogManagement: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/esm/ui/dialog/DialogPrimitive.svelte

@@ -1,90 +0,0 @@
-<script lang="ts">
-	import { createDialog } from '@melt-ui/svelte'
-	import { createEventDispatcher } from 'svelte'
-	import { fade } from 'svelte/transition'
-
-	import { LibIcon_Cross, tw, type BaseItemLight } from '../../internals'
-	import { flyAndScale } from '../../utils/transition'
-	import Icon from '../Icon.svelte'
-	import LinkPlus from '../link/LinkPlus.svelte'
-
-	export let detail: BaseItemLight | undefined = undefined
-	export let open: boolean = false
-	export let classes: { root?: string } = {}
-
-	const {
-		elements: { trigger, overlay, content, title: localTitle, description, close, portalled },
-		states: { open: localOpen },
-	} = createDialog({
-		forceVisible: true,
-		defaultOpen: open,
-		closeOnOutsideClick: false,
-		onOpenChange: (open) => {
-			dispatchChange('yop there')
-			return open.next
-		},
-	})
-
-	const dispatch = createEventDispatcher()
-
-	function dispatchChange(_data: any) {
-		dispatch('change', _data)
-	}
-</script>
-
-<div
-	{...$portalled}
-	use:$portalled.action
-	class="fixed top-0 z-40 flex h-full w-full items-center justify-center"
->
-	{#if $localOpen}
-		<div
-			{...$overlay}
-			use:$overlay.action
-			class="fixed inset-0 z-40 bg-base-300/80 blur-sm"
-			transition:fade={{ duration: 150 }}
-		></div>
-		<div
-			class={tw(
-				`relative z-40 max-h-[90vh] overflow-auto rounded-xl border border-base-content/60 bg-base-100 p-6 shadow-lg`,
-				classes.root,
-			)}
-			transition:flyAndScale={{
-				duration: 150,
-				y: 8,
-				start: 0.96,
-			}}
-			{...$content}
-			use:$content.action
-		>
-			<div class="top-0 left-0 mb-4 w-full">
-				<h2 {...$localTitle} use:$localTitle.action class="m-0 text-lg font-medium">
-					<div class="flex items-center justify-between gap-4">
-						<LinkPlus item={detail}></LinkPlus>
-						<button
-							{...$close}
-							use:$close.action
-							aria-label="close"
-							class="btn btn-circle h-max min-h-0
-            w-max border-none btn-outline btn-lg"
-						>
-							<Icon data={LibIcon_Cross}></Icon>
-						</button>
-					</div>
-				</h2>
-			</div>
-
-			<div class="flex h-full min-w-[25rem] flex-col gap-4">
-				<!-- <div class="overflow-y-auto"> -->
-				<slot />
-
-				{#if $$slots.actions}
-					<div class="mt-2 flex items-end justify-end">
-						<slot name="actions" />
-					</div>
-				{/if}
-				<!-- </div> -->
-			</div>
-		</div>
-	{/if}
-</div>