mountain-ui 1.0.36 → 1.0.38

package/index.d.ts

@@ -45,9 +45,9 @@ export { default as LinkIcon } from './src/lib/registry/entityRegistry/component
 // View Registry
 // ============================================
 
-export { viewTypeRegistry } from './src/lib/registry/viewTypeRegistry/registry.svelte.js';
-export { createViewType } from './src/lib/registry/viewTypeRegistry/createViewType.js';
-export { registerDefaultViewTypes } from './src/lib/registry/viewTypeRegistry/registerDefaultViewTypes.js';
+export { viewTypeRegistry } from './src/lib/registry/viewEntriesTypeRegistry/registry.svelte.js';
+export { createViewType } from './src/lib/registry/viewEntriesTypeRegistry/createViewEntriesType.js';
+export { registerDefaultViewTypes } from './src/lib/registry/viewEntriesTypeRegistry/registerDefaultViewEntriesTypes.js';
 
-export { default as ViewTypeButton } from './src/lib/registry/viewTypeRegistry/components/ViewTypeButton.svelte';
-export { default as ViewTypeComponent } from './src/lib/registry/viewTypeRegistry/components/ViewTypeComponent.svelte';
+export { default as ViewTypeButton } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte';
+export { default as ViewTypeComponent } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';

package/index.js

@@ -45,9 +45,9 @@ export { default as LinkIcon } from './src/lib/registry/entityRegistry/component
 // View Registry
 // ============================================
 
-export { viewTypeRegistry } from './src/lib/registry/viewTypeRegistry/registry.svelte.js';
-export { createViewType } from './src/lib/registry/viewTypeRegistry/createViewType.js';
-export { registerDefaultViewTypes } from './src/lib/registry/viewTypeRegistry/registerDefaultViewTypes.js';
+export { viewTypeRegistry } from './src/lib/registry/viewEntriesTypeRegistry/registry.svelte.js';
+export { createViewType } from './src/lib/registry/viewEntriesTypeRegistry/createViewEntriesType.js';
+export { registerDefaultViewTypes } from './src/lib/registry/viewEntriesTypeRegistry/registerDefaultViewEntriesTypes.js';
 
-export { default as ViewTypeButton } from './src/lib/registry/viewTypeRegistry/components/ViewTypeButton.svelte';
-export { default as ViewTypeComponent } from './src/lib/registry/viewTypeRegistry/components/ViewTypeComponent.svelte';
+export { default as ViewTypeButton } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte';
+export { default as ViewTypeComponent } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.36",
+	"version": "1.0.38",
 	"description": "A comprehensive UI component library for ERP systems with field types, entities, and registry management built with Svelte",
 	"type": "module",
 	"module": "index.js",

package/src/lib/registry/entityRegistry/components/EntityForm.svelte

@@ -68,6 +68,7 @@
 					onChange={(value) => {
 						handleChange(field.id, value);
 					}}
+					changeCtx={handleChange}
 					id={field.id}
 					entityId={$entity.id}
 					value={ctx?.[field.id] ?? null}

package/src/lib/registry/entityRegistry/registry.svelte.js

@@ -25,9 +25,26 @@ function createEntityRegistry() {
 			});
 		},
 
+		unregisterAll(id) {
+			store.update((entities) => {
+				return {};
+			});
+		},
+
 		get(id) {
 			return get(store)[id];
 		},
