firstly 0.0.15 → 0.0.16-next.1

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

@@ -0,0 +1,58 @@
+import type { EntityOrderBy } from 'remult';
+import type { Cell } from '../cellsBuildor.js';
+import type { FF_Repo } from '../svelte/FF_Repo.svelte.js';
+declare class __sveltets_Render<T extends Record<any, any>> {
+    props(): {
+        cells: Cell<T>[];
+        r: FF_Repo<any>;
+        withAdd?: boolean;
+        withEdit?: boolean;
+        withDelete?: boolean;
+        loadingRows?: number;
+        classes?: {
+            table: string;
+        } | undefined;
+        orderBy?: EntityOrderBy<T> | undefined;
+        orderByCols?: true | (keyof T)[] | undefined;
+        settingsLeft?: boolean;
+        dicoNoResult?: string;
+    };
+    events(): {
+        refresh: any;
+        add: CustomEvent<any>;
+        rowclick: CustomEvent<any>;
+        edit: CustomEvent<any>;
+        delete: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        header: {
+            field: import("remult").FieldMetadata<any, T> | undefined;
+        };
+        cell: {
+            row: any;
+            field: import("remult").FieldMetadata<any, T> | undefined;
+            cell: Cell<T>;
+        };
+        extra: {};
+    };
+    bindings(): string;
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<any, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']> & {
+        children?: any;
+    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends Record<any, any>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+        $$slots?: ReturnType<__sveltets_Render<T>['slots']>;
+        children?: any;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Grid2: $$IsomorphicComponent;
+type Grid2<T extends Record<any, any>> = InstanceType<typeof Grid2<T>>;
+export default Grid2;

package/esm/ui/GridLoading.svelte

@@ -5,28 +5,53 @@
 
 	export let columns: Align[]
 	export let loadingRows = 5
+	export let withDoubleLoading = true
 
 	// Random with different size
-	let size = ['', 'w-1/2', 'w-1/3', 'w-1/4', 'w-1/5', 'w-1/6']
+	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}
-			<td class="{column} ">
+			{@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[parseInt((((r + 1) * (c + 1) * Math.random() * size.length) % size.length).toString())],
-						)}
-					/>
+					<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>

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

@@ -15,6 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 declare const GridLoading: $$__sveltets_2_IsomorphicComponent<{
     columns: Align[];
     loadingRows?: number;
+    withDoubleLoading?: boolean;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/esm/ui/GridPaginate.svelte

@@ -1,9 +1,6 @@
 <script lang="ts">
 	import Icon from './Icon.svelte'
 	import FieldContainer from './internals/FieldContainer.svelte'
-
-	import './LibIcon'
-
 	import { LibIcon_ChevronLeft, LibIcon_ChevronRight } from './LibIcon'
 	import Loading from './Loading.svelte'
 

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

@@ -1,4 +1,3 @@
-import './LibIcon';
 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;

package/esm/ui/GridPaginate2.svelte

@@ -0,0 +1,25 @@
+<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="ml-6 mr-2 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="text-primary justify-end px-2 font-bold">
+				{totalCount}
+			</span>
+		{/if}
+	</div>
+</FieldContainer>

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

@@ -0,0 +1,7 @@
+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/dialog/dialog.d.ts

@@ -1,6 +1,7 @@
 import type { SvelteComponent } from 'svelte';
-import type { Repository } from 'remult';
+import { type Repository } from 'remult';
 import { type BaseItemLight, type CellsInput, type StoreItem } from '../../';
+import type { FF_Repo } from '../../svelte';
 export type DialogClasses = {
     /**
      * for example `overflow-auto` to have a scrollbar in the dialog
@@ -23,6 +24,7 @@ export type DialogMetaData<entityType = any> = {
     wDelete?: boolean;
     focusKey?: string;
     topicPrefixText?: string;
+    r?: FF_Repo<entityType>;
 };
 type ResultClose<entityType = any> = {
     success: boolean;

package/esm/ui/dialog/dialog.js

@@ -1,4 +1,5 @@
 import { writable } from 'svelte/store';
+import {} from 'remult';
 import { LibIcon_Add, LibIcon_Delete, LibIcon_Edit, LibIcon_Search, } from '../../';
 const createDialogManagement = () => {
     const { subscribe, update } = writable([]);
@@ -67,6 +68,7 @@ const createDialogManagement = () => {
                 focusKey: settings?.focusKey,
                 topicPrefixText,
             };
+            // @ts-ignore
             return show(detail, type);
         },
         show: (dialog) => {

package/esm/ui/link/LinkPlus.svelte

@@ -22,13 +22,15 @@
 <div class="flex items-center gap-4">
 	{#if item}
 		{#if item.icon?.data && !noIcon}
-			{#if item.icon.caption}
-				<Tooltip text={item.icon.caption}>
+			<div>
+				{#if item.icon.caption}
+					<Tooltip text={item.icon.caption}>
+						<Icon {...item.icon} />
+					</Tooltip>
+				{:else}
 					<Icon {...item.icon} />
-				</Tooltip>
-			{:else}
-				<Icon {...item.icon} />
-			{/if}
+				{/if}
+			</div>
 		{/if}
 
 		{#if hasSomethingToDisplay(item)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "firstly",
-  "version": "0.0.15",
+  "version": "0.0.16-next.1",
   "type": "module",
   "description": "Firstly, an opinionated Remult setup!",
   "funding": "https://github.com/sponsors/jycouet",
@@ -19,16 +19,26 @@
     "remult": ">=2.7.32",
     "svelte": ">=5"
   },
+  "peerDependenciesMeta": {
+    "@sveltejs/kit": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@clack/prompts": "0.10.0",
     "@kitql/internals": "0.10.4",
+    "@layerstack/svelte-actions": "1.0.0",
+    "@layerstack/utils": "1.0.0",
     "@mdi/js": "7.4.47",
     "@melt-ui/svelte": "0.86.3",
     "@oslojs/crypto": "1.0.1",
     "@oslojs/encoding": "1.1.0",
     "@oslojs/otp": "1.1.0",
     "@types/nodemailer": "6.4.14",
-    "arctic": "3.5.0",
+    "arctic": "3.6.0",
     "bcryptjs": "3.0.2",
     "clsx": "2.1.1",
     "cron": "4.1.0",
@@ -54,6 +64,11 @@
       "types": "./esm/server/index.d.ts",
       "default": "./esm/server/index.js"
     },
+    "./svelte": {
+      "types": "./esm/svelte/index.d.ts",
+      "svelte": "./esm/svelte/index.js",
+      "default": "./esm/svelte/index.js"
+    },
     "./vite": {
       "types": "./esm/vite/index.d.ts",
       "default": "./esm/vite/index.js"