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

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

@@ -57,6 +57,22 @@ export declare class RtAutocompleteComponent<TItem> extends RtFormControlBase<TI
   readonly itemTemplate: InputSignal<TemplateRef<{
     $implicit: TItem;
   }> | null>;
+  /**
+   * Подсказки грузятся: в панели строка со спиннером — вместо пустого результата при первой загрузке
+   * и под списком при подгрузке следующей страницы.
+   */
+  readonly loading: InputSignalWithTransform<boolean, BooleanInput>;
+  /** Свой текст пустого результата; `null` — подпись кита `uiNothingFound`. */
+  readonly emptyText: InputSignal<string | null>;
+  /** Своя разметка пустого результата; сильнее `emptyText`. Обстановка — набранная строка. */
+  readonly emptyTemplate: InputSignal<TemplateRef<{
+    $implicit: string;
+  }> | null>;
+  /**
+   * Панель долистали до конца — пора просить следующую страницу. Не приходит, пока идёт загрузка, и
+   * приходит один раз на каждую длину списка: прокрутка у дна до прихода страницы её не повторяет.
+   */
+  readonly scrolledToEnd: OutputEmitterRef<void>;
   readonly complete: OutputEmitterRef<IRtAutocomplete.CompleteEvent>;
   readonly itemSelect: OutputEmitterRef<TItem>;
   writeValue(value: TItem | null): void;
@@ -67,6 +83,8 @@ export declare class RtAutocompleteComponent<TItem> extends RtFormControlBase<TI
   protected onInput(event: Event): void;
   protected onFocus(): void;
   protected onBlur(): void;
+  /** Прокрутка панели: у дна — сообщить, что пора следующая страница. */
+  protected onPanelScroll(event: Event): void;
   protected onClosed(): void;
   protected onSelect(item: TItem): void;
   protected onInputKeydown(event: KeyboardEvent): void;
@@ -107,7 +125,23 @@ export declare class RtAutocompleteComponent<TItem> extends RtFormControlBase<TI
       "required": false;
       "isSignal": true;
     };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyText": {
