@rt-tools/ui-kit-v2 0.32.0 → 0.34.0

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

@@ -2,6 +2,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 } from "@rt-tools/ui-kit-v2/core";
+import { IRtTooltip } from "@rt-tools/ui-kit-v2/tooltip";
 /**
  * Модель `<rt-tabs>`: один корневой неймспейс с префиксом `I`.
  * Содержит публичные union-типы для ориентации и стороны header-контролов.
@@ -11,6 +12,28 @@ export declare namespace IRtTabs {
   type Id = string | number;
   /** Ориентация полосы вкладок. */
   type Direction = 'horizontal' | 'vertical';
+  /**
+   * Что делают стрелки и Home/End на вкладке: `auto` — сразу открывают вкладку, `manual` — только
+   * переводят фокус, а открывают Enter и Space.
+   */
+  type Activation = 'auto' | 'manual';
+  /**
+   * Где стоят стрелки прокрутки переполненной полосы: `overlay` — поверх вкладок, только в ту
+   * сторону, куда можно прокрутить; `inline` — обе в своих местах по краям, полоса между ними уже,
+   * стрелка в сторону, куда прокручивать некуда, неактивна.
+   */
+  type ScrollArrows = 'overlay' | 'inline';
+  /**
+   * На сколько сдвигает полосу одно нажатие на стрелку: `fixed` — на 80 px, как прежде; `page` —
+   * на видимую ширину, `third` — на её треть, как у Material.
+   */
+  type ScrollStep = 'fixed' | 'page' | 'third';
+  /**
+   * Длительность движения при смене вкладки: переезда полосы и сдвига панели. Число — миллисекунды,
+   * строка — значение CSS (`'500ms'`, `'0.5s'`); строка из одних цифр читается как миллисекунды.
+   * `null` — длительности берутся из токенов `--rt-tabs-indicator-duration` и `--rt-tabs-panel-duration`.
+   */
+  type AnimationDuration = string | number | null;
   /** Сторона размещения header-контрола относительно полосы вкладок. */
   type ControlSide = 'left' | 'right';
   /** Семантический цвет иконки/бейджа вкладки — маппится на палитру `rt-icon`. */
