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

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;

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

@@ -1,37 +1,25 @@
 import * as i0 from "@angular/core";
 import { ElementRef, InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
-import { IRtIcon, IRtInput, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
+import { IRtIcon, IRtInput, IRtOptionTree, 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 * as i1 from "@rt-tools/ui-kit-v2/radius";
 /**
  * Модель `<rt-select>`: один корневой неймспейс с префиксом `I`.
  * Generic-параметр `TValue` повторяет тип значения, который сидит в опциях.
+ *
+ * Опция и строка дерева объявлены в ядре: их раскладывают и деревья кита, а те не берут выбор из
+ * списка. Здесь — те же типы под прежними именами.
  */
 export declare namespace IRtSelect {
   /** Одна опция dropdown'а. */
-  interface Option<TValue> {
-    label: string;
-    value: TValue;
-    disabled?: boolean;
-    /** Дети опции того же вида. Хотя бы одна опция с детьми делает список деревом. */
-    children?: ReadonlyArray<Option<TValue>>;
-  }
+  type Option<TValue> = IRtOptionTree.Option<TValue>;
   /** Видимая строка дерева: опция, её уровень и то, ветка ли она и раскрыта ли. */
-  interface Row<TValue> {
-    readonly option: Option<TValue>;
-    readonly level: number;
-    readonly branch: boolean;
-    readonly open: boolean;
-    readonly parent: TValue | null;
-  }
+  type Row<TValue> = IRtOptionTree.Row<TValue>;
   /** Сколько включённых листьев ветки выбрано: все, часть или ни одного. */
-  type TBranchState = 'all' | 'some' | 'none';
+  type TBranchState = IRtOptionTree.TBranchState;
   /** Что делать по боковой стрелке: какую ветку переключить и куда увести подсветку. */
-  interface SideKeyAnswer<TValue> {
-    readonly toggle: TValue | null;
-    readonly index: number;
-  }
+  type SideKeyAnswer<TValue> = IRtOptionTree.SideKeyAnswer<TValue>;
   /**
    * Что кит отдаёт своей разметке указателя. Три значения и не больше: большее привязало бы
    * разметку потребителя к устройству семьи, и семью стало бы не поправить, не сломав её.
@@ -75,6 +63,7 @@ export declare class RtSelectTriggerDirective<TValue = unknown> {
   static ɵfac: i0.ɵɵFactoryDeclaration<RtSelectTriggerDirective<any>, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<RtSelectTriggerDirective<any>, "[rtSelectTrigger]", never, {}, {}, never, never, true, never>;
 }
+/** Клавиши, открывающие закрытый dropdown с фокуса на trigger'е. */
 type TBooleanInput = boolean | string;
 /**
  * Single-select dropdown с опциональным filter input.
@@ -96,10 +85,12 @@ export declare class RtSelectComponent<TValue> extends RtFormControlBase<TValue
   protected readonly popover: Signal<RtPopoverDirective>;
   protected readonly triggerEl: Signal<ElementRef<HTMLButtonElement> | undefined>;
   protected readonly filterTerm: WritableSignal<string>;
-  protected readonly activeIndex: WritableSignal<number>;
   /** Раскрытые ветки дерева. Живут, пока открыта панель: при открытии раскрыты ветки над выбранным. */
   protected readonly openBranches: WritableSignal<ReadonlySet<TValue>>;
   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>;
   /**
@@ -140,7 +131,6 @@ export declare class RtSelectComponent<TValue> extends RtFormControlBase<TValue
    */
   readonly panelMaxHeight: InputSignal<string | null>;
   readonly selectionChange: OutputEmitterRef<TValue | null>;
-  constructor();
   setDisabledState(disabled: boolean): void;
   protected getEmptyValue(): TValue | null;
   protected focusAfterClear(): void;
@@ -209,56 +199,4 @@ export declare class RtSelectComponent<TValue> extends RtFormControlBase<TValue
     outputs: {};
   }]>;
 }
-/**
- * Держит подсвеченную клавишами опцию в видимой части панели.
- *
- * Панель списка ограничена по высоте, и длинный список прокручивается внутри неё. Клавиши двигают
- * подсветку, но фокус остаётся на поле: браузер сам панель не прокручивает, и подсветка уходила
- * за нижний край — человек выбирал Enter'ом то, чего не видел. После каждой отрисовки, в которой
- * сменилась подсвеченная опция, она прокручивается ровно настолько, чтобы встать в панель.
- *
- * Панель рисуется в наложении, вне поддерева семьи, поэтому опция ищется в документе по своему
- * идентификатору — тому же, что стоит в `aria-activedescendant`. На сервере отрисовки нет, и
- * эффект не выполняется; среда без `scrollIntoView` пропускается.
- *
- * Зовётся в контексте внедрения — полем или конструктором семьи.
- *
- * @param activeOptionId идентификатор подсвеченной опции; `null` — подсветки нет или панель закрыта
- */
-export declare function rtScrollActiveOptionIntoView(activeOptionId: () => string | null): void;
-/**
- * Дерево опций выбора из списка — общее для `rt-select` и `rt-multiselect`.
- *
- * Обе семьи раскладывают, ищут и считают дерево одинаково, поэтому это чистые функции в одном
- * месте: две копии разошлись бы на первой правке. Состояние — какие ветки раскрыты — живёт в семье,
- * здесь только расчёт по нему.
- */
-type TOption<TValue> = IRtSelect.Option<TValue>;
-type TRow<TValue> = IRtSelect.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>): IRtSelect.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): IRtSelect.SideKeyAnswer<TValue>;
-/** Набор раскрытых веток с переключённой одной. */
-export declare function rtTreeToggle<TValue>(open: ReadonlySet<TValue>, value: TValue): ReadonlySet<TValue>;
 export {};

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

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+import { InputSignal } from "@angular/core";
+import { IRtServiceLogo } from "@rt-tools/ui-kit-v2/service-logo";
+/**
+ * Блок службы — первый блок тела панели настройки подключения: знак службы размера `md`, справа
+ * имя службы и строка-описание, под блоком черта. Одна разметка на интеграции, способы оплаты и
+ * мессенджеры. Своих текстов блок не несёт: имя, описание и подписи знаков даёт приложение.
+ */
+export declare class RtServiceBlockComponent {
+  /** Знаки службы — те же, что принимает `rt-service-logo`; несколько ложатся внахлёст. */
+  readonly logos: InputSignal<readonly IRtServiceLogo.Item[]>;
+  /** Имя службы — жирная строка справа от знака. */
+  readonly name: InputSignal<string>;
+  /** Строка-описание под именем. Пустая строка не рисуется. */
+  readonly description: InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtServiceBlockComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtServiceBlockComponent, "rt-service-block", never, {
+    "logos": {
+      "alias": "logos";
+      "required": true;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": true;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import { ElementRef, EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
 import { FormControl } from "@angular/forms";
-import { IRtIcon, IRtInput } from "@rt-tools/ui-kit-v2/core";
+import { IRtIcon, IRtInput, IRtMatchPart } from "@rt-tools/ui-kit-v2/core";
 /**
  * Входы вида бокового меню: подписи и заливка значков, поле поиска, подсказка прокрутки панели. Ни
  * один не меняет поведения — по ним приложение даёт меню вид первого кита, а без них меню рисуется
@@ -113,11 +113,8 @@ export declare namespace IRtSideMenu {
       data?: ItemData;
     };
   }
-  /** Кусок подписи: отмеченный — тот, которым она совпала с запросом. */
-  interface TitlePart {
-    text: string;
-    matched: boolean;
-  }
+  /** Кусок подписи: отмеченный — тот, которым она совпала с запросом. Объявлен в ядре. */
+  type TitlePart = IRtMatchPart;
 }
 /** Шапка бокового меню: над полосой пунктов. */
 export declare class RtSideMenuHeaderDirective {
@@ -368,12 +365,12 @@ export declare class RtSideMenuComponent extends RtSideMenuLookBase implements I
   }, ["headerTpl", "footerTpl", "ownIconTpl"], never, true, never>;
 }
 /**
- * Отбор пунктов подменю по подстроке подписи.
+ * Отбор пунктов подменю по подписи — правилом поиска кита: каждое слово запроса в любом порядке.
  *
  * Отбор спускается внутрь папок на любую глубину: потребитель кладёт в папки то, что человек и ищет
  * по имени, и по одному верхнему уровню такой пункт не нашёлся бы.
  *
- * В выдаче стоят только строки, содержащие запрос. Папка остаётся путём к совпавшим детям, а её
+ * В выдаче стоят только строки, совпавшие с запросом. Папка остаётся путём к совпавшим детям, а её
  * состав отбирается тем же правилом: иначе одно совпадение по имени папки вытаскивало бы весь её
  * состав. Папка, совпавшая только по имени, остаётся одной строкой без детей.
  *
@@ -396,18 +393,6 @@ export declare const RT_SIDE_MENU_WIDTH_MAX: number;
 export declare const RT_SIDE_MENU_WIDTH_STEP: number;
 /** Приведение ширины к пределам. */
 export declare function clampSideMenuWidth(width: number): number;
-/**
- * Резка подписи на совпавшие и несовпавшие куски.
- *
- * Отмечаются все вхождения: отмеченное одно первое читается как «второго нет». Сравнение без учёта
- * регистра, а куски режутся из оригинала — приведение к нижнему регистру переписало бы названия.
- */
-export declare function splitSideMenuTitle(name: string, query: string): IRtSideMenu.TitlePart[];
-/**
- * Резка подписи по каждому слову запроса. Приложение делит поиск по пробелам и ищет каждое слово
- * отдельно, поэтому и отмечено каждое. Слово внутри уже отмеченного куска не режет его второй раз.
- */
-export declare function splitTitleByWords(name: string, query: string): IRtSideMenu.TitlePart[];
 /**
  * Пункты подменю в том порядке, в каком они стоят на экране. Внутрь папки список спускается, только
  * если та раскрыта: ходьба стрелками идёт по видимому, а не по всему набору.