mountain-ui 1.0.2 → 1.0.4

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

@@ -1,21 +1,38 @@
 <script>
-    let {size = "18px", color="var(--green)"} = $props()
+	let { size = '18px', color = 'var(--green)' } = $props();
 </script>
+
 <!-- style="--size:{size};--color:{color};" -->
-<svg style="--size:{size};--color:{color};" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#34C759"/>
-<path d="M11.9996 9.87012C11.5096 9.87012 11.0996 10.2701 11.0996 10.7701V13.2401C11.0996 13.7401 11.4996 14.1401 11.9996 14.1401C12.4996 14.1401 12.8996 13.7401 12.8996 13.2401V10.7701C12.8996 10.2701 12.4896 9.87012 11.9996 9.87012Z" fill="#34C759"/>
-<path d="M12 17.5499C9.38 17.5499 7.25 15.4199 7.25 12.7999V11.2C7.25 8.57995 9.38 6.44995 12 6.44995C14.62 6.44995 16.75 8.57995 16.75 11.2V12.7999C16.75 15.4199 14.62 17.5499 12 17.5499ZM12 7.94995C10.21 7.94995 8.75 9.40995 8.75 11.2V12.7999C8.75 14.5899 10.21 16.0499 12 16.0499C13.79 16.0499 15.25 14.5899 15.25 12.7999V11.2C15.25 9.40995 13.79 7.94995 12 7.94995Z" fill="#34C759"/>
+<svg
+	style="--size:{size};--color:{color};"
+	width="24"
+	height="24"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		opacity="0.4"
+		d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+		fill="#34C759"
+	/>
+	<path
+		d="M11.9996 9.87012C11.5096 9.87012 11.0996 10.2701 11.0996 10.7701V13.2401C11.0996 13.7401 11.4996 14.1401 11.9996 14.1401C12.4996 14.1401 12.8996 13.7401 12.8996 13.2401V10.7701C12.8996 10.2701 12.4896 9.87012 11.9996 9.87012Z"
+		fill="#34C759"
+	/>
+	<path
+		d="M12 17.5499C9.38 17.5499 7.25 15.4199 7.25 12.7999V11.2C7.25 8.57995 9.38 6.44995 12 6.44995C14.62 6.44995 16.75 8.57995 16.75 11.2V12.7999C16.75 15.4199 14.62 17.5499 12 17.5499ZM12 7.94995C10.21 7.94995 8.75 9.40995 8.75 11.2V12.7999C8.75 14.5899 10.21 16.0499 12 16.0499C13.79 16.0499 15.25 14.5899 15.25 12.7999V11.2C15.25 9.40995 13.79 7.94995 12 7.94995Z"
+		fill="#34C759"
+	/>
 </svg>
 
-
 <style>
-    svg {
-        width: var(--size);
-        height: auto;
-        aspect-ratio: 1/1;
-    }
-    svg path {
-        fill: var(--color);
-    }
+	svg {
+		width: var(--size);
+		height: auto;
+		aspect-ratio: 1/1;
+	}
+	svg path {
+		fill: var(--color);
+	}
 </style>

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

@@ -1,7 +1,5 @@
 <script>
-
-    let { ctx = $bindable({}), detailsCtx = $bindable({})}  = $props()
-
+	let { ctx = $bindable({}), detailsCtx = $bindable({}) } = $props();
 </script>
 
-<slot/>
+<slot />

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

@@ -1,20 +1,32 @@
 <script>
-    let {size = "24px", color="var(--font-1)"} = $props()
+	let { size = '24px', color = 'var(--font-1)' } = $props();
 </script>
 
