mountain-ui 1.0.0

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListCheckbox/Input.svelte

@@ -0,0 +1,88 @@
+<script>
+	import Label from '$lib/registry/fieldTypeRegistry/components/Label.svelte';
+	import Line from '$lib/registry/fieldTypeRegistry/components/Line.svelte';
+	import { Checkbox, Tag } from 'hamzus-ui';
+
+	let {
+		value = $bindable(null),
+		name = '',
+		label = '',
+		required = false,
+		unique = false,
+		secret = false,
+		compact = false,
+		choices = [],
+		onChange = () => {},
+		onChangeDetails = () => {},
+		...props
+	} = $props();
+
+	const selected = $derived.by(() => {
+		if (!value) return [];
+
+		try {
+			const parsed = JSON.parse(value);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch {
+			return [];
+		}
+	});
+
+	function isChecked(choice) {
+		return selected.includes(choice.value);
+	}
+
+	function handleChange(choice, checked) {
+		const values = [...selected];
+
+		if (checked) {
+			if (!values.includes(choice.value)) {
+				values.push(choice.value);
+			}
+		} else {
+			const index = values.indexOf(choice.value);
+			if (index !== -1) {
+				values.splice(index, 1);
+			}
+		}
+
+		value = values.length ? JSON.stringify(values) : null;
+		onChange(value);
+		onChangeDetails(values);
+	}
+</script>
+
+<Line {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<div class="choices">
+		<input type="text" bind:value {name} {required} style="display:none" {...props} />
+
+		{#each choices as choice}
+			<Checkbox
+				checked={isChecked(choice)}
+				onChange={(checked) => handleChange(choice, checked)}
+				direction="rtl"
+			>
+				<Tag color={choice.color.replace('--', '')}>
+					{choice.value}
+				</Tag>
+			</Checkbox>
+		{/each}
+	</div>
+</Line>
+
+<style>
+	.choices {
+		display: flex;
+		flex-direction: column;
+		row-gap: var(--pad-m);
+		padding: var(--pad-m);
+		background-color: var(--bg-2);
+		border-radius: var(--radius-m);
+		width: 100%;
+	}
+
+	.choices:has(input:user-invalid) {
+		border: 1px solid var(--red);
+	}
+</style>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListCheckbox/index.js

@@ -0,0 +1,39 @@
+import { createFieldType } from "$lib/registry/fieldTypeRegistry/createFieldType"
+
+import Icon from "./Icon.svelte"
+import Button from "./Button.svelte"
+import Card from "./Card.svelte"
+import Input from "./Input.svelte"
+
+export default createFieldType({
+    type: "list-checkbox",
+
+    category_path: "list",
+
+    label: "Case à cocher",
+    description: "Sélection multiple à l’aide de cases à cocher.",
+
+    is_hidden: false,
+
+    defaultProps:{
+        
+    },
+
+    can_be_required: true,
+    can_be_unique: true,
+
+    components: {
+        icon: Icon,
+        button: Button,
+        card: Card,
+        input: Input,
+        cell: null,
+        filter: null,
+        properties: null
+    },
+
+    formatter: (value) => value,
+    parser: (value) => value,
+
+    validate: () => true,
+})

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListRadio/Button.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListRadio/Card.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListRadio/Icon.svelte

@@ -0,0 +1,4 @@
+<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="M10.5795 15.5801C10.3795 15.5801 10.1895 15.5001 10.0495 15.3601L7.21945 12.5301C6.92945 12.2401 6.92945 11.7601 7.21945 11.4701C7.50945 11.1801 7.98945 11.1801 8.27945 11.4701L10.5795 13.7701L15.7195 8.6301C16.0095 8.3401 16.4895 8.3401 16.7795 8.6301C17.0695 8.9201 17.0695 9.4001 16.7795 9.6901L11.1095 15.3601C10.9695 15.5001 10.7795 15.5801 10.5795 15.5801Z" fill="#292D32"/>
+</svg>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListRadio/Input.svelte

@@ -0,0 +1,95 @@
+<script>
+	import Label from '$lib/registry/fieldTypeRegistry/components/Label.svelte';
+import Line from '$lib/registry/fieldTypeRegistry/components/Line.svelte';
+import { Button, DropdownMenu, Tag } from 'hamzus-ui';
+
+	let {
+		value = $bindable(''),
+		onChange = () => {},
+		name = '',
+		label = '',
+		compact = false,
+		unique = false,
+		secret = false,
+		required = false,
+		choices = [],
+		...props
+	} = $props();
+
+	function handleClick(choice) {
+        if (choice === null) {
+            value = null
+            onChange(value)
+            return
+        }
+		if (value === choice.value) return;
+
+		value = choice.value;
+        
+		onChange(choice.value);
+	}
+
+	const selectedChoice = $derived(choices.find((choice) => choice.value === value));
+</script>
+
+<Line {compact}>
+    <Label {unique} {secret} {label} {required}></Label>
+    <div class="choices">
+    
+    
+        <input type="text" {name} bind:value {required} style="display:none" {...props} />
+        
+        <DropdownMenu.Root direction="bottom">
+            <DropdownMenu.Trigger slot="trigger">
+                <Button variant="outline" style="width:100%;">
+                    {#if selectedChoice}
+                        <Tag color={selectedChoice.color.replace('--', '')}>
+                            {selectedChoice.value}
+                        </Tag>
+                    {:else}
+                        Sélectionner
+                    {/if}
+                </Button>
+            </DropdownMenu.Trigger>
+    
+            <DropdownMenu.Content slot="content" width="var(--hamzus-tigger-width)">
+                {#if !required}
+                <Button
+                    variant="ghost"
+                    style="width:100%;color:{value === null ? 'var(--accent)' : ''}"
+                    onClick={() => handleClick(null)}
+                >
+                   <h5>aucun</h5>
+                </Button>
+                    
+                {/if}
+                {#each choices as choice}
+                    <Button
+                        variant="ghost"
+                        style="width:100%;color:{value === choice.value ? 'var(--accent)' : ''}"
+                        onClick={() => handleClick(choice)}
+                    >
+                        <Tag color={choice.color.replace('--', '')}>
+                            {choice.value}
+                        </Tag>
+                    </Button>
+                {/each}
+            </DropdownMenu.Content>
+        </DropdownMenu.Root>
+    </div>
+</Line>
+
+<style>
+	.choices {
+		display: flex;
+		flex-direction: column;
+		row-gap: var(--pad-m);
+		padding: var(--pad-m);
+		background-color: var(--bg-2);
+		border-radius: var(--radius-m);
+	}
+
+	.choices:has(input:user-invalid) {
+		border: 1px solid var(--red);
+	}
+</style>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/list/ListRadio/index.js

@@ -0,0 +1,44 @@
+import { createFieldType } from "$lib/registry/fieldTypeRegistry/createFieldType"
+
+import Icon from "./Icon.svelte"
+import Button from "./Button.svelte"
+import Card from "./Card.svelte"
+import Input from "./Input.svelte"
+
+export default createFieldType({
+    type: "list-radio",
+
+    category_path: "list",
+
+    label: "Bouton radio",
+    description: "Sélection unique parmi plusieurs choix possibles.",
+
+    is_hidden: false,
+
+    defaultProps:{
+        choices:[
+            {
+                value:"",
+                color:"--blue"
+            }
+        ]
+    },
+
+    can_be_required: true,
+    can_be_unique: true,
+
+    components: {
+        icon: Icon,
+        button: Button,
+        card: Card,
+        input: Input,
+        cell: null,
+        filter: null,
+        properties: null
+    },
+
+    formatter: (value) => value,
+    parser: (value) => value,
+
+    validate: () => true,
+})

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/Button.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/Card.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/Icon.svelte

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21.4701C11.59 21.4701 11.25 21.1301 11.25 20.7201V4.11011C11.25 3.70011 11.59 3.36011 12 3.36011C12.41 3.36011 12.75 3.70011 12.75 4.11011V20.7201C12.75 21.1401 12.41 21.4701 12 21.4701Z" fill="#292D32"/>
+<path d="M15.9405 21.47H8.06055C7.65055 21.47 7.31055 21.13 7.31055 20.72C7.31055 20.31 7.65055 19.97 8.06055 19.97H15.9405C16.3505 19.97 16.6905 20.31 16.6905 20.72C16.6905 21.13 16.3505 21.47 15.9405 21.47Z" fill="#292D32"/>
+<path d="M12.5301 4.64936L7.79423 9.38569C7.50431 9.6756 7.02348 9.6756 6.73356 9.38569C6.44365 9.09578 6.44365 8.61494 6.73357 8.32503L11.4694 3.5887C11.7593 3.29879 12.2402 3.29879 12.5301 3.5887C12.82 3.87861 12.82 4.35945 12.5301 4.64936Z" fill="#292D32"/>
+</svg>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/Input.svelte

@@ -0,0 +1,16 @@
+<script>
+	import Label from "$lib/registry/fieldTypeRegistry/components/Label.svelte";
+	import Line from "$lib/registry/fieldTypeRegistry/components/Line.svelte";
+	import { Input } from "hamzus-ui";
+
+        let {label,
+		unique = false,
+		secret = false, compact=false, required, ...props} = $props()
+
+
+</script>
+
+<Line {compact}>
+    <Label {unique} {secret} {label} {required}></Label>
+    <Input {...props} type="number" step="1" placeholder="un nombre entier" {required}/>
+</Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/index.js

@@ -0,0 +1,41 @@
+import { createFieldType } from "$lib/registry/fieldTypeRegistry/createFieldType"
+
+import Icon from "./Icon.svelte"
+import Button from "./Button.svelte"
+import Card from "./Card.svelte"
+import Input from "./Input.svelte"
+
+export default createFieldType({
+    type: "number-int",
+
+    category_path: "number",
+
+    label: "Entier",
+    description: "Nombre entier sans décimale, utile pour compter ou indexer.",
+
+    is_hidden: false,
+
+    defaultProps:{
+        min:null,
+        max:null,
+        default:null,
+    },
+
+    can_be_required: true,
+    can_be_unique: true,
+
+    components: {
+        icon: Icon,
+        button: Button,
+        card: Card,
+        input: Input,
+        cell: null,
+        filter: null,
+        properties: null
+    },
+
+    formatter: (value) => value,
+    parser: (value) => value,
+
+    validate: () => true,
+})

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/FieldTypeInputFloat.svelte

@@ -0,0 +1,55 @@
+<script>
+	import { Input } from 'hamzus-ui';
+	import { onMount } from 'svelte';
+
+	let {
+		defaultValue = '',
+		min = '',
+		max = '',
+		symbol = '',
+
+		onChange = (val) => {},
+		value = defaultValue,
+        ...props
+	} = $props();
+
+	onMount(() => {
+		if (defaultValue) {
+			onChange(value);
+		}
+	});
+
+	function handleCheckMinMax() {
+		let inputValue = value;
+		if (inputValue === '') {
+			return;
+		}
+
+		inputValue = parseFloat(inputValue);
+		min = parseFloat(min);
+		max = parseFloat(max);
+
+		// verifier si il y a un min et qu il n est pas plus grand que la valeur
+		if (min && min > inputValue) {
+			value = min;
+			return;
+		}
+		// verifier le max et quil soit pas plus petit
+		if (max && max < inputValue) {
+			value = max;
+			return;
+		}
+	}
+
+	function handleChange(val) {
+		onChange(val);
+	}
+</script>
+
+<Input {...props} onChange={handleChange} bind:value onBlur={handleCheckMinMax}>
+	<div slot="endContent">
+		{#if symbol}
+			<h4>{symbol}</h4>
+		{/if}
+	</div>
+</Input>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/Button.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/Card.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/Icon.svelte

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2441 18.85C9.83414 18.85 9.49414 18.51 9.49414 18.1V2.56934C9.49414 2.15934 9.83414 1.81934 10.2441 1.81934C10.6541 1.81934 10.9941 2.15934 10.9941 2.56934V18.1C10.9941 18.52 10.6541 18.85 10.2441 18.85Z" fill="#292D32"/>
+<path d="M11.1005 18.8499H6.87109C6.46109 18.8499 6.12109 18.5099 6.12109 18.0999C6.12109 17.6899 6.46109 17.3499 6.87109 17.3499H11.1005C11.5105 17.3499 11.8505 17.6899 11.8505 18.0999C11.8505 18.5099 11.5105 18.8499 11.1005 18.8499Z" fill="#292D32"/>
+<path d="M10.7742 3.10003L6.03849 7.83625C5.74867 8.12606 5.26775 8.12615 4.97784 7.83624C4.68793 7.54632 4.68801 7.0654 4.97783 6.77559L9.71356 2.03937C10.0034 1.74956 10.4843 1.74947 10.7742 2.03938C11.0641 2.3293 11.064 2.81022 10.7742 3.10003Z" fill="#292D32"/>
+<circle cx="12.9297" cy="18.0999" r="0.75" fill="#292D32"/>
+<path d="M20.7194 12.5498C20.7194 11.1142 20.3155 9.84323 19.6975 8.9499C19.0777 8.05412 18.2879 7.59023 17.4948 7.59023C16.7017 7.59023 15.9119 8.05412 15.2921 8.9499C14.6741 9.84323 14.2702 11.1142 14.2702 12.5498C14.2702 13.9855 14.6741 15.2564 15.2921 16.1497C15.912 17.0456 16.7016 17.5094 17.4948 17.5094C18.288 17.5094 19.0777 17.0456 19.6975 16.1497C20.3155 15.2564 20.7194 13.9855 20.7194 12.5498ZM22.0599 12.5498C22.0599 14.2234 21.5914 15.7682 20.7997 16.9125C20.0099 18.0539 18.8525 18.8499 17.4948 18.8499C16.1371 18.8499 14.9797 18.0539 14.1899 16.9125C13.3982 15.7682 12.9297 14.2234 12.9297 12.5498C12.9297 10.8763 13.3983 9.33228 14.1899 8.18803C14.9797 7.04641 16.1369 6.24976 17.4948 6.24976C18.8527 6.24976 20.0099 7.04641 20.7997 8.18803C21.5913 9.33228 22.0599 10.8763 22.0599 12.5498Z" fill="#292D32"/>
+</svg>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/Input.svelte

@@ -0,0 +1,14 @@
+<script>
+	import Label from "$lib/registry/fieldTypeRegistry/components/Label.svelte";
+import Line from "$lib/registry/fieldTypeRegistry/components/Line.svelte";
+	import FieldTypeInputFloat from "../FieldTypeInputFloat.svelte";
+
+    let {label,
+		unique = false,
+		secret = false, compact=false, required, ...props} = $props()
+
+</script>
+<Line {compact}>
+    <Label {unique} {secret} {label} {required}></Label>
+    <FieldTypeInputFloat {required} placeholder="un nombre flotant" type="number" {...props}></FieldTypeInputFloat>
+</Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/index.js

@@ -0,0 +1,41 @@
+import { createFieldType } from "$lib/registry/fieldTypeRegistry/createFieldType"
+
+import Icon from "./Icon.svelte"
+import Button from "./Button.svelte"
+import Card from "./Card.svelte"
+import Input from "./Input.svelte"
+
+export default createFieldType({
+    type: "number-float-default",
+
+    category_path: "number-float",
+
+    label: "Nombre décimal",
+    description: "Nombre à virgule flottante sans usage spécifique.",
+
+    is_hidden: false,
+
+    defaultProps:{
+        min:null,
+        max:null,
+        default:null,
+    },
+
+    can_be_required: true,
+    can_be_unique: true,
+
+    components: {
+        icon: Icon,
+        button: Button,
+        card: Card,
+        input: Input,
+        cell: null,
+        filter: null,
+        properties: null
+    },
+
+    formatter: (value) => value,
+    parser: (value) => value,
+
+    validate: () => true,
+})

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/Button.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/Card.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/Icon.svelte

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.7498C11.37 22.7498 10.78 22.5099 10.34 22.0599L8.82001 20.5399C8.70001 20.4199 8.38 20.2899 8.22 20.2899H6.06C4.76 20.2899 3.70999 19.2398 3.70999 17.9398V15.7799C3.70999 15.6199 3.57999 15.2999 3.45999 15.1799L1.94 13.6599C1.5 13.2199 1.25 12.6298 1.25 11.9998C1.25 11.3698 1.49 10.7798 1.94 10.3398L3.45999 8.81979C3.57999 8.69979 3.70999 8.37981 3.70999 8.21981V6.0599C3.70999 4.7599 4.76 3.7098 6.06 3.7098H8.22C8.38 3.7098 8.70001 3.5798 8.82001 3.4598L10.34 1.93979C11.22 1.05979 12.78 1.05979 13.66 1.93979L15.18 3.4598C15.3 3.5798 15.62 3.7098 15.78 3.7098H17.94C19.24 3.7098 20.29 4.7599 20.29 6.0599V8.21981C20.29 8.37981 20.42 8.69979 20.54 8.81979L22.06 10.3398C22.5 10.7798 22.75 11.3698 22.75 11.9998C22.75 12.6298 22.51 13.2199 22.06 13.6599L20.54 15.1799C20.42 15.2999 20.29 15.6199 20.29 15.7799V17.9398C20.29 19.2398 19.24 20.2899 17.94 20.2899H15.78C15.62 20.2899 15.3 20.4199 15.18 20.5399L13.66 22.0599C13.22 22.5099 12.63 22.7498 12 22.7498ZM4.51999 14.1198C4.91999 14.5198 5.20999 15.2199 5.20999 15.7799V17.9398C5.20999 18.4098 5.59 18.7899 6.06 18.7899H8.22C8.78 18.7899 9.48001 19.0798 9.88 19.4798L11.4 20.9998C11.72 21.3198 12.28 21.3198 12.6 20.9998L14.12 19.4798C14.52 19.0798 15.22 18.7899 15.78 18.7899H17.94C18.41 18.7899 18.79 18.4098 18.79 17.9398V15.7799C18.79 15.2199 19.08 14.5198 19.48 14.1198L21 12.5998C21.16 12.4398 21.25 12.2298 21.25 11.9998C21.25 11.7698 21.16 11.5599 21 11.3999L19.48 9.87985C19.08 9.47985 18.79 8.77981 18.79 8.21981V6.0599C18.79 5.5899 18.41 5.2098 17.94 5.2098H15.78C15.22 5.2098 14.52 4.91986 14.12 4.51986L12.6 2.99984C12.28 2.67984 11.72 2.67984 11.4 2.99984L9.88 4.51986C9.48001 4.91986 8.78 5.2098 8.22 5.2098H6.06C5.59 5.2098 5.20999 5.5899 5.20999 6.0599V8.21981C5.20999 8.77981 4.91999 9.47985 4.51999 9.87985L3 11.3999C2.84 11.5599 2.75 11.7698 2.75 11.9998C2.75 12.2298 2.84 12.4398 3 12.5998L4.51999 14.1198Z" fill="#292D32"/>
+<path d="M15.0002 16C14.4402 16 13.9902 15.55 13.9902 15C13.9902 14.45 14.4402 14 14.9902 14C15.5402 14 15.9902 14.45 15.9902 15C15.9902 15.55 15.5502 16 15.0002 16Z" fill="#292D32"/>
+<path d="M9.01001 10C8.45001 10 8 9.55 8 9C8 8.45 8.45 8 9 8C9.55 8 10 8.45 10 9C10 9.55 9.56001 10 9.01001 10Z" fill="#292D32"/>
+<path d="M8.99945 15.75C8.80945 15.75 8.61945 15.68 8.46945 15.53C8.17945 15.24 8.17945 14.7599 8.46945 14.4699L14.4695 8.46994C14.7595 8.17994 15.2395 8.17994 15.5295 8.46994C15.8195 8.75994 15.8195 9.24 15.5295 9.53L9.52945 15.53C9.37945 15.68 9.18945 15.75 8.99945 15.75Z" fill="#292D32"/>
+</svg>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/Input.svelte

@@ -0,0 +1,15 @@
+<script>
+	import Label from "$lib/registry/fieldTypeRegistry/components/Label.svelte";
+	import Line from "$lib/registry/fieldTypeRegistry/components/Line.svelte";
+import FieldTypeInputFloat from "../FieldTypeInputFloat.svelte";
+
+        let {label,
+		unique = false,
+		secret = false,compact=false, required, ...props} = $props()
+
+
+</script>
+<Line {compact}>
+    <Label {unique} {secret} {label} {required}></Label>
+    <FieldTypeInputFloat {...props} {required} placeholder="un pourcentage" type="number" symbol="%"></FieldTypeInputFloat>
+</Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/index.js

@@ -0,0 +1,41 @@
+import { createFieldType } from "$lib/registry/fieldTypeRegistry/createFieldType"
+
+import Icon from "./Icon.svelte"
+import Button from "./Button.svelte"
+import Card from "./Card.svelte"
+import Input from "./Input.svelte"
+
+export default createFieldType({
+    type: "number-float-percent",
+
+    category_path: "number-float",
+
+    label: "Pourcentage",
+    description: "Valeur exprimée en pourcentage.",
+
+    is_hidden: false,
+
+    defaultProps:{
+        min:null,
+        max:null,
+        default:null,
+    },
+
+    can_be_required: true,
+    can_be_unique: true,
+
+    components: {
+        icon: Icon,
+        button: Button,
+        card: Card,
+        input: Input,
+        cell: null,
+        filter: null,
+        properties: null
+    },
+
+    formatter: (value) => value,
+    parser: (value) => value,
+
+    validate: () => true,
+})

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPrice/Button.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPrice/Card.svelte

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPrice/Icon.svelte

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4002 17.4201H10.8902C9.25016 17.4201 7.92016 16.0401 7.92016 14.3401C7.92016 13.9301 8.26016 13.5901 8.67016 13.5901C9.08016 13.5901 9.42016 13.9301 9.42016 14.3401C9.42016 15.2101 10.0802 15.9201 10.8902 15.9201H13.4002C14.0502 15.9201 14.5902 15.3401 14.5902 14.6401C14.5902 13.7701 14.2802 13.6001 13.7702 13.4201L9.74016 12.0001C8.96016 11.7301 7.91016 11.1501 7.91016 9.36008C7.91016 7.82008 9.12016 6.58008 10.6002 6.58008H13.1102C14.7502 6.58008 16.0802 7.96008 16.0802 9.66008C16.0802 10.0701 15.7402 10.4101 15.3302 10.4101C14.9202 10.4101 14.5802 10.0701 14.5802 9.66008C14.5802 8.79008 13.9202 8.08008 13.1102 8.08008H10.6002C9.95016 8.08008 9.41016 8.66008 9.41016 9.36008C9.41016 10.2301 9.72016 10.4001 10.2302 10.5801L14.2602 12.0001C15.0402 12.2701 16.0902 12.8501 16.0902 14.6401C16.0802 16.1701 14.8802 17.4201 13.4002 17.4201Z" fill="#292D32"/>
+<path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V18C12.75 18.41 12.41 18.75 12 18.75Z" 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>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPrice/Input.svelte

@@ -0,0 +1,15 @@
+<script>
+	import Label from "$lib/registry/fieldTypeRegistry/components/Label.svelte";
+	import Line from "$lib/registry/fieldTypeRegistry/components/Line.svelte";
+import FieldTypeInputFloat from "../FieldTypeInputFloat.svelte";
+
+        let {label,
+		unique = false,
+		secret = false,compact=false, required, ...props} = $props()
+
+
+</script>
+<Line {compact}>
+    <Label {unique} {secret} {label} {required}></Label>
+    <FieldTypeInputFloat {required} placeholder="un prix" type="number" {...props} symbol="€"></FieldTypeInputFloat>
+</Line>