+      "alias": "emptyText";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyTemplate": {
+      "alias": "emptyTemplate";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
+    "scrolledToEnd": "scrolledToEnd";
     "complete": "complete";
     "itemSelect": "itemSelect";
   }, never, never, true, [{

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

@@ -0,0 +1,71 @@
+import * as i0 from "@angular/core";
+import { InputSignal, InputSignalWithTransform, Signal } from "@angular/core";
+export declare namespace IRtBadge {
+  /** Значение пузырька: число или короткая строка; `null` — пузырька нет. */
+  type Value = string | number | null;
+  /** Что принимает вход: необязательное поле данных приходит `undefined`, и это тоже «нет». */
+  type ValueInput = Value | undefined;
+  /** Угол хоста, у которого стоит пузырёк: сверху или снизу, после или до содержимого. */
+  type Position = 'above-after' | 'above-before' | 'below-after' | 'below-before';
+  /** Ступень размера: `sm` — точка под короткое число, `md` — умолчание. */
+  type Size = 'sm' | 'md';
+  /** Цвет пузырька — заливка кнопочной палитры и её цвет текста. */
+  type Color = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
+}
+/**
+ * Пузырёк-счётчик на углу любого элемента: «Отели 12» у подписи вкладки, непрочитанные у пункта
+ * меню, отметка на дне календаря. Своей обёртки нет: директива ставится на сам элемент, и пузырёк
+ * встаёт в него последним узлом.
+ *
+ * С `rtBadgeOverlap` (умолчание) пузырёк накрывает угол хоста, как у значка; без него стоит рядом,
+ * за краем хоста, — так подпись не перекрывается. Пустое значение и `rtBadgeHidden` убирают его.
+ *
+ * Стили директивы подключены общим набором кита: своего представления у неё нет.
+ */
+export declare class RtBadgeDirective {
+  #private;
+  /** Текст пузырька: число как есть, пустая строка и `null` — пузырька нет. */
+  protected readonly text: Signal<string>;
+  protected readonly classes: Signal<readonly string[]>;
+  readonly rtBadge: InputSignalWithTransform<IRtBadge.Value, IRtBadge.ValueInput>;
+  /** Пузырёк накрывает угол хоста; без этого стоит рядом, за его краем. */
+  readonly rtBadgeOverlap: InputSignalWithTransform<boolean, unknown>;
+  readonly rtBadgeHidden: InputSignalWithTransform<boolean, unknown>;
+  readonly rtBadgePosition: InputSignal<IRtBadge.Position>;
+  readonly rtBadgeSize: InputSignal<IRtBadge.Size>;
+  readonly rtBadgeColor: InputSignal<IRtBadge.Color>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtBadgeDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RtBadgeDirective, "[rtBadge]", never, {
+    "rtBadge": {
+      "alias": "rtBadge";
+      "required": false;
+      "isSignal": true;
+    };
+    "rtBadgeOverlap": {
+      "alias": "rtBadgeOverlap";
+      "required": false;
+      "isSignal": true;
+    };
+    "rtBadgeHidden": {
+      "alias": "rtBadgeHidden";
+      "required": false;
+      "isSignal": true;
+    };
+    "rtBadgePosition": {
+      "alias": "rtBadgePosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "rtBadgeSize": {
+      "alias": "rtBadgeSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "rtBadgeColor": {
+      "alias": "rtBadgeColor";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -1,6 +1,6 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import * as i0 from "@angular/core";
-import { InputSignal, InputSignalWithTransform, Signal, WritableSignal } from "@angular/core";
+import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal } from "@angular/core";
 import { ControlValueAccessor } from "@angular/forms";
 import * as i1 from "@rt-tools/ui-kit-v2/radius";
 /**
@@ -20,6 +20,9 @@ import * as i1 from "@rt-tools/ui-kit-v2/radius";
  * и мирроринг входа затирал бы её слово — контрол, созданный отключённым,
  * оказывался бы кликабельным.
  *
+ * Без формы отметка ставится входом `checked`, а смена сообщается выходом `checkedChange` — так же,
+ * как у радиокнопки. Заданный вход решает раньше модели формы; выход приходит и при работе с формой.
+ *
  * `indeterminate` — чисто визуальное mixed-состояние; клик по нему разрешается
  * в `true` (стандартное поведение tri-state чекбокса).
  *
@@ -27,11 +30,15 @@ import * as i1 from "@rt-tools/ui-kit-v2/radius";
  */
 export declare class RtCheckboxComponent implements ControlValueAccessor {
   #private;
-  protected readonly isChecked: WritableSignal<boolean>;
+  protected readonly isChecked: Signal<boolean>;
   protected readonly isDisabled: Signal<boolean>;
   readonly inputId: InputSignal<string | null>;
   readonly ariaLabel: InputSignal<string | null>;
   readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+  /** Отметка без формы; не заданный вход оставляет решение форме. */
+  readonly checked: InputSignalWithTransform<boolean | null, BooleanInput | null | undefined>;
+  /** Отметку сменил человек: нажатием, пробелом или Enter. */
+  readonly checkedChange: OutputEmitterRef<boolean>;
   readonly indeterminate: InputSignalWithTransform<boolean, BooleanInput>;
   writeValue(value: boolean | null | undefined): void;
   registerOnChange(fn: (value: boolean) => void): void;
@@ -55,12 +62,19 @@ export declare class RtCheckboxComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "checked": {
+      "alias": "checked";
+      "required": false;
+      "isSignal": true;
+    };
     "indeterminate": {
       "alias": "indeterminate";
       "required": false;
       "isSignal": true;
     };
-  }, {}, never, ["*"], true, [{
+  }, {
+    "checkedChange": "checkedChange";
+  }, never, ["*"], true, [{
     directive: typeof i1.RtRadiusDirective;
     inputs: {
       "radius": "radius";

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

@@ -1,19 +1,26 @@
 import * as i0 from "@angular/core";
-import { DestroyRef, InputSignal, OnDestroy, OnInit, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
+import { DestroyRef, ElementRef, InputSignal, InputSignalWithTransform, ModelSignal, OnDestroy, OnInit, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
 import { AbstractControl } from "@angular/forms";
 import { ActivatedRoute, ActivatedRouteSnapshot, CanDeactivateFn, Params, Router } from "@angular/router";
 import { Observable } from "rxjs";
 import { IRtAsideUnsavedGuard } from "@rt-tools/ui-kit-v2/aside";
+/** Где стоит правая панель: поверх страницы в оверлее или колонкой рядом с содержимым. */
+export type TRtContainerRightMode = 'over' | 'side';
 /**
  * Multi-slot container с CSS-grid layout. Slot consumers wrap content в
  * `*rtContainerXxx` structural directives, контейнер подхватывает шаблоны через
  * `contentChild(..., { read: TemplateRef })` + рендерит через `*ngTemplateOutlet`.
  *
  * Slots: `header`, `leftSidenav`, `toolbarLeft/Center/Right`, `content` — живут в
- * CSS-grid. `rightSidenav` рендерится через CDK Overlay поверх grid'а (slide-in
- * side-sheet), а не как grid-cell — overlay переиспользует глобальные
+ * CSS-grid. `rightSidenav` по умолчанию (`rightMode="over"`) рендерится через CDK Overlay
+ * поверх grid'а (slide-in side-sheet) — overlay переиспользует глобальные
  * `rt-aside-overlay` / `rt-aside-backdrop` классы из rt-aside, чтобы анимация и
- * backdrop вели себя идентично программно открываемым asides.
+ * backdrop вели себя идентично программно открываемым asides. С `rightMode="side"` та же
+ * панель стоит колонкой справа от содержимого и сужает его; режим переключается на ходу,
+ * и при переключении содержимое панели создаётся заново на новом месте.
+ *
+ * Ширину правой панели задаёт `rightWidth` (без него — по содержимому), а с `rightResizable`
+ * у её левого края стоит ручка: ширину тянут указателем и двигают стрелками.
  *
  * Driver-directives (`[rtContainerLeftSidenavPanel/RightSidenavPanel]`) общаются с
  * контейнером через `RtContainerStateService` (для левой docked) и через
@@ -28,6 +35,13 @@ export declare class RtContainerComponent {
   protected readonly toolbarCenterTpl: Signal<TemplateRef<unknown> | undefined>;
   protected readonly toolbarRightTpl: Signal<TemplateRef<unknown> | undefined>;
   protected readonly contentTpl: Signal<TemplateRef<unknown> | undefined>;
+  /** Обёртка правой панели — ширина и ручка; ставится и в оверлей, и в колонку сетки. */
+  protected readonly rightPaneTpl: Signal<TemplateRef<unknown> | undefined>;
+  protected readonly rightCell: Signal<ElementRef<HTMLElement> | undefined>;
+  /** Ручку тянут: колонка панели гасит переход ширины. */
+  protected readonly rightResizing: WritableSignal<boolean>;
+  /** Ширина, которую рисует правая панель: вход в пределах, или `null` — по содержимому. */
+  protected readonly rightShownWidth: Signal<number | null>;
   /**
    * Поведение левого sidenav на мобилке (<=768px): `keep` — остаётся боковой
    * колонкой (по умолчанию, десктоп-стиль); `bottom` — сворачивается в нижний
@@ -41,21 +55,32 @@ export declare class RtContainerComponent {
    * каждая сама по себе (app-shell раскладка, напр. чаты бот-панели).
    */
   readonly height: InputSignal<'auto' | 'viewport'>;
+  /** `over` — правая панель поверх страницы (по умолчанию), `side` — колонкой рядом с содержимым. */
+  readonly rightMode: InputSignal<TRtContainerRightMode>;
+  /** Подложка под правой панелью в режиме `over`. Без неё страница остаётся доступной и не замирает. */
+  readonly rightBackdrop: InputSignalWithTransform<boolean, unknown>;
+  /** Ширина правой панели в пикселях; `null` — по содержимому, как прежде. Ручка пишет сюда. */
+  readonly rightWidth: ModelSignal<number | null>;
+  /** Ручка ширины у левого края правой панели. */
+  readonly rightResizable: InputSignalWithTransform<boolean, unknown>;
+  readonly rightMinWidth: InputSignalWithTransform<number, unknown>;
+  readonly rightMaxWidth: InputSignalWithTransform<number, unknown>;
   readonly backdropClick: OutputEmitterRef<void>;
   readonly rightOpened: OutputEmitterRef<void>;
   readonly rightClosed: OutputEmitterRef<void>;
   readonly rightOpen: WritableSignal<boolean>;
   /**
-   * `true` когда CDK Overlay для правой sidenav создан и attache'нут (см.
-   * effect в constructor'е). Дёргать panel.open() из консьюмера можно только
-   * когда это true — иначе openRight() видит null overlayRef и early-return'ит,
-   * --entering modifier остаётся, панель остаётся за экраном. Re-exposed на
-   * driver через `panel.ready` для удобства route-driven dialog'ов.
+   * `true` когда правой панели есть где открыться: в режиме `over` — CDK Overlay создан и
+   * attache'нут (см. effect в constructor'е), в режиме `side` — шаблон панели объявлен.
+   * Дёргать panel.open() из консьюмера можно только когда это true — иначе openRight()
+   * видит null overlayRef и early-return'ит, --entering modifier остаётся, панель остаётся за
+   * экраном. Re-exposed на driver через `panel.ready` для удобства route-driven dialog'ов.
    */
   readonly rightOverlayReady: Signal<boolean>;
   constructor();
   openRight(): void;
   closeRight(): void;
+  protected onRightWidth(width: number): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtContainerComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtContainerComponent, "rt-container", never, {
     "mobileLeftNav": {
@@ -68,7 +93,38 @@ export declare class RtContainerComponent {
       "required": false;
       "isSignal": true;
     };
+    "rightMode": {
+      "alias": "rightMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "rightBackdrop": {
+      "alias": "rightBackdrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "rightWidth": {
+      "alias": "rightWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "rightResizable": {
+      "alias": "rightResizable";
+      "required": false;
+      "isSignal": true;
+    };
+    "rightMinWidth": {
+      "alias": "rightMinWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "rightMaxWidth": {
+      "alias": "rightMaxWidth";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
+    "rightWidth": "rightWidthChange";
     "backdropClick": "backdropClick";
     "rightOpened": "rightOpened";
     "rightClosed": "rightClosed";

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { InputSignal, OutputEmitterRef, Signal, WritableSignal } from "@angular/core";
+import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, WritableSignal } from "@angular/core";
 import { IRtIcon } from "@rt-tools/ui-kit-v2/core";
 /**
  * Значение, которое человек переносит в другое место: номер обращения, ключ, идентификатор.
@@ -17,6 +17,11 @@ export declare class RtCopyValueComponent {
   readonly label: InputSignal<string>;
   /** Подсказка и имя кнопки в покое; пусто — переведённое «Copy». */
   readonly copyLabel: InputSignal<string>;
+  /**
+   * Значение переносится по строкам и прокручивается в своей высоте, а не режется многоточием:
+   * так копируют текст ошибки или журнал, который читают целиком.
+   */
+  readonly wrap: InputSignalWithTransform<boolean, unknown>;
   /** Значение ушло в буфер. */
   readonly copiedValue: OutputEmitterRef<string>;
   constructor();
@@ -38,6 +43,11 @@ export declare class RtCopyValueComponent {
       "required": false;
       "isSignal": true;
     };
+    "wrap": {
+      "alias": "wrap";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "copiedValue": "copiedValue";
   }, never, never, true, never>;