-<svg style="--size:{size};--color:{color};" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.1998 17.3799C11.4998 17.3799 10.7898 17.1099 10.2598 16.5799C9.73977 16.0599 9.44977 15.3699 9.44977 14.6399C9.44977 13.9099 9.73977 13.2099 10.2598 12.6999L11.6697 11.2899C11.9597 10.9999 12.4397 10.9999 12.7297 11.2899C13.0197 11.5799 13.0197 12.0599 12.7297 12.3499L11.3198 13.7599C11.0798 13.9999 10.9498 14.3099 10.9498 14.6399C10.9498 14.9699 11.0798 15.2899 11.3198 15.5199C11.8098 16.0099 12.5998 16.0099 13.0898 15.5199L15.3098 13.2999C16.5798 12.0299 16.5798 9.96994 15.3098 8.69994C14.0398 7.42994 11.9798 7.42994 10.7098 8.69994L8.28973 11.1199C7.77973 11.6299 7.49976 12.2999 7.49976 13.0099C7.49976 13.7199 7.77973 14.3999 8.28973 14.8999C8.57973 15.1899 8.57973 15.6699 8.28973 15.9599C7.99973 16.2499 7.51974 16.2499 7.22974 15.9599C6.43974 15.1699 6.00977 14.1199 6.00977 12.9999C6.00977 11.8799 6.43974 10.8299 7.22974 10.0399L9.64978 7.61992C11.4998 5.76992 14.5198 5.76992 16.3698 7.61992C18.2198 9.46992 18.2198 12.4899 16.3698 14.3399L14.1498 16.5599C13.6098 17.1099 12.9098 17.3799 12.1998 17.3799Z" fill="#292D32"/>
-<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"/>
+<svg
+	style="--size:{size};--color:{color};"
+	width="24"
+	height="24"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12.1998 17.3799C11.4998 17.3799 10.7898 17.1099 10.2598 16.5799C9.73977 16.0599 9.44977 15.3699 9.44977 14.6399C9.44977 13.9099 9.73977 13.2099 10.2598 12.6999L11.6697 11.2899C11.9597 10.9999 12.4397 10.9999 12.7297 11.2899C13.0197 11.5799 13.0197 12.0599 12.7297 12.3499L11.3198 13.7599C11.0798 13.9999 10.9498 14.3099 10.9498 14.6399C10.9498 14.9699 11.0798 15.2899 11.3198 15.5199C11.8098 16.0099 12.5998 16.0099 13.0898 15.5199L15.3098 13.2999C16.5798 12.0299 16.5798 9.96994 15.3098 8.69994C14.0398 7.42994 11.9798 7.42994 10.7098 8.69994L8.28973 11.1199C7.77973 11.6299 7.49976 12.2999 7.49976 13.0099C7.49976 13.7199 7.77973 14.3999 8.28973 14.8999C8.57973 15.1899 8.57973 15.6699 8.28973 15.9599C7.99973 16.2499 7.51974 16.2499 7.22974 15.9599C6.43974 15.1699 6.00977 14.1199 6.00977 12.9999C6.00977 11.8799 6.43974 10.8299 7.22974 10.0399L9.64978 7.61992C11.4998 5.76992 14.5198 5.76992 16.3698 7.61992C18.2198 9.46992 18.2198 12.4899 16.3698 14.3399L14.1498 16.5599C13.6098 17.1099 12.9098 17.3799 12.1998 17.3799Z"
+		fill="#292D32"
+	/>
+	<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"
+	/>
 </svg>
 
-
 <style>
-    svg {
-        width: var(--size);
-        height: auto;
-        aspect-ratio: 1/1;
-    }
-    svg path {
-        fill: var(--color);
-    }
+	svg {
+		width: var(--size);
+		height: auto;
+		aspect-ratio: 1/1;
+	}
+	svg path {
+		fill: var(--color);
+	}
 </style>

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

