@sinequa/galactik 2.5.0 → 2.6.0

package/fesm2022/sinequa-galactik.mjs

@@ -12311,10 +12311,10 @@ const tagVariants = cva([
 			error: ""
 		},
 		size: {
-			xs: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-sm) leading-(--line-height-sm) [&_.tag-icon]:text-(length:--icon-xs)",
+			xs: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-xs) leading-[var(--line-height-xs,var(--line-height-1))] [&_.tag-icon]:text-(length:--icon-xs)",
 			sm: "gap-1 rounded-(--radius-sm) px-2   py-1 text-(length:--size-sm) leading-(--line-height-sm) [&_.tag-icon]:text-(length:--icon-xs)",
 			md: "gap-2 rounded-(--radius-sm) px-3   py-2 text-(length:--size-base) leading-(--line-height-base) [&_.tag-icon]:text-(length:--icon-sm)",
-			xsmall: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-sm) leading-(--line-height-sm) [&_.tag-icon]:text-(length:--icon-xs)",
+			xsmall: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-xs) leading-[var(--line-height-xs,var(--line-height-1))] [&_.tag-icon]:text-(length:--icon-xs)",
 			small: "gap-1 rounded-(--radius-sm) px-2   py-1 text-(length:--size-sm) leading-(--line-height-sm) [&_.tag-icon]:text-(length:--icon-xs)",
 			medium: "gap-2 rounded-(--radius-sm) px-3   py-2 text-(length:--size-base) leading-(--line-height-base) [&_.tag-icon]:text-(length:--icon-sm)"
 		}
@@ -12763,11 +12763,13 @@ var AutocompleteComponent = class AutocompleteComponent {
 	listboxEl = viewChild("listbox", ...ngDevMode ? [{ debugName: "listboxEl" }] : /* istanbul ignore next */ []);
 	fieldEl = viewChild("field", ...ngDevMode ? [{ debugName: "fieldEl" }] : /* istanbul ignore next */ []);
 	settledQuery = signal("", ...ngDevMode ? [{ debugName: "settledQuery" }] : /* istanbul ignore next */ []);
+	browseAll = signal(false, ...ngDevMode ? [{ debugName: "browseAll" }] : /* istanbul ignore next */ []);
 	search = resource({
 		...ngDevMode ? { debugName: "search" } : /* istanbul ignore next */ {},
 		params: () => {
 			const q = this.settledQuery().trim();
-			return q.length >= this.minLength() ? q : void 0;
+			if (q.length >= this.minLength()) return q;
+			return this.browseAll() ? "" : void 0;
 		},
 		loader: ({ params, abortSignal }) => this.loader()(params, { signal: abortSignal })
 	});
@@ -12823,6 +12825,7 @@ var AutocompleteComponent = class AutocompleteComponent {
 	}
 	onInput(event) {
 		queueMicrotask(() => this.combobox().expanded.set(this.open()));
+		this.browseAll.set(false);
 		if (!event.target.value.trim()) this.open.set(false);
 	}
 	onKeydown(event) {
@@ -12856,6 +12859,11 @@ var AutocompleteComponent = class AutocompleteComponent {
 		}
 		if (!pickedAny) return;
 		if (this.closeOnPick()) this.clearQuery();
+		else {
+			this.query.set("");
+			this.settledQuery.set("");
+			this.browseAll.set(true);
+		}
 		this.combobox().element.focus();
 	}
 	onEnter(event) {
@@ -12870,6 +12878,7 @@ var AutocompleteComponent = class AutocompleteComponent {
 	clearQuery() {
 		this.query.set("");
 		this.settledQuery.set("");
+		this.browseAll.set(false);
 		this.open.set(false);
 	}
 	onFocusOut(event) {
@@ -15611,13 +15620,18 @@ var ListItemActionComponent = class ListItemActionComponent {
     @if (description() && !disabled()) {
       <span [id]="descriptionId" class="sr-only" aria-hidden="true">{{ description() }}</span>
     }
+    <!-- Icône masquée aux technologies d'assistance : une option de listbox a des enfants présentationnels, et
+         NVDA ne lit rien sous la souris dans une option, quel que soit le rôle ou le nom de l'icône. L'action
+         est annoncée par la ligne (aria-keyshortcuts + description) et atteinte par sa touche. L'infobulle
+         ne sert qu'aux voyants, à la place du title natif. -->
     <span
       #trigger
       [class]="btnClass"
       aria-hidden="true"
+      [tooltip]="ariaLabel()"
+      [tooltipDisabled]="disabled()"
       [class.pointer-events-none]="disabled()"
       [class.opacity-50]="disabled()"
-      [attr.title]="ariaLabel()"
       [attr.data-disabled]="disabled() || null">
       <ng-content />
     </span>
@@ -15641,6 +15655,31 @@ var ListItemActionComponent = class ListItemActionComponent {
 			type: KbdComponent,
 			selector: "kbd, Kbd",
 			inputs: ["class", "size"]
+		}, {
+			kind: "directive",
+			type: TooltipDirective,
+			selector: "[tooltip]",
+			inputs: [
+				"tooltip",
+				"tooltipPosition",
+				"tooltipEvent",
+				"showDelay",
+				"hideDelay",
+				"life",
+				"tooltipOffset",
+				"autoHide",
+				"hideOnEscape",
+				"escape",
+				"tooltipDisabled",
+				"tooltipArrow",
+				"tooltipStyleClass",
+				"tooltipOptions",
+				"tooltip-position",
+				"tooltip-delay",
+				"tooltip-duration",
+				"tooltip-offset"
+			],
+			exportAs: ["tooltip"]
 		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
@@ -15657,20 +15696,25 @@ i0.ɵɵngDeclareClassMetadata({
 			exportAs: "listItemAction",
 			standalone: true,
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			imports: [KbdComponent],
+			imports: [KbdComponent, TooltipDirective],
 			template: `
     <!-- Texte masqué relié à la ligne par aria-describedby. aria-hidden : il ne doit pas entrer dans le
          nom de l'option (calculé depuis son contenu), une référence aria-describedby le lit quand même. -->
     @if (description() && !disabled()) {
       <span [id]="descriptionId" class="sr-only" aria-hidden="true">{{ description() }}</span>
     }
+    <!-- Icône masquée aux technologies d'assistance : une option de listbox a des enfants présentationnels, et
+         NVDA ne lit rien sous la souris dans une option, quel que soit le rôle ou le nom de l'icône. L'action
+         est annoncée par la ligne (aria-keyshortcuts + description) et atteinte par sa touche. L'infobulle
+         ne sert qu'aux voyants, à la place du title natif. -->
     <span
       #trigger
       [class]="btnClass"
       aria-hidden="true"
+      [tooltip]="ariaLabel()"
+      [tooltipDisabled]="disabled()"
       [class.pointer-events-none]="disabled()"
       [class.opacity-50]="disabled()"
-      [attr.title]="ariaLabel()"
       [attr.data-disabled]="disabled() || null">
       <ng-content />
     </span>