@rt-tools/ui-kit-v2 0.33.0 → 0.34.1

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,8 +189,77 @@ 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>;
 }
+/**
+ * Кривая CSS как функция доли времени в долю пути: `linear`, `ease`, `ease-in`, `ease-out`,
+ * `ease-in-out` и `cubic-bezier(…)`. Непонятное значение читается как `ease-out`.
+ */
+declare function rtTabsEasing(value: string): (progress: number) => number;
+/** Куда прокрутить полосу нажатием на стрелку: на шаг `step` от `from`, не дальше края. */
+declare function rtTabsPageTarget(list: HTMLElement, from: number, back: boolean, step: IRtTabs.ScrollStep): number;
+/**
+ * Куда прокрутить полосу, чтобы вкладка встала целиком; `null` — она уже видна целиком. `inset` —
+ * ширина стрелки поверх края полосы: вкладка не у конца полосы отступает от края на неё, иначе
+ * встала бы под стрелку.
+ */
+declare function rtTabsIntoViewTarget(list: HTMLElement, tab: HTMLElement, inset?: number): number | null;
+/**
+ * Плавная прокрутка полосы вкладок. Двигается сама прокрутка, а не сдвиг содержимого: колесо,
+ * касание и полоса прокрутки остаются у браузера. Длительность и кривая — свойства хоста
+ * `--rt-tabs-scroll-duration` и `--rt-tabs-scroll-easing`; ноль или `prefers-reduced-motion` —
+ * прокрутка сразу.
+ */
+declare class RtTabsScroller {
+  #private;
+  constructor(win: Window | null, host: HTMLElement, list: () => ElementRef<HTMLElement> | undefined);
+  /** Положение, от которого считать следующий шаг: цель идущей прокрутки или текущее. */
+  from(): number;
+  /** Прокручивает полосу к `left`; новая прокрутка заменяет идущую. */
+  to(left: number): void;
+  /**
+   * Тик прокрутки удержанием стрелки: сдвиг на несколько точек без плавности, остановив идущую.
+   * Отвечает, осталось ли куда ехать.
+   */
+  nudge(back: boolean): boolean;
+  /** Останавливает идущую прокрутку там, где она есть. */
+  stop(): void;
+}
+type TRtTabsScrollDirection = 'before' | 'after';
+/**
+ * Нажатие на стрелку прокрутки полосы. Отпущенная до `HOLD_DELAY_MS` стрелка сдвигает полосу на
+ * шаг `scrollStep`, удержанная дольше — прокручивает её непрерывно, пока не отпустят.
+ */
+declare class RtTabsArrowPress {
+  #private;
+  constructor(win: Window | null, scroller: RtTabsScroller, list: () => HTMLElement | undefined, step: () => IRtTabs.ScrollStep, moved: () => void);
+  /** Стрелку нажали: через `HOLD_DELAY_MS` нажатие становится удержанием. */
+  down(direction: TRtTabsScrollDirection): void;
+  /** Стрелку отпустили: короткое нажатие — шаг `scrollStep`, после удержания — только стоп. */
+  up(): void;
+  /** Снимает ожидание и интервал: указатель ушёл со стрелки или компонент разрушен с зажатой. */
+  stop(): void;
+}
 /**
  * Декларирует header-контрол `<rt-tabs>` — произвольный шаблон (кнопка, фильтр),
  * который рендерится слева или справа от полосы вкладок. Ставится на
@@ -150,7 +286,110 @@ export declare class RtTabsControlDirective {
     };
   }, {}, never, never, true, never>;
 }
-type TScrollDirection = 'before' | 'after';
+/** Признак, по которому пользователь просит обходиться без движения. */
+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>;
+  });
+}
 /**
  * Полоса вкладок с проекцией контента. Вкладки декларируются через
  * `<ng-template rtTab="id" label="…">…</ng-template>` (см. {@link RtTabDirective}),
@@ -162,11 +401,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 +433,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 +456,51 @@ 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 onRestPointerDown(direction: TScrollDirection, event: MouseEvent): void;
+  /** Крестик: нажатие не выбирает вкладку; фокус с крестика после закрытия уходит на вкладку, не на страницу. */
+  protected onCloseClick(event: MouseEvent, tab: RtTabDirective): void;
+  /**
+   * Навигация по вкладкам с клавиатуры. Шаг считается от вкладки в фокусе: в ручном режиме она
+   * не совпадает с активной. Enter и Space ловит сама кнопка — они дают click и выбор.
+   */
+  protected onTabKeydown(event: KeyboardEvent, tab: RtTabDirective): void;
+  /** Нажатие ЛКМ на стрелку: шаг или прокрутка по удержанию — {@link RtTabsArrowPress}. */
+  protected onRestPointerDown(direction: TRtTabsScrollDirection, event: MouseEvent): void;
   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 +524,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>;
 }