firstly 0.0.12 → 0.0.14

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

@@ -1,20 +1,31 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: 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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LoadingProps = typeof __propDef.props;
-export type LoadingEvents = typeof __propDef.events;
-export type LoadingSlots = typeof __propDef.slots;
-export default class Loading extends SvelteComponent<LoadingProps, LoadingEvents, LoadingSlots> {
+    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 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,42 +1,45 @@
-<script>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 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 />
+	<slot />
 </button>
 <!-- {hideTooltip} -->
 {#if $open && !hideTooltip && (text || $$slots.tooltip)}
-  <div
-    {...$content}
-    use:content
-    transition:fade={{ duration: 100 }}
-    class="bg-base-300 z-30 rounded-lg 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>
+	<div
+		{...$content}
+		use:content
+		transition:fade={{ duration: 100 }}
+		class="bg-base-300 z-30 rounded-lg 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,22 +1,32 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        text?: string;
-        hideTooltip?: boolean;
+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: {};
-        tooltip: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TooltipProps = typeof __propDef.props;
-export type TooltipEvents = typeof __propDef.events;
-export type TooltipSlots = typeof __propDef.slots;
-export default class Tooltip extends SvelteComponent<TooltipProps, TooltipEvents, TooltipSlots> {
+    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 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,69 +1,76 @@
-<script>import { FieldGroup, storeItem } from "../..";
-import { cellsBuildor } from "../../cellsBuildor";
-import { dialog } from "./dialog";
-import DialogPrimitive from "./DialogPrimitive.svelte";
-import FormEditAction from "./FormEditAction.svelte";
-export let toShow;
-$: 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: void 0 });
-  } else {
-    store.create(toShow.defaults ?? {});
-  }
-}
-const onCreate = (e) => {
-  dialog.close(toShow.id, { success: true, item: e.detail });
-};
-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 lang="ts">
+	import { FieldGroup, storeItem } from '../..'
+	import { cellsBuildor } from '../../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 = (e: CustomEvent) => {
+		dialog.close(toShow.id, { success: true, item: e.detail })
+	}
+
+	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 })}
+	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'}
-        on:createRequest={onCreate}
-      />
-    </div>
+	<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'}
+				on:createRequest={onCreate}
+			/>
+		</div>
 
-    <FormEditAction
-      type={toShow.type}
-      wDelete={toShow.wDelete}
-      {store}
-      on:delete={onDelete}
-      textCreate={toShow.topicPrefixText}
-    ></FormEditAction>
-  </form>
+		<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,19 +1,21 @@
-import { SvelteComponent } from "svelte";
 import { type DialogMetaDataInternal } from './dialog';
-declare const __propDef: {
-    props: {
-        toShow: DialogMetaDataInternal;
+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: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DialogFormProps = typeof __propDef.props;
-export type DialogFormEvents = typeof __propDef.events;
-export type DialogFormSlots = typeof __propDef.slots;
-export default class DialogForm extends SvelteComponent<DialogFormProps, DialogFormEvents, DialogFormSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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,87 +1,87 @@
 <script>
-  import Button from '../Button.svelte'
-  import { dialog } from './dialog'
-  import DialogForm from './DialogForm.svelte'
-  import DialogPrimitive from './DialogPrimitive.svelte'
+	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)
+	$: 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="text-white" on:click={() => 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-outline btn-error"
-          on:click={() => 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.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>
+	{#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="text-white" on:click={() => 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-outline btn-error"
+					on:click={() => 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.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="bg-base-300 mt-2 p-2 text-xs">{`await dialog.confirmDelete('The Car')`}</pre>
+				<pre class="bg-base-300 mt-2 p-2 text-xs">await dialog.confirmDelete('The Car')</pre>
 
-        <p>Or pass you own component</p>
-        <pre class="bg-base-300 mt-2 p-2 text-xs">{`await dialog.show({
+				<p>Or pass you own component</p>
+				<pre class="bg-base-300 mt-2 p-2 text-xs">{`await dialog.show({
   detail: { caption: 'Interlocuteur' },
   component: CreateCarForm,
   props: { isEdit: false },
 })`}</pre>
 
-        <p>Good luck 🚀</p>
-      </div>
-    </DialogPrimitive>
-  {/if}
+				<p>Good luck 🚀</p>
+			</div>
+		</DialogPrimitive>
+	{/if}
 {/each}

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

@@ -1,25 +1,26 @@
-/** @typedef {typeof __propDef.props}  DialogManagementProps */
-/** @typedef {typeof __propDef.events}  DialogManagementEvents */
-/** @typedef {typeof __propDef.slots}  DialogManagementSlots */
-export default class DialogManagement extends SvelteComponent<{
+export default DialogManagement;
+type DialogManagement = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type DialogManagementProps = typeof __propDef.props;
-export type DialogManagementEvents = typeof __propDef.events;
-export type DialogManagementSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+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;
+}