@community-release/nx-ui 0.0.59 → 0.0.61

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "ui",
   "configKey": "ui",
-  "version": "0.0.59"
+  "version": "0.0.61"
 }

package/dist/runtime/components/typeahead-input/index.vue

@@ -144,7 +144,7 @@
 					clear: 'Clear input',
 					close: 'Close',
 					submit: 'Ok',
-					itemsFound: `Found {n} options`,
+					itemsFound: `Results found`,
 					noItemsFound: `No items found`,
 				};
 			}
@@ -335,7 +335,7 @@
 	 * - focus <input />
 	 */
 	function handleListItemClick(item) {
-		emit('update:modelValue', `${item.name} (${item.value})`);
+		emit('update:modelValue', item.name);
 		listHide();
 
 		selectInput();
@@ -435,13 +435,13 @@
 	}
 
 // ♿ Annotation for screen reader users, to annotate the number of results found
-	const a11yAnnotation = ref('');
+	const a11yAnnotation = ref('...');
 	let tA11y;
 	
 	watch(filteredList, (v) => {
 		clearTimeout(tA11y);
 		tA11y = setTimeout(() => {
-			a11yAnnotation.value = v.length ? props.dictionary['itemsFound'].replace('{n}', v.length) : props.dictionary['noItemsFound'];
+			a11yAnnotation.value = v.length ? (props.dictionary['itemsFound'] +': '+ v.length) : props.dictionary['noItemsFound'];
 		}, 500);
 	});
 
@@ -490,15 +490,13 @@
 }
 
 .component-ui-typeahead-input-grid {
-	
-
-	display: grid;
-	grid-template-columns: auto 50px;
+	display: flex;
 	gap: @com-space-micro;
-	
 
-	input:focus-visible {
-		outline: unset;
+	> .component-ui-input { flex: 1; }
+	> .component-ui-button {
+		flex: 0 0 auto;
+		padding: 0 @com-space-micro;
 	}
 
 	.component-ui-input .component-ui-button {
@@ -518,6 +516,10 @@
 			outline-offset: -8px;
 		}
 	}
+
+	input:focus-visible {
+		outline: unset;
+	}
 }
 
 .component-ui-typeahead-input-list {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@community-release/nx-ui",
-	"version": "0.0.59",
+	"version": "0.0.61",
 	"packageManager": "pnpm@10.14.0",
 	"description": "nx-ui - Nuxt UI library",
 	"repository": {