@rt-tools/ui-kit-v2 0.38.0 → 0.39.1

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

@@ -1,5 +1,19 @@
 import * as i0 from "@angular/core";
-import { InputSignalWithTransform, Signal, TemplateRef } from "@angular/core";
+import { InputSignalWithTransform, OutputEmitterRef, Signal, TemplateRef } from "@angular/core";
+export declare namespace IRtToolbar {
+  /** Где нарисован слот отборов: в полосе широкого экрана или в панели узкого. */
+  type TFiltersPlace = 'bar' | 'panel';
+  /** Контекст шаблона `rtToolbarFilters`: полю в панели нужна подпись над ним, полю в полосе — нет. */
+  interface IFiltersContext {
+    $implicit: TFiltersPlace;
+  }
+  /** Данные панели отборов: шаблон слота и два нажатия подвала. */
+  interface IFiltersPanelData {
+    template: TemplateRef<IFiltersContext>;
+    reset: () => void;
+    apply: () => void;
+  }
+}
 /**
  * Маркер-директива для контента в левой секции тулбара.
  *
@@ -48,7 +62,35 @@ export declare class RtToolbarRightDirective {
   static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarRightDirective, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<RtToolbarRightDirective, "[rtToolbarRight]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Маркер-директива для отборов списка. На широком экране они стоят в левой секции после её
+ * содержимого, на узком — за кнопкой фильтров, которая открывает панель отборов. Контекст шаблона
+ * — место, где он нарисован: `bar` или `panel`.
+ *
+ * @example
+ * ```html
+ * <rt-toolbar [filtersActive]="hasFilter()" (filtersReset)="reset()">
+ *     <ng-template rtToolbarFilters let-place>
+ *         <rt-select [label]="place === 'panel' ? 'Статус' : null" … />
+ *     </ng-template>
+ * </rt-toolbar>
+ * ```
+ */
+export declare class RtToolbarFiltersDirective {
+  static ngTemplateContextGuard(_directive: RtToolbarFiltersDirective, context: unknown): context is IRtToolbar.IFiltersContext;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarFiltersDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RtToolbarFiltersDirective, "[rtToolbarFilters]", never, {}, {}, never, never, true, never>;
+}
 export declare class RtToolbarComponent {
+  #private;
+  protected readonly filtersLabel: Signal<string>;
+  /** Имя кнопки для скринридера: точку в углу он не видит, и включённый отбор назван словами. */
+  protected readonly filtersAriaLabel: Signal<string>;
+  protected readonly filtersTpl: Signal<TemplateRef<IRtToolbar.IFiltersContext> | undefined>;
+  /** Отборы ушли за кнопку: они объявлены, а место узкое. */
+  protected readonly collapsed: Signal<boolean>;
+  /** Отборы стоят в левой секции: они объявлены, а место широкое. */
+  protected readonly filtersInBar: Signal<boolean>;
   protected readonly leftTpl: Signal<TemplateRef<unknown> | undefined>;
   protected readonly centerTpl: Signal<TemplateRef<unknown> | undefined>;
   protected readonly rightTpl: Signal<TemplateRef<unknown> | undefined>;
@@ -58,6 +100,14 @@ export declare class RtToolbarComponent {
    * ≤768px, что для узкой шапки (напр. rt-chat) неверно.
    */
   readonly dense: InputSignalWithTransform<boolean, boolean | string>;
+  /** Включён хотя бы один отбор: кнопка фильтров узкого экрана несёт точку в углу значка. */
+  readonly filtersActive: InputSignalWithTransform<boolean, boolean | string>;
+  /** Нажата «Применить» панели отборов; панель после этого закрыта. */
+  readonly filtersApply: OutputEmitterRef<void>;
+  /** Нажата «Сбросить» панели отборов; панель остаётся открытой. */
+  readonly filtersReset: OutputEmitterRef<void>;
+  constructor();
+  protected openFilters(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtToolbarComponent, "rt-toolbar", never, {
     "dense": {
@@ -65,5 +115,32 @@ export declare class RtToolbarComponent {
       "required": false;
       "isSignal": true;
     };
-  }, {}, ["leftTpl", "centerTpl", "rightTpl"], never, true, never>;
+    "filtersActive": {
+      "alias": "filtersActive";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "filtersApply": "filtersApply";
+    "filtersReset": "filtersReset";
+  }, ["filtersTpl", "leftTpl", "centerTpl", "rightTpl"], never, true, never>;
+}
+/**
+ * Панель отборов полосы `rt-toolbar` на узком экране.
+ *
+ * Её поднимает кнопка фильтров полосы службой боковых панелей кита. В теле — слот
+ * `rtToolbarFilters` с контекстом `panel`; шапка — заголовок «Фильтры» и стрелка возврата, без
+ * надзаголовка и действий; подвал — «Сбросить» и «Применить» по краям. «Сбросить» сообщает о себе
+ * и оставляет панель открытой, «Применить» сообщает и закрывает, стрелка закрывает молча.
+ */
+export declare class RtToolbarFiltersAsideComponent {
+  #private;
+  protected readonly data: IRtToolbar.IFiltersPanelData;
+  protected readonly title: Signal<string>;
+  protected readonly resetLabel: Signal<string>;
+  protected readonly applyLabel: Signal<string>;
+  protected onReset(): void;
+  protected onApply(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarFiltersAsideComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtToolbarFiltersAsideComponent, "rt-toolbar-filters-aside", never, {}, {}, never, never, true, never>;
 }