+		getFromSlug(slug) {
+			const entities = get(store);
+
+			for (const entity of Object.values(entities)) {
+				if (entity.slug !== slug) continue
+
+                return entity
+			}
+
+			return null;
+		},
 
 		select(id) {
 			return derived(store, ($entities) => $entities[id]);

package/src/lib/registry/fieldTypeRegistry/fieldTypes/Lines/Input.svelte

@@ -155,6 +155,7 @@
 									onChange={(value) => {
 										handleChange(lineIndex, row.fieldId, value);
 									}}
+					                changeCtx={handleChange}
 									id={row.fieldId}
 									value={table[lineIndex].ctx?.[row.fieldId] ?? null}
 									registerCalculation={(config)=>{

package/src/lib/registry/fieldTypeRegistry/fieldTypes/Link/Input/Input.svelte

@@ -17,10 +17,17 @@
 		linkId = null,
 		multiple = false,
 		display = false,
+		bindings = [
+            // {
+            //     elementFieldId: 0,
+            //     ctxFieldId:0
+            // }
+        ],
 		name = null,
 		value = null,
 		onChangeDetails = () => {},
 		onChange = () => {},
+		changeCtx = (fieldId, value) => {},
 		field
 	} = $props();
 
@@ -28,7 +35,7 @@
 
 	let limit = 20;
 
-	let structure = entityRegistry.get(linkId);
+	let structure = $derived(entityRegistry.get(linkId));
 
 	let lastRequest = null;
 
@@ -86,6 +93,15 @@
         
 		onChangeDetails(value?.element ?? null);
 		onChange(value?.element.id.flat ?? null);
+
+        // changer le ctx
+        for (const bind of bindings) {
+            const elementField = entityRegistry.getField(bind.elementFieldId,structure.id)
+            if (!elementField) continue
+            const value = lastRequest.data[elementField.normalized_name]?.flat ?? null
+            // update la valeur dans le ctx
+            changeCtx(bind.ctxFieldId, value)
+        }
 	}
 </script>
 

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDate/View.svelte

@@ -9,5 +9,5 @@
 
 <LineView {compact}>
 	<Label {unique} {secret} {label} {required}></Label>
-	<ViewText>{value === null ? '-' : formatDate(value.flat)}</ViewText>
+	<ViewText>{value && value.flat ? formatDate(value.flat) : '-'}</ViewText>
 </LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDatetime/View.svelte

@@ -9,5 +9,5 @@
 
 <LineView {compact}>
 	<Label {unique} {secret} {label} {required}></Label>
-	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+	<ViewText>{value && value.flat ? formatDateTime(value.flat) : '-'}</ViewText>
 </LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeUpdatedAt/View.svelte

@@ -9,5 +9,5 @@
 
 <LineView {compact}>
 	<Label {unique} {secret} {label} {required}></Label>
-	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+	<ViewText>{value && value.flat ? formatDateTime(value.flat) : '-'}</ViewText>
 </LineView>

package/src/lib/registry/projectRegistry/components/ProjectButton.svelte

@@ -0,0 +1,14 @@
+<script>
+	import { Button } from 'hamzus-ui';
+	import { projectRegistry } from '../registry.svelte';
+
+	let { id, variant = 'ghost', ...props } = $props();
+
+	const project = projectRegistry.get(id);
+</script>
+
+{#if project}
+	<Button {...props} {variant}>
+		<h5>{project.name}</h5>
+	</Button>
+{/if}

package/src/lib/registry/projectRegistry/components/ProjectCard.svelte

@@ -0,0 +1,43 @@
+<script>
+	import { Button } from 'hamzus-ui';
+	import { projectRegistry } from '../registry.svelte';
+	let { id, variant = 'ghost', ...props } = $props();
+
+	const project = projectRegistry.get(id);
+</script>
+
+{#if project}
+	<Button {...props} {variant} style="border-radius:var(--radius-xl);">
+		<div class="card">
+			<div class="top">
+				<h3>{project.name}</h3>
+			</div>
+			<h6>/{project.normalized_name}</h6>
+		</div>
+	</Button>
+{/if}
+
+<style>
+	.card {
+		display: flex;
+		flex-direction: column;
+		align-items: baseline;
+		padding: var(--pad-m);
+	}
+
+	.card .top {
+		display: flex;
+		align-items: center;
+		column-gap: var(--pad-xxl);
+	}
+
+
+	.card h3 {
+		text-transform: capitalize;
+	}
+
+
+	.card > h6 {
+		color: var(--font-2);
+	}
+</style>

package/src/lib/registry/projectRegistry/components/ProjectDropdown.svelte

@@ -0,0 +1,117 @@
+<script>
+	import { Button, DropdownMenu } from 'hamzus-ui';
+	import { projectRegistry } from '../registry.svelte';
+
+	let { projectId = $bindable(null), hubHref = "/", isActive = ()=>{}, getHref = (project)=>{} } = $props();
+
+	const project = $derived(projectRegistry.get(projectId));
+
+	const projects = projectRegistry.getAll();
+</script>
+
+<DropdownMenu.Root direction="bottom" triggerFullWidth>
+	<DropdownMenu.Trigger slot="trigger">
+		<Button variant="outline" style="width:100%;justify-content:space-between;">
+			<div class="project-btn">
+				<h4>{project?.name ?? 'selectionné un projet'}</h4>
+			</div>
+			<svg
+				width="24"
+				height="24"
+				viewBox="0 0 24 24"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path
+					d="M9.00945 21.2502C8.81945 21.2502 8.62945 21.1802 8.47945 21.0302L3.46945 16.0202C3.17945 15.7302 3.17945 15.2502 3.46945 14.9602C3.75945 14.6702 4.23945 14.6702 4.52945 14.9602L9.53945 19.9702C9.82945 20.2602 9.82945 20.7402 9.53945 21.0302C9.38945 21.1702 9.19945 21.2502 9.00945 21.2502Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M9.00977 21.25C8.59977 21.25 8.25977 20.91 8.25977 20.5V3.5C8.25977 3.09 8.59977 2.75 9.00977 2.75C9.41977 2.75 9.75977 3.09 9.75977 3.5V20.5C9.75977 20.91 9.41977 21.25 9.00977 21.25Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M20.0095 9.25994C19.8195 9.25994 19.6295 9.18994 19.4795 9.03994L14.4695 4.02994C14.1795 3.73994 14.1795 3.25994 14.4695 2.96994C14.7595 2.67994 15.2395 2.67994 15.5295 2.96994L20.5395 7.97994C20.8295 8.26994 20.8295 8.74994 20.5395 9.03994C20.3895 9.18994 20.1995 9.25994 20.0095 9.25994Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M14.9902 21.25C14.5802 21.25 14.2402 20.91 14.2402 20.5V3.5C14.2402 3.09 14.5802 2.75 14.9902 2.75C15.4002 2.75 15.7402 3.09 15.7402 3.5V20.5C15.7402 20.91 15.4102 21.25 14.9902 21.25Z"
+					fill="#292D32"
+				/>
+			</svg>
+		</Button>
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="var(--hamzus-tigger-width)">
+		{#if $projects.length > 1}
+			{#each $projects as project}
+				<Button
+					href={getHref(project)}
+					variant="{isActive(project) ? "secondary" : "ghost"}"
+					style="width:100%;"
+				>
+					<div class="project-btn">
+						<h4>{project.name}</h4>
+						<h6>{project.active_subscription?.name ?? ''}</h6>
+					</div>
+				</Button>
+			{/each}
+		{:else}
+			<div class="no-other-project">
+				<h4>Aucun autre projet</h4>
+				<p>Créée d'autre projets erp et navigué entre eux facilement.</p>
+			</div>
+		{/if}
+		<DropdownMenu.Separator></DropdownMenu.Separator>
+		<Button href={hubHref} variant="ghost" style="width:100%;column-gap:var(--pad-m);">
+			<svg
+				width="24"
+				height="24"
+				viewBox="0 0 24 24"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path
+					d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M9.00023 21.75H8.00023C7.59023 21.75 7.25023 21.41 7.25023 21C7.25023 20.59 7.57023 20.26 7.98023 20.25C6.41023 14.89 6.41023 9.11 7.98023 3.75C7.57023 3.74 7.25023 3.41 7.25023 3C7.25023 2.59 7.59023 2.25 8.00023 2.25H9.00023C9.24023 2.25 9.47023 2.37 9.61023 2.56C9.75023 2.76 9.79023 3.01 9.71023 3.24C7.83023 8.89 7.83023 15.11 9.71023 20.77C9.79023 21 9.75023 21.25 9.61023 21.45C9.47023 21.63 9.24023 21.75 9.00023 21.75Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M15.0004 21.7502C14.9204 21.7502 14.8404 21.7402 14.7604 21.7102C14.3704 21.5802 14.1504 21.1502 14.2904 20.7602C16.1704 15.1102 16.1704 8.89018 14.2904 3.23018C14.1604 2.84018 14.3704 2.41018 14.7604 2.28018C15.1604 2.15018 15.5804 2.36018 15.7104 2.75018C17.7004 8.71018 17.7004 15.2702 15.7104 21.2202C15.6104 21.5502 15.3104 21.7502 15.0004 21.7502Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M12 17.1998C9.21 17.1998 6.43 16.8098 3.75 16.0198C3.74 16.4198 3.41 16.7498 3 16.7498C2.59 16.7498 2.25 16.4098 2.25 15.9998V14.9998C2.25 14.7598 2.37 14.5298 2.56 14.3898C2.76 14.2498 3.01 14.2098 3.24 14.2898C8.89 16.1698 15.12 16.1698 20.77 14.2898C21 14.2098 21.25 14.2498 21.45 14.3898C21.65 14.5298 21.76 14.7598 21.76 14.9998V15.9998C21.76 16.4098 21.42 16.7498 21.01 16.7498C20.6 16.7498 20.27 16.4298 20.26 16.0198C17.57 16.8098 14.79 17.1998 12 17.1998Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M20.9998 9.74986C20.9198 9.74986 20.8398 9.73986 20.7598 9.70986C15.1098 7.82986 8.87978 7.82986 3.22978 9.70986C2.82978 9.83986 2.40978 9.62986 2.27978 9.23986C2.15978 8.83986 2.36978 8.41986 2.75978 8.28986C8.71978 6.29986 15.2798 6.29986 21.2298 8.28986C21.6198 8.41986 21.8398 8.84986 21.6998 9.23986C21.6098 9.54986 21.3098 9.74986 20.9998 9.74986Z"
+					fill="#292D32"
+				/>
+			</svg>
+
+			<h5>retourner au hub</h5>
+		</Button>
+	</DropdownMenu.Content>
+</DropdownMenu.Root>
+
+
+<style>
+    .project-btn {
+		display: flex;
+		flex-direction: column;
+		align-items: baseline;
+	}
+
+	.project-btn > h6 {
+		color: var(--font-3);
+	}
+
+    	.no-other-project {
+		padding: var(--pad-m);
+		border-radius: var(--radius-m);
+		background-color: var(--bg-blur);
+	}
+</style>

package/src/lib/registry/projectRegistry/createProject.js

@@ -0,0 +1,17 @@
+export function createProject(config = {}) {
+	const project = {
+		id: null,
+		name: "",
+		normalized_name: "",
+		description: '',
+        active_subscription:{
+            name:""
+        }
+	};
+
+	Object.assign(project, config);
+
+	// project.get = (id) => project.fields.find((field) => field.id === id);
+
+	return project;
+}

package/src/lib/registry/projectRegistry/registry.svelte.js

@@ -0,0 +1,50 @@
+import { writable, derived, get } from 'svelte/store';
+
+function createProjectRegistry() {
+	const store = writable({});
+
+	const all = derived(store, ($projects) => Object.values($projects));
+
+	return {
+		subscribe: store.subscribe,
+
+		register(project) {
+			store.update((projects) => ({
+				...projects,
+				[project.id]: project
+			}));
+		},
+
+		unregister(id) {
+			store.update((projects) => {
+				const copy = { ...projects };
+
+				delete copy[id];
+
+				return copy;
+			});
+		},
+
+		get(id) {
+			return get(store)[id];
+		},
+		getFromNormalizedName(normalized_name) {
+			const projects = Object.values(get(store));
+
+            return projects.find(p=>p.normalized_name === normalized_name) ?? null
+
+		},
+
+		select(id) {
+			return derived(store, ($projects) => $projects[id]);
+		},
+
+		
+
+		getAll() {
+			return all;
+		}
+	};
+}
+
+export const projectRegistry = createProjectRegistry();

package/src/lib/registry/viewEntriesProfilRegistery/components/CreateViewEntriesProfilDialog.svelte

@@ -0,0 +1,17 @@
+<script>
+import { Button, Dialog, Input  } from "hamzus-ui";
+
+    let {isOpen= $bindable(false), onCreate = (name)=>{}} = $props() 
+
+    let name = $derived(isOpen ? "" : "")
+
+
+</script>
+<Dialog bind:isOpen>
+    <div style="display:flex;row-gap:var(--pad-m);flex-direction:column;">
+        <h3>Créer une nouvelle vue</h3>
+        <p>Créer sur base des paramètre actuel une nouvelle vue ?</p>
+        <Input bind:value={name} label="nom"/>
+        <Button desabled={name === ""} onClick={()=>{onCreate(name)}}>confirmer</Button>
+    </div>
+</Dialog>

package/src/lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilButton.svelte

@@ -0,0 +1,51 @@
+<script>
+	import { Button } from 'hamzus-ui';
+	import { viewEntriesProfilRegistry } from '../registry.svelte';
+	import ViewEntriesTypeIcon from '$lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeIcon.svelte';
+
+	let { id, variant = 'ghost', ...props } = $props();
+
+	const viewProfil = $derived(viewEntriesProfilRegistry.get(id));
+</script>
+
+{#if viewProfil}
+	<Button {...props} {variant} style="padding:var(--pad-s) var(--pad-l) var(--pad-s) var(--pad-m);width:100%;">
+        <div class="ico">
+            <ViewEntriesTypeIcon type={viewProfil.type}></ViewEntriesTypeIcon>
+        </div>
+		<h5>{viewProfil.name}</h5>
+        {#if viewProfil.is_default}
+            <div class="ico-end">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.44922 22C6.03922 22 5.69922 21.66 5.69922 21.25V2.75C5.69922 2.34 6.03922 2 6.44922 2C6.85922 2 7.19922 2.34 7.19922 2.75V21.25C7.19922 21.66 6.85922 22 6.44922 22Z" fill="#292D32"/>
+<path opacity="0.4" d="M15.2001 7.16004L7.10008 3.66004C6.98008 3.60004 6.85008 3.62004 6.74008 3.69004C6.64008 3.76004 6.58008 3.87004 6.58008 4.00004V17C6.58008 17.13 6.65008 17.25 6.76008 17.32C6.82008 17.36 6.89008 17.38 6.96008 17.38C7.02008 17.38 7.07008 17.37 7.13008 17.34L15.4301 13.24C15.4301 13.24 15.4301 13.24 15.4401 13.24C17.1001 12.38 17.9901 11.27 17.9401 10.1C17.8801 8.92004 16.9101 7.88004 15.2001 7.16004Z" fill="#292D32"/>
+</svg>
+
+
+
+            </div>
+        {/if}
+	</Button>
+{/if}
+
+<style>
+    .ico {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+	}
+    .ico-end {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+        margin-left: auto;
+	}
+
+    .ico path {
+        fill: var(--font-2);
+    }
+</style>

package/src/lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilComponent.svelte

@@ -0,0 +1,32 @@
+<script>
+	import { Button, RotativeLoader } from 'hamzus-ui';
+	import { viewEntriesProfilRegistry } from '../registry.svelte';
+	import ViewEntriesTypeComponent from '$lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';
+
+	let { id, ...props } = $props();
+
+	const viewProfil = $derived(viewEntriesProfilRegistry.select(id));
+
+$effect(()=>{
+    console.log($viewProfil.props);
+    
+})
+</script>
+{#if $viewProfil}
+	{#key id}
+        <ViewEntriesTypeComponent type={$viewProfil.type} {...$viewProfil.props} {...props}><slot name="actions" slot="actions"/></ViewEntriesTypeComponent>
+    {/key}
+{:else}
+	<div class="loader">
+		<RotativeLoader></RotativeLoader>
+	</div>
+{/if}
+
+<style>
+	.loader {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 60px var(--pad-m);
+	}
+</style>

package/src/lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilDropdown.svelte

@@ -0,0 +1,60 @@
+<script>
+	import { Button, DropdownMenu } from 'hamzus-ui';
+	import { viewEntriesProfilRegistry } from '../registry.svelte';
+	import ViewProfilButton from './ViewEntriesProfilButton.svelte';
+	import CreateViewEntriesProfilDialog from './CreateViewEntriesProfilDialog.svelte';
+
+	let { onChange = (id) => {}, id = null, onCreate = (name)=>{}, onDelete = (id)=>{},onDesableAsDefault = ()=>{}, onSetAsDefault = (id)=>{}, props = $bindable({}) } = $props();
+
+    let createViewIsOpen = $state(false)
+
+    const targetViewProfil = $derived(viewEntriesProfilRegistry.select(id))
+
+	const viewProfils = viewEntriesProfilRegistry.getAll();
+</script>
+
+<CreateViewEntriesProfilDialog bind:isOpen={createViewIsOpen} {onCreate}></CreateViewEntriesProfilDialog>
+
+<DropdownMenu.Root direction="bottom">
+	<DropdownMenu.Trigger slot="trigger">
+		{#if id !== null}
+			<ViewProfilButton variant="secondary" {id}></ViewProfilButton>
+		{:else}
+			<Button variant="secondary" style="width:100%">
+				<h5>selectionner un profil de vue</h5>
+			</Button>
+		{/if}
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="250px">
+		{#each $viewProfils as viewProfil}
+			<ViewProfilButton
+				variant={viewProfil.id === id ? 'secondary' : 'ghost'}
+				onClick={() => {
+					onChange(viewProfil.id);
+				}}
+				id={viewProfil.id}
+			></ViewProfilButton>
+		{/each}
+        <DropdownMenu.Separator></DropdownMenu.Separator>
+        
+        <Button variant="ghost" style="width:100%;" onClick={()=>{createViewIsOpen = true}}>
+            <h5>Créer</h5>
+        </Button>
+        {#if !($targetViewProfil?.is_default ?? false)}
+            <Button variant="ghost" style="width:100%;" onClick={()=>{
+                if (id === 0) {
+                    onDesableAsDefault(id)
+                } else {
+                    onSetAsDefault(id)
+                }
+            }}>
+                <h5>Définir par défaut</h5>
+            </Button>
+        {/if}
+        {#if id !== 0}
+            <Button variant="destructive" style="width:100%;" onClick={()=>{onDelete(id)}}>
+                <h5>Supprimer</h5>
+            </Button>
+        {/if}
+	</DropdownMenu.Content>
+</DropdownMenu.Root>

package/src/lib/registry/viewEntriesProfilRegistery/createViewEntriesProfil.js

@@ -0,0 +1,15 @@
+export function createViewEntriesProfil(config = {}) {
+	const viewEntriesProfil = {
+		id:0,
+		name:"",
+		type:"",
+		is_default:"",
+		props:{},
+	};
+
+	Object.assign(viewEntriesProfil, config);
+
+	// viewEntriesProfil.get = () => "test";
+
+	return viewEntriesProfil;
+}

package/src/lib/registry/viewEntriesProfilRegistery/registerDefaultViewEntriesProfils.js

@@ -0,0 +1,13 @@
+import { createViewEntriesProfil } from './createViewEntriesProfil';
+import { viewEntriesProfilRegistry } from './registry.svelte';
+
+
+export function registerDefaultViewProfil() {
+	viewEntriesProfilRegistry.register(createViewEntriesProfil({
+        id:0,
+        name:"vue par défaut",
+        is_default:false,
+        type:"table",
+        props:{}
+    }))
+}

package/src/lib/registry/viewEntriesProfilRegistery/registry.svelte.js

@@ -0,0 +1,48 @@
+import { writable, derived, get } from 'svelte/store';
+
+function createViewEntriesProfilRegistry() {
+	const store = writable({});
+
+	const all = derived(store, ($viewEntriesProfils) => Object.values($viewEntriesProfils));
+
+	return {
+		subscribe: store.subscribe,
+
+		register(viewEntriesProfil) {
+			store.update((viewEntriesProfils) => ({
+				...viewEntriesProfils,
+				[viewEntriesProfil.id]: viewEntriesProfil
+			}));
+		},
+
+		unregisterAll(viewEntriesProfil) {
+			store.update((viewEntriesProfils) => ({}));
+		},
+
+		unregister(id) {
+			store.update((viewEntriesProfils) => {
+				const copy = { ...viewEntriesProfils };
+
+				delete copy[id];
+
+				return copy;
+			});
+		},
+
+		get(id) {
+			return get(store)[id];
+		},
+
+		select(id) {
+			return derived(store, ($viewEntriesProfils) => $viewEntriesProfils[id]);
+		},
+
+		
+
+		getAll() {
+			return all;
+		}
+	};
+}
+
+export const viewEntriesProfilRegistry = createViewEntriesProfilRegistry();

package/src/lib/registry/{viewTypeRegistry/components/ViewTypeButton.svelte → viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte}

@@ -1,16 +1,17 @@
 <script>
 	import { Button } from 'hamzus-ui';
-	import { viewTypeRegistry } from '../registry.svelte';
+	import { viewEntriesTypeRegistry } from '../registry.svelte';
+	import ViewEntriesTypeIcon from './ViewEntriesTypeIcon.svelte';
 
 	let { type, variant = 'ghost', ...props } = $props();
 
-	const viewType = viewTypeRegistry.get(type);
+	const viewType = viewEntriesTypeRegistry.get(type);
 </script>
 
 {#if viewType}
-	<Button {...props} {variant} style="padding:var(--pad-s) var(--pad-l) var(--pad-s) var(--pad-s);width:100%;">
+	<Button {...props} {variant} style="padding:var(--pad-s) var(--pad-l) var(--pad-s) var(--pad-m);width:100%;">
         <div class="ico">
-            <svelte:component this={viewType.components.icon}></svelte:component>
+            <ViewEntriesTypeIcon {type}></ViewEntriesTypeIcon>
         </div>
 		<h5>{viewType.name}</h5>
 	</Button>