@rt-tools/ui-kit-v2 0.34.3 → 0.34.4

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

@@ -1,6 +1,7 @@
 import { BooleanInput, NumberInput } from "@angular/cdk/coercion";
 import * as i0 from "@angular/core";
-import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal } from "@angular/core";
+import { ElementRef, InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal } from "@angular/core";
+import { RouterLink } from "@angular/router";
 import { IRtIcon } from "@rt-tools/ui-kit-v2/core";
 import * as i1 from "@rt-tools/ui-kit-v2/radius";
 /**
@@ -19,11 +20,14 @@ export declare namespace IRtIconButton {
   type Size = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
   /** HTML-тип нативного `<button>`. */
   type Type = 'button' | 'submit';
+  /** Какую панель открывает кнопка — значения `aria-haspopup`. */
+  type HasPopup = 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
 }
 /**
  * Универсальная icon-only кнопка кита.
  *
- * Рендерит свой собственный `<button type="...">` внутри template (НЕ host-button).
+ * Рендерит свой собственный `<button type="...">` внутри template (НЕ host-button), а с входом
+ * `link` — ссылку `<a>` с тем же видом: её можно открыть в новой вкладке, и скринридер называет её ссылкой.
  * Все цвета и размеры — через семантические `--rt-*` токены; геометрия квадрата
  * берётся из `--rt-icon-button-size`, а без него — из шага `size`. Свойство, заданное на теге
  * `<rt-icon-button>` или выше, доходит до кнопки; так же и `--rt-icon-button-bg`.
@@ -44,6 +48,14 @@ export declare class RtIconButtonComponent {
    * должна остаться большой — в неё целятся пальцем.
    */
   protected readonly resolvedIconSize: Signal<IRtIcon.Size>;
+  protected readonly buttonEl: Signal<ElementRef<HTMLButtonElement> | undefined>;
+  protected readonly linkEl: Signal<ElementRef<HTMLAnchorElement> | undefined>;
+  /** Компонент рисует ссылку: задан `link`. */
+  protected readonly isLink: Signal<boolean>;
+  /** Адрес ссылки: у недоступной или загружающейся его нет, и ссылка никуда не ведёт. */
+  protected readonly linkTarget: Signal<RouterLink['routerLink']>;
+  /** Недоступная ссылка выпадает из порядка Tab, как отключённая кнопка. */
+  protected readonly linkTabIndex: Signal<number>;
   /** Кнопка отключена, если установлен disabled ИЛИ loading. */
   protected readonly isDisabled: Signal<boolean>;
   /**
@@ -110,10 +122,24 @@ export declare class RtIconButtonComponent {
    * кнопка ничего не раскрывает, и атрибута нет.
    */
   readonly expanded: InputSignal<boolean | null>;
+  /**
+   * Какую панель открывает кнопка — превращается в `aria-haspopup`: `'menu'` у кнопки, которая
+   * раскрывает меню. `null` — атрибута нет.
+   */
+  readonly ariaHaspopup: InputSignal<IRtIconButton.HasPopup | null>;
+  /**
+   * Команды маршрута приложения, как у `routerLink`. Задан — компонент рисует ссылку `<a href>` с тем
+   * же видом, подсказкой и рябью: Ctrl/Cmd-click, Shift-click, средняя кнопка и контекстное меню
+   * браузера открывают её в новой вкладке или окне. `type`, `active` и `aria-pressed` у ссылки не
+   * пишутся. `null` — обычная кнопка.
+   */
+  readonly link: InputSignal<RouterLink['routerLink']>;
   /** Бейдж-индикатор (dot top-right через BEM-модификатор). */
   readonly indicator: InputSignalWithTransform<boolean, BooleanInput>;
   /** Эмиттит MouseEvent при клике (только когда не disabled и не loading). */
   readonly clicked: OutputEmitterRef<MouseEvent>;
+  /** Фокусирует кнопку или ссылку внутри — например, когда закрылось меню, которое она открыла. */
+  focus(options?: FocusOptions): void;
   protected onClick(event: MouseEvent): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtIconButtonComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtIconButtonComponent, "rt-icon-button", never, {
@@ -197,6 +223,16 @@ export declare class RtIconButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "ariaHaspopup": {
+      "alias": "ariaHaspopup";
+      "required": false;
+      "isSignal": true;
+    };
+    "link": {
+      "alias": "link";
+      "required": false;
+      "isSignal": true;
+    };
     "indicator": {
       "alias": "indicator";
       "required": false;

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

@@ -84,6 +84,8 @@ export declare class RtInputComponent extends RtFormControlBase<string> {
    * Поэтому расхождение с полем пишется в него сразу.
    */
   writeValue(value: string | null): void;
+  /** Фокусирует поле ввода внутри — например, поиск, когда открылась его панель. */
+  focus(options?: FocusOptions): void;
   protected getEmptyValue(): string;
   protected focusAfterClear(): void;
   /**