@@ -1,40 +1,38 @@
-
 export function createEntity(config = {}) {
-    const entity = {
-       "id": null,
-        "version": 1,
-        "plural_name": "",
-        "singular_name": "",
-        "normalized_name": "",
-        "slug": "",
-        "symbol": "#",
-        "can_be_created": true,
-        "can_be_edited": true,
-        "can_be_deleted": true,
-        "is_locked": false,
-        "updated_at": null,
-        "created_at": null,
-        "fields": [
-            {
-                "id": null,
-                "link_to_field_id": null,
-                "entity_id": null,
-                "type": "primary",
-                "name": "id",
-                "normalized_name": "id",
-                "is_locked": true,
-                "is_required": false,
-                "is_unique": true,
-                "is_secret": false,
-                "props": {}
-            }
-        ],
-    };
+	const entity = {
+		id: null,
+		version: 1,
+		plural_name: '',
+		singular_name: '',
+		normalized_name: '',
+		slug: '',
+		symbol: '#',
+		can_be_created: true,
+		can_be_edited: true,
+		can_be_deleted: true,
+		is_locked: false,
+		updated_at: null,
+		created_at: null,
+		fields: [
+			{
+				id: null,
+				link_to_field_id: null,
+				entity_id: null,
+				type: 'primary',
+				name: 'id',
+				normalized_name: 'id',
+				is_locked: true,
+				is_required: false,
+				is_unique: true,
+				is_secret: false,
+				props: {}
+			}
+		]
+	};
 
-    Object.assign(entity, config);
+	Object.assign(entity, config);
 
-    entity.getField = (id) =>
-        entity.fields.find(field => field.id === id);
+	entity.getField = (id) => entity.fields.find((field) => field.id === id);
 
-    return entity;
-}
+	return entity;
+}

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

@@ -1,140 +1,98 @@
-import { writable, derived, get } from "svelte/store";
+import { writable, derived, get } from 'svelte/store';
 
 function createEntityRegistry() {
+	const store = writable({});
 
-    const store = writable({});
+	const all = derived(store, ($entities) => Object.values($entities));
 
-    const all = derived(
-        store,
-        ($entities) => Object.values($entities)
-    );
+	return {
+		subscribe: store.subscribe,
 
-    return {
+		register(entity) {
+			store.update((entities) => ({
+				...entities,
+				[entity.id]: entity
+			}));
+		},
 
-        subscribe: store.subscribe,
+		unregister(id) {
+			store.update((entities) => {
+				const copy = { ...entities };
 
-        register(entity) {
+				delete copy[id];
 
-            store.update(entities => ({
-                ...entities,
-                [entity.id]: entity
-            }));
+				return copy;
+			});
+		},
 
-        },
+		get(id) {
+			return get(store)[id];
+		},
 
-        unregister(id) {
+		select(id) {
+			return derived(store, ($entities) => $entities[id]);
+		},
 
-            store.update(entities => {
+		getLinkedField(entityId, linkId) {
+			const entities = get(store);
 
-                const copy = { ...entities };
+			// Si l'entité est connue, on cherche directement dedans
+			if (!entityId) return null;
 
-                delete copy[id];
+			const entity = entities[entityId];
 
-                return copy;
+			return entity.fields?.find((field) => field.props.linkId === linkId) ?? null;
+		},
+		getField(id, entityId = null) {
+			const entities = get(store);
 
-            });
+			// Si l'entité est connue, on cherche directement dedans
+			if (entityId) {
+				const entity = entities[entityId];
 
-        },
+				if (!entity) {
+					return null;
+				}
 
-        get(id) {
+				return entity.fields?.find((field) => field.id === id) ?? null;
+			}
 
-            return get(store)[id];
+			// Sinon on parcourt toutes les entités
+			for (const entity of Object.values(entities)) {
+				const field = entity.fields?.find((field) => field.id === id);
 
-        },
+				if (field) {
+					return field;
+				}
+			}
 
-        select(id) {
+			return null;
+		},
 
-            return derived(
-                store,
-                ($entities) => $entities[id]
-            );
+		selectField(id, entityId = null) {
+			return derived(store, ($entities) => {
+				if (entityId) {
+					const entity = $entities[entityId];
 
-        },
+					return entity?.fields?.find((field) => field.id === id) ?? null;
+				}
 
-        getLinkedField(entityId, linkId) {
+				for (const entity of Object.values($entities)) {
+					const field = entity.fields?.find((field) => field.id === id);
 
-            const entities = get(store);
+					if (field) {
+						return field;
+					}
+				}
 
-            // Si l'entité est connue, on cherche directement dedans
-            if (!entityId) return null
-
-            const entity = entities[entityId];
-
-
-            return entity.fields?.find(field => field.props.linkId === linkId) ?? null;
-        },
-        getField(id, entityId = null) {
-
-            const entities = get(store);
-
-            // Si l'entité est connue, on cherche directement dedans
-            if (entityId) {
-
-                const entity = entities[entityId];
-
-                if (!entity) {
-                    return null;
-                }
-
-                return entity.fields?.find(field => field.id === id) ?? null;
-            }
-
-
-            // Sinon on parcourt toutes les entités
-            for (const entity of Object.values(entities)) {
-
-                const field = entity.fields?.find(field => field.id === id);
-
-                if (field) {
-                    return field;
-                }
-
-            }
-
-            return null;
-
-        },
-
-        selectField(id, entityId = null) {
-
-            return derived(
-                store,
-                ($entities) => {
-
-                    if (entityId) {
-
-                        const entity = $entities[entityId];
-
-                        return entity?.fields?.find(field => field.id === id) ?? null;
-
-                    }
-
-
-                    for (const entity of Object.values($entities)) {
-
-                        const field = entity.fields?.find(field => field.id === id);
-
-                        if (field) {
-                            return field;
-                        }
-
-                    }
-
-                    return null;
-
-                }
-            );
-
-        },
-
-        getAll() {
-
-            return all;
-
-        }
-
-    };
+				return null;
+			});
+		},
 
+		getAll() {
+			return all;
+		}
+	};
 }
 
