hamzus-ui 0.0.250 → 0.0.252

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "hamzus-ui",
-	"version": "0.0.250",
+	"version": "0.0.252",
 	"type": "module",
 	"main": "index.js",
 	"svelte": "index.js",

package/src/components/hamzus-ui/DropdownMenu/Root.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Portal from '../Portal/Portal.svelte';
-	import { onDestroy, onMount } from 'svelte';
+	import { onDestroy, onMount, tick } from 'svelte';
 
 	// import
 
@@ -34,19 +34,17 @@
 
 	const padding = 7;
 
-    $: if (forceOpen === true) {
-        open()
+	$: if (forceOpen === true) {
+		open();
 
+		forceOpen = false;
+	}
+	$: if (forceClose === true) {
+		close();
 
-        forceOpen = false
-    } 
-    $: if (forceClose === true) {
-        close()
-
+		forceClose = false;
+	}
 
-        forceClose = false
-    } 
-    
 	const entryPosition = {
 		bottom: ['-12px', '0px'],
 		[`bottom-right`]: ['-12px', '-12px'],
@@ -62,7 +60,7 @@
 		[`right-bottom`]: ['12px', '-12px']
 	};
 	// function
-	function handleDisplay(e, force) {
+	async function handleDisplay(e, force) {
 		if (!force && avoidOpening) {
 			return;
 		}
@@ -72,11 +70,15 @@
 		}
 
 		if (!display) {
+			toggleDisplay();
+
+			await tick();
+
 			calculate();
+		} else {
+			toggleDisplay();
 		}
 
-		toggleDisplay();
-
 		if (onOpen !== undefined && typeof onOpen === 'function') {
 			onOpen(e);
 		}
@@ -96,7 +98,6 @@
 			disableExitEvent();
 			enableScroll();
 		} else {
-            
 			interval = setInterval(() => {
 				calculate();
 			}, 100);
@@ -104,17 +105,21 @@
 			enableExitEvent();
 			disableScroll();
 		}
-        
+
 		display = !display;
 	};
 
-	let open = () => {
+	let open = async () => {
 		if (display) {
 			return;
 		}
-        calculate();
 
 		toggleDisplay();
+
+        await tick();
+
+		calculate();
+
 	};
 	let close = () => {
 		if (!display) {
@@ -125,7 +130,6 @@
 	};
 
 	function calculate() {
-        
 		// recuperer les données
 		maxContentHeight = null;
 		maxContentWidth = null;
@@ -133,9 +137,9 @@
 		// recuperer le contenue du trigger
 		const triggerContent = getFirstChild(trigger);
 
-        if (triggerContent === null) {
-            return
-        }
+		if (triggerContent === null) {
+			return;
+		}
 
 		// recuperer la position du trigger par rapport a la fenetre
 		const triggerRect = triggerContent.getBoundingClientRect();
@@ -176,14 +180,14 @@
 					// ya plus de place ne bas du coup on display en bas et on contraint la hauteur du content
 				}
 
-                // si il est hors de la vue (horizontalement) alors on le set a droite (fix pour la table)
-                if (triggerRight <= ((contentWidth - triggerWidth) / 2)) {
-                    leftCalc = window.innerWidth - contentWidth - padding
-                }
+				// si il est hors de la vue (horizontalement) alors on le set a droite (fix pour la table)
+				if (triggerRight <= (contentWidth - triggerWidth) / 2) {
+					leftCalc = window.innerWidth - contentWidth - padding;
+				}
 
-                if (triggerLeft <= ((contentWidth - triggerWidth) / 2)) {
-                    leftCalc = padding 
-                }
+				if (triggerLeft <= (contentWidth - triggerWidth) / 2) {
+					leftCalc = padding;
+				}
 
 				top = topCalc;
 				left = leftCalc;
@@ -214,14 +218,14 @@
 					// on contraint la max height du dropdown
 				}
 
-                // si il est hors de la vue (horizontalement) alors on le set a droite (fix pour la table)
-                if (triggerRight <= ((contentWidth - triggerWidth) / 2)) {
-                    leftCalc = window.innerWidth - contentWidth - padding
-                }
+				// si il est hors de la vue (horizontalement) alors on le set a droite (fix pour la table)
+				if (triggerRight <= (contentWidth - triggerWidth) / 2) {
+					leftCalc = window.innerWidth - contentWidth - padding;
+				}
 
-                if (triggerLeft <= ((contentWidth - triggerWidth) / 2)) {
-                    leftCalc = padding 
-                }
+				if (triggerLeft <= (contentWidth - triggerWidth) / 2) {
+					leftCalc = padding;
+				}
 
 				top = topCalc;
 				left = leftCalc;
@@ -290,9 +294,7 @@
 
 		const subCalc = {
 			bottom: () => {
-
-
-                // aligner le contenue au bas du trigger
+				// aligner le contenue au bas du trigger
 				top = triggerTop;
 			},
 			top: () => {
@@ -303,7 +305,7 @@
 				const contentWidth = contentContent.offsetWidth;
 				const contentHeight = contentContent.offsetHeight;
 
-                // aligner le contenue au bas du trigger
+				// aligner le contenue au bas du trigger
 				top = triggerTop - (contentHeight - triggerHeight);
 			},
 			left: () => {
@@ -329,9 +331,9 @@
 
 		calc[axe]();
 
-        if (subDirection) {
-            subCalc[subDirection]()
-        }
+		if (subDirection) {
+			subCalc[subDirection]();
+		}
 	}
 
 	// Bloquer le scroll
@@ -354,7 +356,6 @@
 	}
 
 	function enableExitEvent() {
-
 		document.addEventListener('click', checkClick);
 	}
 	function disableExitEvent() {
@@ -362,12 +363,11 @@
 	}
 
 	function checkClick(event) {
-        
-        // si avoidClosing est true on skip
-        if (avoidClosing) {
-            return
-        }
-        
+		// si avoidClosing est true on skip
+		if (avoidClosing) {
+			return;
+		}
+
 		// si il click sur le trigger alors on skip
 		if (
 			event.target.closest('.parent-popover-hamzus') &&
@@ -383,9 +383,8 @@
 		}
 
 		// si il clique sur un contenue on skip
-        
-		if (event.target.closest('.content-popover-hamzus')) {
 
+		if (event.target.closest('.content-popover-hamzus')) {
 			return;
 		}
 
@@ -397,6 +396,7 @@
 
 		for (const child of node.children) {
 			const display = getComputedStyle(child).display;
+			console.log(child);
 
 			if (display !== 'contents') {
 				return child; // trouvé !
@@ -420,7 +420,6 @@
 		triggerWidth = triggerContent.offsetWidth;
 		triggerHeight = triggerContent.offsetHeight;
 
-        
 		return () => {
 			document.removeEventListener('userScroll', updatePos);
 			window.removeEventListener('scroll', updatePos);

package/src/components/hamzus-ui/InputSelector/InputSelector.svelte

@@ -47,13 +47,7 @@
 
 	$: handleChange(search);
 
-    $: {
-        if (multiple) {
-            onChange(selection?.map(el=>el.id) ?? null)
-        }else{
-            onChange(selection?.id ?? null)
-        }
-    }
+    $: onChange(selection ?? null)
 
 	// fnctions
 	function formatInput(inputValue) {