@@ -36,6 +59,11 @@ export declare class RtTabDirective {
   readonly titleTemplate: InputSignal<TemplateRef<unknown> | null>;
   /** Иконка слева от заголовка. */
   readonly icon: InputSignal<IRtIcon.Name | null>;
+  /**
+   * Имя значка Material вместо `icon` — рисуется так же, как вход `glyph` у `rt-icon`.
+   * Задан вместе с `icon` — решает `rt-icon`.
+   */
+  readonly glyph: InputSignal<string | null>;
   /** Семантический цвет иконки заголовка. */
   readonly iconColor: InputSignal<IRtTabs.TitleColor>;
   /** Значение бейджа справа от заголовка (число/строка). `null` — без бейджа. */
@@ -58,8 +86,42 @@ export declare class RtTabDirective {
   readonly invalid: InputSignalWithTransform<boolean, BooleanInput>;
   /** Подсказка для невалидной вкладки. Пусто — берётся переведённое умолчание. */
   readonly invalidMessage: InputSignal<string>;
+  /**
+   * Подсказка при наведении на вкладку — в том числе на отключённую, чтобы объяснить, почему она
+   * недоступна. У вкладки без подписи она же становится её именем для чтения с экрана.
+   */
+  readonly tooltip: InputSignal<string>;
+  /** Вкладку можно закрыть: крестик в шапке и клавиша Delete поднимают `tabClose` у `rt-tabs`. */
+  readonly closable: InputSignalWithTransform<boolean, BooleanInput>;
+  /** Подсказка крестика закрываемой вкладки. Пусто — подсказки нет. */
+  readonly closeTooltip: InputSignal<string>;
+  /** Сторона подсказки крестика. Не задана — сторона подсказки по умолчанию. */
+  readonly closeTooltipPlacement: InputSignal<IRtTooltip.Placement | null>;
+  /**
+   * Указатель стоит на крестике. Выставляет `rt-tabs`: пока он там, подсказка самой вкладки
+   * молчит, и видна только подсказка крестика.
+   */
+  readonly closeHovered: WritableSignal<boolean>;
   /** Готовый текст подсказки: своя формулировка важнее умолчания. */
   readonly invalidTitle: Signal<string>;
+  /**
+   * Подсказка кнопки вкладки: у неверной — объяснение ошибки, иначе своя подсказка. Пока
+   * указатель на крестике, пусто: две подсказки разом читались бы как одна. Крестик, убранный
+   * из-под указателя, ухода не сообщает, поэтому признак читается вместе с `showClose`.
+   */
+  readonly buttonTooltip: Signal<string>;
+  /**
+   * Имя вкладки для чтения с экрана, когда видимой подписи нет: вкладка из одного значка
+   * называется своей подсказкой. С подписью или своим заголовком атрибут не ставится.
+   */
+  readonly ariaLabel: Signal<string | null>;
+  /**
+   * Имя крестика для чтения с экрана: текст его подсказки, без подсказки — переведённое «Закрыть».
+   * Крестик — отдельная кнопка, и без имени диктор назвал бы её просто «кнопка».
+   */
+  readonly closeLabel: Signal<string>;
+  /** Крестик рисуется только у доступной вкладки: отключённую закрыть нельзя. */
+  readonly showClose: Signal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtTabDirective, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<RtTabDirective, "[rtTab]", never, {
     "id": {
@@ -82,6 +144,11 @@ export declare class RtTabDirective {
       "required": false;
       "isSignal": true;
     };
+    "glyph": {
+      "alias": "glyph";
+      "required": false;
+      "isSignal": true;
+    };
     "iconColor": {
       "alias": "iconColor";
       "required": false;
@@ -122,6 +189,26 @@ export declare class RtTabDirective {
       "required": false;
       "isSignal": true;
     };
+    "tooltip": {
+      "alias": "tooltip";
+      "required": false;
+      "isSignal": true;
+    };
+    "closable": {
+      "alias": "closable";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeTooltip": {
+      "alias": "closeTooltip";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeTooltipPlacement": {
+      "alias": "closeTooltipPlacement";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, never>;
 }
 /**
@@ -150,6 +237,110 @@ export declare class RtTabsControlDirective {
     };
   }, {}, never, never, true, never>;
 }
+/** Признак, по которому пользователь просит обходиться без движения. */
+declare const RT_TABS_REDUCED_MOTION: string;
+/** Куда сдвигается содержимое: к вкладке правее (`forward`) или левее (`backward`). */
+type TRtTabsPanelShift = 'forward' | 'backward';
+/** Панель прежней вкладки, пока её уход не кончился, и место, с которого она уходит (px от хоста). */
+interface IRtTabsLeavingPanel {
+  readonly id: IRtTabs.Id;
+  readonly shift: TRtTabsPanelShift;
+  readonly top: number;
+  readonly left: number;
+}
+/** Смена выбора: с какой вкладки, на какую и длительность из входа (`null` — из токена). */
+interface IRtTabsMove {
+  readonly previous: IRtTabs.Id | null;
+  readonly next: IRtTabs.Id | null;
+  readonly duration: string | null;
+}
+/**
+ * Панель в области содержимого: активная, уходящая (`leaving`) или сохранённая скрытой (`idle`) —
+ * тело посещённой вкладки при `preserveContent`.
+ */
+interface IRtTabsPanel {
+  readonly tab: RtTabDirective;
+  readonly leaving: IRtTabsLeavingPanel | null;
+  readonly idle: boolean;
+}
+/** Что показывает область содержимого: активная вкладка, длительность и сохранение посещённых. */
+interface IRtTabsShown {
+  readonly active: Signal<RtTabDirective | null>;
+  readonly duration: () => IRtTabs.AnimationDuration;
+  readonly preserve: () => boolean;
+}
+/** Вкладки компонента: все объявленные, видимые и выбранная. */
+interface IRtTabsSet {
+  readonly all: Signal<readonly RtTabDirective[]>;
+  readonly visible: Signal<readonly RtTabDirective[]>;
+  readonly selectedId: Signal<IRtTabs.Id | null>;
+}
+/** Место полосы выбранной вкладки внутри полосы вкладок: левый край, низ вкладки и ширина (px). */
+interface IInkBox {
+  readonly x: number;
+  readonly bottom: number;
+  readonly width: number;
+}
+/** Длительность из входа в значение CSS: число и строка из одних цифр — миллисекунды. */
+declare function rtTabsCssDuration(value: IRtTabs.AnimationDuration): string | null;
+/** Длительность CSS в миллисекундах; то, что не читается как время, — ноль. */
+declare function rtTabsDurationMs(value: string): number;
+/**
+ * Уходящая панель при смене выбора. Место берётся у панели прежней вкладки, пока она ещё в потоке:
+ * уходя, она встаёт поверх области содержимого в ту же точку. Без движения — нулевая длительность
+ * или `prefers-reduced-motion` — уходящей панели нет.
+ */
+declare function rtTabsLeavingPanel(host: HTMLElement, win: Window | null, ids: readonly IRtTabs.Id[], move: IRtTabsMove): IRtTabsLeavingPanel | null;
+/**
+ * Панели при сохранении посещённых: тело вкладки появляется при первом открытии и дальше живёт
+ * скрытым. Порядок — порядок вкладок, чтобы вид панели не переставлялся в разметке при смене.
+ */
+declare function rtTabsPreservedPanels(all: readonly RtTabDirective[], visited: ReadonlySet<IRtTabs.Id>, active: RtTabDirective, leaving: IRtTabsLeavingPanel | null): IRtTabsPanel[];
+/**
+ * Смена панелей: уходящая панель прежней вкладки и въезжающая новая. Уходящая считается от смены
+ * выбора и гасится концом её движения. Создаётся в контексте внедрения компонента.
+ */
+declare class RtTabsPanels {
+  #private;
+  /** Панель прежней вкладки, пока она уходит; без движения её нет вовсе. */
+  readonly leaving: WritableSignal<IRtTabsLeavingPanel | null>;
+  /**
+   * Панели области содержимого: активная и, пока она уходит, прежняя. Прежняя стоит первой, и
+   * `track` по id сохраняет её вид — уходит та же панель, а не её новая копия. При сохранении
+   * посещённых панели стоят в порядке вкладок, и неактивные остаются скрытыми.
+   */
+  readonly list: Signal<readonly IRtTabsPanel[]>;
+  /** Направление идущей смены панели; `null` — панель стоит на месте. */
+  readonly shift: Signal<TRtTabsPanelShift | null>;
+  /** Длительность из входа `animationDuration` в виде CSS; `null` — длительности из токенов. */
+  readonly duration: Signal<string | null>;
+  /** Длительности полосы и панели на хосте из входа; без входа их держат токены. Прокрутку полосы
+   * вход не трогает, как у `mat-tab-group`: её длительность — только токен. */
+  readonly durations: Signal<Readonly<Record<string, string>> | null>;
+  constructor(host: HTMLElement, win: Window | null, tabs: IRtTabsSet, shown: IRtTabsShown);
+  /** Конец движения панели убирает уходящую. Движение вложенных узлов сюда не считается. */
+  animationEnd(event: AnimationEvent): void;
+}
+/**
+ * Полоса выбранной вкладки — один элемент на всю полосу: замер ставит её под выбранную вкладку, и
+ * при смене выбора она переезжает. Слежение за размером полосы и вкладок ловит сдвиг без смены
+ * выбора — подпись поменялась или шрифт догрузился.
+ */
+declare class RtTabsInk {
+  #private;
+  /** Где стоит полоса; `null` — не измерена, и полосу рисует сама вкладка. */
+  readonly box: WritableSignal<IInkBox | null>;
+  /** Полоса уже стоит на месте и дальше переезжает: первое измерение ставит её без движения. */
+  readonly animated: WritableSignal<boolean>;
+  /** Сдвиг полосы к левому краю вкладки и к её низу. */
+  readonly translate: Signal<string | null>;
+  /** Полоса красится как ошибка, когда выбранная вкладка неверна. */
+  readonly invalid: Signal<boolean>;
+  constructor(win: Window | null, list: Signal<ElementRef<HTMLElement> | undefined>, tabs: {
+    readonly visible: Signal<readonly RtTabDirective[]>;
+    readonly active: Signal<RtTabDirective | null>;
+  });
+}
 type TScrollDirection = 'before' | 'after';
 /**
  * Полоса вкладок с проекцией контента. Вкладки декларируются через
@@ -162,11 +353,18 @@ type TScrollDirection = 'before' | 'after';
  * эмиттят `activeIdChange`; синхронизацию `activeId` оставляем потребителю.
  *
  * Горизонтальная полоса при переполнении прячет вкладки под скролл и показывает
- * стрелки-«хвосты» (`__rest`) с прокруткой по удержанию. Вертикальная ориентация
- * раскладывает вкладки в колонку без стрелок.
+ * стрелки-«хвосты» (`__rest`): нажатие сдвигает полосу на шаг `scrollStep`, удержание
+ * прокручивает непрерывно. Стрелки стоят поверх вкладок или, при `scrollArrows="inline"`, в своих
+ * местах по краям. Вертикальная ориентация раскладывает вкладки в колонку без стрелок.
+ *
+ * Смена вкладки движется: полоса выбранной вкладки — один элемент полосы, он переезжает на новую
+ * вкладку; панель прежней вкладки уходит в сторону, обратную переходу, новая въезжает следом.
+ * Длительности — токены `--rt-tabs-indicator-duration` и `--rt-tabs-panel-duration` или вход
+ * `animationDuration`; `prefers-reduced-motion` снимает движение целиком.
  *
  * Доступность: `role="tablist"`/`role="tab"`/`role="tabpanel"`, `aria-selected`,
- * roving `tabindex`, навигация стрелками + Home/End.
+ * roving `tabindex`, навигация стрелками + Home/End; при `activation="manual"` они только
+ * переводят фокус, а вкладку открывают Enter и Space.
  */
 export declare class RtTabsComponent {
   #private;
@@ -187,10 +385,21 @@ export declare class RtTabsComponent {
   protected readonly selectedId: Signal<IRtTabs.Id | null>;
   /** Активная вкладка целиком (для рендера панели). */
   protected readonly activeTab: Signal<RtTabDirective | null>;
+  /**
+   * Вкладка в таб-порядке: та, на которую стрелками перевели фокус в ручном режиме, иначе
+   * активная. Фокус на вкладке, которой больше нет или которая отключилась, не держится.
+   */
+  protected readonly focusId: Signal<IRtTabs.Id | null>;
   /** Видны ли стрелки прокрутки слева/справа (только горизонтальная полоса). */
   protected readonly restBeforeVisible: WritableSignal<boolean>;
   protected readonly restAfterVisible: WritableSignal<boolean>;
+  /** Полоса шире своего места: в раскладке `inline` по этому признаку встают обе стрелки. */
+  protected readonly overflowing: Signal<boolean>;
   protected readonly tabListRef: Signal<ElementRef<HTMLElement> | undefined>;
+  /** Смена панелей: прежняя уходит в сторону, обратную переходу, новая въезжает следом. */
+  protected readonly panels: RtTabsPanels;
+  /** Полоса выбранной вкладки: одна на всю полосу, переезжает при смене выбора. */
+  protected readonly ink: RtTabsInk;
   /** Контролируемый активный id. `null` — компонент сам выбирает первую вкладку. */
   readonly activeId: InputSignal<IRtTabs.Id | null>;
   /** Ориентация полосы. */
@@ -199,15 +408,55 @@ export declare class RtTabsComponent {
   readonly stretch: InputSignalWithTransform<boolean, BooleanInput>;
   /** Скроллить область контента при переполнении. */
   readonly contentScrollable: InputSignalWithTransform<boolean, BooleanInput>;
+  /**
+   * Только полоса, без панели: вкладки служат навигацией, а содержимое живёт в другом месте —
+   * например, полоса стоит в середине `rt-toolbar`. Панель `role="tabpanel"` не рисуется, и
+   * вкладки не ссылаются на неё.
+   */
+  readonly headerOnly: InputSignalWithTransform<boolean, BooleanInput>;
+  /**
+   * Тело вкладки создаётся при первом открытии и дальше живёт скрытым, как у `mat-tab-group` с
+   * `preserveContent`: введённое на вкладке переживает уход с неё. Неоткрытая вкладка не создаётся.
+   */
+  readonly preserveContent: InputSignalWithTransform<boolean, BooleanInput>;
+  /** Стрелки и Home/End открывают вкладку сразу (`auto`) или только переводят фокус (`manual`). */
+  readonly activation: InputSignal<IRtTabs.Activation>;
+  /** Стрелки прокрутки поверх вкладок (`overlay`) или в своих местах по краям полосы (`inline`). */
+  readonly scrollArrows: InputSignal<IRtTabs.ScrollArrows>;
+  /** Шаг нажатия на стрелку: 80 px (`fixed`), видимая ширина полосы (`page`) или её треть (`third`), как у Material. */
+  readonly scrollStep: InputSignal<IRtTabs.ScrollStep>;
+  /**
+   * Длительность движения при смене вкладки — и полосы, и панели, как у `mat-tab-group`: `500`,
+   * `'500ms'`, `'0.5s'`; `0` выключает движение. Без входа длительности берутся из токенов.
+   */
+  readonly animationDuration: InputSignal<IRtTabs.AnimationDuration>;
+  /** Таб-стоп открытой панели, как `contentTabIndex` у `mat-tab-group`: `null` — Tab идёт с полосы прямо в поля панели. */
+  readonly contentTabIndex: InputSignal<number | null>;
   /** Эмиттит id вкладки при её выборе (клик/клавиатура). */
   readonly activeIdChange: OutputEmitterRef<IRtTabs.Id>;
+  /**
+   * Просьба закрыть вкладку с `closable`: крестик или Delete на вкладке в фокусе. Набор вкладок
+   * держит потребитель — он и убирает вкладку; закрытая активная откатывается на первую доступную.
+   */
+  readonly tabClose: OutputEmitterRef<IRtTabs.Id>;
   constructor();
   protected selectTab(id: IRtTabs.Id): void;
-  /** Навигация по вкладкам с клавиатуры (automatic activation). */
-  protected onTabKeydown(event: KeyboardEvent): void;
-  /** Старт прокрутки полосы по удержанию ЛКМ на стрелке. */
+  /** Крестик: нажатие не выбирает вкладку; фокус с крестика после закрытия уходит на вкладку, не на страницу. */
+  protected onCloseClick(event: MouseEvent, tab: RtTabDirective): void;
+  /**
+   * Навигация по вкладкам с клавиатуры. Шаг считается от вкладки в фокусе: в ручном режиме она
+   * не совпадает с активной. Enter и Space ловит сама кнопка — они дают click и выбор.
+   */
+  protected onTabKeydown(event: KeyboardEvent, tab: RtTabDirective): void;
+  /**
+   * Нажатие ЛКМ на стрелку. Отпущенная до `HOLD_DELAY_MS` стрелка сдвигает полосу на шаг
+   * `scrollStep`, удержанная дольше — прокручивает её непрерывно, пока не отпустят.
+   */
   protected onRestPointerDown(direction: TScrollDirection, event: MouseEvent): void;
+  /** Стрелку отпустили: короткое нажатие — шаг `scrollStep`, после удержания — только стоп. */
   protected onRestPointerUp(): void;
+  /** Указатель ушёл со стрелки: прокрутка останавливается, шага нет. */
+  protected onRestPointerLeave(): void;
   protected onTabListScroll(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtTabsComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtTabsComponent, "rt-tabs", never, {
@@ -231,8 +480,44 @@ export declare class RtTabsComponent {
       "required": false;
       "isSignal": true;
     };
+    "headerOnly": {
+      "alias": "headerOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "preserveContent": {
+      "alias": "preserveContent";
+      "required": false;
+      "isSignal": true;
+    };
+    "activation": {
+      "alias": "activation";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollArrows": {
+      "alias": "scrollArrows";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollStep": {
+      "alias": "scrollStep";
+      "required": false;
+      "isSignal": true;
+    };
+    "animationDuration": {
+      "alias": "animationDuration";
+      "required": false;
+      "isSignal": true;
+    };
+    "contentTabIndex": {
+      "alias": "contentTabIndex";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "activeIdChange": "activeIdChange";
+    "tabClose": "tabClose";
   }, ["tabs", "controls"], never, true, never>;
 }
 export {};

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

@@ -4,6 +4,8 @@ import { ElementRef, InputSignal, InputSignalWithTransform, Signal } from "@angu
 import { RtFormControlBase } from "@rt-tools/ui-kit-v2/form-control";
 import * as i1 from "@rt-tools/ui-kit-v2/radius";
 export type TRtTextareaResize = 'none' | 'vertical';
+/** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу, как у `rt-input`. */
+export type TRtTextareaAppearance = 'outline' | 'fill';
 /**
  * Шеренный textarea common/ui. CVA через общий `RtFormControlBase` —
  * авто-подсветка invalid. Размерные варианты sm/md/lg через host-класс. Resize
@@ -18,11 +20,15 @@ export type TRtTextareaResize = 'none' | 'vertical';
 export declare class RtTextareaComponent extends RtFormControlBase<string> {
   protected readonly fieldEl: Signal<ElementRef<HTMLTextAreaElement> | undefined>;
   protected readonly hasValue: Signal<boolean>;
+  readonly fieldLabelInside: boolean;
   readonly displayText: Signal<string>;
   readonly placeholder: InputSignal<string>;
   readonly readonly: InputSignalWithTransform<boolean, BooleanInput>;
   readonly rows: InputSignalWithTransform<number, NumberInput>;
   readonly resize: InputSignal<TRtTextareaResize>;
+  readonly appearance: InputSignal<TRtTextareaAppearance>;
+  /** Предел длины значения: атрибут `maxlength` на поле, браузер не даёт набрать больше. `null` — предела нет. */
+  readonly maxlength: InputSignalWithTransform<number | null, NumberInput>;
   protected getEmptyValue(): string;
   protected focusAfterClear(): void;
   protected onInput(event: Event): void;
@@ -49,6 +55,16 @@ export declare class RtTextareaComponent extends RtFormControlBase<string> {
       "required": false;
       "isSignal": true;
     };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, [{
     directive: typeof i1.RtRadiusDirective;
     inputs: {

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

@@ -1,13 +1,15 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import * as i0 from "@angular/core";
-import { AfterViewInit, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, Signal, WritableSignal } from "@angular/core";
-import { INotification, IRtIcon, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
+import { AfterViewInit, InjectionToken, Injector, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, Signal, Type, WritableSignal } from "@angular/core";
+import { INotification, IRtIcon, NotificationRef, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
 export declare const RT_TOASTER_GAP_PX: number;
 /**
  * Значки severity у тоста. Приложение подменяет карту целиком — например, на имена
  * Material, — а тост со своим `icon` берёт свой значок мимо карты.
  */
 export declare const RT_TOAST_SEVERITY_ICONS: InjectionToken<Readonly<Record<INotification.Severity, IRtIcon.Name>>>;
+/** Данные своего компонента тоста — то, что приложение передало в `openFromComponent`. */
+export declare const RT_TOAST_DATA: InjectionToken<unknown>;
 export declare namespace IRtToaster {
   type Position = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
   type PositionY = 'top' | 'bottom';
@@ -29,6 +31,21 @@ export declare namespace IRtToaster {
     readonly onDismiss?: (reason: INotification.DismissReason) => void;
     /** Тост вытеснен новым в режиме `replace` и уходит своей анимацией. */
     readonly replaced?: boolean;
+    readonly progressValue?: number | null;
+    readonly details?: string;
+    readonly component?: Type<unknown>;
+    readonly data?: unknown;
+    /** Голый тост: оболочки нет, свой компонент рисует карточку сам. */
+    readonly bare?: boolean;
+    /** Ручка тоста: тост сообщает ей, почему ушёл. */
+    readonly ref?: NotificationRef;
+    /** Приложение закрыло тост ручкой: он уходит своей анимацией, как вытесненный. */
+    readonly dismissRequested?: boolean;
+  }
+  /** Изменение показанного тоста от его ручки. */
+  interface Change {
+    readonly toastId: number;
+    readonly patch: INotification.Update & Pick<Toast, 'dismissRequested'>;
   }
   interface Height {
     readonly toastId: number;
@@ -42,6 +59,14 @@ export declare class RtToastComponent implements AfterViewInit, OnDestroy {
   protected readonly icon: Signal<IRtIcon.Name | null>;
   /** Срок жизни тоста: свой, если задан, иначе тостера; `null` — таймера нет. */
   protected readonly lifetime: Signal<number | null>;
+  /** Инжектор своего компонента: данные токеном `RT_TOAST_DATA` и ручка `NotificationRef`. */
+  protected readonly componentInjector: Signal<Injector>;
+  /** Живая доля задачи: число 0–100 — полоса стоит, `null` и пусто — её нет. */
+  protected readonly progressValue: Signal<number | null>;
+  /** Подробности раскрыты. */
+  protected readonly detailsOpen: WritableSignal<boolean>;
+  /** Голый тост: значка, крестика и полосы срока нет, оболочку снимает модификатор. */
+  protected readonly bare: Signal<boolean>;
   protected readonly showProgress: Signal<boolean>;
   /** Таймер и полоса срока встают от одного признака, чтобы не разойтись. */
   protected readonly paused: Signal<boolean>;
@@ -66,6 +91,7 @@ export declare class RtToastComponent implements AfterViewInit, OnDestroy {
   protected onAction(): void;
   protected onSecondaryAction(): void;
   protected onClose(): void;
+  protected toggleDetails(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtToastComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtToastComponent, "rt-toast", never, {
     "toast": {
@@ -139,6 +165,11 @@ export declare class RtToasterComponent {
   /** `replace` — новый тост уводит прежние их же анимацией ухода, а не копится стопкой. */
   readonly mode: InputSignal<IRtToaster.Mode>;
   readonly expand: InputSignalWithTransform<boolean, boolean | string>;
+  /**
+   * Канал тостера: он показывает только события с этим `channel`. Второй тостер со своим каналом
+   * держит закреплённые тосты в своём углу и своей стопке.
+   */
+  readonly channel: InputSignal<string>;
   get hostModifierClasses(): Record<string, boolean>;
   get hostStackStyles(): Record<string, string>;
   constructor();
@@ -176,5 +207,10 @@ export declare class RtToasterComponent {
       "required": false;
       "isSignal": true;
     };
+    "channel": {
+      "alias": "channel";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, never>;
 }

package/types/rt-tools-ui-kit-v2-toggle-button-group.d.ts

@@ -1,6 +1,7 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import * as i0 from "@angular/core";
-import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal } from "@angular/core";
+import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, TemplateRef } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
 import { IRtIcon } from "@rt-tools/ui-kit-v2/core";
 import * as i1 from "@rt-tools/ui-kit-v2/radius";
 /**
@@ -46,7 +47,48 @@ export declare namespace IRtToggleButtonGroup {
     readonly option: Option<T>;
     readonly active: boolean;
     readonly disabled: boolean;
+    readonly context: OptionContext<T>;
   }
+  /** Обстановка шаблона сегмента: опция приходит как `$implicit`. */
+  interface OptionContext<T = string> {
+    readonly $implicit: Option<T>;
+    /** Нажат ли сегмент. */
+    readonly active: boolean;
+  }
+  /**
+   * Раскладка сегментов. `row` — одна строка, как прежде; `wrap` — сегменты, не влезшие в строку,
+   * уходят на следующую; `column` — сегменты стоят один под другим.
+   */
+  type Layout = 'row' | 'wrap' | 'column';
+  /**
+   * Вид группы. `segmented` — дорожка с сегментами, выбранный светлее дорожки; `chips` — отдельные
+   * пункты с обводкой и просветом между ними, выбранный залит. Поведение у обоих одно: выбор,
+   * множественный выбор, раскладка и связь с формой от вида не зависят.
+   */
+  type Appearance = 'segmented' | 'chips';
+  /** Значение, которое группа пишет в форму: одно при одиночном выборе, набор — при множественном. */
+  type FormValue<T = string> = T | ReadonlyArray<T> | null | undefined;
+}
+/**
+ * Маркер своей разметки сегмента — того, что рисуется внутри кнопки на месте значка и подписи.
+ *
+ * Кнопка остаётся киту: нажатие, подсветка, недоступность, фокус и связь с формой. Потребитель даёт
+ * только содержимое — например картинку-превью раскладки — и получает опцию и признак, нажат ли
+ * сегмент.
+ *
+ * @example
+ * ```html
+ * <rt-toggle-button-group [options]="layouts" formControlName="layout">
+ *     <ng-template rtToggleButtonOption let-option let-active="active">
+ *         <img [src]="option.value + '.svg'" [alt]="option.label" />
+ *     </ng-template>
+ * </rt-toggle-button-group>
+ * ```
+ */
+export declare class RtToggleButtonOptionDirective<T = string> {
+  readonly templateRef: TemplateRef<IRtToggleButtonGroup.OptionContext<T>>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtToggleButtonOptionDirective<any>, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RtToggleButtonOptionDirective<any>, "[rtToggleButtonOption]", never, {}, {}, never, never, true, never>;
 }
 /**
  * Generic segmented control кита.
@@ -66,7 +108,11 @@ export declare namespace IRtToggleButtonGroup {
  * union'ы, enum'ы). Дефолт `string` нужен, чтобы шаблон-инстанцирование
  * без явного параметра компилировалось.
  */
-export declare class RtToggleButtonGroupComponent<T = string> {
+export declare class RtToggleButtonGroupComponent<T = string> implements ControlValueAccessor {
+  #private;
+  protected readonly isDisabled: Signal<boolean>;
+  /** Своя разметка сегмента; без неё кнопка рисует значок и подпись. */
+  protected readonly optionTpl: Signal<RtToggleButtonOptionDirective<T> | undefined>;
   protected readonly iconSize: Signal<IRtIcon.Size>;
   /**
    * Сегменты, готовые к отрисовке: подсветка и недоступность посчитаны здесь, а не в шаблоне.
@@ -93,12 +139,31 @@ export declare class RtToggleButtonGroupComponent<T = string> {
   readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
   /** Растягивает группу на всю ширину контейнера; опции делят ширину поровну. */
   readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput>;
+  /**
+   * Раскладка сегментов: одна строка, перенос на следующую или столбик. Перенос нужен длинным
+   * спискам во всплывающих окнах, столбик — спискам вроде дней недели.
+   */
+  readonly layout: InputSignal<IRtToggleButtonGroup.Layout>;
+  /**
+   * Вид группы: дорожка с сегментами или отдельные чипы. Вид — входом, а не классом потребителя:
+   * у чипов своя коробка пункта, свой просвет и своя подсветка, и класс снаружи до неё не достаёт.
+   */
+  readonly appearance: InputSignal<IRtToggleButtonGroup.Appearance>;
+  /**
+   * Галочка перед подписью выбранного пункта, как у фильтр-чипа Material. Выключена по умолчанию:
+   * в сегментах выбор и так виден подложкой, а место под галочку раздвигает пункт.
+   */
+  readonly checkmark: InputSignalWithTransform<boolean, BooleanInput>;
   readonly valueChange: OutputEmitterRef<T>;
   /**
    * Весь набор выбранного после нажатия, а не разница с прежним: разницу вызывающий сводит со
    * своим состоянием сам, и каждый сводит по-своему.
    */
   readonly valuesChange: OutputEmitterRef<ReadonlyArray<T>>;
+  writeValue(value: IRtToggleButtonGroup.FormValue<T>): void;
+  registerOnChange(fn: (value: IRtToggleButtonGroup.FormValue<T>) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(disabled: boolean): void;
   protected onOptionClick(item: IRtToggleButtonGroup.Rendered<T>): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtToggleButtonGroupComponent<any>, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtToggleButtonGroupComponent<any>, "rt-toggle-button-group", never, {
@@ -142,10 +207,25 @@ export declare class RtToggleButtonGroupComponent<T = string> {
       "required": false;
       "isSignal": true;
     };
+    "layout": {
+      "alias": "layout";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "checkmark": {
+      "alias": "checkmark";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "valueChange": "valueChange";
     "valuesChange": "valuesChange";
-  }, never, never, true, [{
+  }, ["optionTpl"], never, true, [{
     directive: typeof i1.RtRadiusDirective;
     inputs: {
       "radius": "radius";