-export const entityRegistry = createEntityRegistry();
+export const entityRegistry = createEntityRegistry();

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeButton.svelte

@@ -1,12 +1,13 @@
 <script>
-	import FieldButton from "../fieldTypes/FieldTypeButton.svelte";
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import FieldButton from '../fieldTypes/FieldTypeButton.svelte';
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, variant="ghost", ...props} = $props()
+	let { type, variant = 'ghost', ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field}
-    <svelte:component {variant} {...props} this={$field.components.button} {...$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.button} {variant} {...props} {...$field}
+	></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeCard.svelte

@@ -1,11 +1,12 @@
 <script>
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, variant="ghost", ...props} = $props()
+	let { type, variant = 'ghost', ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field}
-    <svelte:component {variant} {...props} this={$field.components.card} {...$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.card} {variant} {...props} {...$field}
+	></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeIcon.svelte

@@ -1,11 +1,11 @@
 <script>
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, ...props} = $props()
+	let { type, ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field && $field?.components?.icon}
-    <svelte:component {...props} this={$field.components.icon} field={$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.icon} {...props} field={$field}></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeInput.svelte

@@ -1,11 +1,11 @@
 <script>
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, ...props} = $props()
+	let { type, ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field}
-    <svelte:component {...props} this={$field.components.input} field={$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.input} {...props} field={$field}></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/Label.svelte

