@rt-tools/ui-kit-v2 0.29.1 → 0.30.0

package/types/rt-tools-ui-kit-v2-autocomplete.d.ts

@@ -1,7 +1,7 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import * as i0 from "@angular/core";
 import { ElementRef, InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
-import { IRtIcon, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
+import { IRtIcon, RtOptionList, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
 import { RtFormControlBase } from "@rt-tools/ui-kit-v2/form-control";
 import { RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
 import * as i1 from "@rt-tools/ui-kit-v2/radius";
@@ -39,8 +39,10 @@ export declare class RtAutocompleteComponent<TItem> extends RtFormControlBase<TI
   protected readonly popover: Signal<RtPopoverDirective>;
   protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined>;
   protected readonly inputText: WritableSignal<string>;
-  protected readonly activeIndex: WritableSignal<number>;
   protected readonly isOpen: Signal<boolean>;
+  /** Клавиатура списка: подсветка, клавиши открытия, id для `aria-activedescendant`, прокрутка к опции. */
+  protected readonly optionList: RtOptionList;
+  protected readonly activeIndex: WritableSignal<number>;
   /** Идентификатор подсвеченной опции — тот же, что уходит в `aria-activedescendant`. */
   protected readonly activeOptionId: Signal<string | null>;
   protected readonly hasValue: Signal<boolean>;
@@ -57,7 +59,6 @@ export declare class RtAutocompleteComponent<TItem> extends RtFormControlBase<TI
   }> | null>;
   readonly complete: OutputEmitterRef<IRtAutocomplete.CompleteEvent>;
   readonly itemSelect: OutputEmitterRef<TItem>;
-  constructor();
   writeValue(value: TItem | null): void;
   setDisabledState(disabled: boolean): void;
   protected getEmptyValue(): TItem | null;

package/types/rt-tools-ui-kit-v2-core.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, PipeTransform, Signal } from "@angular/core";
+import { EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, PipeTransform, Signal, WritableSignal } from "@angular/core";
 import { FormControl } from "@angular/forms";
 import { IFilterModel, ISortModel, TFilterOperatorType } from "@rt-tools/utils";
 import { MonoTypeOperatorFunction, Observable } from "rxjs";
@@ -864,6 +864,160 @@ export declare class RtKitLabelPipe implements PipeTransform {
   static ɵfac: i0.ɵɵFactoryDeclaration<RtKitLabelPipe, never>;
   static ɵpipe: i0.ɵɵPipeDeclaration<RtKitLabelPipe, "rtKitLabel", true>;
 }
+/**
+ * Держит подсвеченную клавишами опцию в видимой части панели.
+ *
+ * Панель списка ограничена по высоте, и длинный список прокручивается внутри неё. Клавиши двигают
+ * подсветку, но фокус остаётся на поле: браузер сам панель не прокручивает, и подсветка уходила
+ * за нижний край — человек выбирал Enter'ом то, чего не видел. После каждой отрисовки, в которой
+ * сменилась подсвеченная опция, она прокручивается ровно настолько, чтобы встать в панель.
+ *
+ * Панель рисуется в наложении, вне поддерева семьи, поэтому опция ищется в документе по своему
+ * идентификатору — тому же, что стоит в `aria-activedescendant`. На сервере отрисовки нет, и
+ * эффект не выполняется; среда без `scrollIntoView` пропускается.
+ *
+ * Зовётся в контексте внедрения — полем или конструктором семьи.
+ *
+ * @param activeOptionId идентификатор подсвеченной опции; `null` — подсветки нет или панель закрыта
+ */
+export declare function rtScrollActiveOptionIntoView(activeOptionId: () => string | null): void;
+/** Кусок подписи: текст и то, совпал ли он с запросом. */
+export interface IRtMatchPart {
+  text: string;
+  matched: boolean;
+}
+/**
+ * Подпись, разрезанная по словам запроса тем же правилом, что и отбор: совпавшие куски отмечены.
+ *
+ * Отмечаются все вхождения каждого слова, а пересёкшиеся совпадения сливаются в один кусок. Куски
+ * режутся из оригинала — регистр остаётся тем, каким его написал потребитель. Подпись, длина
+ * которой меняется от смены регистра, остаётся одним куском без отметки: места совпадений в ней не
+ * совпали бы с местами в оригинале.
+ */
+export declare function rtMatchParts(name: string, query: string): IRtMatchPart[];
+/** Что делать по клавише в открытом списке. `none` — клавиша не списка, её не трогают. */
+export type TRtOptionListAction = 'next' | 'previous' | 'first' | 'last' | 'choose' | 'close' | 'side' | 'none';
+/** Чем поле отличается от соседних: число опций, отключённые, клавиши выбора, боковые стрелки. */
+export interface IRtOptionListConfig {
+  /** Идентификатор панели: из него собирается id опции для `aria-activedescendant`. */
+  readonly panelId: () => string;
+  readonly isOpen: () => boolean;
+  readonly count: () => number;
+  /** Отключённую опцию стрелки проходят. Без функции отключённых нет. */
+  readonly isDisabled?: (index: number) => boolean;
+  /** Клавиши выбора подсвеченной опции. Пробел выбирает там, где он не печатает. */
+  readonly chooseKeys: ReadonlySet<string>;
+  /** Работают ли боковые стрелки: у дерева вариантов да. */
+  readonly sideKeys: boolean;
+  /** Ведут ли Home и End к краям списка. В текстовом поле они остаются у курсора. */
+  readonly edgeKeys: boolean;
+}
+/**
+ * Клавиатура списка вариантов — общая для выбора из списка, множественного выбора и
+ * автодополнения. Фокус остаётся на поле, клавиши двигают подсветку, а читалка экрана узнаёт её
+ * по `aria-activedescendant`.
+ *
+ * Создаётся в контексте внедрения — полем семьи: прокрутка к подсвеченной опции живёт эффектом
+ * отрисовки. Что делать по выбору, закрытию и боковой стрелке, решает семья.
+ */
+export declare class RtOptionList {
+  #private;
+  /** Подсвеченная опция; `-1` — подсветки нет. */
+  readonly activeIndex: WritableSignal<number>;
+  /** Идентификатор подсвеченной опции — тот же, что уходит в `aria-activedescendant`. */
+  readonly activeOptionId: Signal<string | null>;
+  constructor(config: IRtOptionListConfig);
+  /** Открывает ли клавиша закрытый список. */
+  opensBy(key: string): boolean;
+  /** Что делать по клавише в открытом списке. */
+  actionOf(key: string): TRtOptionListAction;
+  /** Ведёт подсветку на шаг вперёд или назад по кругу, мимо отключённых опций. */
+  move(delta: number): void;
+  /** Ведёт подсветку на первую опцию, мимо отключённых. */
+  first(): void;
+  /** Ведёт подсветку на последнюю опцию, мимо отключённых. */
+  last(): void;
+  /** Снимает подсветку: список закрыт или набор опций сменился. */
+  reset(): void;
+}
+/**
+ * Дерево вариантов выбора: общий вид опции и видимой строки для всех семей, что раскладывают
+ * варианты деревом. Generic-параметр `TValue` повторяет тип значения, который сидит в опциях.
+ */
+export declare namespace IRtOptionTree {
+  /** Одна опция. */
+  interface Option<TValue> {
+    label: string;
+    value: TValue;
+    disabled?: boolean;
+    /** Дети опции того же вида. Хотя бы одна опция с детьми делает список деревом. */
+    children?: ReadonlyArray<Option<TValue>>;
+  }
+  /** Видимая строка дерева: опция, её уровень и то, ветка ли она и раскрыта ли. */
+  interface Row<TValue> {
+    readonly option: Option<TValue>;
+    readonly level: number;
+    readonly branch: boolean;
+    readonly open: boolean;
+    readonly parent: TValue | null;
+  }
+  /** Сколько включённых листьев ветки выбрано: все, часть или ни одного. */
+  type TBranchState = 'all' | 'some' | 'none';
+  /** Что делать по боковой стрелке: какую ветку переключить и куда увести подсветку. */
+  interface SideKeyAnswer<TValue> {
+    readonly toggle: TValue | null;
+    readonly index: number;
+  }
+}
+/**
+ * Дерево вариантов — общее для выбора из списка, множественного выбора и деревьев кита.
+ *
+ * Все они раскладывают, ищут и считают дерево одинаково, поэтому это чистые функции в одном
+ * месте: копии разошлись бы на первой правке. Состояние — какие ветки раскрыты — живёт в семье,
+ * здесь только расчёт по нему.
+ */
+type TOption<TValue> = IRtOptionTree.Option<TValue>;
+type TRow<TValue> = IRtOptionTree.Row<TValue>;
+/** Список — дерево, если хоть у одной опции есть дети. Плоский список рисуется как прежде. */
+export declare function rtTreeIsTree<TValue>(options: ReadonlyArray<TOption<TValue>>): boolean;
+/** Опция по значению на любой глубине. */
+export declare function rtTreeFind<TValue>(options: ReadonlyArray<TOption<TValue>>, value: TValue): TOption<TValue> | undefined;
+/**
+ * Включённые листья под опцией; у самого листа — он сам. Отключённая ветка не отдаёт никого: её
+ * листья выбрать нельзя, как и её саму.
+ */
+export declare function rtTreeLeaves<TValue>(option: TOption<TValue>): ReadonlyArray<TValue>;
+/** Сколько включённых листьев ветки выбрано. Флажок ветки выводится из этого, а не хранится. */
+export declare function rtTreeBranchState<TValue>(option: TOption<TValue>, chosen: ReadonlyArray<TValue>): IRtOptionTree.TBranchState;
+/** Ветки, под которыми лежит выбранное значение: они раскрыты, когда список открывается. */
+export declare function rtTreeOpenFor<TValue>(options: ReadonlyArray<TOption<TValue>>, chosen: ReadonlyArray<TValue>): ReadonlySet<TValue>;
+/**
+ * Видимые строки по уровням. Без поискового слова раскрыты ветки из `open`. Со словом строка
+ * остаётся, если совпала она сама или кто-то под ней, и путь к совпадению показан раскрытым.
+ * Ветка, совпавшая сама, держит детей такими, какими они были.
+ */
+export declare function rtTreeRows<TValue>(options: ReadonlyArray<TOption<TValue>>, open: ReadonlySet<TValue>, rawTerm?: string): ReadonlyArray<TRow<TValue>>;
+/**
+ * Ответ на боковую стрелку. Вправо: свёрнутая ветка раскрывается, раскрытая уводит подсветку на
+ * первого ребёнка. Влево: раскрытая ветка сворачивается, иначе подсветка уходит на родителя.
+ */
+export declare function rtTreeSideKey<TValue>(rows: ReadonlyArray<TRow<TValue>>, index: number, key: string): IRtOptionTree.SideKeyAnswer<TValue>;
+/** Набор раскрытых веток с переключённой одной. */
+export declare function rtTreeToggle<TValue>(open: ReadonlySet<TValue>, value: TValue): ReadonlySet<TValue>;
+/**
+ * Правило совпадения поиска — одно на весь кит: каждое слово запроса должно найтись в тексте, в любом
+ * порядке, без учёта регистра, а «ё» равна «е». По нему отбирают строки боковое меню, обход дерева,
+ * динамический выбор и выбор из дерева, и по нему же подсветка режет подпись.
+ */
+/**
+ * Текст в том виде, в каком его сравнивает поиск: нижний регистр и «е» на месте «ё». Замена буквы
+ * длину не меняет, поэтому места совпадений в приведённом тексте — те же места в исходном.
+ */
+export declare function rtSearchFold(text: string): string;
+/** Слова запроса в приведённом виде, без пустых. Запрос из одних пробелов слов не даёт. */
+export declare function rtSearchWords(query: string): string[];
+/** Совпадает ли текст с запросом: каждое слово запроса стоит в тексте. Пустой запрос совпадает со всем. */
+export declare function rtSearchMatches(text: string, query: string): boolean;
 /** Порог узкого вида — тот же, что у `$rt-bp-lg` в стилях кита. */
 export declare const RT_NARROW_WIDTH: number;
 /**

package/types/rt-tools-ui-kit-v2-dynamic-selector.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import { ElementRef, InputSignal, InputSignalWithTransform, ModelSignal, OnInit, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
 import { RtFormControlBase } from "@rt-tools/ui-kit-v2/form-control";
-import { IButton, IRtIcon, IRtInput, TRtRadius } from "@rt-tools/ui-kit-v2/core";
+import { IButton, IRtIcon, IRtInput, RtOptionList, TRtRadius } from "@rt-tools/ui-kit-v2/core";
 import { CdkDragDrop } from "@angular/cdk/drag-drop";
 import { RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
 /**
@@ -158,6 +158,7 @@ export declare class RtDynamicInputComponent extends RtFormControlBase<string[]>
   readonly listReset: OutputEmitterRef<void>;
   readonly listCleared: OutputEmitterRef<void>;
   readonly displayText: Signal<string>;
+  constructor();
   /** Записанное формой становится и списком, и значением для сброса; пустой массив список опустошает. */
   writeValue(value: string[] | null): void;
   protected onAdd(): void;
@@ -292,116 +293,30 @@ export declare class RtDynamicSelectorListComponent<TItem> {
   /** Строка, открытая для правки, и текст в её поле. */
   protected readonly editedIndex: WritableSignal<number | null>;
   protected readonly draft: WritableSignal<string>;
-  readonly rows: InputSignal<ReadonlyArray<IRtDynamicSelector.ListRow<TItem>>>;
-  readonly draggable: InputSignalWithTransform<boolean, unknown>;
-  readonly editable: InputSignalWithTransform<boolean, unknown>;
-  readonly disabled: InputSignalWithTransform<boolean, unknown>;
-  /** Полоса под строками; приглашение вызывающего встаёт на её место. */
-  readonly actionsShown: InputSignalWithTransform<boolean, unknown>;
-  /** Сброс и очистка в полосе; без них в полосе остаётся кнопка добавления. */
-  readonly resetClearShown: InputSignalWithTransform<boolean, unknown>;
-  /** Корзина строк; без неё строки двигаются и правятся, но не убираются. */
-  readonly removeShown: InputSignalWithTransform<boolean, unknown>;
-  readonly resetDisabled: InputSignalWithTransform<boolean, unknown>;
-  readonly clearDisabled: InputSignalWithTransform<boolean, unknown>;
-  /** Шаг скругления кнопок-иконок списка; по умолчанию они круглые. */
-  readonly buttonRadius: InputSignal<TRtRadius | null>;
-  /** Значок кнопки «Очистить список»; по умолчанию крестик. */
-  readonly clearIcon: InputSignal<IRtIcon.Name>;
-  /** Название строки переносится; `false` ведёт его одной строкой с многоточием и подсказкой при обрезке. */
-  readonly titleWrap: InputSignalWithTransform<boolean, unknown>;
-  readonly titleTpl: InputSignal<TemplateRef<IRtDynamicSelector.RowContext<TItem>> | null>;
-  readonly controlsTpl: InputSignal<TemplateRef<IRtDynamicSelector.RowContext<TItem>> | null>;
-  readonly removed: OutputEmitterRef<unknown>;
-  readonly moved: OutputEmitterRef<IRtDynamicSelector.Move>;
-  readonly edited: OutputEmitterRef<IRtDynamicSelector.TextEdit>;
-  readonly resetClicked: OutputEmitterRef<void>;
-  readonly cleared: OutputEmitterRef<void>;
+  protected readonly rows: Signal<ReadonlyArray<IRtDynamicSelector.ListRow<TItem>>>;
+  protected readonly draggable: Signal<boolean>;
+  protected readonly editable: Signal<boolean>;
+  protected readonly disabled: Signal<boolean>;
+  protected readonly actionsShown: Signal<boolean>;
+  protected readonly resetClearShown: Signal<boolean>;
+  protected readonly removeShown: Signal<boolean>;
+  protected readonly resetDisabled: Signal<boolean>;
+  protected readonly clearDisabled: Signal<boolean>;
+  protected readonly buttonRadius: Signal<TRtRadius | null>;
+  protected readonly clearIcon: Signal<IRtIcon.Name>;
+  protected readonly titleWrap: Signal<boolean>;
+  protected readonly titleTpl: Signal<TemplateRef<IRtDynamicSelector.RowContext<TItem>> | null>;
+  protected readonly controlsTpl: Signal<TemplateRef<IRtDynamicSelector.RowContext<TItem>> | null>;
   /** Строка, взятая из чужого списка, ничего не меняет; брошенная на своё место — тоже. */
   protected onDrop(event: CdkDragDrop<unknown>): void;
   protected onRemove(row: IRtDynamicSelector.ListRow<TItem>): void;
   protected onEditStart(index: number, row: IRtDynamicSelector.ListRow<TItem>): void;
   protected onEditApply(row: IRtDynamicSelector.ListRow<TItem>): void;
   protected onEditCancel(): void;
+  protected onReset(): void;
+  protected onClear(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtDynamicSelectorListComponent<any>, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<RtDynamicSelectorListComponent<any>, "rt-dynamic-selector-list", never, {
-    "rows": {
-      "alias": "rows";
-      "required": false;
-      "isSignal": true;
-    };
-    "draggable": {
-      "alias": "draggable";
-      "required": false;
-      "isSignal": true;
-    };
-    "editable": {
-      "alias": "editable";
-      "required": false;
-      "isSignal": true;
-    };
-    "disabled": {
-      "alias": "disabled";
-      "required": false;
-      "isSignal": true;
-    };
-    "actionsShown": {
-      "alias": "actionsShown";
-      "required": false;
-      "isSignal": true;
-    };
-    "resetClearShown": {
-      "alias": "resetClearShown";
-      "required": false;
-      "isSignal": true;
-    };
-    "removeShown": {
-      "alias": "removeShown";
-      "required": false;
-      "isSignal": true;
-    };
-    "resetDisabled": {
-      "alias": "resetDisabled";
-      "required": false;
-      "isSignal": true;
-    };
-    "clearDisabled": {
-      "alias": "clearDisabled";
-      "required": false;
-      "isSignal": true;
-    };
-    "buttonRadius": {
-      "alias": "buttonRadius";
-      "required": false;
-      "isSignal": true;
-    };
-    "clearIcon": {
-      "alias": "clearIcon";
-      "required": false;
-      "isSignal": true;
-    };
-    "titleWrap": {
-      "alias": "titleWrap";
-      "required": false;
-      "isSignal": true;
-    };
-    "titleTpl": {
-      "alias": "titleTpl";
-      "required": false;
-      "isSignal": true;
-    };
-    "controlsTpl": {
-      "alias": "controlsTpl";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "removed": "removed";
-    "moved": "moved";
-    "edited": "edited";
-    "resetClicked": "resetClicked";
-    "cleared": "cleared";
-  }, never, ["*"], true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtDynamicSelectorListComponent<any>, "rt-dynamic-selector-list", never, {}, {}, never, ["*"], true, never>;
 }
 /** Сколько ждёт поиск на сервере после последней нажатой клавиши. */
 export declare const RT_DYNAMIC_SELECTOR_SEARCH_DEBOUNCE: number;
@@ -412,6 +327,11 @@ export declare const RT_DYNAMIC_SELECTOR_SEARCH_DEBOUNCE: number;
  */
 export declare class RtDynamicSelectorPopupComponent<TEntity extends object> implements OnInit {
   #private;
+  /**
+   * Клавиши строк. Окно не называет строку через `aria-activedescendant`: строки — флажки и
+   * переключатели со своими ролями, и клавиши ведут сам фокус. Enter и пробел они отмечают сами.
+   */
+  protected readonly optionList: RtOptionList;
   protected readonly searchLabel: Signal<string>;
   protected readonly searchField: Signal<ElementRef<HTMLElement> | undefined>;
   protected readonly selectAllLabel: Signal<string>;
@@ -447,48 +367,29 @@ export declare class RtDynamicSelectorPopupComponent<TEntity extends object> imp
   protected readonly lastPinnedKey: Signal<unknown>;
   protected readonly isApplyDisabled: Signal<boolean>;
   protected readonly isNavShown: Signal<boolean>;
-  /** Предлагаемые записи: ещё не выбранные, отсортированные селектором. */
-  readonly entities: InputSignal<ReadonlyArray<TEntity>>;
-  readonly keyExp: InputSignal<keyof TEntity & string>;
-  readonly displayExp: InputSignal<keyof TEntity & string>;
-  /** Подпись записи для строки, пункта окна и поиска; не задана — поле `displayExp`. */
-  readonly displayWith: InputSignal<((entity: TEntity) => string) | null>;
-  readonly mode: InputSignal<IRtDynamicSelector.Mode>;
-  readonly multiToggleShown: InputSignalWithTransform<boolean, unknown>;
-  readonly selectAllShown: InputSignalWithTransform<boolean, unknown>;
-  readonly localSearch: InputSignalWithTransform<boolean, unknown>;
-  readonly lazyLoad: InputSignalWithTransform<boolean, unknown>;
-  readonly loading: InputSignalWithTransform<boolean, unknown>;
-  readonly fetching: InputSignalWithTransform<boolean, unknown>;
-  readonly pinnedKeys: InputSignal<ReadonlyArray<unknown>>;
-  readonly navigateTitle: InputSignal<string>;
-  readonly navigateLink: InputSignal<string>;
-  /** Запрос, с которым выбор открывается; событием поиска он не уходит — вызывающий его знает. */
-  readonly searchTerm: InputSignal<string>;
-  /** Вид поля поиска — тот же вход, что у поля кита. */
-  readonly searchAppearance: InputSignal<IRtInput.Appearance>;
-  /** Шаг скругления поля поиска; null — скругление самого поля. */
-  readonly searchRadius: InputSignal<TRtRadius | null>;
-  /** Подпись пустого результата поиска; пустая строка оставляет подпись кита. */
-  readonly emptyResultsText: InputSignal<string>;
-  /** Подпись кнопки применения; пустая строка оставляет подпись кита. */
-  readonly applyLabel: InputSignal<string>;
-  /** Регистр подписи кнопки применения; `none` оставляет её как есть. */
-  readonly applyLabelCase: InputSignal<IRtDynamicSelector.LabelCase>;
-  /** Поле поиска получает фокус при открытии окна; по умолчанию фокус остаётся там, где был. */
-  readonly autofocusSearch: InputSignalWithTransform<boolean, unknown>;
-  /** Подпись пункта переносится; `false` ведёт её одной строкой с многоточием и подсказкой при обрезке. */
-  readonly titleWrap: InputSignalWithTransform<boolean, unknown>;
-  /** Символы подписи пункта, совпавшие со словами поиска, выделены. */
-  readonly highlightSearch: InputSignalWithTransform<boolean, unknown>;
-  /** Применённые ключи в порядке отметок. */
-  readonly applied: OutputEmitterRef<unknown[]>;
-  readonly cancelled: OutputEmitterRef<void>;
-  /** Запрос для поиска на сервере: через паузу после последней клавиши, стёртый — пустой строкой. */
-  readonly searchChange: OutputEmitterRef<string>;
-  readonly loadMore: OutputEmitterRef<void>;
-  /** Отмеченные записи: пустой список при открытии и текущие отметки после каждого поиска. */
-  readonly temporaryChoiceChange: OutputEmitterRef<TEntity[]>;
+  protected readonly entities: Signal<ReadonlyArray<TEntity>>;
+  protected readonly keyExp: Signal<keyof TEntity & string>;
+  protected readonly displayExp: Signal<keyof TEntity & string>;
+  protected readonly displayWith: Signal<((entity: TEntity) => string) | null>;
+  protected readonly mode: Signal<IRtDynamicSelector.Mode>;
+  protected readonly multiToggleShown: Signal<boolean>;
+  protected readonly selectAllShown: Signal<boolean>;
+  protected readonly localSearch: Signal<boolean>;
+  protected readonly lazyLoad: Signal<boolean>;
+  protected readonly loading: Signal<boolean>;
+  protected readonly fetching: Signal<boolean>;
+  protected readonly pinnedKeys: Signal<ReadonlyArray<unknown>>;
+  protected readonly navigateTitle: Signal<string>;
+  protected readonly navigateLink: Signal<string>;
+  protected readonly searchTerm: Signal<string>;
+  protected readonly searchAppearance: Signal<IRtInput.Appearance>;
+  protected readonly searchRadius: Signal<TRtRadius | null>;
+  protected readonly emptyResultsText: Signal<string>;
+  protected readonly applyLabel: Signal<string>;
+  protected readonly applyLabelCase: Signal<IRtDynamicSelector.LabelCase>;
+  protected readonly autofocusSearch: Signal<boolean>;
+  protected readonly titleWrap: Signal<boolean>;
+  protected readonly highlightSearch: Signal<boolean>;
   ngOnInit(): void;
   protected onQueryChange(value: string | null): void;
   /** Нажатие строки флажков: при выключенном выборе нескольких без Ctrl или Cmd остаётся одна отметка. */
@@ -498,130 +399,11 @@ export declare class RtDynamicSelectorPopupComponent<TEntity extends object> imp
   protected onMultiToggle(value: boolean): void;
   protected onApply(): void;
   protected onCancel(): void;
+  protected onLoadMore(): void;
+  /** Стрелки, Home и End ведут фокус по строкам; в поле поиска Home и End остаются у курсора. */
+  protected onKeydown(event: KeyboardEvent): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtDynamicSelectorPopupComponent<any>, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<RtDynamicSelectorPopupComponent<any>, "rt-dynamic-selector-popup", never, {
-    "entities": {
-      "alias": "entities";
-      "required": false;
-      "isSignal": true;
-    };
-    "keyExp": {
-      "alias": "keyExp";
-      "required": true;
-      "isSignal": true;
-    };
-    "displayExp": {
-      "alias": "displayExp";
-      "required": true;
-      "isSignal": true;
-    };
-    "displayWith": {
-      "alias": "displayWith";
-      "required": false;
-      "isSignal": true;
-    };
-    "mode": {
-      "alias": "mode";
-      "required": false;
-      "isSignal": true;
-    };
-    "multiToggleShown": {
-      "alias": "multiToggleShown";
-      "required": false;
-      "isSignal": true;
-    };
-    "selectAllShown": {
-      "alias": "selectAllShown";
-      "required": false;
-      "isSignal": true;
-    };
-    "localSearch": {
-      "alias": "localSearch";
-      "required": false;
-      "isSignal": true;
-    };
-    "lazyLoad": {
-      "alias": "lazyLoad";
-      "required": false;
-      "isSignal": true;
-    };
-    "loading": {
-      "alias": "loading";
-      "required": false;
-      "isSignal": true;
-    };
-    "fetching": {
-      "alias": "fetching";
-      "required": false;
-      "isSignal": true;
-    };
-    "pinnedKeys": {
-      "alias": "pinnedKeys";
-      "required": false;
-      "isSignal": true;
-    };
-    "navigateTitle": {
-      "alias": "navigateTitle";
-      "required": false;
-      "isSignal": true;
-    };
-    "navigateLink": {
-      "alias": "navigateLink";
-      "required": false;
-      "isSignal": true;
-    };
-    "searchTerm": {
-      "alias": "searchTerm";
-      "required": false;
-      "isSignal": true;
-    };
-    "searchAppearance": {
-      "alias": "searchAppearance";
-      "required": false;
-      "isSignal": true;
-    };
-    "searchRadius": {
-      "alias": "searchRadius";
-      "required": false;
-      "isSignal": true;
-    };
-    "emptyResultsText": {
-      "alias": "emptyResultsText";
-      "required": false;
-      "isSignal": true;
-    };
-    "applyLabel": {
-      "alias": "applyLabel";
-      "required": false;
-      "isSignal": true;
-    };
-    "applyLabelCase": {
-      "alias": "applyLabelCase";
-      "required": false;
-      "isSignal": true;
-    };
-    "autofocusSearch": {
-      "alias": "autofocusSearch";
-      "required": false;
-      "isSignal": true;
-    };
-    "titleWrap": {
-      "alias": "titleWrap";
-      "required": false;
-      "isSignal": true;
-    };
-    "highlightSearch": {
-      "alias": "highlightSearch";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "applied": "applied";
-    "cancelled": "cancelled";
-    "searchChange": "searchChange";
-    "loadMore": "loadMore";
-    "temporaryChoiceChange": "temporaryChoiceChange";
-  }, never, never, true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtDynamicSelectorPopupComponent<any>, "rt-dynamic-selector-popup", never, {}, {}, never, never, true, never>;
 }
 /**
  * Динамический селектор: поле формы со списком выбранных записей. Значение — массив ключей в

package/types/rt-tools-ui-kit-v2-multiselect.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { ElementRef, InputSignal, Signal, WritableSignal } from "@angular/core";
-import { IRtIcon, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
+import { IRtIcon, RtOptionList, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
 import { RtFormControlBase } from "@rt-tools/ui-kit-v2/form-control";
 import { IRtPopover, RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
 import { IRtSelect, RtSelectTriggerDirective } from "@rt-tools/ui-kit-v2/select";
@@ -25,7 +25,6 @@ export declare class RtMultiselectComponent<TValue> extends RtFormControlBase<Re
   protected readonly placeholderText: Signal<string>;
   protected readonly popover: Signal<RtPopoverDirective>;
   protected readonly triggerEl: Signal<ElementRef<HTMLButtonElement> | undefined>;
-  protected readonly activeIndex: WritableSignal<number>;
   /** Раскрытые ветки дерева. Живут, пока открыта панель: при открытии раскрыты ветки над выбранным. */
   protected readonly openBranches: WritableSignal<ReadonlySet<TValue>>;
   /** Дерево ли список: тогда у строк есть место под стрелку и отступ по уровню. */
@@ -35,6 +34,9 @@ export declare class RtMultiselectComponent<TValue> extends RtFormControlBase<Re
   /** Флажок каждой строки: у листа — выбран ли он, у ветки — выведен из её включённых листьев. */
   protected readonly rowChecks: Signal<ReadonlyArray<IRtSelect.TBranchState>>;
   protected readonly isOpen: Signal<boolean>;
+  /** Клавиатура списка: подсветка, клавиши открытия, id для `aria-activedescendant`, прокрутка к опции. */
+  protected readonly optionList: RtOptionList;
+  protected readonly activeIndex: WritableSignal<number>;
   /** Идентификатор подсвеченной опции — тот же, что уходит в `aria-activedescendant`. */
   protected readonly activeOptionId: Signal<string | null>;
   /**
@@ -69,7 +71,6 @@ export declare class RtMultiselectComponent<TValue> extends RtFormControlBase<Re
    * на саму панель: она рисуется в наложении, вне поддерева блока.
    */
   readonly panelMaxHeight: InputSignal<string | null>;
-  constructor();
   setDisabledState(disabled: boolean): void;
   protected getEmptyValue(): ReadonlyArray<TValue>;
   protected focusAfterClear(): void;