@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/types/testgorilla-tgo-ui-components-dropdown.d.ts

@@ -1,246 +1,340 @@
-import * as i0 from '@angular/core';
-import { OnInit, DoCheck, OnChanges, AfterViewInit, EventEmitter, TemplateRef, SimpleChanges } from '@angular/core';
-import * as i5 from '@angular/forms';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { MatOption } from '@angular/material/core';
-import * as i2 from '@angular/material/form-field';
-import { FloatLabelType } from '@angular/material/form-field';
-import * as i7 from '@angular/material/select';
-import { MatSelect, MatSelectChange } from '@angular/material/select';
-import * as i8 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i4 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i1 from '@angular/common';
-import * as i3 from '@angular/material/input';
-import * as i6 from '@testgorilla/tgo-ui/components/button';
-import * as i9 from '@testgorilla/tgo-ui/components/validation-error';
-
-type OptionType = {
-    value?: string;
-    displayValue?: string;
-    sectionTitle?: string;
-    isAISuggested?: boolean;
+import * as i0 from "@angular/core";
+import { AfterViewInit, DoCheck, EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
+import * as i5 from "@angular/forms";
+import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { MatOption } from "@angular/material/core";
+import * as i2 from "@angular/material/form-field";
+import { FloatLabelType } from "@angular/material/form-field";
+import * as i7 from "@angular/material/select";
+import { MatSelect, MatSelectChange } from "@angular/material/select";
+import * as i8 from "@testgorilla/tgo-ui/components/core";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i4 from "@testgorilla/tgo-ui/components/icon";
+import { IconName } from "@testgorilla/tgo-ui/components/icon";
+import * as i1 from "@angular/common";
+import * as i3 from "@angular/material/input";
+import * as i6 from "@testgorilla/tgo-ui/components/button";
+import * as i9 from "@testgorilla/tgo-ui/components/validation-error";
+export type OptionType = {
+  value?: string;
+  displayValue?: string;
+  sectionTitle?: string;
+  isAISuggested?: boolean;
 } & Record<string, unknown>;
-
 /** The dropdown's form value: a single option value, or an array for multi-select. */
 type DropdownValue = string | string[] | null | undefined;
-declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {
-    class: string;
-    findValueByValueField: (item: OptionType) => boolean;
-    /**
-     * Text content will be applied to the input element if present.
-     *
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    label?: string | undefined;
-    /**
-     * Icon to display alongside the label
-     *
-     * @type {IconName}
-     * @memberof DropdownComponent
-     */
-    labelIcon?: IconName;
-    /**
-     * Indicates if this field is filled by AI
-     *
-     * @type {boolean}
-     * @memberof DropdownComponent
-     */
-    isAIVariant: boolean;
-    /**
-     * Input name attribute
-     *
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    name: string;
-    /**
-     * Placeholder to be shown if no value has been selected.
-     *
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    placeholder: string;
-    /**
-     * Unique id of the element.
-     *
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    id?: string | undefined;
-    testId: string | null;
-    ariaLabel: string;
-    /**
-     * Input value
-     *
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    value?: string;
-    /**
-     * Whether the component is in an error state.
-     *
-     * @type {string[]}
-     * @memberof DropdownComponent
-     */
-    errors?: string[];
-    /**
-     * Whether the component is disabled.
-     * Default: false.
-     *
-     * @type {boolean}
-     * @memberof DropdownComponent
-     */
-    disabled: boolean;
-    /**
-     * List of options.
-     *
-     * @type {OptionType}
-     * @memberof DropdownComponent
-     */
-    valueList: OptionType[];
-    /**
-     * Whether the user should be allowed to clear the values.
-     * Default: true.
-     *
-     * @type {boolean}
-     * @memberof DropdownComponent
-     */
-    allowClear: boolean;
-    /**
-     * This will allow the user to select multiple values at once.
-     * Default: true.
-     *
-     * @type {boolean}
-     * @memberof DropdownComponent
-     */
-    allowMultipleSelection?: boolean | undefined;
-    /**
-     * Whether the component is required.
-     * Default: false.
-     *
-     * @type {boolean}
-     * @memberof DropdownComponent
-     */
-    required: boolean;
-    /**
-     * Show reserved content below form field
-     * @property showBottomContent
-     * @type {boolean}
-     * @memberof DropdownComponent
-     */
-    showBottomContent: boolean;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof DropdownComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     * Hide in build errors for Reactive Forms
-     *
-     * @type {number}
-     * @memberof DropdownComponent
-     */
-    hideBuiltInErrors: boolean;
-    /**
-     * Hide label in errors
-     *
-     * @type {number}
-     * @memberof DropdownComponent
-     */
-    hideLabelInErrors: boolean;
-    /**
-     * @property textField
-     * @description The field to be used as the display text in the dropdown.
-     * @memberof DropdownComponent
-     */
-    textField: string;
-    /**
-     * @property valueField
-     * @description The field to be used as the value in the dropdown.
-     * @memberof DropdownComponent
-     */
-    valueField: string;
-    hasError: boolean;
-    /**
-     * Color of the option hover.
-     * Defaults to Test Gorilla primary color.
-     *
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    companyColor: string;
-    /**
-     * Class to be applied to the panel.
-     * @type {string}
-     * @memberof DropdownComponent
-     */
-    panelClass: string;
-    closed: EventEmitter<void>;
-    opened: EventEmitter<void>;
-    matSelect: MatSelect;
-    customOptionTemplate: TemplateRef<unknown> | null;
-    customSelectedOptionTemplate: TemplateRef<unknown> | null;
-    onTabPress(): void;
-    /**
-     * @ignore
-     */
-    onChange: (value: DropdownValue) => void;
-    /**
-     * @ignore
-     */
-    onTouch: () => void;
-    private readonly defaultAppTheme;
-    private readonly cdr;
-    ngControl: NgControl | null;
-    private readonly renderer2;
-    private readonly focusMonitor;
-    private readonly destroyRef;
-    private readonly ngZone;
-    constructor();
-    floatLabel: FloatLabelType;
-    classError: string;
-    errorsLength: boolean;
-    showCheck: boolean;
-    optionSelected: MatOption | null;
-    keyboardFocused: i0.WritableSignal<boolean>;
-    isOpen: i0.WritableSignal<boolean>;
-    /**
-     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
-     * to display validation errors that might happen (e.g. required)
-     */
-    ngDoCheck(): void;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    clearValue(event: Event): void;
-    onChangeOption(event: MatSelectChange): void;
-    setErrorsLength(): boolean;
-    writeValue(value?: string): void;
-    registerOnChange(fn: (value: DropdownValue) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    onClosed(): void;
-    onOpened(): void;
-    setStyleVariable(): void;
-    onKeydown($event: KeyboardEvent): void;
-    private handleArrowNavigation;
-    private handleSelectionKey;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customOptionTemplate", "customSelectedOptionTemplate"], never, true, never>;
+export declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {
+  class: string;
+  findValueByValueField: (item: OptionType) => boolean;
+  /**
+   * Text content will be applied to the input element if present.
+   *
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  label?: string | undefined;
+  /**
+   * Icon to display alongside the label
+   *
+   * @type {IconName}
+   * @memberof DropdownComponent
+   */
+  labelIcon?: IconName;
+  /**
+   * Indicates if this field is filled by AI
+   *
+   * @type {boolean}
+   * @memberof DropdownComponent
+   */
+  isAIVariant: boolean;
+  /**
+   * Input name attribute
+   *
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  name: string;
+  /**
+   * Placeholder to be shown if no value has been selected.
+   *
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  placeholder: string;
+  /**
+   * Unique id of the element.
+   *
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  id?: string | undefined;
+  testId: string | null;
+  ariaLabel: string;
+  /**
+   * Input value
+   *
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  value?: string;
+  /**
+   * Whether the component is in an error state.
+   *
+   * @type {string[]}
+   * @memberof DropdownComponent
+   */
+  errors?: string[];
+  /**
+   * Whether the component is disabled.
+   * Default: false.
+   *
+   * @type {boolean}
+   * @memberof DropdownComponent
+   */
+  disabled: boolean;
+  /**
+   * List of options.
+   *
+   * @type {OptionType}
+   * @memberof DropdownComponent
+   */
+  valueList: OptionType[];
+  /**
+   * Whether the user should be allowed to clear the values.
+   * Default: true.
+   *
+   * @type {boolean}
+   * @memberof DropdownComponent
+   */
+  allowClear: boolean;
+  /**
+   * This will allow the user to select multiple values at once.
+   * Default: true.
+   *
+   * @type {boolean}
+   * @memberof DropdownComponent
+   */
+  allowMultipleSelection?: boolean | undefined;
+  /**
+   * Whether the component is required.
+   * Default: false.
+   *
+   * @type {boolean}
+   * @memberof DropdownComponent
+   */
+  required: boolean;
+  /**
+   * Show reserved content below form field
+   * @property showBottomContent
+   * @type {boolean}
+   * @memberof DropdownComponent
+   */
+  showBottomContent: boolean;
+  /**
+   *
+   * Defines the application theme
+   *
+   * @type {ApplicationTheme}
+   * @memberof DropdownComponent
+   */
+  applicationTheme: ApplicationTheme$1;
+  /**
+   * Hide in build errors for Reactive Forms
+   *
+   * @type {number}
+   * @memberof DropdownComponent
+   */
+  hideBuiltInErrors: boolean;
+  /**
+   * Hide label in errors
+   *
+   * @type {number}
+   * @memberof DropdownComponent
+   */
+  hideLabelInErrors: boolean;
+  /**
+   * @property textField
+   * @description The field to be used as the display text in the dropdown.
+   * @memberof DropdownComponent
+   */
+  textField: string;
+  /**
+   * @property valueField
+   * @description The field to be used as the value in the dropdown.
+   * @memberof DropdownComponent
+   */
+  valueField: string;
+  hasError: boolean;
+  /**
+   * Color of the option hover.
+   * Defaults to Test Gorilla primary color.
+   *
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  companyColor: string;
+  /**
+   * Class to be applied to the panel.
+   * @type {string}
+   * @memberof DropdownComponent
+   */
+  panelClass: string;
+  closed: EventEmitter<void>;
+  opened: EventEmitter<void>;
+  matSelect: MatSelect;
+  customOptionTemplate: TemplateRef<unknown> | null;
+  customSelectedOptionTemplate: TemplateRef<unknown> | null;
+  onTabPress(): void;
+  /**
+   * @ignore
+   */
+  onChange: (value: DropdownValue) => void;
+  /**
+   * @ignore
+   */
+  onTouch: () => void;
+  private readonly defaultAppTheme;
+  private readonly cdr;
+  ngControl: NgControl | null;
+  private readonly renderer2;
+  private readonly focusMonitor;
+  private readonly destroyRef;
+  private readonly ngZone;
+  constructor();
+  floatLabel: FloatLabelType;
+  classError: string;
+  errorsLength: boolean;
+  showCheck: boolean;
+  optionSelected: MatOption | null;
+  keyboardFocused: import("@angular/core").WritableSignal<boolean>;
+  isOpen: import("@angular/core").WritableSignal<boolean>;
+  /**
+   * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+   * to display validation errors that might happen (e.g. required)
+   */
+  ngDoCheck(): void;
+  ngOnInit(): void;
+  ngOnChanges(changes: SimpleChanges): void;
+  ngAfterViewInit(): void;
+  clearValue(event: Event): void;
+  onChangeOption(event: MatSelectChange): void;
+  setErrorsLength(): boolean;
+  writeValue(value?: string): void;
+  registerOnChange(fn: (value: DropdownValue) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  onClosed(): void;
+  onOpened(): void;
+  setStyleVariable(): void;
+  onKeydown($event: KeyboardEvent): void;
+  private handleArrowNavigation;
+  private handleSelectionKey;
+  static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+    };
+    "labelIcon": {
+      "alias": "labelIcon";
+      "required": false;
+    };
+    "isAIVariant": {
+      "alias": "isAIVariant";
+      "required": false;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+    };
+    "errors": {
+      "alias": "errors";
+      "required": false;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+    };
+    "valueList": {
+      "alias": "valueList";
+      "required": false;
+    };
+    "allowClear": {
+      "alias": "allowClear";
+      "required": false;
+    };
+    "allowMultipleSelection": {
+      "alias": "allowMultipleSelection";
+      "required": false;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+    };
+    "showBottomContent": {
+      "alias": "showBottomContent";
+      "required": false;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+    };
+    "hideBuiltInErrors": {
+      "alias": "hideBuiltInErrors";
+      "required": false;
+    };
+    "hideLabelInErrors": {
+      "alias": "hideLabelInErrors";
+      "required": false;
+    };
+    "textField": {
+      "alias": "textField";
+      "required": false;
+    };
+    "valueField": {
+      "alias": "valueField";
+      "required": false;
+    };
+    "hasError": {
+      "alias": "hasError";
+      "required": false;
+    };
+    "companyColor": {
+      "alias": "companyColor";
+      "required": false;
+    };
+    "panelClass": {
+      "alias": "panelClass";
+      "required": false;
+    };
+  }, {
+    "closed": "closed";
+    "opened": "opened";
+  }, ["customOptionTemplate", "customSelectedOptionTemplate"], never, true, never>;
 }
-
-declare class DropdownComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, never, [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonComponentModule, typeof i7.MatSelectModule, typeof i8.UiTranslatePipe, typeof i9.ValidationErrorModule, typeof i8.HasValidationErrorPipe, typeof DropdownComponent], [typeof DropdownComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
+export declare class DropdownComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, never, [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonComponentModule, typeof i7.MatSelectModule, typeof i8.UiTranslatePipe, typeof i9.ValidationErrorModule, typeof i8.HasValidationErrorPipe, typeof DropdownComponent], [typeof DropdownComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
 }
-
-export { DropdownComponent, DropdownComponentModule };
-export type { OptionType };
+export { ApplicationTheme };