@@ -12,12 +12,12 @@
 		{#if required}
 			<FieldIsRequiredIcon size="12px"></FieldIsRequiredIcon>
 		{/if}
-        {#if unique}
-            <FieldIsUniqueIcon size="12px"></FieldIsUniqueIcon>
-        {/if}
-        {#if secret}
-            <FieldIsSecretIcon size="12px"></FieldIsSecretIcon>
-        {/if}
+		{#if unique}
+			<FieldIsUniqueIcon size="12px"></FieldIsUniqueIcon>
+		{/if}
+		{#if secret}
+			<FieldIsSecretIcon size="12px"></FieldIsSecretIcon>
+		{/if}
 	</span>
 </h4>
 

package/src/lib/registry/fieldTypeRegistry/components/Line.svelte

@@ -26,6 +26,6 @@
 	}
 	.line.compact {
 		grid-template-columns: 1fr;
-        border-bottom:initial;
+		border-bottom: initial;
 	}
 </style>

package/src/lib/registry/fieldTypeRegistry/createFieldType.js

@@ -1,34 +1,34 @@
 export function createFieldType(config) {
-    return {
-        type:"",
-        
-        category_path:[],
+	return {
+		type: '',
 
-        label: "",
-        description: "",
+		category_path: [],
 
-        is_hidden:true,
+		label: '',
+		description: '',
 
-        can_be_required:true,
-        can_be_unique:true,
+		is_hidden: true,
 
-        defaultProps:{},
+		can_be_required: true,
+		can_be_unique: true,
 
-        components: {
-            icon: null,
-            button: null,
-            card: null,
-            input: null,
-            cell: null,
-            filter: null,
-            properties: null
-        },
+		defaultProps: {},
 
-        formatter: (value) => value,
-        parser: (value) => value,
+		components: {
+			icon: null,
+			button: null,
+			card: null,
+			input: null,
+			cell: null,
+			filter: null,
+			properties: null
+		},
 
-        validate: () => true,
+		formatter: (value) => value,
+		parser: (value) => value,
 
-        ...config
-    };
-}
+		validate: () => true,
+
+		...config
+	};
+}

package/src/lib/registry/fieldTypeRegistry/fieldTypes/FieldTypeCard.svelte

@@ -22,7 +22,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-        padding: var(--pad-xl) var(--pad-xl) var(--pad-xl) 0;
+		padding: var(--pad-xl) var(--pad-xl) var(--pad-xl) 0;
 	}
 
 	.left {
@@ -30,12 +30,11 @@
 		column-gap: var(--pad-xl);
 	}
 
-    .left :global(svg path) {
-        fill: var(--font-2);
-    }
-
-    .text {
-        text-align: left;
-    }
+	.left :global(svg path) {
+		fill: var(--font-2);
+	}
 
+	.text {
+		text-align: left;
+	}
 </style>

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

@@ -1,10 +1,8 @@
 <script>
-	import FieldTypeButton from "../FieldTypeButton.svelte";
-	import Icon from "./Icon.svelte";
+	import FieldTypeButton from '../FieldTypeButton.svelte';
+	import Icon from './Icon.svelte';
 
-    let {...props} = $props()
+	let { ...props } = $props();
 </script>
 
-<FieldTypeButton {...props}>
-   
-</FieldTypeButton>
+<FieldTypeButton {...props}></FieldTypeButton>

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

@@ -1,6 +1,6 @@
 <script>
-	import FieldCard from "../FieldTypeCard.svelte";
-    let {...props} = $props()
+	import FieldCard from '../FieldTypeCard.svelte';
+	let { ...props } = $props();
 </script>
 
 <FieldCard {...props}></FieldCard>

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

@@ -1,5 +1,14 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 7.75H3C2.59 7.75 2.25 7.41 2.25 7C2.25 6.59 2.59 6.25 3 6.25H21C21.41 6.25 21.75 6.59 21.75 7C21.75 7.41 21.41 7.75 21 7.75Z" fill="#292D32"/>
-<path d="M21 12.75H3C2.59 12.75 2.25 12.41 2.25 12C2.25 11.59 2.59 11.25 3 11.25H21C21.41 11.25 21.75 11.59 21.75 12C21.75 12.41 21.41 12.75 21 12.75Z" fill="#292D32"/>
-<path d="M21 17.75H3C2.59 17.75 2.25 17.41 2.25 17C2.25 16.59 2.59 16.25 3 16.25H21C21.41 16.25 21.75 16.59 21.75 17C21.75 17.41 21.41 17.75 21 17.75Z" fill="#292D32"/>
+	<path
+		d="M21 7.75H3C2.59 7.75 2.25 7.41 2.25 7C2.25 6.59 2.59 6.25 3 6.25H21C21.41 6.25 21.75 6.59 21.75 7C21.75 7.41 21.41 7.75 21 7.75Z"
+		fill="#292D32"
+	/>
+	<path
+		d="M21 12.75H3C2.59 12.75 2.25 12.41 2.25 12C2.25 11.59 2.59 11.25 3 11.25H21C21.41 11.25 21.75 11.59 21.75 12C21.75 12.41 21.41 12.75 21 12.75Z"
+		fill="#292D32"
+	/>
+	<path
+		d="M21 17.75H3C2.59 17.75 2.25 17.41 2.25 17C2.25 16.59 2.59 16.25 3 16.25H21C21.41 16.25 21.75 16.59 21.75 17C21.75 17.41 21.41 17.75 21 17.75Z"
+		fill="#292D32"
+	/>
 </svg>