@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-filter-button.d.ts

@@ -1,215 +1,272 @@
-import * as _angular_core from '@angular/core';
-import { OnChanges, EventEmitter, ElementRef, ChangeDetectorRef, DestroyRef, SimpleChanges } from '@angular/core';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import * as i6 from '@testgorilla/tgo-ui/components/button';
-import { ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i7 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
-import * as i3 from '@angular/material/tooltip';
-import * as i4 from '@angular/cdk/overlay';
-import * as i8 from '@testgorilla/tgo-ui/components/checkbox';
-import * as i9 from '@testgorilla/tgo-ui/components/field';
-import * as i10 from '@testgorilla/tgo-ui/components/radio-button';
-
-type FilterValue = string | number;
-interface FilterButtonOption {
-    value: FilterValue;
-    label: string;
-    labelNumber?: number;
-    icon?: IconName;
-    sectionTitle?: string;
+import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
+import * as i0 from "@angular/core";
+import { ChangeDetectorRef, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from "@angular/core";
+import * as i6 from "@testgorilla/tgo-ui/components/button";
+import { ButtonIconPosition } from "@testgorilla/tgo-ui/components/button";
+import * as i5 from "@testgorilla/tgo-ui/components/core";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i7 from "@testgorilla/tgo-ui/components/icon";
+import { IconName } from "@testgorilla/tgo-ui/components/icon";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/cdk/overlay";
+import * as i8 from "@testgorilla/tgo-ui/components/checkbox";
+import * as i9 from "@testgorilla/tgo-ui/components/field";
+import * as i10 from "@testgorilla/tgo-ui/components/radio-button";
+export type FilterValue = string | number;
+export interface FilterButtonOption {
+  value: FilterValue;
+  label: string;
+  labelNumber?: number;
+  icon?: IconName;
+  sectionTitle?: string;
 }
-interface OptionChangeEvent {
-    selected: boolean;
-    option: FilterButtonOption;
+export interface OptionChangeEvent {
+  selected: boolean;
+  option: FilterButtonOption;
 }
-
 type FilterButtonRow = {
-    kind: 'header';
-    title: string;
+  kind: 'header';
+  title: string;
 } | {
-    kind: 'option';
-    option: FilterButtonOption;
+  kind: 'option';
+  option: FilterButtonOption;
 };
-declare class FilterButtonComponent implements OnChanges {
-    private readonly defaultAppTheme;
-    private readonly cdr;
-    class: string;
-    /**
-     * The button label when no value is selected.
-     *
-     * @type {string}
-     * @memberof FilterButtonComponent
-     */
+export declare class FilterButtonComponent implements OnChanges {
+  private readonly defaultAppTheme;
+  private readonly cdr;
+  class: string;
+  /**
+   * The button label when no value is selected.
+   *
+   * @type {string}
+   * @memberof FilterButtonComponent
+   */
+  label: string;
+  /**
+   * Optional message to display on the overflow bottom.
+   *
+   * @type {string}
+   * @memberof FilterButtonComponent
+   */
+  message?: string | undefined;
+  /**
+   * List of selected values.
+   *
+   * @type {string[]}
+   * @memberof FilterButtonComponent
+   */
+  value: FilterValue[];
+  /**
+   * Whether the component is disabled.
+   * Default: false.
+   *
+   * @type {boolean}
+   * @memberof FilterButtonComponent
+   */
+  disabled: boolean;
+  /**
+   * List of options.
+   *
+   * @type {OptionType}
+   * @memberof FilterButtonComponent
+   */
+  options: import("@angular/core").InputSignal<FilterButtonOption[]>;
+  /**
+   * Whether the user should be allowed to clear the values.
+   * Default: true.
+   *
+   * @type {boolean}
+   * @memberof FilterButtonComponent
+   */
+  allowClear: boolean;
+  /**
+   * Whether the user should be allowed to select single or multiple values.
+   * Default: false.
+   *
+   * @type {boolean}
+   * @memberof FilterButtonComponent
+   */
+  singleSelection?: boolean | undefined;
+  /**
+   * The icon name to display.
+   *
+   * @type {string}
+   * @memberof FilterButtonComponent
+   *
+   **/
+  iconName?: IconName;
+  /**
+   * The position of the icon.
+   * Default: 'right'.
+   *
+   * @type {ButtonIconPosition}
+   * @memberof FilterButtonComponent
+   */
+  iconPosition?: ButtonIconPosition;
+  /**
+   * Optional message to display if there are no options to select available
+   *
+   * @type {string}
+   * @memberof FilterButtonComponent
+   */
+  noOptionsMessage?: string | undefined;
+  /**
+   * Whether the button should stretch to fill its container, and the dropdown panel
+   * follow that width instead of the default 240px.
+   * The panel never shrinks below 240px, so a container narrower than that is safe.
+   * Default: false.
+   *
+   * @type {boolean}
+   * @memberof FilterButtonComponent
+   */
+  fullWidth: boolean;
+  testId: string | null;
+  ariaLabel: string;
+  get panelTestId(): string | null;
+  get resetButtonTestId(): string | null;
+  /**
+   * Emits the list of selected values when the selection changes.
+   *
+   * @type {EventEmitter<string[]>}
+   * @memberof FilterButtonComponent
+   */
+  changed: EventEmitter<FilterValue[]>;
+  /**
+   * Emits the option change event
+   *
+   * @type {EventEmitter<OptionChangeEvent>}
+   * @memberof FilterButtonComponent
+   */
+  optionChange: EventEmitter<OptionChangeEvent>;
+  /**
+   *
+   * Defines the application theme
+   *
+   * @type {ApplicationTheme}
+   * @memberof FilterButtonComponent
+   */
+  applicationTheme: ApplicationTheme$1;
+  get fullWidthClass(): boolean;
+  overlayContainer: ElementRef<HTMLElement>;
+  viewport?: CdkVirtualScrollViewport;
+  private readonly triggerOrigin?;
+  private readonly connectedOverlay?;
+  /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */
+  readonly ITEM_SIZE = 48;
+  readonly MAX_LIST_HEIGHT = 290;
+  readonly PANEL_MIN_WIDTH = 240;
+  readonly MATCH_TRIGGER_PANEL_CLASS = "ui-filter-button-panel-match-trigger";
+  isOpen: import("@angular/core").WritableSignal<boolean>;
+  displayedLabel: import("@angular/core").WritableSignal<string>;
+  tooltip: import("@angular/core").WritableSignal<string>;
+  search: import("@angular/core").WritableSignal<string>;
+  activeIndex: import("@angular/core").WritableSignal<number>;
+  showTooltip: {
+    [key: string]: boolean;
+  };
+  displayedOptions: import("@angular/core").Signal<{
+    sectionTitle: string;
+    value: FilterValue;
     label: string;
-    /**
-     * Optional message to display on the overflow bottom.
-     *
-     * @type {string}
-     * @memberof FilterButtonComponent
-     */
-    message?: string | undefined;
-    /**
-     * List of selected values.
-     *
-     * @type {string[]}
-     * @memberof FilterButtonComponent
-     */
-    value: FilterValue[];
-    /**
-     * Whether the component is disabled.
-     * Default: false.
-     *
-     * @type {boolean}
-     * @memberof FilterButtonComponent
-     */
-    disabled: boolean;
-    /**
-     * List of options.
-     *
-     * @type {OptionType}
-     * @memberof FilterButtonComponent
-     */
-    options: _angular_core.InputSignal<FilterButtonOption[]>;
-    /**
-     * Whether the user should be allowed to clear the values.
-     * Default: true.
-     *
-     * @type {boolean}
-     * @memberof FilterButtonComponent
-     */
-    allowClear: boolean;
-    /**
-     * Whether the user should be allowed to select single or multiple values.
-     * Default: false.
-     *
-     * @type {boolean}
-     * @memberof FilterButtonComponent
-     */
-    singleSelection?: boolean | undefined;
-    /**
-     * The icon name to display.
-     *
-     * @type {string}
-     * @memberof FilterButtonComponent
-     *
-     **/
-    iconName?: IconName;
-    /**
-     * The position of the icon.
-     * Default: 'right'.
-     *
-     * @type {ButtonIconPosition}
-     * @memberof FilterButtonComponent
-     */
-    iconPosition?: ButtonIconPosition;
-    /**
-     * Optional message to display if there are no options to select available
-     *
-     * @type {string}
-     * @memberof FilterButtonComponent
-     */
-    noOptionsMessage?: string | undefined;
-    /**
-     * Whether the button should stretch to fill its container, and the dropdown panel
-     * follow that width instead of the default 240px.
-     * The panel never shrinks below 240px, so a container narrower than that is safe.
-     * Default: false.
-     *
-     * @type {boolean}
-     * @memberof FilterButtonComponent
-     */
-    fullWidth: boolean;
-    testId: string | null;
-    ariaLabel: string;
-    get panelTestId(): string | null;
-    get resetButtonTestId(): string | null;
-    /**
-     * Emits the list of selected values when the selection changes.
-     *
-     * @type {EventEmitter<string[]>}
-     * @memberof FilterButtonComponent
-     */
-    changed: EventEmitter<FilterValue[]>;
-    /**
-     * Emits the option change event
-     *
-     * @type {EventEmitter<OptionChangeEvent>}
-     * @memberof FilterButtonComponent
-     */
-    optionChange: EventEmitter<OptionChangeEvent>;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof FilterButtonComponent
-     */
-    applicationTheme: ApplicationTheme;
-    get fullWidthClass(): boolean;
-    overlayContainer: ElementRef<HTMLElement>;
-    viewport?: CdkVirtualScrollViewport;
-    private readonly triggerOrigin?;
-    private readonly connectedOverlay?;
-    /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */
-    readonly ITEM_SIZE = 48;
-    readonly MAX_LIST_HEIGHT = 290;
-    readonly PANEL_MIN_WIDTH = 240;
-    readonly MATCH_TRIGGER_PANEL_CLASS = "ui-filter-button-panel-match-trigger";
-    isOpen: _angular_core.WritableSignal<boolean>;
-    displayedLabel: _angular_core.WritableSignal<string>;
-    tooltip: _angular_core.WritableSignal<string>;
-    search: _angular_core.WritableSignal<string>;
-    activeIndex: _angular_core.WritableSignal<number>;
-    showTooltip: {
-        [key: string]: boolean;
+    labelNumber?: number;
+    icon?: IconName;
+  }[]>;
+  flatOptions: import("@angular/core").Signal<FilterButtonRow[]>;
+  optionCount: import("@angular/core").Signal<number>;
+  activeOption: import("@angular/core").Signal<FilterButtonOption | undefined>;
+  activePosition: import("@angular/core").Signal<number>;
+  listHeight: import("@angular/core").Signal<number>;
+  protected trackByRow: (_index: number, row: FilterButtonRow) => string;
+  readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;
+  protected translationContext: string;
+  private readonly searchInput$;
+  constructor(defaultAppTheme: ApplicationTheme$1, cdr: ChangeDetectorRef, destroyRef: DestroyRef);
+  private syncPanelWidth;
+  ngOnChanges(changes: SimpleChanges): void;
+  clearValue(): void;
+  outsideClick(): void;
+  toggle(): void;
+  isSelected(value?: FilterValue): boolean;
+  optionChanged(selected: boolean, option: FilterButtonOption): void;
+  onSearchChange(value: string): void;
+  keyDownHandler(ev: KeyboardEvent): void;
+  onLabelEllipsisChange(isEllipsis: boolean, value: FilterValue): void;
+  private firstOptionIndex;
+  private moveActive;
+  private toggleActiveOption;
+  private updateLabel;
+  static ɵfac: i0.ɵɵFactoryDeclaration<FilterButtonComponent, [{
+    optional: true;
+  }, null, null]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+    };
+    "message": {
+      "alias": "message";
+      "required": false;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "allowClear": {
+      "alias": "allowClear";
+      "required": false;
+    };
+    "singleSelection": {
+      "alias": "singleSelection";
+      "required": false;
+    };
+    "iconName": {
+      "alias": "iconName";
+      "required": false;
+    };
+    "iconPosition": {
+      "alias": "iconPosition";
+      "required": false;
+    };
+    "noOptionsMessage": {
+      "alias": "noOptionsMessage";
+      "required": false;
+    };
+    "fullWidth": {
+      "alias": "fullWidth";
+      "required": false;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
     };
-    displayedOptions: _angular_core.Signal<{
-        sectionTitle: string;
-        value: FilterValue;
-        label: string;
-        labelNumber?: number;
-        icon?: IconName;
-    }[]>;
-    flatOptions: _angular_core.Signal<FilterButtonRow[]>;
-    optionCount: _angular_core.Signal<number>;
-    activeOption: _angular_core.Signal<FilterButtonOption | undefined>;
-    activePosition: _angular_core.Signal<number>;
-    listHeight: _angular_core.Signal<number>;
-    protected trackByRow: (_index: number, row: FilterButtonRow) => string;
-    readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;
-    protected translationContext: string;
-    private readonly searchInput$;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, destroyRef: DestroyRef);
-    private syncPanelWidth;
-    ngOnChanges(changes: SimpleChanges): void;
-    clearValue(): void;
-    outsideClick(): void;
-    toggle(): void;
-    isSelected(value?: FilterValue): boolean;
-    optionChanged(selected: boolean, option: FilterButtonOption): void;
-    onSearchChange(value: string): void;
-    keyDownHandler(ev: KeyboardEvent): void;
-    onLabelEllipsisChange(isEllipsis: boolean, value: FilterValue): void;
-    private firstOptionIndex;
-    private moveActive;
-    private toggleActiveOption;
-    private updateLabel;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterButtonComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; "optionChange": "optionChange"; }, never, never, true, never>;
-    static ngAcceptInputType_fullWidth: unknown;
+  }, {
+    "changed": "changed";
+    "optionChange": "optionChange";
+  }, never, never, true, never>;
+  static ngAcceptInputType_fullWidth: unknown;
 }
-
-declare class FilterButtonComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterButtonComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FilterButtonComponentModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.MatTooltipModule, typeof i4.OverlayModule, typeof i5.UiTranslatePipe, typeof i6.ButtonComponentModule, typeof i7.IconComponentModule, typeof i8.CheckboxComponentModule, typeof i9.FieldComponentModule, typeof i5.EllipseTextDirective, typeof i10.RadioButtonComponentModule, typeof FilterButtonComponent], [typeof FilterButtonComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FilterButtonComponentModule>;
+export declare class FilterButtonComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<FilterButtonComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<FilterButtonComponentModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.MatTooltipModule, typeof i4.OverlayModule, typeof i5.UiTranslatePipe, typeof i6.ButtonComponentModule, typeof i7.IconComponentModule, typeof i8.CheckboxComponentModule, typeof i9.FieldComponentModule, typeof i5.EllipseTextDirective, typeof i10.RadioButtonComponentModule, typeof FilterButtonComponent], [typeof FilterButtonComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<FilterButtonComponentModule>;
 }
-
-export { FilterButtonComponent, FilterButtonComponentModule };
-export type { FilterButtonOption, FilterValue, OptionChangeEvent };
+export { ApplicationTheme };