@testgorilla/tgo-ui 7.13.2 → 8.0.0

package/components/dialog/index.d.ts

@@ -1,5 +1,308 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/dialog" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, AfterViewInit, EventEmitter, SimpleChanges } from '@angular/core';
+import * as i3 from '@angular/material/dialog';
+import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material/dialog';
+import * as i5 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, Language } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i4 from '@testgorilla/tgo-ui/components/button';
+import { ButtonColor, ButtonIconPosition, ButtonComponent } from '@testgorilla/tgo-ui/components/button';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@angular/common';
+import { ComponentType } from '@angular/cdk/portal';
+
+declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
+    private readonly defaultAppTheme;
+    dialogRef: MatDialogRef<DialogComponent>;
+    private data;
+    /**
+     * Dialog title
+     *
+     * @memberof DialogComponent
+     */
+    title?: string | undefined;
+    /**
+     * Show close button
+     *
+     * @memberof DialogComponent
+     */
+    showCloseButton: boolean;
+    /**
+     * Fuction called before dialgo is closed
+     *
+     * @memberof DialogComponent
+     */
+    canCloseFn: () => boolean;
+    /**
+     * Secondary button label
+     *
+     * @memberof DialogComponent
+     */
+    secondaryButtonLabel?: string | undefined;
+    /**
+     * Footer dialog message
+     *
+     * @memberof DialogComponent
+     */
+    footerMessage?: string | undefined;
+    /**
+     * Primary button label
+     *
+     * @memberof DialogComponent
+     */
+    primaryButtonLabel?: string | undefined;
+    /**
+     * Primary button icon name
+     *
+     * @memberof DialogComponent
+     */
+    primaryButtonIconName?: IconName | '';
+    /**
+     * Secondary button type
+     *
+     * @memberof DialogComponent
+     */
+    secondaryButtonType: ButtonColor;
+    /**
+     * Primary button type
+     *
+     * @memberof DialogComponent
+     */
+    primaryButtonType: ButtonColor;
+    /**
+     * Primary button test id
+     *
+     * @memberof DialogComponent
+     */
+    primaryButtonDataTestId: string | null;
+    /**
+     * Secondary button test id
+     *
+     * @memberof DialogComponent
+     */
+    secondaryButtonDataTestId: string | null;
+    /**
+     * Color of the dialog.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof DialogComponent
+     */
+    companyColor: string | null;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof DialogComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Disable primary button
+     *
+     * @type {boolean}
+     * @memberof DialogComponent
+     */
+    disablePrimaryButton: boolean;
+    /**
+     *
+     * Disable close button
+     *
+     * @type {boolean}
+     * @memberof DialogComponent
+     */
+    disableClose: boolean;
+    /**
+     *
+     * Disable button when canCloseFn is used
+     *
+     * @type {boolean}
+     * @memberof DialogComponent
+     */
+    shouldDisableButtons: boolean;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof DialogComponent
+     */
+    ariaLabelledby: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof DialogComponent
+     */
+    ariaDescribedby: string;
+    /**
+     * Defines how modal was opened (with keyboard or not)
+     *
+     * @type {boolean}
+     * @memberof DialogComponent
+     */
+    keyboardOpen: boolean;
+    primaryButtonIconPosition: i0.InputSignal<ButtonIconPosition>;
+    closeEvent: EventEmitter<Event>;
+    secondaryButtonClickEvent: EventEmitter<Event>;
+    primaryButtonClickEvent: EventEmitter<Event>;
+    closeButton: ButtonComponent;
+    modalClosed: boolean;
+    onEsc(): void;
+    constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<DialogComponent>, data: {
+        applicationTheme: ApplicationTheme;
+    });
+    disableButtons: boolean;
+    protected readonly translationContext = "DIALOG.";
+    customHeader?: any;
+    get hasCustomHeader(): boolean;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    areButtonsDisabled(): void;
+    dismiss(): void;
+    onClose(event: Event): void;
+    onSecondaryButtonClick(event: Event): void;
+    onPrimaryButtonClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "footerMessage": { "alias": "footerMessage"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonDataTestId": { "alias": "primaryButtonDataTestId"; "required": false; }; "secondaryButtonDataTestId": { "alias": "secondaryButtonDataTestId"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; "isSignal": true; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, ["customHeader"], ["[dialogHeader]", "*"], false, never>;
+}
+
+declare class DialogComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogComponentModule, [typeof DialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof i5.UiTranslatePipe], [typeof DialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DialogComponentModule>;
+}
+
+type DialogSize = 'small' | 'large' | 'x-large';
+declare class DialogService {
+    private matDialog;
+    private readonly defaultAppTheme;
+    constructor(matDialog: MatDialog, defaultAppTheme: ApplicationTheme);
+    open<K = any, R = any, T = any>(dialogComponent: ComponentType<T>, dialogConfig?: DialogConfig<K>): MatDialogRef<T, R>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, [null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}
+
+interface DialogConfig<T = any> {
+    applicationTheme?: ApplicationTheme;
+    size?: DialogSize;
+    panelClass?: string;
+    extraData?: T;
+    backdropClass?: string;
+    keyboardOpen?: boolean;
+    config?: MatDialogConfig;
+}
+
+interface ConfirmDialogData {
+    message?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    title?: string;
+    color?: string;
+    language?: Language;
+    messageHtml?: string;
+    showCloseButton?: boolean;
+    showSecondaryButton?: boolean;
+    primaryButtonType?: ButtonColor;
+    primaryButtonIconPosition?: ButtonIconPosition;
+    secondaryButtonType?: ButtonColor;
+    primaryButtonIconName?: IconName;
+    primaryButtonDataTestId?: string;
+    secondaryButtonDataTestId?: string;
+    /**
+     * Callback function executed when the primary/confirm button is clicked.
+     *
+     * This callback is executed immediately before the dialog closes, within the same
+     * user gesture context. This is crucial for operations that may trigger popup blockers
+     * in restrictive browsers, such as:
+     * - Opening new tabs/windows (window.open)
+     * - Triggering file downloads
+     * - Navigating to external URLs
+     * - Accessing clipboard operations
+     *
+     * **Important**: Use this instead of subscribing to `afterClosed()` for popup-sensitive
+     * operations, as `afterClosed()` executes outside the user gesture context and will
+     * be blocked by popup blockers in most modern browsers.
+     *
+     * @example
+     * ```typescript
+     * // ✅ Good - executes within user gesture, won't be blocked
+     * onConfirm: () => window.open('https://example.com', '_blank')
+     *
+     * // ❌ Bad - executes outside user gesture, could be blocked
+     * dialogRef.afterClosed().subscribe(result => {
+     *   if (result) window.open('https://example.com', '_blank');
+     * });
+     * ```
+     */
+    onConfirm?: () => void;
+}
+
+declare class ConfirmDialogComponent {
+    private readonly defaultAppTheme;
+    dialogRef: MatDialogRef<ConfirmDialogComponent>;
+    private data;
+    confirmMessage: string | undefined;
+    confirmButtonText: string | undefined;
+    cancelButtonText: string | undefined;
+    title: string | undefined;
+    lang: i5.Language;
+    confirmMessageHtml: string | undefined;
+    showCloseButton: boolean;
+    showSecondaryButton: boolean;
+    color: string | null;
+    primaryButtonType: ButtonColor;
+    secondaryButtonType: ButtonColor;
+    primaryButtonIconName: IconName | undefined;
+    primaryButtonDataTestId: string;
+    secondaryButtonDataTestId: string;
+    primaryButtonIconPosition: ButtonIconPosition;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof DialogComponent
+     */
+    applicationTheme: ApplicationTheme;
+    constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
+    onConfirm(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class ConfirmDialogComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogComponentModule, [typeof ConfirmDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof DialogComponentModule, typeof i5.UiTranslatePipe], [typeof ConfirmDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmDialogComponentModule>;
+}
+
+declare class DialogCustomComponent implements OnInit {
+    private readonly defaultAppTheme;
+    protected data: any;
+    canClose: () => boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof DialogComponent
+     */
+    applicationTheme: ApplicationTheme;
+    constructor(defaultAppTheme: ApplicationTheme, data: any);
+    ngOnInit(): void;
+    canCloseFalse(): boolean;
+    canCloseTrue(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogCustomComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogCustomComponent, "ui-dialog-custom", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class DialogCustomComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogCustomComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogCustomComponentModule, [typeof DialogCustomComponent], [typeof i2.CommonModule, typeof DialogComponentModule, typeof i4.ButtonComponentModule], [typeof DialogCustomComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DialogCustomComponentModule>;
+}
+
+export { ConfirmDialogComponent, ConfirmDialogComponentModule, DialogComponent, DialogComponentModule, DialogCustomComponent, DialogCustomComponentModule, DialogService };
+export type { ConfirmDialogData, DialogConfig, DialogSize };

package/components/divider/index.d.ts

@@ -1,5 +1,53 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/divider" />
-export * from './public-api';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/divider';
+
+type DividerSize = 'small' | 'large';
+
+declare class DividerComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Divider size
+     *
+     * @type {DividerSize}
+     * @memberof DividerComponent
+     */
+    size: DividerSize;
+    /**
+     * Determines whether the checkbox color.
+     * Default: Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof DividerComponent
+     */
+    companyColor: string | null;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof DividerComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Text content in the center of the divider
+     *
+     * @type {string}
+     * @memberof DividerComponent
+     */
+    label: string;
+    constructor(defaultAppTheme: ApplicationTheme);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "ui-divider", never, { "size": { "alias": "size"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class DividerComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DividerComponentModule, [typeof DividerComponent], [typeof i2.CommonModule, typeof i3.MatDividerModule], [typeof DividerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DividerComponentModule>;
+}
+
+export { DividerComponent, DividerComponentModule };
+export type { DividerSize };

package/components/donut-chart/index.d.ts

@@ -1,5 +1,39 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/donut-chart" />
-export * from './public-api';
+import * as chart_js from 'chart.js';
+import { Color, Plugin, ChartOptions } from 'chart.js';
+import * as i0 from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i2 from 'ng2-charts';
+
+type DonutChartData = {
+    labels: string[];
+    data: number[];
+    backgroundColor?: Color[];
+};
+
+declare class DonutChartComponent {
+    donutChartData: i0.InputSignal<DonutChartData | undefined>;
+    applicationTheme: i0.InputSignal<ApplicationTheme>;
+    readonly chartData: i0.Signal<{
+        labels: string[];
+        datasets: {
+            data: number[];
+            backgroundColor: chart_js.Color[] | undefined;
+            borderWidth: number;
+        }[];
+    }>;
+    centerTextPlugin: Plugin<'doughnut'>;
+    labelLinePlugin: Plugin<'doughnut'>;
+    donutChartPlugins: Plugin<'doughnut'>[];
+    donutChartOptions: ChartOptions<'doughnut'>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DonutChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DonutChartComponent, "ui-donut-chart", never, { "donutChartData": { "alias": "donutChartData"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class DonutChartComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DonutChartComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DonutChartComponentModule, [typeof DonutChartComponent], [typeof i2.BaseChartDirective], [typeof DonutChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DonutChartComponentModule>;
+}
+
+export { DonutChartComponent, DonutChartComponentModule };
+export type { DonutChartData };

package/components/dropdown/index.d.ts

@@ -1,5 +1,240 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/dropdown" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, DoCheck, OnChanges, AfterViewInit, EventEmitter, TemplateRef, ChangeDetectorRef, Renderer2, DestroyRef, NgZone, SimpleChanges } from '@angular/core';
+import * as i6 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i3 from '@angular/material/form-field';
+import { FloatLabelType } from '@angular/material/form-field';
+import * as i9 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i8 from '@angular/material/select';
+import { MatSelect } from '@angular/material/select';
+import * as i2 from '@angular/common';
+import * as i4 from '@angular/material/input';
+import * as i7 from '@testgorilla/tgo-ui/components/button';
+import * as i10 from '@testgorilla/tgo-ui/components/validation-error';
+
+type OptionType = {
+    value?: string;
+    displayValue?: string;
+    sectionTitle?: string;
+    isAISuggested?: boolean;
+} & Record<string, any>;
+
+declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    ngControl: NgControl;
+    private readonly renderer2;
+    private readonly focusMonitor;
+    private readonly destroyRef;
+    private readonly ngZone;
+    class: string;
+    findValueByValueField: (item: any) => 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;
+    /**
+     * 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<any> | null;
+    customSelectedOptionTemplate: TemplateRef<any> | null;
+    onTabPress(): void;
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, renderer2: Renderer2, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
+    floatLabel: FloatLabelType;
+    classError: string;
+    errorsLength: boolean;
+    showCheck: boolean;
+    optionSelected: any;
+    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: any): void;
+    setErrorsLength(): boolean;
+    writeValue(value?: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onClosed(): void;
+    onOpened(): void;
+    setStyleVariable(): void;
+    onKeydown($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null]>;
+    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; }; "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, false, never>;
+}
+
+declare class DropdownComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, [typeof DropdownComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatSelectModule, typeof i9.UiTranslatePipe, typeof i10.ValidationErrorModule, typeof i9.HasValidationErrorPipe], [typeof DropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
+}
+
+export { DropdownComponent, DropdownComponentModule };
+export type { OptionType };