@sinequa/galactik 2.4.0 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinequa/galactik",
-  "version": "2.4.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>;
@@ -2728,6 +2762,48 @@ 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>;
@@ -3779,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" | "large" | "xs" | "sm" | "md" | "lg" | "xsmall" | 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, {
@@ -3823,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" | "large" | "xs" | "sm" | "md" | "lg" | "xsmall" | 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>;
@@ -3847,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). */
@@ -3920,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). */
@@ -4057,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;
@@ -5038,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" | "xs" | "sm" | "md" | "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, {
@@ -5070,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" | "xs" | "sm" | "md" | "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>;
 /**
@@ -5281,7 +5357,7 @@ export declare class BadgeComponent {
   variant: import("@angular/core").InputSignal<"number" | "icon" | 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>;
-  size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
   ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
@@ -5325,7 +5401,7 @@ declare const badgeVariants: (props?: ({
   variant?: "number" | "icon" | null | undefined;
   style?: "primary" | "secondary" | null | undefined;
   scheme?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
-  size?: "xs" | "sm" | "md" | null | undefined;
+  size?: "sm" | "md" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 /**
@@ -5347,7 +5423,7 @@ export declare class BulletComponent {
   readonly class: import("@angular/core").InputSignal<string | undefined>;
   readonly scheme: import("@angular/core").InputSignal<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
   readonly fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
-  readonly size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
   /**
    * Wraps the dot in an expanding, fading halo — the "live" status light. Off by default; it
    * animates nothing under `prefers-reduced-motion`.
@@ -5392,7 +5468,7 @@ export declare class BulletComponent {
 declare const bulletVariants: (props?: ({
   scheme?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
   fill?: "primary" | "secondary" | null | undefined;
-  size?: "xs" | "sm" | "md" | null | undefined;
+  size?: "sm" | "md" | "xs" | null | undefined;
   pulse?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BulletVariants = VariantProps<typeof bulletVariants>;
@@ -5406,7 +5482,7 @@ type BulletVariants = VariantProps<typeof bulletVariants>;
  */
 export declare class KbdComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<KbdComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<KbdComponent, "kbd, Kbd", never, {
@@ -5460,7 +5536,7 @@ export declare class KbdGroupComponent {
  * n'aurait pas de sens et gêne le copier d'un texte l'entourant.
  */
 declare const kbdVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | null | undefined;
+  size?: "sm" | "md" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type KbdVariants = VariantProps<typeof kbdVariants>;
 /**
@@ -5474,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" | "large" | "xsmall" | 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" | "large" | "xsmall" | 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>;
@@ -5563,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" | "large" | "xsmall" | 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>;
@@ -5624,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" | "large" | "xsmall" | 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. */
@@ -5682,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>;
@@ -5741,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>;
@@ -6098,7 +6174,7 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
    * The clear button is a square box: it drops to `xs` (16px) with small text, and always at `size="sm"`
    * so it fits inside the 24px field whatever the text size.
    */
-  buttonSize: import("@angular/core").Signal<"xs" | "sm">;
+  buttonSize: import("@angular/core").Signal<"sm" | "xs">;
   /** Icon size follows the text: below the default 16px with small text, like `SearchBar`'s `small`. */
   iconClass: import("@angular/core").Signal<"" | "size-3">;
   /** Leading magnifier: focus-rotation animation + size-aware sizing. */
@@ -6277,7 +6353,7 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
    * Icon-only action buttons (clear / send) shrink to `xs` at the `small`
    * size so their square box fits inside the `h-6` pill instead of overflowing.
    */
-  buttonSize: import("@angular/core").Signal<"xs" | "sm">;
+  buttonSize: import("@angular/core").Signal<"sm" | "xs">;
   /**
    * Trailing/leading icons drop below the default 16px at the `small` size
    * so they leave breathing room inside the smaller buttons/pill.
@@ -8002,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.
  *