@sinequa/galactik 2.3.0 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinequa/galactik",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "publishConfig": {
     "access": "public"
   },

package/types/sinequa-galactik.d.ts

@@ -226,6 +226,23 @@ export declare class BellIcon {
  */
 export declare const BellIconComponent: typeof BellIcon;
 export type BellIconComponent = BellIcon;
+export declare class BellSlashIcon {
+  class: import("@angular/core").InputSignal<string | undefined>;
+  classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BellSlashIcon, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BellSlashIcon, "bell-slash, bell-slash-icon, BellSlash, BellSlashIcon", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * @deprecated Use BellSlashIcon instead.
+ */
+export declare const BellSlashIconComponent: typeof BellSlashIcon;
+export type BellSlashIconComponent = BellSlashIcon;
 export declare class BookmarkIcon {
   class: import("@angular/core").InputSignal<string | undefined>;
   classes: import("@angular/core").Signal<string>;
@@ -1088,6 +1105,23 @@ export declare class GridIcon {
  */
 export declare const GridIconComponent: typeof GridIcon;
 export type GridIconComponent = GridIcon;
+export declare class GripVerticalIcon {
+  class: import("@angular/core").InputSignal<string | undefined>;
+  classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<GripVerticalIcon, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<GripVerticalIcon, "grip-vertical, grip-vertical-icon, GripVertical, GripVerticalIcon", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * @deprecated Use GripVerticalIcon instead.
+ */
+export declare const GripVerticalIconComponent: typeof GripVerticalIcon;
+export type GripVerticalIconComponent = GripVerticalIcon;
 export declare class HighlighterIcon {
   class: import("@angular/core").InputSignal<string | undefined>;
   classes: import("@angular/core").Signal<string>;
@@ -1360,6 +1394,23 @@ export declare class LoadingCircleIcon {
  */
 export declare const LoadingCircleIconComponent: typeof LoadingCircleIcon;
 export type LoadingCircleIconComponent = LoadingCircleIcon;
+export declare class LockIcon {
+  class: import("@angular/core").InputSignal<string | undefined>;
+  classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LockIcon, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LockIcon, "lock, lock-icon, Lock, LockIcon", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * @deprecated Use LockIcon instead.
+ */
+export declare const LockIconComponent: typeof LockIcon;
+export type LockIconComponent = LockIcon;
 export declare class MagnifyingGlassIcon {
   class: import("@angular/core").InputSignal<string | undefined>;
   classes: import("@angular/core").Signal<string>;
@@ -2711,12 +2762,71 @@ export declare const tooltipVariants: (props?: ({
   interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TooltipVariants = VariantProps<typeof tooltipVariants>;
+/**
+ * `[truncated]` — tells whether the text of an element is cut off (a one-line `truncate` or a multi-line
+ * `line-clamp-*`), so that a tooltip is shown only when it adds something:
+ * `[tooltipDisabled]="!cut.isTruncated()"`. A tooltip that repeats a text already fully visible is noise;
+ * one that is missing on a cut-off text hides information.
+ *
+ * The state is measured when the element is rendered, then again whenever its size changes.
+ *
+ * The element that is actually cut is the host by default. When the cut element is inside the host (a
+ * component whose host is never clamped itself, like the label of a `<ListItemText>`), give its CSS selector
+ * as the value: `truncated=".list-item-text"`.
+ *
+ * A tooltip is a pointer help: a host that cannot take the keyboard focus never opens it from the keyboard.
+ * Give a keyboard user the full text another way — for instance by lifting the clamp while an ancestor has
+ * `:focus-visible` (`in-focus-visible:line-clamp-none`).
+ *
+ * @example
+ * ```html
+ * <span class="truncate" truncated #cut="truncated" [tooltip]="label" [tooltipDisabled]="!cut.isTruncated()">{{ label }}</span>
+ *
+ * <ListItemText truncated=".list-item-text" #cut="truncated" [tooltip]="label" [tooltipDisabled]="!cut.isTruncated()">
+ *   {{ label }}
+ * </ListItemText>
+ * ```
+ */
+export declare class TruncatedDirective {
+  /** CSS selector, relative to the host, of the element that is cut. Empty: the host itself. */
+  readonly truncated: import("@angular/core").InputSignal<string>;
+  private readonly host;
+  private readonly cut;
+  /** Whether the text is currently cut off. */
+  readonly isTruncated: import("@angular/core").Signal<boolean>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<TruncatedDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<TruncatedDirective, "[truncated]", ["truncated"], {
+    "truncated": {
+      "alias": "truncated";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
 export declare class MenuComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   classes: import("@angular/core").Signal<string>;
   ngMenu: Menu<any>;
   readonly popover: PopoverDirective;
+  private readonly host;
+  /** Whether a submenu was open when the last Escape keydown started its way down to its target. */
+  private submenuOpenAtEscape;
   constructor();
+  /**
+   * Escape closes the menu and gives the focus back to its trigger.
+   *
+   * Left to the browser, it does nothing: a `popover="auto"` is dismissed by Escape through the browser's
+   * close request, but `@angular/aria` handles the same keydown and calls `preventDefault()` on it, which
+   * cancels that request — while its own Escape only closes a *sub*menu (a standalone `ngMenu` has no
+   * trigger of its own to close). Hence it is done here.
+   *
+   * While a submenu is open, Escape stays with `@angular/aria`: it closes that submenu alone and puts the
+   * focus back on the parent item (APG: one level per press); the next Escape then reaches this method.
+   * Whether a submenu was open is read in the capture phase (see the constructor): by the time this bubbling
+   * listener runs, `@angular/aria` has already closed it.
+   */
+  onEscape(): void;
   onClick(event: MouseEvent): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<MenuComponent, "Menu,menu", ["menu"], {
@@ -3745,7 +3855,7 @@ export declare class ButtonComponent {
   variant: import("@angular/core").InputSignal<"primary" | "secondary" | "none" | "light-accent" | "accent" | "tertiary" | null | undefined>;
   scheme: import("@angular/core").InputSignal<"default" | "neutral" | null | undefined>;
   iconOnly: import("@angular/core").InputSignal<boolean | null | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "medium" | "sm" | "md" | "xs" | "lg" | "xsmall" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "xs" | "lg" | "xsmall" | "medium" | "large" | null | undefined>;
   variants: import("@angular/core").Signal<string | undefined>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonComponent, "button", never, {
@@ -3789,7 +3899,7 @@ declare const BUTTON_ICON_SOLO_CLASS = "btn-icon-solo";
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "secondary" | "none" | "light-accent" | "accent" | "tertiary" | null | undefined;
   scheme?: "default" | "neutral" | null | undefined;
-  size?: "small" | "medium" | "sm" | "md" | "xs" | "lg" | "xsmall" | "large" | null | undefined;
+  size?: "small" | "sm" | "md" | "xs" | "lg" | "xsmall" | "medium" | "large" | null | undefined;
   iconOnly?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -3813,7 +3923,7 @@ export declare class ToggleComponent {
   /** Palette : `unique` (primaire) ou `multi` (secondaire). */
   readonly variant: import("@angular/core").InputSignal<"multi" | "unique" | null | undefined>;
   /** Taille (`sm`/`md`, alias `small`/`medium`). */
-  readonly size: import("@angular/core").InputSignal<"small" | "medium" | "sm" | "md" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "medium" | null | undefined>;
   /** Pilule carrée (icône seule). */
   readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Discriminant de rendu d'icône (piloté par le consommateur). */
@@ -3886,7 +3996,7 @@ export declare class ToggleItemComponent {
   /** Palette explicite ; à défaut, héritée du `<ToggleGroup>` parent, sinon `unique`. */
   readonly variant: import("@angular/core").InputSignal<"multi" | "unique" | null | undefined>;
   /** Taille (`sm`/`md`, alias `small`/`medium`). */
-  readonly size: import("@angular/core").InputSignal<"small" | "medium" | "sm" | "md" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "medium" | null | undefined>;
   /** Pilule carrée (icône seule). */
   readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Discriminant de rendu d'icône (piloté par le consommateur). */
@@ -4023,7 +4133,7 @@ export declare const TOGGLE_ICON_CLASS = "toggle-icon";
 export declare const TOGGLE_LABEL_CLASS = "toggle-label";
 export declare const toggleVariants: (props?: ({
   variant?: "multi" | "unique" | null | undefined;
-  size?: "small" | "medium" | "sm" | "md" | null | undefined;
+  size?: "small" | "sm" | "md" | "medium" | null | undefined;
   iconOnly?: boolean | null | undefined;
   showIcon?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -5004,7 +5114,7 @@ export declare class TagComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   variant: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
   scheme: import("@angular/core").InputSignal<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "medium" | "sm" | "md" | "xs" | "xsmall" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "xs" | "xsmall" | "medium" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<TagComponent, "tag, Tag", never, {
@@ -5036,7 +5146,7 @@ declare const TAG_FLAG_CLASS = "tag-flag";
 declare const tagVariants: (props?: ({
   variant?: "primary" | "secondary" | null | undefined;
   scheme?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
-  size?: "small" | "medium" | "sm" | "md" | "xs" | "xsmall" | null | undefined;
+  size?: "small" | "sm" | "md" | "xs" | "xsmall" | "medium" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TagVariants = VariantProps<typeof tagVariants>;
 /**
@@ -5440,14 +5550,14 @@ export declare class AvatarFallbackComponent {
   canrender: import("@angular/core").WritableSignal<boolean>;
   class: import("@angular/core").InputSignal<string | undefined>;
   /** Explicite ; à défaut, hérité de l'`<avatar>` parent, sinon `"large"` (aligné sur le cva). */
-  size: import("@angular/core").InputSignal<"small" | "medium" | "xsmall" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "xsmall" | "medium" | "large" | null | undefined>;
   /** Explicite ; à défaut, hérité de l'`<avatar>` parent, sinon `"primary"`. */
   fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
   /** Explicite ; à défaut, hérité de l'`<avatar>` parent, sinon `"sage"`. */
   scheme: import("@angular/core").InputSignal<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
   /** Conteneur parent, pour hériter size/fill/scheme par défaut. */
   private readonly avatar;
-  protected readonly resolvedSize: import("@angular/core").Signal<NonNullable<"small" | "medium" | "xsmall" | "large" | null | undefined>>;
+  protected readonly resolvedSize: import("@angular/core").Signal<NonNullable<"small" | "xsmall" | "medium" | "large" | null | undefined>>;
   protected readonly resolvedFill: import("@angular/core").Signal<NonNullable<"primary" | "secondary" | null | undefined>>;
   protected readonly resolvedScheme: import("@angular/core").Signal<NonNullable<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>>;
   variants: import("@angular/core").Signal<string>;
@@ -5529,7 +5639,7 @@ export declare class AvatarComponent {
   avatarImage: import("@angular/core").Signal<AvatarImageComponent | undefined>;
   avatarFallback: import("@angular/core").Signal<AvatarFallbackComponent | undefined>;
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "medium" | "xsmall" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "xsmall" | "medium" | "large" | null | undefined>;
   fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
   scheme: import("@angular/core").InputSignal<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
@@ -5590,7 +5700,7 @@ declare const avatarVariants: (props?: ({
   content?: "picture" | "initials" | null | undefined;
   style?: "primary" | "secondary" | null | undefined;
   scheme?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
-  size?: "small" | "medium" | "xsmall" | "large" | null | undefined;
+  size?: "small" | "xsmall" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AvatarVariants = VariantProps<typeof avatarVariants>;
 /** Left icon slot — tags its host with the `link-icon-left` class and pins it to the start. */
@@ -5648,7 +5758,7 @@ export declare class LinkIconRightDirective {
  */
 export declare class LinkComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "medium" | "sm" | "md" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "medium" | null | undefined>;
   visited: import("@angular/core").InputSignal<boolean | null | undefined>;
   icon: import("@angular/core").InputSignal<boolean | null | undefined>;
   openWindow: import("@angular/core").InputSignal<boolean | null | undefined>;
@@ -5707,13 +5817,13 @@ export declare class LinkComponent {
 }
 export declare const LINK_LABEL_CLASS = "link-label";
 declare const linkVariants: (props?: ({
-  size?: "small" | "medium" | "sm" | "md" | null | undefined;
+  size?: "small" | "sm" | "md" | "medium" | null | undefined;
   visited?: boolean | null | undefined;
   icon?: boolean | null | undefined;
   openWindow?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const linkIconVariants: (props?: ({
-  size?: "small" | "medium" | "sm" | "md" | null | undefined;
+  size?: "small" | "sm" | "md" | "medium" | null | undefined;
   position?: "right" | "left" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type LinkVariants = VariantProps<typeof linkVariants>;
@@ -6201,7 +6311,14 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
    * (`<SearchBar [formField]="form.query" />`).
    */
   value: import("@angular/core").ModelSignal<string>;
-  /** Emitted with the current query when the built-in send button is activated (click or Enter). */
+  /**
+   * Emitted with the current query, always a `string`: when the built-in send button is activated (click or Enter on
+   * it) and, on the plain bar, when Enter is pressed in the field. The bar with `suggestions` is a combobox, so
+   * Enter in its field commits the active option instead and does not emit.
+   *
+   * The native DOM `search` event of the inner `<input type="search">` (fired by Chromium on Enter) is stopped
+   * inside the component: `(search)` on the host never receives an `Event`.
+   */
   search: import("@angular/core").OutputEmitterRef<string>;
   placeholder: import("@angular/core").InputSignal<string>;
   /**
@@ -6250,6 +6367,12 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
   searchIconClass: import("@angular/core").Signal<string>;
   clearSearch(e: Event): void;
   emitSearch(e: Event): void;
+  /**
+   * Enter in the field of the plain bar: emits the current text, and leaves the keydown to bubble up to the host
+   * (unlike `emitSearch`, which is for the buttons). Ignored while an IME composition is running — that Enter
+   * validates the candidate, not the search — and while disabled.
+   */
+  emitSearchOnEnter(e: Event): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<SearchBarBase, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<SearchBarBase, never, never, {
     "value": {
@@ -7955,6 +8078,147 @@ export declare const resizableHandleVariants: (props?: ({
   withHandle?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ResizableHandleVariants = VariantProps<typeof resizableHandleVariants>;
+/**
+ * `[sortable]` — makes the items of a list reorderable by drag and drop, with the browser's own drag and drop
+ * (no dependency), and from the keyboard with <kbd>Alt</kbd> + <kbd>↑</kbd> / <kbd>↓</kbd>.
+ *
+ * The directive owns the gesture, not the data. It is given the items in their current order and reports the new
+ * order through `(reorder)`; saving it, and updating the list it was given, is up to the consumer. While an item is
+ * dragged the others slide out of the way and a slightly tilted copy of the dragged item follows the pointer, leaning
+ * the other way when it goes up; dropped, it settles in its slot. A drag that is abandoned (dropped outside the list,
+ * <kbd>Esc</kbd>) leaves the order as it was and nothing is emitted.
+ *
+ * Render the list from `items()` — the order **shown**, which is the given order, or the order the drop would give
+ * while an item is being dragged — and mark each element with `[sortableItem]`, giving the item. Track the `@for` by
+ * the item itself: the elements are moved, not recreated, which is what lets them slide and keep the focus.
+ *
+ * The dragged item's element carries `data-dragging` (a placeholder to style: `data-dragging:bg-…`). The copy that follows
+ * the pointer is built from the dragged element, so it looks like it, and is placed in the top layer, above a popover
+ * that may host the list.
+ *
+ * A touch screen that does not start a native drag has no way to reorder: the keyboard shortcut is the only
+ * alternative, and it is not available there either.
+ *
+ * @example
+ * ```html
+ * <ul [sortable]="tags()" #sortable="sortable" (reorder)="tags.set($event)" [sortableAnnounce]="moved">
+ *   @for (tag of sortable.items(); track tag) {
+ *     <li [sortableItem]="tag" class="data-dragging:opacity-40">{{ tag }}</li>
+ *   }
+ * </ul>
+ * ```
+ */
+export declare class SortableDirective<T = unknown> {
+  /** The items, in their current order. */
+  readonly sortable: import("@angular/core").InputSignal<readonly T[]>;
+  /** Turns the reordering off: nothing is draggable, the keyboard shortcut does nothing. */
+  readonly sortableDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Text announced to screen readers after a keyboard move: « "Annual report" moved to position 2 of 3 ». The
+   * library translates nothing, so without it a move is silent.
+   */
+  readonly sortableAnnounce: import("@angular/core").InputSignal<((item: T, position: number, total: number) => string) | undefined>;
+  /** The new order, when an item is dropped in a new place or moved from the keyboard. */
+  readonly reorder: import("@angular/core").OutputEmitterRef<T[]>;
+  private readonly document;
+  private readonly injector;
+  private readonly entries;
+  /** The order the list would take if the dragged item were dropped now. */
+  private readonly preview;
+  private readonly draggedItem;
+  /** The item being dragged, if any. */
+  readonly dragged: import("@angular/core").Signal<T | undefined>;
+  /** The order to render: the one given, or the preview of the drop while an item is being dragged. */
+  readonly items: import("@angular/core").Signal<readonly T[]>;
+  private ghost;
+  private stopGhost;
+  /** True from the drop (or the end of an abandoned drag) until the copy has settled in its slot. */
+  private landing;
+  private liveRegion;
+  constructor();
+  /** @internal */
+  startDrag(event: DragEvent, item: T, row: HTMLElement): void;
+  /** @internal Over an item: the dragged item takes the place of that item's half under the pointer, and the others shift. */
+  dragOver(event: DragEvent, item: T, row: HTMLElement): void;
+  /** Anywhere in the list — between two items, in its margin — a drop is accepted: it lands where the preview is. */
+  protected onContainerDragOver(event: DragEvent): void;
+  protected onDrop(event: DragEvent): void;
+  /** @internal The end of every drag, dropped or not: `drop` has already started the landing, which is then left alone. */
+  endDrag(): void;
+  /**
+   * What follows the pointer: a copy of the item, tilted and lifted by a shadow, drawn here rather than handed to
+   * `setDragImage` — a browser may flatten or ignore the transform of a drag image, and a drag image cannot move
+   * with the page. The native image is made invisible. The copy is a `popover` so that it sits in the top layer.
+   */
+  private startGhost;
+  /**
+   * Ends the drag smoothly: the copy glides to the slot it was dropped in (or, for an abandoned drag, back to where
+   * the item came from), straightens, and its shadow fades — then it gives way to the real item.
+   */
+  private land;
+  /** Runs `change`, which reorders the items, and slides each item from where it was to where it now is. */
+  private slide;
+  /** @internal Alt + ↑ / ↓: moves `item` one place. The focus follows it, and the move is announced. */
+  moveBy(item: T, delta: -1 | 1): void;
+  /** A visually hidden live region, created on the first announcement and shared by the whole list. */
+  private announce;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SortableDirective<any>, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<SortableDirective<any>, "[sortable]", ["sortable"], {
+    "sortable": {
+      "alias": "sortable";
+      "required": true;
+      "isSignal": true;
+    };
+    "sortableDisabled": {
+      "alias": "sortableDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortableAnnounce": {
+      "alias": "sortableAnnounce";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "reorder": "reorder";
+  }, ["entries"], never, true, never>;
+}
+/**
+ * `[sortableItem]` — one reorderable element of a `[sortable]` list; the value is the item it stands for. The
+ * element becomes draggable, carries `data-dragging` while it is the one being dragged, and answers to
+ * <kbd>Alt</kbd> + <kbd>↑</kbd> / <kbd>↓</kbd> while it has the focus.
+ *
+ * `[sortableItemDisabled]` keeps one item from being moved — by the pointer or by the keyboard — while the others
+ * stay free to move, and may be dropped before or after it: it is not moved by the user, but its position still
+ * shifts to make room. A disabled item carries `data-disabled`.
+ */
+export declare class SortableItemDirective<T = unknown> {
+  /** The item this element stands for — the same value as in the list given to `[sortable]`. */
+  readonly sortableItem: import("@angular/core").InputSignal<T>;
+  protected readonly list: SortableDirective<T>;
+  readonly element: HTMLElement;
+  /** Keeps this item from being moved, by the pointer or by the keyboard. The others stay free to move around it. */
+  readonly sortableItemDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Not movable: this item is disabled, or the whole list is. */
+  protected readonly locked: import("@angular/core").Signal<boolean>;
+  protected readonly dragging: import("@angular/core").Signal<boolean>;
+  protected onDragStart(event: DragEvent): void;
+  /** Only when the element itself has the focus (Alt + arrows inside a field or a button of the item are theirs), and it is not disabled. */
+  protected onMoveKey(event: Event, delta: -1 | 1): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SortableItemDirective<any>, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<SortableItemDirective<any>, "[sortableItem]", never, {
+    "sortableItem": {
+      "alias": "sortableItem";
+      "required": true;
+      "isSignal": true;
+    };
+    "sortableItemDisabled": {
+      "alias": "sortableItemDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
 /**
  * Observes viewport breakpoints.
  *